@charset "UTF-8";
/*! common.css v2.0.6 */
/*!
 * !!! IMPORTANT !!!
 * Style left by removing Bootstrap v3.3.7 from CMS.
 */
svg:not(:root) {
  overflow: hidden;
}

.clearfix::before,
.clearfix::after,
.dl-horizontal dd::before,
.dl-horizontal dd::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.row::before,
.row::after,
.form-horizontal .form-group::before,
.form-horizontal .form-group::after,
.btn-toolbar::before,
.btn-toolbar::after,
.btn-group-vertical > .btn-group::before,
.btn-group-vertical > .btn-group::after,
.nav::before,
.nav::after,
.navbar::before,
.navbar::after,
.navbar-header::before,
.navbar-header::after,
.navbar-collapse::before,
.navbar-collapse::after,
.pager::before,
.pager::after,
.panel-body::before,
.panel-body::after,
.modal-header::before,
.modal-header::after,
.modal-footer::before,
.modal-footer::after {
  content: " ";
  display: table;
}

.clearfix::after,
.dl-horizontal dd::after,
.container::after,
.container-fluid::after,
.row::after,
.form-horizontal .form-group::after,
.btn-toolbar::after,
.btn-group-vertical > .btn-group::after,
.nav::after,
.navbar::after,
.navbar-header::after,
.navbar-collapse::after,
.pager::after,
.panel-body::after,
.modal-header::after,
.modal-footer::after {
  clear: both;
}

.container {
  margin-right: auto;
  margin-left: auto;
}

.radio,
.checkbox {
  display: block;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dropup,
.dropdown {
  position: relative;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  border-radius: 0.25em;
  color: #fff;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.thumbnail:not([role=tab]) {
  display: block;
  margin-bottom: 20px;
  padding: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  line-height: 1.4286;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  border: 0;
  background-color: transparent;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.hidden {
  display: none !important;
}

/*!
Index
------------------------------
- Base

- LegacyStyles

- BaseScriptStyles

- Headline

- CommonModules
--- CommonModules/Header
--- CommonModules/Footer
--- CommonModules/Navigation
--- CommonModules/Contact

- Modules
--- Modules/Text
--- Modules/Link
--- Modules/Button
--- Modules/List
--- Modules/Box
--- Modules/Panel
--- Modules/Media
--- Modules/Support
--- Modules/Table
--- Modules/Form
--- Modules/Layout
--- Modules/GeneralSearch
--- Modules/JavaScript - Gallery
--- Modules/JavaScript - Carousel
--- Modules/MyPageOnly

- Modules/Utils
--- position
--- sizes
--- spacing
--- text-break
--- invisible

*/
/*! = Base */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

html[data-scroll-disabled=true] > body {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
  min-width: 320px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal;
  line-height: 1.5;
  overflow-wrap: break-word;
}

main {
  display: block;
}

br {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #0f6bff;
  text-decoration: underline;
}

a:focus {
  outline: 1px dashed #333;
  outline: -webkit-focus-ring-color auto 5px;
}

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

a[role=button] {
  cursor: pointer;
}

a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

@media screen and (min-width: 768px), print {
  a:focus,
  a:hover {
    text-decoration: none;
  }
}
[id^=anc-][id*=" "] {
  background: red !important;
}

img {
  vertical-align: bottom;
}

small,
.small {
  font-size: 88%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

em {
  font-style: normal;
  font-weight: 700;
}

dfn {
  font-style: normal;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: inherit;
  text-shadow: none;
}

[role=button],
button {
  cursor: pointer;
}

[role=button],
button,
input,
select,
textarea {
  max-width: 100%;
  color: #222;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

button[disabled],
input[disabled] {
  cursor: default;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

figure,
p {
  margin: 0;
}

dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

table {
  word-wrap: break-word;
}

noscript:first-child > :first-child {
  margin-top: 0;
}

noscript:last-child > :last-child {
  margin-bottom: 0;
}

.color-lSeries {
  color: #c00;
}

[class^=str-outer] {
  padding: 0 20px;
  overflow: hidden;
}
[class^=str-outer].of-full {
  padding: 0;
}
[class^=str-outer].of-width02 > .str-inner {
  max-width: 1120px;
}
[class^=str-outer].of-width03 > .str-inner {
  max-width: 1030px;
}
[class^=str-outer].of-full > .str-inner {
  max-width: none;
}
[class^=str-outer] .str-outer {
  display: contents;
}
[class^=str-outer] .str-outer > .str-inner {
  display: contents;
}

[class^=str-outer].var-02 {
  padding-top: 40px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #f4f4f4;
}
[class^=str-outer].var-02 .str-inner {
  position: relative;
}
[class^=str-outer].var-02 .str-inner > [class^=mod-hdg]:first-child,
[class^=str-outer].var-02 .str-inner > .component:first-child [class^=mod-hdg] {
  margin-top: 0;
}

[class^=str-outer-pageTitle].var-02 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px), print {
  [class^=str-outer].of-full-wide {
    padding: 0;
  }
  [class^=str-outer-pageTitle].var-02 {
    margin-top: 40px;
    margin-bottom: 35px;
  }
  [class^=str-outer].of-full-narrow {
    padding: 0 15px;
  }
  [class^=str-outer].of-full-wide > .str-inner {
    max-width: none;
  }
}
@media screen and (min-width: 992px), print {
  [class^=str-outer] {
    padding: 0 40px;
  }
}
.str-outer {
  overflow: hidden;
}

.str-inner {
  display: flow-root;
  max-width: 1120px;
  margin: 0 auto;
}

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

.component {
  float: none;
}

.component[class*=col-]:not([class*=mod-]) {
  position: static;
}

.str-module-root,
[data-module-root] {
  display: flow-root;
  width: 100%;
}

/**
 * A11y:Screen Readers
 */
.sr-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

/**
 * A11y:Screen Readers
 * Refer to Utility:
 *    Tailwind CSS version v1.1.0+
 *    https://tailwindcss.com/docs/screen-readers
 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border-width: 0 !important;
  white-space: nowrap !important;
}

.not-sr-only:active,
.not-sr-only:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.js-filter > .inner {
  overflow: hidden;
  -webkit-transition: 0.3s height ease-out;
  transition: 0.3s height ease-out;
}

.js-filter-target[hidden] {
  display: none !important;
}

.js-filter + * {
  margin-top: 20px;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

/* Grobal focus style */
:focus {
  outline: none;
}

:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible,
button:focus-visible,
input:focus-visible,
a:focus-visible {
  outline: 2px solid #222;
  outline-offset: 2px;
}

/* Skip Nav */
#skipnav-content {
  display: block;
  position: relative;
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
  outline: none;
  background-color: #771f1f;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.143em;
  text-align: center;
}
#skipnav-content:focus {
  height: 2.143em;
}

/*! = LegacyStyles
 * Retain styles used in past UIs
 */
html[data-script-enabled=true] .nav-local.is-fixed > .inner {
  position: fixed;
  z-index: 11;
  left: 0;
}

html[data-script-enabled=true] .nav-local > .inner > .wrap > .menu {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

html[data-script-enabled=true] .nav-local > .inner > .wrap > .menu:not(.is-open) {
  display: none;
}

html[data-script-enabled=true] .nav-local > .inner > .wrap > .category > .func-btn {
  outline: 0;
}

@media screen and (min-width: 768px), print {
  html[data-script-enabled=true] .nav-local > .inner > .wrap > .menu {
    position: static;
    overflow: visible;
  }
  html[data-script-enabled=true] .nav-local > .inner > .wrap > .menu:not(.is-open) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > strong {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span {
  position: relative;
  width: 53px;
  padding: 0 19px 0 0;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::after,
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto 0;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::before {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #1a1a1a;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::after {
  top: -1px;
  right: 5px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.2s border ease-out, 0.2s top ease-out;
  transition: 0.2s border ease-out, 0.2s top ease-out;
  border: 1px solid;
  border-color: transparent #fff #fff transparent;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span[aria-expanded=true] > span::after {
  top: 5px;
  border-color: #fff transparent transparent #fff;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list {
  -webkit-transition: 0.2s height ease-out;
  transition: 0.2s height ease-out;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list:not(.is-open) {
  display: none;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
  -webkit-transition: 0.2s height ease-out;
  transition: 0.2s height ease-out;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]):not(.is-open) {
  display: none;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][data-tree=true] > span::after,
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][data-tree=true] > span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 2px;
  right: 17px;
  bottom: 0;
  width: 14px;
  height: 2px;
  margin: auto 0;
  border-top: 2px solid #1d1d1d;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true].is-border-none > span::after,
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true][data-tree=true] > span::after {
  display: block;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][data-tree=false] > span::before,
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true][data-tree=false] > span::after,
html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=false][data-tree=false] > span::after {
  content: none;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][data-tree=true] > span:not([aria-expanded=true])::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media screen and (min-width: 768px), print {
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg {
    padding: 0;
    font-weight: 400;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span {
    padding: 0;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span {
    padding: 0;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span > span::before {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list {
    width: auto;
    overflow: visible;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list:not(.is-open) {
    display: block;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border: 0;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    display: none;
    position: relative;
    -ms-grid-row: 2;
    grid-row: 2/3;
    overflow: visible;
    border-top: 1px solid #e8e8e8;
    background: #fff;
    -ms-grid-row-span: 1;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem])::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem])::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -1px;
    width: 100%;
    height: calc(100% + 1px);
    border-top: 1px solid #e8e8e8;
    background: #fff;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem])::before {
    right: 100%;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem])::after {
    left: 100%;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 1px solid #e1e1e1;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] {
    border-bottom: 0;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:first-child {
    border-left: 1px solid #e1e1e1;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(4) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(5) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 5/6;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem]:nth-of-type(6) {
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    grid-column: 6/7;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span {
    position: relative;
    border-width: 1px 1px 0 0;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::before,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::before {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 0;
    margin: 0;
    -webkit-transform: none;
            transform: none;
    border: 0;
    border-bottom: 2px solid #fff;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span[aria-current=page]::after {
    display: block;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][data-tree=true] > span:not([aria-expanded=true])::before {
    content: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true] {
    font-weight: 700;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true][data-tree=true] > span::after,
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true][data-tree=false] > span::after {
    content: "";
    z-index: 1;
    top: 100%;
    width: 100%;
    border-top: none;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=false][data-tree=false] > span::after {
    content: none;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem][aria-current=true] + [id] {
    display: block;
  }
  html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a[aria-current=page]::after {
    display: block;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="2"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="2"] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="3"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="3"] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="4"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="4"] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="5"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="5"] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/7;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="6"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[data-col-wide="6"] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1/8;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner {
    -webkit-transition: 0.2s -webkit-box-shadow ease-out;
    transition: 0.2s -webkit-box-shadow ease-out;
    transition: 0.2s box-shadow ease-out;
    transition: 0.2s box-shadow ease-out, 0.2s -webkit-box-shadow ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap {
    -webkit-transition: 0.2s padding ease-out;
    transition: 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .hdg > span {
    -webkit-transition: 0.2s border-radius ease-out, 0.2s border ease-out;
    transition: 0.2s border-radius ease-out, 0.2s border ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list {
    -webkit-transition: 0.2s padding ease-out;
    transition: 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list > [role=list] > * {
    -webkit-transition: 0.2s background ease-out, 0.2s padding ease-out;
    transition: 0.2s background ease-out, 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list > [role=list] > [role=listitem] > a,
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list > [role=list] > [role=listitem] > span {
    -webkit-transition: 0.2s font-size ease-out, 0.2s padding ease-out;
    transition: 0.2s font-size ease-out, 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    -webkit-transition: 0.2s font-size ease-out, 0.2s padding ease-out;
    transition: 0.2s font-size ease-out, 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll]:not(.is-adjusting) > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li {
    -webkit-transition: 0.2s padding ease-out;
    transition: 0.2s padding ease-out;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap {
    position: relative;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .hdg > span {
    padding: 0;
    border: 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .list {
    position: static;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: none;
    overflow: visible;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list::after {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: 0.2s -webkit-box-shadow ease-out 0.2s;
    transition: 0.2s -webkit-box-shadow ease-out 0.2s;
    transition: 0.2s box-shadow ease-out 0.2s;
    transition: 0.2s box-shadow ease-out 0.2s, 0.2s -webkit-box-shadow ease-out 0.2s;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 4px 0 rgba(153, 153, 153, 0.76);
            box-shadow: 0 1px 4px 0 rgba(153, 153, 153, 0.76);
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner::after {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1240px;
    padding-top: 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list {
    position: relative;
    width: calc(100% - 103px);
    padding: 14px 0 10px;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] {
    margin: -14px 0 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 14px 26px 0 24px;
    background: 0 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem]:first-child {
    border-left: 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem] > a,
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem] > span {
    display: inline-block;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    max-width: 100%;
    padding: 0;
    border: 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after,
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > [role=listitem] > span::after {
    opacity: 0;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    padding: 14px 0 0 23px;
    border-top: 0;
    background: 0 0;
    font-size: 1.4rem;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > :not([role=listitem])::after,
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > :not([role=listitem])::before {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li {
    padding-right: 26px;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list > .func-close {
    display: none;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed[data-col-wide="2"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: minmax(0, max-content) auto 1fr;
    grid-template-columns: minmax(0, -webkit-max-content) auto 1fr;
    grid-template-columns: minmax(0, max-content) auto 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed[data-col-wide="3"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: minmax(0, max-content) minmax(0, max-content) auto 1fr;
    grid-template-columns: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) auto 1fr;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) auto 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed[data-col-wide="4"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
    grid-template-columns: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) auto 1fr;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed[data-col-wide="5"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
    grid-template-columns: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) auto 1fr;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
  }
  html[data-script-enabled=true] .nav-local-02[class*=js-toFixedByScroll].is-fixed[data-col-wide="6"] > .inner > .wrap > .list > [role=list] {
    -ms-grid-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
    grid-template-columns: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) auto 1fr;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) auto 1fr;
  }
  html[data-is-scrolling=true] .nav-local-02[class*=js-toFixedByScroll] > .inner {
    will-change: transition, position;
  }
}
.result.of-outer-element {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.js-carousel img {
  pointer-events: none;
}

.js-carousel.is-ready > * {
  -webkit-transition: 0.3s -webkit-transform ease-out;
  transition: 0.3s -webkit-transform ease-out;
  transition: 0.3s transform ease-out;
  transition: 0.3s transform ease-out, 0.3s -webkit-transform ease-out;
}

.js-carousel[data-status=move] .carousel-container {
  will-change: transform;
}

.js-carousel.is-dragging > * {
  -webkit-transition: none !important;
  transition: none !important;
}

.js-carousel img {
  pointer-events: none;
}

html[data-script-enabled=true] .js-carousel > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html[data-script-enabled=true] .js-carousel > .carousel-container > .carousel-panel {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .js-carousel-wide.is-ready > * {
    -webkit-transition: 0.3s -webkit-transform ease-out;
    transition: 0.3s -webkit-transform ease-out;
    transition: 0.3s transform ease-out;
    transition: 0.3s transform ease-out, 0.3s -webkit-transform ease-out;
  }
  .js-carousel-wide[data-status=move] .carousel-container {
    will-change: transform;
  }
  .js-carousel-wide.is-dragging > * {
    -webkit-transition: none !important;
    transition: none !important;
  }
  .js-carousel-wide img {
    pointer-events: none;
  }
  html[data-script-enabled=true] .js-carousel-wide > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  html[data-script-enabled=true] .js-carousel-wide > .carousel-container > .carousel-panel {
    width: 100%;
  }
}
/* #126 PC幅でのみ機能するカルーセル
  #127 自動再生カルーセル
------------------------------------ */
.js-carousel-wide img {
  pointer-events: none;
}

.mod-carousel {
  margin: 0 0 62px;
  overflow: hidden;
}

.mod-carousel > .inner.is-ready {
  margin: 0 0 0 -10px;
  overflow: hidden;
  contain: paint;
}

.mod-carousel > .inner.is-ready > .carousel-container {
  -webkit-transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s transform ease-out;
  transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}

.mod-carousel > .inner.is-ready > .carousel-container.is-bg-none {
  background-color: transparent;
}

.mod-carousel > .inner.is-ready > .carousel-container > .carousel-panel {
  position: relative;
  padding: 0 0 0 10px;
  overflow: hidden;
}

.mod-carousel > .inner.is-ready > .carousel-container > .carousel-panel > .content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mod-carousel .func-uiwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
  overflow: hidden;
}

.mod-carousel .func-dot-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 10px;
}

.mod-carousel .func-dot-wrapper > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 21px;
}

.mod-carousel > .inner[data-autoplay] .func-dot-wrapper > .list,
.str-mainvisual-02 > .inner[data-autoplay] .func-dot-wrapper > .list {
  padding: 0 44px 0 0;
}

.mod-carousel .func-dot-wrapper > .list li:not(.of-autoplay-controller),
.str-mainvisual-02 .func-dot-wrapper > .list li:not(.of-autoplay-controller) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 21px;
  height: 21px;
  margin: 0 10px;
}

.mod-carousel .func-dot-wrapper > .list li:not(.of-autoplay-controller)[aria-selected=true] span,
.str-mainvisual-02 .func-dot-wrapper > .list li:not(.of-autoplay-controller)[aria-selected=true] span {
  background: #0b0a0a;
}

.mod-carousel .func-dot-wrapper > .list li:not(.of-autoplay-controller) span,
.str-mainvisual-02 .func-dot-wrapper > .list li:not(.of-autoplay-controller) span {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  -webkit-transition: 0.5s background ease-out;
  transition: 0.5s background ease-out;
  border: 1px solid transparent;
  border-radius: 100%;
  background: #e1e1e1;
  text-indent: 18px;
}

.mod-carousel .func-dot-wrapper > .list li.of-autoplay-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 2px;
  bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 0;
}

.mod-carousel .func-dot-wrapper > .list li.of-autoplay-controller button,
.str-mainvisual-02 .func-dot-wrapper > .list li.of-autoplay-controller button {
  width: 34px;
  height: 34px;
  padding: 2px 0 0;
}

.mod-carousel .func-dot-wrapper > .list li.of-autoplay-controller button span,
.str-mainvisual-02 .func-dot-wrapper > .list li.of-autoplay-controller button span {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 32px;
  margin: auto;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background: #f7f7f7;
  text-indent: 34px;
  word-break: keep-all;
}

.mod-carousel .func-dot-wrapper > .list li.of-autoplay-controller button span::before,
.str-mainvisual-02 .func-dot-wrapper > .list li.of-autoplay-controller button span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 16px;
  margin: auto;
  border: solid #333;
  border-width: 0 4px;
}

.mod-carousel .func-dot-wrapper > .list li.of-autoplay-controller button[aria-pressed=true] span::before {
  top: 5px;
  left: 11px;
  width: 0;
  height: 0;
  margin: 0;
  border: solid transparent;
  border-width: 10px 14px;
  border-left-color: #333;
}

.mod-carousel > .inner.is-ready > .carousel-container > .carousel-panel > .content > :first-child {
  margin-top: 0;
}

.mod-carousel > .inner.is-ready > .carousel-container > .carousel-panel > .content > :last-child {
  margin-bottom: 0;
}

.mod-carousel .func-uiwrapper .func-btn {
  position: relative;
  width: 40px;
  height: 40px;
}

.mod-carousel .func-uiwrapper .func-btn.of-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.mod-carousel .func-uiwrapper .func-btn.of-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.mod-carousel .func-uiwrapper .func-btn::after,
.mod-carousel .func-uiwrapper .func-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 1px;
  margin: auto 0;
  border-top: 0.15rem solid #000;
}

.mod-carousel .func-uiwrapper .func-btn.of-prev::after,
.mod-carousel .func-uiwrapper .func-btn.of-prev::before {
  left: 14px;
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}

.mod-carousel .func-uiwrapper .func-btn.of-prev::before {
  -webkit-transform: rotate(-33deg) skew(0deg, -10deg);
          transform: rotate(-33deg) skew(0deg, -10deg);
}

.mod-carousel .func-uiwrapper .func-btn.of-prev::after {
  -webkit-transform: rotate(33deg) skew(0deg, 10deg);
          transform: rotate(33deg) skew(0deg, 10deg);
}

.mod-carousel .func-uiwrapper .func-btn.of-next::after,
.mod-carousel .func-uiwrapper .func-btn.of-next::before {
  right: 14px;
  -webkit-transform-origin: 100% 0 0;
          transform-origin: 100% 0 0;
}

.mod-carousel .func-uiwrapper .func-btn.of-next::before {
  -webkit-transform: rotate(33deg) skew(0deg, 10deg);
          transform: rotate(33deg) skew(0deg, 10deg);
}

.mod-carousel .func-uiwrapper .func-btn.of-next::after {
  -webkit-transform: rotate(-33deg) skew(0deg, -10deg);
          transform: rotate(-33deg) skew(0deg, -10deg);
}

.mod-carousel .func-uiwrapper .func-btn span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px), print {
  .js-carousel-wide.is-ready > * {
    -webkit-transition: 0.3s -webkit-transform ease-out;
    transition: 0.3s -webkit-transform ease-out;
    transition: 0.3s transform ease-out;
    transition: 0.3s transform ease-out, 0.3s -webkit-transform ease-out;
  }
  .mod-carousel .func-uiwrapper .func-btn {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-carousel .func-dot-wrapper > .list > li.of-autoplay-controller button {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-carousel .func-dot-wrapper > .list > li.of-autoplay-controller button:focus,
  .mod-carousel .func-dot-wrapper > .list > li.of-autoplay-controller button:hover {
    opacity: 0.5;
  }
}
/* 単一メディアレイアウト */
.str-mainvisual-02 > .inner > .slider > .inner {
  position: relative;
  margin: 0 auto;
}

.str-mainvisual-02 > .inner > .slider > .inner.is-ready {
  overflow: hidden;
  contain: paint;
}

.str-mainvisual-02 > .inner > .slider > .inner.is-ready > .carousel-container {
  -webkit-transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s transform ease-out;
  transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}

.str-mainvisual-02 > .inner > .slider > .inner.is-ready > .carousel-container > .carousel-panel > .content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.str-mainvisual-02 > .inner > .slider > .inner.is-ready > .carousel-container > .carousel-panel > .content > :last-child {
  margin-bottom: 0;
}

.str-mainvisual-02 > .inner > .slider > .inner.is-ready > .carousel-container > .carousel-panel > .content > :first-child {
  margin-top: 0;
}

.str-mainvisual-02 .func-dot-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 10px 0;
  padding: 10px 24px;
  border-bottom: 1px solid #e1e1e1;
}

.str-mainvisual-02 .func-dot-wrapper > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 21px;
  margin: 0 auto;
  padding: 0 44px 0 0;
}

.str-mainvisual-02 .func-dot-wrapper > .list li.of-autoplay-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 2px;
  bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 0;
}

.str-mainvisual-02 .func-dot-wrapper > .list li.of-autoplay-controller button[aria-pressed=true] span::before {
  top: 5px;
  left: 11px;
  width: 0;
  height: 0;
  margin: 0;
  border: solid transparent;
  border-width: 10px 14px;
  border-left-color: #333;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  margin: auto;
  border-radius: 4px;
  background: #0b0a0a;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn::after,
.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 2px;
  width: 15px;
  height: 1px;
  margin: auto 0;
  border-top: 2px solid #fff;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-prev::after,
.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-prev::before {
  left: 12px;
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-next::after,
.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-next::before {
  left: 11px;
  -webkit-transform-origin: 100% 0 0;
          transform-origin: 100% 0 0;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-prev {
  right: auto;
  left: 10px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-next {
  right: 10px;
  left: auto;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-prev::before {
  -webkit-transform: rotate(-33deg);
          transform: rotate(-33deg);
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-prev::after {
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-next::before {
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
}

.str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn.of-next::after {
  -webkit-transform: rotate(-33deg);
          transform: rotate(-33deg);
}

/* 背景グレーなし */
.str-mainvisual-02.of-full > .inner > .slider > .inner {
  max-width: none;
}

.str-mainvisual-02.of-full .mod-media > .inner > a.media,
.str-mainvisual-02.of-full .mod-media > .inner img {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .str-mainvisual-02 > .inner > .slider {
    border-bottom: 1px solid #e1e1e1;
    background: #f7f7f7;
  }
  .str-mainvisual-02 > .inner .func-dot-wrapper {
    border-bottom: 0;
  }
  .str-mainvisual-02 > .inner .func-dot-wrapper > .list > li.of-autoplay-controller button {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .str-mainvisual-02 > .inner .func-dot-wrapper > .list > li.of-autoplay-controller button:focus,
  .str-mainvisual-02 > .inner .func-dot-wrapper > .list > li.of-autoplay-controller button:hover {
    opacity: 0.5;
  }
  .str-mainvisual-02 > .inner > .slider .func-uiwrapper .func-btn {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
}
.c-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-accordion .accordion-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border: solid #e4e4e4;
  border-width: 1px;
}

.c-accordion .accordion-list + .accordion-list {
  margin-top: 20px;
}

.c-accordion.of-fit .accordion-list + .accordion-list {
  margin-top: 0;
  border-top: 0;
}

.c-accordion .accordion-list .btn-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: #f7f7f7;
  font-weight: 700;
  cursor: pointer;
}

.c-accordion:not(.of-step) .accordion-list .btn-accordion[type=button] {
  padding: 0.5em 2.8em 0.6em 0.5em;
  line-height: 1.8;
  text-align: left;
}

.c-accordion .accordion-list .btn-accordion input[type=button] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5em 2.8em 0.6em 0.5em;
  border: none;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.8;
  text-align: left;
}

.c-accordion .accordion-list .btn-accordion:hover,
.c-accordion .accordion-list .btn-accordion:focus {
  outline: none;
  opacity: 0.7;
  background-color: #fff;
}

.c-accordion .accordion-list .btn-accordion label:focus,
.c-accordion .accordion-list .btn-accordion input:focus {
  outline: none;
}

.c-accordion .accordion-list .btn-accordion.of-focus:focus,
.c-accordion .accordion-list .btn-accordion .of-focus:focus {
  outline: #333 solid 2px;
  outline-offset: -2px;
}

.c-accordion .accordion-list .btn-accordion::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: 1em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.c-accordion .accordion-list:not(.is-active) .btn-accordion::before {
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  -webkit-transform: rotate(45deg) translate(-3px, 0);
          transform: rotate(45deg) translate(-3px, 0);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #1a1a1a;
}

.c-accordion .accordion-list.is-active .btn-accordion::before {
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  -webkit-transform: rotate(-135deg) translate(0, -3px);
          transform: rotate(-135deg) translate(0, -3px);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #1a1a1a;
}

.result.of-outer-element {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.c-accordion .btn-accordion {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: #f7f7f7;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.c-accordion .accordion-innerWrap {
  padding: 1em;
}

.c-accordion .contentsBlock {
  position: relative;
  z-index: 0;
  height: 0;
  max-height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: height 0.3s ease-in-out, display 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, display 0.3s ease-in-out;
  line-height: 1.5;
}

.c-accordion .contentsBlock.is-active {
  height: auto;
}

.c-accordion .btn-accordion::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e4e4e4;
}

.c-accordion .mod-filter {
  margin-top: 0;
}

.c-accordion.discon-pl .accordion-list {
  margin-top: 0;
  margin-bottom: 20px;
}

.c-accordion .accordion-list .btn-accordion .btn-step {
  display: inline-block;
  min-width: 100px;
  margin: 0 10px 0 0;
  padding: 4px 8px;
  border-radius: 0;
  background-color: #333;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.c-accordion .accordion-list .btn-accordion .btn-title-name {
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.c-accordion .accordion-list .btn-accordion .btn-group-name {
  margin-top: 5px;
  margin-bottom: 5px;
}

.c-accordion.discon-pl .accordion-innerWrap {
  padding: 20px;
}

.c-accordion .contentsBlock > .mod-pnl {
  margin: 10px 10px 20px;
  overflow: hidden;
}

.c-accordion .contentsBlock > .mod-pnl + .mod-pnl {
  margin-top: -10px;
}

.c-accordion .contentsBlock > .mod-pnl .pnl.align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-accordion .contentsBlock > .mod-link-list {
  margin: 10px 0 20px 10px;
}

.c-accordion .contentsBlock > .mod-link-list .list > li {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.c-accordion .contentsBlock > .mod-link-list .list .title {
  font-size: 1.6rem;
  letter-spacing: 0.2px;
}

@media screen and (min-width: 768px), print {
  .c-accordion .contentsBlock > .mod-pnl {
    margin: 40px;
  }
  .c-accordion .contentsBlock > .mod-pnl + .mod-pnl {
    margin-top: -10px;
    margin-bottom: 0;
  }
  .c-accordion .contentsBlock > .mod-pnl + .mod-pnl:last-child {
    margin-bottom: 60px;
  }
  .c-accordion .contentsBlock > .mod-link-list {
    margin: 40px;
  }
  .c-accordion .contentsBlock > .mod-link-list .list > li {
    margin-top: inherit;
    margin-bottom: inherit;
  }
  .c-accordion .contentsBlock > .mod-link-list .list .title {
    font-size: 1.8rem;
    letter-spacing: 1.6px;
  }
  .c-accordion .contentsBlock > .mod-pnl .pnl.align-center {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .c-accordion .contentsBlock > .mod-pnl .pnl.align-center .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .c-accordion .contentsBlock > .mod-pnl .pnl.align-center .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .c-accordion .accordion-list .btn-accordion .btn-step {
    margin-right: 20px;
  }
  .c-accordion .accordion-list .btn-accordion .btn-step {
    min-width: 192px;
    margin: 0 20px 0 0;
    padding: 20px 10px;
    font-size: 2rem;
  }
}
.site-header.of-lower-level + .nav-location + .site-main .str-pageTitle {
  margin-right: 0;
  margin-left: 0;
}

.site-header > .inner {
  position: relative;
  z-index: 200;
  background: #fff;
}

.site-header > .inner > .sitename {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1270px;
  margin: 0 auto;
  padding: 11px 15px 9px;
}

.site-header > .inner > .sitename > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #000;
  text-decoration: none;
}

.site-header > .inner > .sitename > a > .region {
  margin: 0 0 -1px 14px;
  font-size: 1.1rem;
  line-height: 1;
}

.site-header > .inner > .sitename img {
  vertical-align: bottom;
}

.site-header > .inner > .search {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1270px;
}

.site-header > .inner > .search a {
  display: block;
  width: 50px;
  height: 46px;
  background: #efefef;
}

.site-header > .inner > .search a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
  background-position: -50px 0;
  background-size: 83px 50px;
}

.site-header > .inner > .search a span {
  display: block;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

.site-header > .inner .func-btn.of-hamburger {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 46px;
  background: #c00;
}

.site-header > .inner .func-btn.of-hamburger::after,
.site-header > .inner .func-btn.of-hamburger::before {
  content: "";
  -webkit-transition: 0.2s top ease-out 0.2s, 0.2s width ease-out, 0.2s -webkit-transform ease-out;
  transition: 0.2s top ease-out 0.2s, 0.2s width ease-out, 0.2s -webkit-transform ease-out;
  transition: 0.2s top ease-out 0.2s, 0.2s transform ease-out, 0.2s width ease-out;
  transition: 0.2s top ease-out 0.2s, 0.2s transform ease-out, 0.2s width ease-out, 0.2s -webkit-transform ease-out;
}

.site-header > .inner .func-btn.of-hamburger::after,
.site-header > .inner .func-btn.of-hamburger::before,
.site-header > .inner .func-btn.of-hamburger > span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 2px;
  margin: auto;
  border-bottom: 2px solid #fff;
}

.site-header > .inner .func-btn.of-hamburger::before {
  top: -12px;
}

.site-header > .inner .func-btn.of-hamburger::after {
  top: 11px;
}

.site-header > .inner .func-btn.of-hamburger > span {
  top: 0;
  overflow: hidden;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}

.site-header > .inner .func-btn.of-hamburger[aria-expanded=true]::after,
.site-header > .inner .func-btn.of-hamburger[aria-expanded=true]::before {
  top: 0;
  width: 16px;
  -webkit-transition: 0.2s top ease-out, 0.2s width ease-out, 0.2s -webkit-transform ease-out 0.2s;
  transition: 0.2s top ease-out, 0.2s width ease-out, 0.2s -webkit-transform ease-out 0.2s;
  transition: 0.2s top ease-out, 0.2s transform ease-out 0.2s, 0.2s width ease-out;
  transition: 0.2s top ease-out, 0.2s transform ease-out 0.2s, 0.2s width ease-out, 0.2s -webkit-transform ease-out 0.2s;
}

.site-header > .inner .func-btn.of-hamburger[aria-expanded=true]::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.site-header > .inner .func-btn.of-hamburger[aria-expanded=true]::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site-header > .inner .func-btn.of-hamburger[aria-expanded=true] > span {
  opacity: 0;
}

html[data-script-enabled=true] .site-header > .inner > .search {
  right: 50px;
}

html[data-script-enabled=true] .site-header > .inner > .search:last-child {
  right: 0;
}

@media screen and (min-width: 768px), print {
  .site-header > .inner > .sitename .logo {
    display: block;
    height: 29px;
  }
  .site-header > .inner > .sitename img {
    height: 100%;
  }
}
.func-btn.of-hamburger + .nav-global::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: #000;
  pointer-events: none;
}

.func-btn.of-hamburger[aria-expanded=true] + .nav-global::after {
  opacity: 1;
  pointer-events: auto;
}

.nav-global li {
  background: 0 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.nav-global > .inner a {
  color: #fff;
  text-decoration: none;
}

.nav-global > .inner > .navigation {
  max-height: calc(100vh - 47px);
  overflow: auto;
  border-top: 1px solid #e8e8e8;
  background: #000;
}

.nav-global > .inner > .navigation > .list {
  color: #fff;
}

.nav-global > .inner > .navigation > .list > li {
  overflow: hidden;
  border-bottom: 1px solid #404040;
}

.nav-global > .inner > .navigation > .list > li > .handle,
.nav-global > .inner > .navigation > .list > li > .of-handle-none {
  position: relative;
  padding: 11px 36px 11px 14px;
  font-weight: 700;
  letter-spacing: 1px;
}

.nav-global > .inner > .navigation > .list > li > .handle[role=button],
.nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nav-global > .inner > .navigation > .list > li > .handle[role=button]::after,
.nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::after,
.nav-global > .inner > .navigation > .list > li > .handle[role=button]::before,
.nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 14px;
  height: 2px;
  margin: auto 0;
  border-top: 2px solid #b40212;
}

.nav-global > .inner > .navigation > .list > li > .handle[role=button]::before,
.nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::before {
  -webkit-transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s transform ease-out;
  transition: 0.2s transform ease-out, 0.2s -webkit-transform ease-out;
}

.nav-global > .inner > .navigation > .list > li > .handle[role=button][aria-expanded=false]::before,
.nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button][aria-expanded=false]::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.nav-global > .inner > .navigation > .list a {
  color: inherit;
}

.nav-global > .inner > .navigation > .list > .of-handle-none a {
  display: block;
  padding: 11px 36px 11px 14px;
}

.nav-global > .inner > .navigation > .list.of-handle-none .handle,
.nav-global > .inner > .navigation > .list.of-handle-none .of-handle-none {
  padding: 0;
}

.nav-global > .inner > .navigation > .list > li > .dropdown {
  overflow: hidden;
  -webkit-transition: 0.25s height ease-out;
  transition: 0.25s height ease-out;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap {
  letter-spacing: -1px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list {
  background: #333;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > li {
  position: relative;
  border-bottom: 1px solid #404040;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > li:last-child {
  border-bottom: none;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > .inner-wrap > .list + .list {
  border-top: 1px solid #404040;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li > a,
.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li > span {
  display: block;
  padding: 12px 10px 14px;
  font-size: 1.2rem;
  letter-spacing: 0.875px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > li.of-top {
  font-weight: 700;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > li.of-top > a {
  padding-left: 14px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top > span {
  padding-left: 26px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top > span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 16px;
  left: 16px;
  width: 1px;
  height: 12px;
  background: #fff;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top ~ :not(.of-top) > a,
.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top ~ :not(.of-top) > span {
  padding: 12px 10px 12px 32px;
  font-size: 1.3rem;
  letter-spacing: -0.1px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn {
  display: none;
}

.nav-global > .inner > .navigation > .utility {
  padding: 15px;
}

.nav-global > .inner > .navigation > .utility a,
.nav-global > .inner > .navigation > .utility button {
  display: block;
  width: 100%;
  padding: 12px;
  border-radius: 3px;
  letter-spacing: -0.2px;
  text-align: center;
}

.nav-global > .inner > .navigation > .utility > .btn {
  margin: 0 0 10px;
}

.nav-global > .inner > .navigation > .utility > .btn > a {
  background: #eee;
  color: #333;
}

.nav-global > .inner > .navigation > .utility > .func-btn {
  border: 1px solid #404040;
  color: #fff;
}

.nav-global > .inner > .navigation > .utility > .func-btn > span {
  position: relative;
  padding: 0 0 0 29px;
}

.nav-global > .inner > .navigation > .utility > .func-btn > span::after,
.nav-global > .inner > .navigation > .utility > .func-btn > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 14px;
  width: 1px;
  height: 12px;
  border-left: 1px solid #fff;
}

.nav-global > .inner > .navigation > .utility > .func-btn > span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nav-global > .inner > .navigation > .utility > .func-btn > span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

html[data-script-enabled=true] .nav-global {
  position: relative;
}

html[data-script-enabled=true] .nav-global > .inner > .navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.2s height ease-out;
  transition: 0.2s height ease-out;
}

html[data-script-enabled=true] .nav-global > .inner > .navigation:not(.is-open) {
  display: none;
}

.nav-local > .inner {
  position: relative;
  z-index: 20;
  width: 100%;
  min-width: 320px;
  background: #737575;
}

.nav-local > .inner > .wrap {
  max-width: 1270px;
  margin: 0 auto;
  font-size: 1.4rem;
}

.nav-local > .inner > .wrap a {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  padding: 14px 22px;
  color: #000;
  text-decoration: none;
}

.nav-local > .inner > .wrap a span {
  display: inline-block;
  position: relative;
}

.nav-local > .inner > .wrap a span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  width: 44px;
  max-width: 100%;
  height: 1px;
  margin: 0 auto;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: #fff;
}

.nav-local > .inner > .wrap a[href]:focus span::after,
.nav-local > .inner > .wrap a[href]:hover span::after {
  opacity: 1;
}

.nav-local > .inner > .wrap a[aria-current=true] {
  font-weight: 700;
}

.nav-local > .inner > .wrap a:not([href])[aria-current=page] {
  font-weight: 700;
}

.nav-local > .inner > .wrap > .category {
  position: relative;
  padding: 11px 53px 9px 11px;
  color: #fff;
  font-size: 1.6rem;
}

.nav-local > .inner > .wrap > .category > .func-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 100%;
  padding: 0 0 16px;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 1.1px;
  text-align: center;
}

.nav-local > .inner > .wrap > .category > .func-btn > span {
  position: relative;
}

.nav-local > .inner > .wrap > .category > .func-btn > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 7px;
  height: 7px;
  margin: 2px auto 0;
  -webkit-transform: rotate(51deg) skew(13deg);
          transform: rotate(51deg) skew(13deg);
  -webkit-transition: 0.2s border ease-out, 0.2s margin ease-out;
  transition: 0.2s border ease-out, 0.2s margin ease-out;
  border: 1px solid #fff;
  border-color: transparent #fff #fff transparent;
}

.nav-local > .inner > .wrap > .category > .func-btn[aria-expanded=true] > span::after {
  margin-top: 7px;
  border-color: #fff transparent transparent #fff;
}

.nav-local > .inner > .wrap > .category > .func-btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  height: calc(100% - 8px);
  margin: auto 0;
  border-left: 1px solid #cacaca;
}

.nav-local > .inner > .wrap > .menu {
  overflow: hidden;
  -webkit-transition: 0.2s height ease-out;
  transition: 0.2s height ease-out;
  background: #fcfcfc;
}

.nav-local > .inner > .wrap > .menu > .list {
  margin: 0 0 13px;
  border-top: 1px solid #cacaca;
}

.nav-local > .inner > .wrap > .menu > .list > li {
  border-bottom: 1px solid #cacaca;
}

.nav-local > .inner > .wrap > .menu > .top {
  display: none;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn {
  padding: 0 15px;
  border-bottom: none;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button {
  position: relative;
  margin-top: 13px;
  padding: 12px 35px 12px 40px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  color: #333;
  text-align: center;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > a,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > button {
  position: relative;
  background: #c00;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a span::after,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button span::after {
  display: none;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a::after,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a::before,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button::after,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a::before,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button::before {
  z-index: 0;
  left: 12px;
  width: 15px;
  height: 15px;
  border-radius: 36px;
  background: #333;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > a::before,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > button::before {
  background: #fff;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn > a::after,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn > button::after {
  z-index: 1;
  left: 16px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > a::after,
.nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > button::after {
  border: 1px solid #c00;
  border-width: 1px 1px 0 0;
}

.nav-local > .inner > .wrap > .menu > .return {
  padding: 0 15px 13px;
}

.nav-local > .inner > .wrap > .menu > .return a {
  display: block;
  width: 100%;
  padding: 10px 10px 12px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  background: #efefef;
  color: #000;
  text-align: center;
}

.nav-local > .inner > .wrap > .menu > .func-close {
  padding: 0 15px 13px;
}

.nav-local > .inner > .wrap > .menu > .func-close button {
  width: 100%;
  padding: 10px 10px 12px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.nav-local > .inner > .wrap > .menu > .func-close button > span {
  position: relative;
  padding: 0 0 0 29px;
}

.nav-local > .inner > .wrap > .menu > .func-close button > span::after,
.nav-local > .inner > .wrap > .menu > .func-close button > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 7px;
  width: 1px;
  height: 16px;
  border-left: 3px solid #999;
}

.nav-local > .inner > .wrap > .menu > .func-close button > span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nav-local > .inner > .wrap > .menu > .func-close button > span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

html[data-script-enabled=true] .nav-local > .inner > .wrap > .category > .func-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 100%;
  right: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

html[data-script-enabled=true] .nav-local > .inner > .wrap > .category > .func-btn[aria-expanded=true]::after {
  opacity: 1;
  pointer-events: auto;
}

html[data-is-scrolling=true] .nav-local[class*=js-toFixedByScroll] > .inner {
  will-change: transition, position;
}

.nav-local-02 {
  position: relative;
  z-index: 10;
  margin: 40px 0;
}

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

.nav-local-02 > .inner {
  position: relative;
  z-index: 10;
  width: 100%;
  min-width: 320px;
  padding: 0 15px;
}

.nav-local-02 > .inner > .wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.nav-local-02 > .inner > .wrap > .hdg {
  background: #f7f7f7;
  font-size: 1rem;
  font-weight: 700;
}

.nav-local-02 > .inner > .wrap > .hdg > span {
  display: block;
  position: relative;
  padding: 13px 15px 11px;
  border: 1px solid #999;
  border-radius: 4px 4px 0 0;
}

.nav-local-02 > .inner > .wrap > .hdg > span[aria-expanded=false] {
  border-radius: 4px;
}

.nav-local-02 > .inner > .wrap > .hdg > span > strong {
  padding: 0 5px;
}

.nav-local-02 > .inner > .wrap > .list {
  overflow: hidden;
  background: #f7f7f7;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] {
  border: 1px solid #999;
  border-width: 0 1px;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] {
  display: block;
  border-bottom: 1px solid #999;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a,
.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span {
  display: block;
  position: relative;
  padding: 15px 38px;
  color: inherit;
  text-align: center;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after,
.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::before {
  left: 14px;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background: #333;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after {
  left: 18px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #fff;
  border-width: 1px 1px 0 0;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
  overflow: hidden;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list {
  padding: 0 20px;
  border-bottom: 1px solid #999;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li {
  padding: 14px 0;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li:not(:last-child) {
  border-bottom: 1px solid #dfdfdf;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li > a {
  display: inline-block;
  position: relative;
  padding: 0 32px;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li [aria-current=page] {
  font-weight: 700;
}

.nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 13px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #333;
  border-width: 1px 1px 0 0;
}

.nav-local-02 > .inner > .wrap > .list > [class^=func-] + [class^=func-] {
  padding-top: 0;
}

.nav-local-02 > .inner > .wrap > .list > .func-consultation {
  padding: 13px 15px;
}

.nav-local-02 > .inner > .wrap > .list:not([class*=is-open]) > .func-consultation {
  display: none;
}

.nav-local-02 > .inner > .wrap > .list > .func-consultation button {
  position: relative;
  width: 100%;
  padding: 10px 10px 12px;
  border-radius: 4px;
  background-color: #c00;
  color: #fff;
}

.nav-local-02 > .inner > .wrap > .list > .func-consultation button::before,
.nav-local-02 > .inner > .wrap > .list > .func-consultation button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.nav-local-02 > .inner > .wrap > .list > .func-consultation button::before {
  left: 14px;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background: #fff;
}

.nav-local-02 > .inner > .wrap > .list > .func-consultation button::after {
  left: 18px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #c00;
  border-width: 1px 1px 0 0;
}

.nav-local-02 > .inner > .wrap > .list > .func-close {
  display: none;
  padding: 13px 15px;
}

.nav-local-02 > .inner > .wrap > .list > .func-close button {
  width: 100%;
  padding: 10px 10px 12px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.nav-local-02 > .inner > .wrap > .list > .func-close button > span {
  position: relative;
  padding: 0 0 0 29px;
}

.nav-local-02 > .inner > .wrap > .list > .func-close button > span::after,
.nav-local-02 > .inner > .wrap > .list > .func-close button > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 7px;
  width: 1px;
  height: 16px;
  border-left: 3px solid #999;
}

.nav-local-02 > .inner > .wrap > .list > .func-close button > span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nav-local-02 > .inner > .wrap > .list > .func-close button > span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .hdg > span:focus::before {
  outline: 1px dotted #ccc;
  outline: -webkit-focus-ring-color auto 5px;
}

html[data-script-enabled=true] .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::before {
  -webkit-transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s -webkit-transform ease-out;
  transition: 0.2s transform ease-out;
  transition: 0.2s transform ease-out, 0.2s -webkit-transform ease-out;
}

.nav-local-02[class*=js-toFixedByScroll] > .inner {
  -webkit-transition: 0.2s padding ease-out;
  transition: 0.2s padding ease-out;
}

.nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap {
  position: relative;
  -webkit-transition: 0.2s max-width ease-out;
  transition: 0.2s max-width ease-out;
}

.nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .hdg > span {
  -webkit-transition: 0.2s padding ease-out, 0.2s border-radius ease-out, 0.2s border ease-out;
  transition: 0.2s padding ease-out, 0.2s border-radius ease-out, 0.2s border ease-out;
}

.nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: auto;
}

html:not([data-script-enabled=true]) .nav-local-02[class*=js-toFixedByScroll] > .inner > .wrap > .list {
  position: static;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner {
  position: fixed;
  left: 0;
  padding-right: 0;
  padding-left: 0;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap {
  max-width: 100%;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .hdg > span {
  padding: 9px 15px 10px;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .hdg > span[aria-expanded=true]::after {
  opacity: 1;
  pointer-events: auto;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list {
  max-height: 70vh;
  padding-top: 2px;
  -webkit-overflow-scrolling: touch;
}

.nav-local-02[class*=js-toFixedByScroll].is-fixed > .inner > .wrap > .list .func-close {
  display: block;
}

.nav-local-03 {
  margin: 38px 0;
}

.nav-local-03 > .heading > .mod-hdg-al2 {
  margin-bottom: 28px;
}

.nav-local-03 > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-local-03 > .list > li > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit;
  text-decoration: none;
}

.nav-local-03 > .list > li > .item > .symbol {
  display: block;
  position: relative;
  margin: 0 15px 0 0;
  border: 1px solid #bebebe;
  background: #fff;
}

.nav-local-03 > .list > li > .item > .symbol + span {
  display: block;
  position: relative;
  padding: 0 0 0 25px;
  font-size: 1.4rem;
}

.nav-local-03 > .list > li > .item > .symbol + span::after,
.nav-local-03 > .list > li > .item > .symbol + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.nav-local-03 > .list > li > .item > .symbol + span::before {
  z-index: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 36px;
  background: #1a1a1a;
}

.nav-local-03 > .list > li > .item > .symbol + span::after {
  z-index: 1;
  left: 4px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.nav-local-03 > .list > li + li {
  margin: 5px 0 0;
}

@media screen and (min-width: 768px), print {
  .nav-global > .inner > .navigation {
    margin-bottom: 0;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 25%;
    max-width: 25%;
    padding-left: 0;
    text-align: center;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle > span::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none > span::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle > span::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none > span::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 16px;
    margin: auto 0;
    border-left: 1px solid #e1e1e1;
    pointer-events: none;
  }
  html[data-script-enabled=true] .of-top .nav-global > .inner > .navigation > .list > li > .handle > span::before,
  html[data-script-enabled=true] .of-top .nav-global > .inner > .navigation > .list > li > .of-handle-none > span::before {
    content: "";
    left: -1px;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li:last-child > .handle > span::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li:last-child > .of-handle-none > span::after {
    content: "";
    right: 1px;
  }
  html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    margin: 0 0 0 -33px;
  }
  html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    min-width: auto;
    max-width: inherit;
    padding: 0 0 0 33px;
  }
  html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li > .handle,
  html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li > .of-handle-none {
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
  html[data-script-enabled=true] .site-header.of-top .nav-global > .inner > .navigation > .list > li > .handle > span,
  html[data-script-enabled=true] .site-header.of-top .nav-global > .inner > .navigation > .list > li > .of-handle-none > span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 10px;
  }
  .site-header.of-lower-level .nav-global {
    margin: 8px 0 12px;
  }
  .site-header.of-lower-level .nav-global li {
    color: inherit;
    font-size: 1.6rem;
    line-height: inherit;
  }
  .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li > .handle,
  .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li > .of-handle-none {
    font-weight: 400;
  }
  .nav-local > .inner > .wrap > .menu > .list > li:nth-child(n+2)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    width: 1px;
    height: 80%;
    margin: auto;
    background-color: #fff;
  }
  .nav-global > .inner > .navigation > .list > .of-handle-none a {
    display: inherit;
    padding: 8px 0 12px;
  }
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn > a,
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn > button {
    margin-top: 0;
    padding: 8px 25px 8px 40px;
  }
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn {
    padding: 0 0 0 20px;
  }
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn::before {
    content: none;
  }
  .nav-local > .inner > .wrap > .menu > .list > li.of-btnSp {
    display: none;
  }
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > a,
  .nav-local > .inner > .wrap > .menu > .list > li.of-btn.of-consultation > button {
    border: none;
  }
  .site-footer .links > .wrap[data-col-wide] {
    margin-left: auto;
  }
  .site-footer .links .wrap[data-col-wide="3"] > .col {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    min-width: 33.333%;
    max-width: 33.333%;
  }
  .dy-inquiry.contact > .wrap > .header .hdg ~ .sub-hdg,
  .site-footer .inner > .contact > .wrap > .header .hdg ~ .sub-hdg {
    font-size: 1.6rem;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .inner-wrap[data-col-wide] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    min-width: auto;
    max-width: inherit;
    padding-left: 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .inner-wrap ~ .inner-wrap {
    padding-top: 18px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .inner-wrap[data-col-wide] .of-top span {
    position: relative;
    padding-left: 15px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .inner-wrap[data-col-wide] .of-top span::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 5px;
    width: 1px;
    height: 16px;
    background: #fff;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .inner-wrap[data-col-wide] .list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding-left: 36px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > .inner-wrap > .list + .list {
    border-top: none;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > .inner-wrap > .list > li {
    padding-top: 13px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col .list > li {
    border-bottom: none;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li > a,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li > span {
    padding: 0;
    font-size: 1.4rem;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top ~ :not(.of-top) > a,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list li.of-top ~ :not(.of-top) > span {
    margin-left: 15px;
    padding: 2px 0 0;
    letter-spacing: 2px;
  }
  .site-footer .links .wrap > .col {
    margin-top: 0;
  }
}
/* #153 ローカルナビゲーション
------------------------------------ */
@media screen and (min-width: 768px), print {
  .nav-local > .inner > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 14px 13px;
  }
  .nav-local > .inner > .wrap a {
    padding: 0;
    color: #fff;
  }
  .nav-local > .inner > .wrap > .category {
    display: none;
  }
  .nav-local > .inner > .wrap > .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: 0 0;
    letter-spacing: 1px;
  }
  .nav-local > .inner > .wrap > .menu > .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 2rem;
    letter-spacing: 1.5px;
    white-space: nowrap;
  }
  .nav-local > .inner > .wrap > .menu > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: -10px;
    margin-bottom: 0;
    padding-top: 0;
    border-top: 0;
  }
  .nav-local > .inner > .wrap > .menu > .list > li {
    position: relative;
    margin-top: 12px;
    padding: 0 0 0 30px;
    border-bottom: 0;
  }
  .nav-local > .inner > .wrap > .menu > .list > li:first-child a {
    display: inline-block;
  }
  .nav-local > .inner > .wrap > .menu > .func-close,
  .nav-local > .inner > .wrap > .menu > .return {
    display: none;
  }
}
/* #154 コンテンツナビゲーション
------------------------------------ */
@media screen and (min-width: 768px), print {
  .nav-local-02 {
    margin: 0 0 67px;
  }
  .nav-local-02 > .inner {
    position: relative;
    padding-bottom: 1px;
    overflow: hidden;
    background: #f4f4f4;
  }
  .nav-local-02 > .inner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
  }
  .nav-local-02 > .inner > .wrap {
    padding: 40px 0 0;
  }
  .nav-local-02 > .inner > .wrap > .hdg {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] {
    border: 1px solid #e1e1e1;
    border-width: 1px 0 0 1px;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) {
    padding: 20px 51px 16px;
    font-size: 1.6rem;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom-color: #e1e1e1;
    background: #fff;
    font-weight: 400;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 14px 15px;
    border: 1px solid #e1e1e1;
    border-width: 0 1px 0 0;
    font-size: 1.8rem;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::after,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a::before,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::after,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span::before {
    display: none;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a:not([href])[aria-current=page],
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span:not([href])[aria-current=page] {
    color: inherit;
    font-weight: 700;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a[href],
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span[href] {
    -webkit-transition: 0.2s background ease-out;
    transition: 0.2s background ease-out;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a[href]:focus,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a[href]:hover,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span[href]:focus,
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > span[href]:hover {
    background: #fafafa;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > [role=link],
  .nav-local-02 > .inner > .wrap > .list > [role=list] > [role=listitem] > a {
    color: #036;
  }
  .nav-local-02 > .inner > .wrap > .list::after {
    display: none;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -16px -30px 0 0;
    padding: 0;
    border-bottom: 0;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li {
    position: relative;
    padding: 16px 30px 0 0;
    letter-spacing: 1.2px;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li:not(:last-child) {
    border-bottom: 0;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 14px;
    right: 13px;
    bottom: 0;
    height: 16px;
    margin: auto 0;
    border-left: 1px solid #797979;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li a {
    padding: 0;
    color: #036;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li a::before {
    display: none;
  }
  .nav-local-02 > .inner > .wrap > .list > [role=list] > :not([role=listitem]) > .list > li a:not([href])[aria-current=page] {
    color: inherit;
    font-weight: 700;
  }
}
/* #130 フッター
------------------------------------ */
.site-footer {
  margin: 115px 0 0;
  color: #fff;
}

.site-footer a {
  color: #fff;
  text-decoration: none;
}

.dy-inquiry.contact,
.site-footer .inner .contact {
  padding: 35px 15px 70px;
  background: #ececec;
  color: #333;
}

.dy-inquiry.contact .wrap .header,
.site-footer .inner .contact .wrap .header {
  margin: 0 0 20px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.dy-inquiry.contact .wrap .header .hdg,
.site-footer .inner .contact .wrap .header .hdg {
  margin: 0 0 12px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1.3;
}

.dy-inquiry.contact .wrap .header .hdg ~ .sub-hdg,
.site-footer .inner .contact .wrap .header .hdg ~ .sub-hdg {
  font-size: 1.6rem;
}

.dy-inquiry.contact .wrap .box,
.site-footer .inner .contact .wrap .box {
  background: #fff;
}

.dy-inquiry.contact .wrap .box .title,
.site-footer .inner .contact .wrap .box .title {
  padding: 9px 20px 8px 17px;
  background: #444;
  color: #fff;
}

.dy-inquiry.contact .wrap .box .body,
.site-footer .inner .contact .wrap .box .body {
  padding: 32px 15px;
}

.dy-inquiry.contact .wrap .box .body .lyt + .lyt,
.site-footer .inner .contact .wrap .box .body .lyt + .lyt {
  margin: 18px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid #ccc;
}

.dy-inquiry.contact .wrap .box .body .lyt .item.of-tel,
.site-footer .inner .contact .wrap .box .body .lyt .item.of-tel {
  margin: 15px 0 8px;
  font-size: 2.6rem;
  letter-spacing: 2px;
  text-align: center;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .hdg,
.site-footer .inner .contact .wrap .box .body .lyt .item .hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .hdg .symbol,
.site-footer .inner .contact .wrap .box .body .lyt .item .hdg .symbol {
  margin: 0 13px 0 0;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .hdg .symbol img,
.site-footer .inner .contact .wrap .box .body .lyt .item .hdg .symbol img {
  width: 40px;
  height: 40px;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .notice,
.site-footer .inner .contact .wrap .box .body .lyt .item .notice {
  display: table;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .notice .symbol,
.dy-inquiry.contact .wrap .box .body .lyt .item .notice small,
.site-footer .inner .contact .wrap .box .body .lyt .item .notice .symbol,
.site-footer .inner .contact .wrap .box .body .lyt .item .notice small {
  display: table-cell;
  vertical-align: top;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .notice .symbol,
.site-footer .inner .contact .wrap .box .body .lyt .item .notice .symbol {
  padding-right: 0.6em;
}

.dy-inquiry.contact .wrap .box .body .lyt .item .content,
.site-footer .inner .contact .wrap .box .body .lyt .item .content {
  margin: 15px 0 8px;
}

.site-footer .inner .pagetop .wrap {
  position: relative;
}

.site-footer .inner .pagetop .wrap .link {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 100%;
  padding: 0 0 18px;
}

.site-footer .inner .pagetop .wrap .link a {
  display: block;
  position: relative;
  width: 58px;
  height: 34px;
  margin-right: 0;
  margin-left: auto;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.47);
}

.site-footer .inner .pagetop .wrap .link a span {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

.site-footer .inner .pagetop .wrap .link a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 2px 0 0 2px;
}

.site-footer .inner .pagetop.js-footer-pagetop .wrap {
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
}

html[data-is-scrolling=true] .site-footer .inner .pagetop.js-footer-pagetop .wrap {
  will-change: opacity, position;
}

.site-footer .inner .pagetop.js-footer-pagetop .wrap .link {
  padding-right: 15px;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}

.site-footer .inner .pagetop.js-footer-pagetop.is-fixed .wrap {
  position: fixed;
  z-index: 999;
  width: 100%;
}

.site-footer .inner .pagetop.js-footer-pagetop.is-invisible .wrap .link {
  opacity: 0;
  pointer-events: none;
}

.site-footer .inner .infomation {
  padding: 19px 15px 9px;
  background: #000;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-align: center;
}

.site-footer .inner .mod-lyt {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
  margin: 0;
  padding: 24px 15px 27px;
  background: #1a1a1a;
  letter-spacing: 2px;
}

.site-footer .inner .mod-lyt[data-col=auto] .inner {
  margin-left: auto;
}

.site-footer .inner .infomation .wrap .link {
  max-width: 230px;
  margin: 0 auto 9px;
}

.site-footer .inner .infomation .wrap .link .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5px 0 0 -23px;
}

.site-footer .inner .infomation .wrap .link .list li {
  padding: 5px 0 0 23px;
}

.site-footer .inner .infomation .wrap .copyright {
  letter-spacing: 0.5px;
}

.site-footer .links {
  padding: 24px 15px 27px;
  background: #1a1a1a;
  letter-spacing: 2px;
}

.site-footer .links .wrap > .col:last-child:not(.of-showAlways) > :not(.social),
.site-footer .links .wrap > .col:not(:last-child):not(.of-showAlways) {
  display: none;
}

.site-footer .links .wrap > .col {
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 1em;
}

.site-footer .links .wrap > .col ~ .col {
  margin-top: 0;
}

.site-footer .links .wrap > .col.of-showAlways ~ .of-showAlways {
  margin-top: 21px;
}

.site-footer .links .wrap > .col h2 {
  margin: 0 0 11px;
  letter-spacing: 1.1px;
}

.site-footer .links .wrap > .col h2 + .list li + li {
  margin-top: 11px;
}

.site-footer .links .wrap > .col h3 {
  margin: 0 0 13px;
}

.site-footer .links .wrap > .col h3 + .list {
  margin: 0 0 28px;
  padding: 0 0 0 14px;
  font-size: 1.2rem;
  letter-spacing: 1.7px;
}

.site-footer .links .wrap > .col h3 + .list li + li {
  margin-top: 12px;
}

.site-footer .links .wrap > .col .list + h2 {
  margin-top: 25px;
}

.site-footer .links .wrap > .col .list + h3 {
  margin-top: 28px;
}

.site-footer .links .wrap[data-col="2"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -11px;
}

.site-footer .links .wrap[data-col="2"] > .col {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.site-footer .links .wrap > .col .list[data-col="2"] {
  margin-top: -11px;
  margin-left: -11px;
}

.site-footer .links .wrap[data-col="2"] > li,
.site-footer .links .wrap > .col > .list[data-col="2"] > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
  margin: 0;
  padding: 11px 0 0 22px;
}

.site-footer .links .wrap[data-col="2"] > li::before,
.site-footer .links .wrap > .col > .list[data-col="2"] > li::before {
  top: 21px;
  left: 11px;
}

.site-footer .links .wrap > .col h2 + .list li,
.site-footer .links .wrap > .col h3 {
  position: relative;
  padding: 0 0 0 11px;
  font-size: 1.3rem;
  letter-spacing: 1px;
}

.site-footer .links .wrap > .col h2 + .list li::before,
.site-footer .links .wrap > .col h3 a::before,
.site-footer .links .wrap > .col h3 span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}

.site-footer .links .wrap > .col h2 + .list li::before,
.site-footer .links .wrap > .col h3 a::before {
  top: 10px;
  width: 4px;
  border-top: 1px solid #fff;
}

.site-footer .links .wrap > .col h3 span::before {
  top: 2px;
  height: 15px;
  border-left: 2px solid #fff;
}

.site-footer .links .wrap > .col .wrap[data-col="2"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -11px 0 0 -11px;
}

.site-footer .links .wrap > .col .wrap[data-col="2"] .col {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
  padding: 11px 0 0 11px;
}

.site-footer .links .wrap > .col .social {
  font-size: 1.2rem;
  text-align: center;
}

.site-footer .links .wrap > .col .social h2 {
  margin: 0 0 12px;
}

.site-footer .links .wrap > .col .social .list,
.site-footer .links > .wrap > .col .social .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 248px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.3rem;
}

.site-footer .links .wrap > .col .social .list li {
  margin: 0 14px;
  padding: 0;
  font-size: 1.1rem;
  letter-spacing: 1.5px;
  text-align: center;
}

.site-footer .links .wrap > .col .social .list li::before {
  display: none;
}

.site-footer .links .wrap > .col .social .list li .symbol {
  margin: 0 0 4px;
}

.site-footer .links .wrap > .col .social .list li .symbol img {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .site-footer {
    margin-top: 131px;
  }
  .site-footer a[href]:focus,
  .site-footer a[href]:hover {
    text-decoration: underline;
  }
  .site-footer .inner > * > * {
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
  }
  .site-footer .inner > .pagetop > .wrap > .link {
    padding-bottom: 22px;
  }
  .site-footer .inner > .pagetop > .wrap > .link > a:focus,
  .site-footer .inner > .pagetop > .wrap > .link > a:hover {
    opacity: 0.8;
  }
  .site-footer .inner > .infomation {
    padding-top: 18px;
    padding-bottom: 16px;
  }
  .site-footer .inner > .infomation > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-footer .inner > .infomation > .wrap > .link {
    max-width: none;
    margin: -1px 0 0 auto;
    overflow: hidden;
  }
  .site-footer .inner > .infomation > .wrap > .link > .list {
    margin-left: -23px;
  }
  .site-footer .inner > .infomation > .wrap > .link > .list > li {
    position: relative;
    padding-left: 32px;
  }
  .site-footer .inner > .infomation > .wrap > .link > .list > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 15px;
    height: 14px;
    margin: auto 0;
    border-left: 1px solid #999;
  }
  .site-footer .inner > .infomation > .wrap > .copyright {
    font-family: inherit;
    letter-spacing: 0;
  }
  .site-footer .links {
    padding: 66px 15px 6px;
    letter-spacing: 2.7px;
  }
  .site-footer .links > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
  }
  .site-footer .links > .wrap > .col:last-child:not(.of-showAlways) > :not(.social),
  .site-footer .links > .wrap > .col:not(:last-child):not(.of-showAlways) {
    display: block;
  }
  .site-footer .links > .wrap > .col h2 {
    margin-bottom: 27px;
    font-weight: 700;
    letter-spacing: inherit;
  }
  .site-footer .links > .wrap > .col h2 + .list li + li {
    margin-top: 9px;
  }
  .site-footer .links > .wrap > .col .list {
    font-size: 1.5rem;
  }
  .site-footer .links > .wrap > .col h2 + .list li,
  .site-footer .links > .wrap > .col h3 {
    padding-left: 14px;
    font-size: 1.4rem;
    letter-spacing: 2.2px;
  }
  .site-footer .links > .wrap > .col h2 + .list li::before,
  .site-footer .links > .wrap > .col h3 > a::before {
    top: 11px;
    width: 6px;
  }
  .site-footer .links > .wrap > .col > .list:last-child {
    margin-bottom: 28px;
  }
  .site-footer .links > .wrap > .col.of-showAlways ~ .of-showAlways {
    margin-top: 0;
  }
  .site-footer .links > .wrap[data-col-wide="4"] .col {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
    margin-top: 0;
  }
  .site-footer .links > .wrap > .col .social {
    margin: 46px 0 40px;
    text-align: left;
  }
  .site-footer .links > .wrap > .col .social .list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 307px;
    margin: 0;
    padding: 0 0 0 24px;
  }
  .site-footer .links > .wrap > .col .social .list li {
    font-size: 1.2rem;
    letter-spacing: 1.6px;
  }
  .site-footer .links > .wrap > .col .social .list li .symbol {
    margin-bottom: 5px;
  }
  .site-footer .links > .wrap .col .social .list li .symbol img {
    width: 62px;
    height: 62px;
  }
}
/* #156 問い合わせモジュール
------------------------------------ */
/* 「.dy-」とはdynamic（動的）の略称です。動的エリアはこれを基準にclassを使うようにしています。 */
.site-main .dy-inquiry.contact {
  line-height: 1.5;
}

.dy-inquiry.contact > .wrap {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.dy-inquiry.contact > .wrap > .box > .title,
.site-footer .inner > .contact > .wrap > .box > .title {
  padding: 10px;
  background: #666;
  font-size: 1.6rem;
  font-weight: 700;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item,
.site-footer > .inner > .contact > .wrap > .box > .body > .lyt > .item {
  margin: 0 0 6px;
  padding: 0 6px;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 400px;
  margin: auto;
  padding: 16px 12px 16px 32px;
  overflow: hidden;
  border: 1px solid #999;
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::before,
.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::after,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::before,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::after {
  content: "";
  display: block;
  position: absolute;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::before,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::before {
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 1em;
  width: 1.2em;
  height: 1.2em;
  margin: auto 0;
  border-radius: 28px;
  background: #1a1a1a;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::after,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::after {
  z-index: 1;
  top: 1.4em;
  left: 1.25em;
  width: 0.45em;
  height: 0.45em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel,
.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-webinfo,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-webinfo {
  margin-left: 55px;
}

.dy-inquiry.contact > .wrap > .box > .body .mod-btn a,
.site-footer .inner > .contact > .wrap > .box > .body .mod-btn a {
  color: #333;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-webinfo .btn.of-wideBtn,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-webinfo .btn.of-wideBtn {
  max-width: none;
}

.dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-webinfo a,
.site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-webinfo a {
  min-width: 190px;
  max-width: 400px;
  margin: auto;
}

.site-footer .inner > .infomation > .wrap > .link > .list > li {
  padding: 5px 0 0 23px;
}

@media screen and (min-width: 768px), print {
  .site-footer {
    margin-top: 131px;
  }
  .dy-inquiry.contact,
  .site-footer .inner > .contact {
    padding-top: 70px;
    padding-bottom: 81px;
  }
  .dy-inquiry.contact > .wrap > .header,
  .site-footer .inner > .contact > .wrap > .header {
    margin-bottom: 25px;
    padding-left: 5px;
    letter-spacing: 1.2px;
    text-align: center;
  }
  .dy-inquiry.contact > .wrap > .header .hdg,
  .site-footer .inner > .contact > .wrap > .header .hdg {
    margin-bottom: 5px;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 1.8px;
    text-align: center;
  }
  .dy-inquiry.contact > .wrap > .box > .title,
  .site-footer .inner > .contact > .wrap > .box > .title {
    padding: 6px 10px;
    font-size: 2.2rem;
    letter-spacing: 1.2px;
    text-align: center;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel,
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-webinfo,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-webinfo {
    margin: 0;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-webinfo a,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-webinfo a {
    min-width: 220px;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a {
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #333;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::before,
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a::after,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::before,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a::after {
    content: none;
  }
  .dy-inquiry.contact > .wrap > .box > .body,
  .site-footer .inner > .contact > .wrap > .box > .body {
    padding: 28px 40px 30px;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt.align-center,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt.align-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item {
    margin: 0;
    padding: 0 0 0 19px;
    font-size: 1.4rem;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item > .hdg,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item > .hdg {
    padding-right: 7px;
    padding-right: 6px;
    font-size: 2rem;
    text-align: center;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item > .hdg > .symbol img,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item > .hdg > .symbol img {
    width: 100px;
    height: 100px;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item.of-tel a,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item.of-tel a {
    font-size: 2.8rem;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt + .lyt,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt + .lyt {
    margin-top: 26px;
    padding-top: 29px;
  }
  .dy-inquiry.contact > .wrap > .box > .body > .lyt > .item > .content,
  .site-footer .inner > .contact > .wrap > .box > .body > .lyt > .item > .content {
    margin: 0;
  }
  .site-footer .inner > .infomation > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-footer .inner > .infomation > .wrap > .link > .list > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 15px;
    height: 14px;
    margin: auto 0;
    border-left: 1px solid #999;
  }
}
/* ページトップボタン
------------------------------------ */
@media screen and (min-width: 768px), print {
  .site-footer .inner > .pagetop > .wrap > .link {
    padding-bottom: 22px;
  }
  .site-footer .inner > .pagetop > .wrap > .link > a {
    width: 88px;
    height: 40px;
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
}
.str-productList > .inner > .list > li + ::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  max-width: 305px;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
}

html[data-script-enabled=true] .func-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px), print {
  .show-wide {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .mod-btn.var-02 button[type]:not(:disabled):focus,
  .mod-btn.var-02 button[type]:not(:disabled):hover {
    background: #f7f7f7;
  }
  .mod-btn.var-03 button[type]:not(:disabled):focus,
  .mod-btn.var-03 button[type]:not(:disabled):hover {
    background: #676767;
  }
  .mod-btn-nav button[type]:not(:disabled) {
    -webkit-transition: 0.2s background ease-out;
    transition: 0.2s background ease-out;
  }
  .mod-btn-nav button[type]:not(:disabled):focus,
  .mod-btn-nav button[type]:not(:disabled):hover {
    background: #fff;
  }
  html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner {
    min-width: 500px;
  }
}
/* #129,#131 ヘッダー
------------------------------------ */
.site-header > .inner > .search {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1270px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li {
  position: relative;
  border-bottom: 1px solid #404040;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > a,
.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > span {
  display: block;
  padding: 12px 10px 14px;
  font-size: 1.2rem;
  letter-spacing: 0.875px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top {
  font-weight: 700;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > a {
  padding-left: 14px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > span {
  padding-left: 26px;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  background: #fff;
}

.nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > span::before {
  top: 16px;
  left: 16px;
  width: 1px;
  height: 12px;
}

html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li:last-child > .handle > span::after,
html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list > li:last-child > .of-handle-none > span::after {
  content: none;
}

@media screen and (min-width: 768px), print {
  .site-header > .inner > .sitename {
    padding: 30px 0 26px 15px;
  }
  .site-header > .inner > .sitename:not(:last-child) {
    padding-bottom: 17px;
  }
  .site-header > .inner > .sitename > a {
    z-index: 1;
  }
  .site-header > .inner > .search {
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
  }
  .site-header > .inner > .search a {
    position: absolute;
    z-index: 1;
    top: 28px;
    right: 23px;
    width: 32px;
    height: 33px;
    background: 0 0;
  }
  .site-header > .inner > .search a::before {
    width: 32px;
    height: 32px;
    background-position: -100px 0;
    background-size: auto;
  }
  .site-header > .inner .func-btn.of-hamburger {
    display: none;
  }
  html[data-script-enabled=true] .site-header > .inner > .search {
    right: 0;
  }
  .nav-global > .inner > .navigation {
    max-height: none;
    margin: 0 0 12px;
    overflow: hidden;
    border: 0;
    background: 0 0;
  }
  .nav-global > .inner > .navigation > .list {
    color: #000;
  }
  .nav-global > .inner > .navigation > .list > li {
    overflow: visible;
    border-bottom: 0;
  }
  .nav-global > .inner > .navigation > .list > li > .handle,
  .nav-global > .inner > .navigation > .list > li > .of-handle-none {
    max-width: 1270px;
    margin: 12px auto 0;
    padding: 10px 15px;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 0 -80px;
    padding: 0 15px;
    background: #1a1a1a;
    color: #fff;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 59px 0 60px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col {
    position: relative;
    -ms-flex-preferred-size: 53%;
        flex-basis: 53%;
    min-width: 53%;
    max-width: 53%;
    padding: 0 0 0 80px;
    text-align: left;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col + .col {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    min-width: 47%;
    max-width: 47%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col + .col::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    height: 100%;
    border-left: 1px solid #484848;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -14px 0 0 -36px;
    background: 0 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li {
    padding: 13px 0 0 36px;
    overflow: hidden;
    border-bottom: 0;
    font-size: 1.3rem;
    letter-spacing: 2px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > a,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > span {
    position: relative;
    font-size: 1.4rem;
    letter-spacing: 2.1px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > a {
    padding-left: 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top > span {
    padding: 0 0 0 15px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top:first-child > a {
    font-size: 1.6rem;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ :not(.of-top) > a {
    padding: 2px 0 0;
    letter-spacing: 2px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li {
    min-width: 50%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list[data-col-wide="2"] > li:not(.of-top) {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li > a,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li > span {
    margin-left: 15px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li.of-top {
    margin-top: 21px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li.of-top > span {
    margin-left: 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li.of-top ~ li.of-top > span::before {
    top: 2px;
    left: 5px;
    height: 16px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > a,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > span {
    padding: 0;
    float: left;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > a:focus,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list > li > a:hover {
    text-decoration: underline;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list[data-col-wide="3"] > li:not(.of-top) {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .list[data-col-wide="4"] > li:not(.of-top) {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary {
    position: relative;
    top: -1px;
    font-size: 1.4rem;
    letter-spacing: 1.1px;
    line-height: 1.75;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary .title {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 30px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary .title::after,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary .title::before {
    content: "";
    display: block;
    position: absolute;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary .title::before {
    z-index: 0;
    top: 1px;
    left: 0;
    width: 19px;
    height: 19px;
    border-radius: 38px;
    background: #707070;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .summary .title::after {
    z-index: 1;
    top: 8px;
    left: 6px;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border: 1px solid #d4d4d4;
    border-width: 1px 1px 0 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .image {
    -ms-flex-preferred-size: 51%;
        flex-basis: 51%;
    min-width: 51%;
    max-width: 51%;
    padding: 0 19px 0 0;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box > .inner .image img {
    max-width: 100%;
    height: auto;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col > .box + .box {
    margin-top: 26px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn {
    display: block;
    position: absolute;
    top: 19px;
    right: 1px;
    width: 20px;
    height: 20px;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn::after,
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: -4px;
    width: 28px;
    height: 2px;
    margin: auto;
    border-bottom: 2px solid #fff;
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .func-btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .nav-global > .inner > .navigation > .utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 28px;
    right: 0;
    left: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 1.3rem;
  }
  .nav-global > .inner > .navigation > .utility > .btn {
    margin: 0 24px 0 0;
  }
  .nav-global > .inner > .navigation > .utility > .btn > a {
    background: #fff;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-global > a {
    padding: 6px 34px;
    -webkit-transition: 0.2s background ease-out;
    transition: 0.2s background ease-out;
    border: 1px solid #e1e1e1;
    color: #000;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-global > a:focus,
  .nav-global > .inner > .navigation > .utility > .btn.of-global > a:hover {
    background: #f7f7f7;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-shingle {
    margin-right: 58px;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-language {
    margin: 0 47px 0 0;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-language > a {
    position: relative;
    width: 30px;
    height: 33px;
    padding: 0;
    border-radius: 0;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-language > a::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
    background-position: 0 -70px;
  }
  .nav-global > .inner > .navigation > .utility > .btn.of-language > a > span {
    display: block;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .nav-global > .inner > .navigation > .utility > .func-btn {
    display: none;
  }
  html[data-script-enabled=true] .nav-global {
    position: static;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation {
    position: static;
    max-width: 1270px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
    overflow: visible;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -33px;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 33px;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .dropdown {
    display: none;
    position: absolute;
    z-index: 12;
    top: calc(100% + 12px);
    right: 0;
    left: 0;
    width: calc(100% + 80px);
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col:nth-last-child(2) {
    padding-right: 35px;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .dropdown > .wrap > .col:nth-last-child(2):not(:last-child):first-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .dropdown:not([hidden])[aria-labelledby] {
    display: block;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  html[data-script-enabled=true] .site-header.of-top .nav-global > .inner > .navigation > .list > li > .handle[role=button],
  html[data-script-enabled=true] .site-header.of-top .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button] {
    font-size: 1.6rem;
    font-weight: 700;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button],
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button] {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::before {
    display: block;
    top: auto;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
    opacity: 0;
    pointer-events: none;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::before {
    bottom: 3px;
    width: 58px;
    border-top: 2px solid #aa120f;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]::after {
    z-index: 101;
    top: calc(100% - 6px);
    -webkit-transform: none;
            transform: none;
    border: 9px solid transparent;
    border-width: 9px 7px;
    border-bottom-color: #1a1a1a;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]:hover::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]:hover::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button][aria-expanded=true]::before,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button][aria-expanded=true]::before {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button]:focus span,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button]:focus span {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .handle[role=button][aria-expanded=true]::after,
  html[data-script-enabled=true] .nav-global > .inner > .navigation > .list > li > .of-handle-none[role=button][aria-expanded=true]::after {
    opacity: 1;
  }
  html[data-script-enabled=true] .nav-global > .inner > .navigation:not(.is-open) {
    display: block;
  }
  .nav-global::after {
    display: none !important;
  }
}
/* ---------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 768px), print {
  html[data-script-enabled=true] .site-header.of-lower-level .nav-global > .inner > .navigation > .list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0 0 -33px;
  }
}
/* #162 .サポートサイト（フロー）
------------------------------------ */
.siteFlow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.siteFlow .step {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.siteFlow .step:not(.pass):not(.is-current):nth-last-child(1) {
  padding-right: 0;
}

.siteFlow .step .step-arrow-style {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.siteFlow .step .step-arrow-style::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  width: 150%;
  height: 51%;
  -webkit-transform: translate(-1vw, 0) skew(20deg, 0deg);
          transform: translate(-1vw, 0) skew(20deg, 0deg);
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

.siteFlow .step .step-arrow-style::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  width: 150%;
  height: 51%;
  -webkit-transform: translate(-1vw, -100%) skew(-20deg, 0deg);
          transform: translate(-1vw, -100%) skew(-20deg, 0deg);
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

.siteFlow .step:not(.pass):not(.is-current) .step-arrow-style {
  border-left: solid 1px #d6d6d6;
}

.siteFlow .step .step-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 5px 11px 6px 6px;
}

.siteFlow .step .step-inner .num {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.5em;
  height: 1.5em;
  padding: 0.2em;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
}

.siteFlow .step .step-inner .text {
  position: relative;
  z-index: 1;
  margin: auto 0;
  padding-left: 10px;
  font-size: 1.4rem;
}

.siteFlow .step:not(.is-current) .step-inner .text {
  visibility: hidden;
  position: absolute;
}

/* 通過ポイント */
.siteFlow .step.pass,
.siteFlow .step.is-current,
.siteFlow .step.pass a,
.siteFlow .step.is-current a {
  color: #fff;
}

.siteFlow .step.pass:hover .step-arrow-style::before,
.siteFlow .step.pass:hover .step-arrow-style::after {
  background-color: #7c7c7c;
}

.siteFlow .step.pass:hover .step-inner::before {
  border-bottom: 1px solid #7c7c7c;
  background-color: #7c7c7c;
}

.siteFlow .step.pass:hover .step-arrow-style a {
  text-decoration: none;
}

.siteFlow .step.pass .text {
  color: #fff;
}

.siteFlow .step.pass .step-arrow-style::before,
.siteFlow .step.pass .step-arrow-style::after {
  background-color: #666;
}

.siteFlow .step.pass .step-inner::before {
  background-color: #666;
}

.siteFlow .step.pass .step-inner::after {
  right: -4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-color: #d6d6d6;
}

/* 非活性 */
.siteFlow .step:not(.pass):not(.is-current) .step-inner::before {
  border-bottom: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}

.siteFlow .step:not(.pass):not(.is-current) .step-arrow-style::before {
  border-top: solid 1px #d6d6d6;
  border-right: solid 1px #d6d6d6;
  background-color: #fbfbfb;
}

.siteFlow .step:not(.pass):not(.is-current) .step-arrow-style::after {
  border-right: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
  background-color: #fbfbfb;
}

/* 現在地表示 */
.siteFlow .step.is-current {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.siteFlow .step.is-current .step-inner::before {
  background-color: #c00;
}

.siteFlow .step.is-current .step-arrow-style::before,
.siteFlow .step.is-current .step-arrow-style::after {
  background-color: #c00;
}

.siteFlow .step.is-current::after {
  right: -2em;
  border-right-width: 2em;
  border-bottom-width: 2em;
  border-right-style: solid;
  border-bottom-style: solid;
  border-color: #fff;
}

.siteFlow .step.is-current .text {
  color: #fff;
}

.siteFlow .step:not(.is-current) a {
  position: relative;
}

.siteFlow .step:not(.pass):not(.is-current) .num,
.siteFlow .step:not(.pass):not(.is-current) .text {
  color: #adadad;
}

/* 最後にある場合 */
.siteFlow .step:not(.pass):not(.is-current):nth-last-child(1) .step-inner {
  padding: 5px 6px;
}

.siteFlow .step:nth-last-child(1) .step-arrow-style::before {
  right: 0;
  -webkit-transform: translate(0, 0%) skew(0deg, 0deg);
          transform: translate(0, 0%) skew(0deg, 0deg);
}

.siteFlow .step:nth-last-child(1) .step-arrow-style::after {
  right: 0;
  -webkit-transform: translate(0, -100%) skew(0deg, 0deg);
          transform: translate(0, -100%) skew(0deg, 0deg);
}

.siteFlow .step:nth-last-child(1) .step-inner::before,
.siteFlow .step:not(.pass):not(.is-current):nth-last-child(1) .step-inner::before {
  width: calc(100% - 2px);
}

.siteFlow .step.pass:nth-last-child(1) .step-inner .text {
  visibility: visible;
  position: relative;
}

.siteFlow .step,
.siteFlow .step::after {
  -webkit-transition: background-color ease 0.3s;
  transition: background-color ease 0.3s;
}

.siteFlow .step.is-current ~ .step:hover,
.siteFlow .step.is-current ~ .step:hover::after {
  background-color: #666;
  cursor: default;
}

.siteFlow .step:not(.is-current):hover,
.siteFlow .step:not(.is-current):hover::after {
  background-color: #7c7c7c;
}

.siteFlow .num {
  text-decoration: none;
}

.siteFlow .is-current {
  font-weight: 700;
}

.siteFlow a span {
  text-decoration: underline;
}

.siteFlow a:hover span {
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .siteFlow .step {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
  .siteFlow .step.is-current {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .siteFlow .step .step-inner {
    padding: 8px 20px 9px 7px;
  }
  .siteFlow .step:nth-last-child(1) .step-inner,
  .siteFlow .step:nth-last-child(1) .step-inner {
    padding: 8px 7px;
  }
  .siteFlow .step:not(.pass):not(.is-current):nth-last-child(1) .step-inner {
    padding: 8px 7px;
  }
  .siteFlow .step .step-inner .num {
    width: 2em;
    height: 2em;
    padding: 0.5em;
  }
  .siteFlow .step:not(.is-current) .step-inner .text {
    visibility: visible;
    position: relative;
  }
}
/* #88-110 フォーム
------------------------------------ */
label {
  position: relative;
}

label + label {
  margin-left: 1em;
}

label input ~ :not([class$=-error]) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

label[class*=form-].of-float-left::after {
  content: "";
  clear: both;
}

.form-note {
  margin-top: 5px;
  margin-left: 0;
  font-size: 1.2rem;
}

select[class^=form-],
textarea[class^=form-],
input[class^=form-] {
  font-size: 18px;
}

select[class^=form-]:disabled,
textarea[class^=form-]:disabled,
input[class^=form-]:disabled,
select[class^=form-].is-disable,
textarea[class^=form-].is-disable,
input[class^=form-].is-disable {
  opacity: 0.8;
  background-color: #e6e6e6;
  color: #7b7b7b;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.form-submit-btn input[class^=form-]:hover,
.form-next-btn input[class^=form-]:hover {
  background-color: #e62e2e;
}

.form-submit-btn input[class^=form-]:disabled:hover,
.form-next-btn input[class^=form-]:disabled:hover {
  background-color: #e6e6e6;
}

.form-submit-btn.is-disable::before,
.form-next-btn.is-disable::before {
  opacity: 0.8;
}

.form-submit-btn.is-disable::after,
.form-next-btn.is-disable::after {
  border-color: #7b7b7b;
  opacity: 0.8;
}

input[class^=form-check_label]:disabled,
input[class^=form-check]:disabled,
input[class^=form-radiolist]:disabled {
  opacity: 0 !important;
}

.form-select-wrap.is-disable::before {
  background-color: #979797;
}

select[class^=form-],
textarea[class^=form-],
input[class^=form-]:not([type=checkbox]):not(.form-submit):not(.form-submit_next):not(.form-submit_prev) {
  min-height: 2.6em;
  padding: 6px 8px;
}

input[type=button],
input[type=submit] {
  position: relative;
  width: auto;
  max-width: 100%;
  padding: 14px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
}

input[type=button],
input[type=submit],
input[type=button]:not(:disabled),
input[type=submit]:not(:disabled) {
  -webkit-transition: 0.2s background ease-out;
  transition: 0.2s background ease-out;
}

input::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder {
  color: #999;
}

input::placeholder {
  color: #999;
}

/* stylelint-disable selector-pseudo-class-no-unknown */
input:input-placeholder {
  color: #999;
}

/* stylelint-enable selector-pseudo-class-no-unknown */
/* stylelint-disable selector-pseudo-element-no-unknown */
input::input-placeholder {
  color: #999;
}

/* stylelint-enable selector-pseudo-element-no-unknown */
select[class^=form-],
textarea[class^=form-],
input[class^=form-] {
  width: 100%;
}

select[class^=form-][size] {
  width: 100%;
}

select[class^=form-][size]::before,
select[class^=form-][size]::after {
  content: none;
}

textarea[class^=form-],
input[class^=form-],
select[class^=form-] {
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f7f7f7;
  font-size: 1.6rem;
  letter-spacing: 1px;
}

.field-validation-valid,
.field-validation-error {
  margin-top: 4px;
}

.field-validation-valid {
  display: none;
}

.field-validation-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 10px 12px;
  background-color: #fcefef;
  color: #c00;
  font-size: 1.4rem;
  font-weight: 700;
}

.field-validation-error::before {
  content: "!";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.4em;
  height: 1.4em;
  margin-right: 10px;
  padding: 0;
  border: 0.15em solid #c00;
  border-radius: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
}

.form-p {
  font-size: 1.66rem;
}

.form-h1 {
  position: relative;
  z-index: 0;
  margin: 26px 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2rem;
  font-weight: 400;
}

.form-h1.of-outer-none::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -200vw;
  width: 200vw;
  height: 100%;
  -webkit-transform: translate(100vw, 0%);
          transform: translate(100vw, 0%);
  background-color: #f5f5f5;
}

.form-h2 {
  margin: 30px 0 18px;
  font-size: 2rem;
  font-weight: 400;
}

.form-h3 {
  z-index: 0;
  margin: 18px 0 15px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1.1px;
}

.form-h4 {
  position: relative;
  z-index: 0;
  margin: 32px 0 14px;
  padding-left: 11px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1.3333;
}

.form-h4::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.15em;
  height: 1em;
  margin: auto;
  background-color: #2b2a2a;
}

.form-h5 {
  font-size: 1.4rem;
  font-weight: 700;
}

.form-h6 {
  font-size: 1.4rem;
  font-weight: 400;
}

.form-text_label,
.form-area_label,
.form-number_label,
.form-email_label,
.form-tel_label,
.form-date_label,
.form-dropdown_label,
.form-list_label,
.form-checklist_label,
.form-radiolist_label,
.form-password_label,
.form-passwordconf_label {
  display: inline-block;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 700;
}

h3 + .form-text_label,
h3 + .form-area_label,
h3 + .form-number_label,
h3 + .form-email_label,
h3 + .form-tel_label,
h3 + .form-date_label,
h3 + .form-dropdown_label,
h3 + .form-list_label,
h3 + .form-checklist_label,
h3 + .form-radiolist_label,
h3 + .form-password_label,
h3 + .form-passwordconf_label {
  margin-top: 0;
}

h4 + .form-text_label,
h4 + .form-area_label,
h4 + .form-number_label,
h4 + .form-email_label,
h4 + .form-tel_label,
h4 + .form-date_label,
h4 + .form-dropdown_label,
h4 + .form-list_label,
h4 + .form-checklist_label,
h4 + .form-radiolist_label,
h4 + .form-password_label,
h4 + .form-passwordconf_label {
  margin-top: 0;
}

.form-text,
.form-area,
.form-number,
.form-email,
.form-tel,
.form-date,
.form-dropdown,
.form-list,
.form-password,
.form-passwordconf {
  margin-top: 5px;
}

.form-required {
  display: inline-block;
  margin-right: 10px;
  padding: 0.4em 0.6em;
  border-radius: 6px;
  background-color: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}

[class*=form-].required::before {
  content: "必須";
  display: inline-block;
  position: relative;
  top: -0.1em;
  margin-right: 10px;
  padding: 0.4em 0.6em;
  border-radius: 6px;
  background-color: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}

html[lang=en] [class*=form-].required::before {
  content: "Required";
}

.form-input-area {
  padding: 0 10px;
  border-radius: 10px;
  background-color: #fbfbfb;
}

input[type=checkbox][class^=form-]:disabled,
input[type=radio][class^=form-]:disabled,
input[type=checkbox][class^=form-].is-disable,
input[type=radio][class^=form-].is-disable {
  opacity: 0;
}

label[class*=form-check].is-disable,
label[class*=form-radio].is-disable,
label[class*=form-check].is-disable input[type=checkbox]:disabled,
label[class*=form-radio].is-disable input[type=radio]:disabled,
.form-checklist-wrap .form-checklist_label ~ label:not(.form-checklist_label).is-disable,
.form-radiolist-wrap .form-radiolist_label ~ label:not(.form-radiolist_label).is-disable {
  opacity: 0.8;
  background-color: #e6e6e6;
  color: #7b7b7b;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

label[class*=form-check].is-disable::before,
label[class*=form-radio].is-disable::before,
.form-check_label.is-disable::before,
.form-check_label input[type=checkbox]:disabled ~ span::before,
.form-checklist_label ~ label:not(.form-checklist_label) input[type=checkbox]:disabled ~ span::before,
.form-checklist-wrap .form-checklist_label ~ label:not(.form-checklist_label).is-disable::before,
.form-checklist-wrap .form-checklist_label ~ label:not(.form-checklist_label).is-disable::after,
.form-radiolist-wrap .form-radiolist_label ~ label:not(.form-radiolist_label).is-disable::before {
  border-color: #7d7d7d;
}

.form-radiolist-wrap .form-radiolist_label ~ label:not(.form-radiolist_label).is-disable::after {
  background-color: #7d7d7d;
}

label[class*=form-check] .form-check ~ span,
label[class*=form-radio] .form-radiolist ~ span,
.form-checklist-wrap label .form-check ~ span,
.form-checklist-wrap label .form-checklist ~ span,
.form-radiolist-wrap label .form-radiolist ~ span {
  border-radius: 3px;
  background-color: #f7f7f7;
  cursor: pointer;
}

label input[type=checkbox]:disabled ~ span,
label input[type=radio]:disabled ~ span,
label[class*=form-check].is-disable,
label[class*=form-radio].is-disable,
label[class*=form-radio] input[type=radio]:disabled ~ span,
label[class*=form-check].is-disable input[type=checkbox]:disabled,
label[class*=form-radio].is-disable input[type=radio]:disabled,
.form-checklist-wrap .form-checklist_label ~ label:not(.form-checklist_label).is-disable,
.form-radiolist-wrap .form-radiolist_label ~ label:not(.form-radiolist_label).is-disable {
  opacity: 0.8;
  background-color: #e6e6e6;
  color: #7b7b7b;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[class^=field-validation-] + label,
[class^=form-select-wrap] + label,
.form-checklist-wrap + .form-checklist-wrap,
.form-radiolist-wrap + .form-radiolist-wrap {
  margin-top: 30px;
}

.form-select-wrap {
  position: relative;
}

.form-select-wrap::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 1.1em;
  right: 1.05em;
  bottom: 0;
  width: 1.3em;
  height: 1.3em;
  border-radius: 2px;
  background: #1a1a1a;
  pointer-events: none;
}

.form-select-wrap::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 1.4em;
  right: 1.45em;
  bottom: 0;
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #e9e9e9;
  border-width: 0 1px 1px 0;
  pointer-events: none;
}

.form-check_label,
.form-checklist-wrap .form-checklist_label ~ label:not(.form-checklist_label),
.form-radiolist-wrap .form-radiolist_label ~ label:not(.form-radiolist_label) {
  display: block;
  width: 100%;
  border-radius: 4px;
  background-color: #f7f7f7;
}

.form-check_label input[type=checkbox]:focus + span,
.form-checklist-wrap input[type=checkbox]:focus + span,
.form-radiolist-wrap input[type=radio]:focus + span {
  outline: 1px dashed #333;
  outline: -webkit-focus-ring-color auto 5px;
}

label[class*=form-check].is-checked::before,
label[class*=form-radio].is-checked::before,
.form-check_label input[type=checkbox]:checked + span::after,
.form-checklist_label ~ label:not(.form-checklist_label) input[type=checkbox]:checked + span::after,
.form-radiolist_label ~ label:not(.form-radiolist_label) input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.form-check_label span,
.form-checklist-wrap label span:not(.field-validation-error),
.form-radiolist-wrap label span:not(.field-validation-error) {
  display: block;
  padding: 14px 14px 14px 54px;
}

.form-check_label span {
  display: block;
  position: relative;
}

.form-check_label span::before,
.form-checklist_label ~ label:not(.form-checklist_label) span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  border: solid #505050;
  border-width: 2px;
  background: #fff;
}

.form-check_label span::after,
.form-checklist_label ~ label:not(.form-checklist_label) span::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  left: 21px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(48deg) translateY(-50%);
          transform: rotate(48deg) translateY(-50%);
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  border: solid #505050;
  border-width: 0 2px 2px 0;
  opacity: 0;
}

.form-check_label::after {
  top: -0.4em;
  bottom: 0;
  left: 1.9em;
  margin: auto;
}

.form-checklist_label ~ label:not(.form-checklist_label)::after {
  top: 0.9em;
  left: 1.7em;
}

.form-check_label .form-check,
.form-checklist-wrap .form-checklist,
.form-radiolist-wrap .form-radiolist {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.form-checklist_label ~ label,
.form-radiolist_label ~ label {
  margin-left: 0;
}

.form-checklist_label ~ label:not(.form-checklist_label),
.form-radiolist_label ~ label:not(.form-radiolist_label) {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

.form-radiolist_label ~ label:not(.form-radiolist_label) input[type=radio] ~ span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  width: 22px;
  height: 22px;
  margin: auto;
  border: 2px solid #505050;
  border-radius: 44px;
  background: #fff;
}

.form-radiolist_label ~ label:not(.form-radiolist_label) input[type=radio] ~ span::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: 24px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  border-radius: 24px;
  opacity: 0;
  background: #505050;
}

.form-check_label input[type=checkbox]:checked ~ span::after,
.form-checklist-wrap label input:checked ~ span::after,
.form-radiolist-wrap label input:checked ~ span::after {
  opacity: 1 !important;
}

.form-check_label input[type=checkbox]:focus ~ span,
.form-checklist-wrap input[type=checkbox]:focus ~ span,
.form-radiolist-wrap input[type=radio]:focus ~ span {
  outline: 1px dashed #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.form-radiolist_label ~ label:not(.form-radiolist_label) span {
  position: relative;
}

.form-radiolist_label ~ label:not(.form-radiolist_label) input[type=radio]:checked + span::after {
  opacity: 1;
}

.form-check_label input[type=checkbox]:checked::after,
.form-checklist_label ~ label:not(.form-checklist_label) input[type=checkbox]:checked + span::after,
.form-radiolist_label ~ label:not(.form-radiolist_label) input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.form-next-btn {
  position: relative;
}

.form-next-btn.of-wideBtn,
.form-submit-btn.of-wideBtn {
  width: 100%;
  max-width: 420px;
}

.form-next-btn::before,
.form-submit-btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0.7em;
  bottom: 0;
  left: auto;
  width: 1.3em;
  height: 1.3em;
  margin: auto;
  border-radius: 36px;
  background: #fff;
}

.form-next-btn::after,
.form-submit-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 1.2em;
  bottom: 0;
  width: 0.45em;
  height: 0.45em;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.2s border-color ease-out;
  transition: 0.2s border-color ease-out;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #c00;
}

.form-next-btn.of-wideBtn {
  margin: auto;
}

.form-next-btn .form-submit_next {
  margin: 0;
}

.form-next-btn .form-submit_next,
.form-submit-btn .form-submit {
  min-width: 220px;
  padding-right: 34px;
  padding-left: 13px;
  border: none;
  background-color: #c00;
  color: #fff;
}

.form-submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 30px;
  padding: 30px 0 0;
  border-top: 1px solid #e1e1e1;
}

.form-submit_next,
.form-submit-wrap .btn-col {
  margin: 5px 10px;
}

.form-prev-btn,
.form-submit-btn {
  display: inline-block;
  position: relative;
}

.form-prev-btn {
  width: 100%;
  max-width: 420px;
}

.form-prev-btn .form-submit_prev {
  position: relative;
  padding-left: 2.5em;
}

.form-prev-btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0.7em;
  width: 1.3em;
  height: 1.3em;
  margin: auto;
  border-radius: 36px;
  background: #1a1a1a;
}

.form-prev-btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 1.2em;
  width: 0.45em;
  height: 0.45em;
  margin: auto;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

textarea[class^=form-],
input[class^=form-],
select[class^=form-] {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  select[class^=form-],
  textarea[class^=form-],
  input[class^=form-]:not([type=checkbox]):not(.form-submit):not(.form-submit_next):not(.form-submit_prev) {
    padding: 11px 14px;
  }
  textarea[class^=form-],
  input[class^=form-],
  select[class^=form-] {
    font-size: 1.8rem;
  }
  label[class*=css_class_],
  label[class*=label_css_class_] {
    font-size: 1.8rem;
    font-weight: 700;
  }
  label[class*=form-]:not(.form-note) {
    font-size: 1.8rem;
    font-weight: 700;
  }
  label[class*=form-]::before {
    font-size: 1.4rem;
    font-weight: 400;
  }
  select[class^=form-] option {
    padding: 11px 14px;
  }
  .form-note {
    font-size: 1.4rem;
  }
  .field-validation-valid,
  .field-validation-error {
    padding: 16px 20px;
  }
  .field-validation-error {
    font-size: 1.8rem;
  }
  .form-h1 {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 3.6rem;
  }
  .form-h2 {
    font-size: 2.8rem;
  }
  .form-h3 {
    font-size: 2.4rem;
  }
  .form-h4 {
    font-size: 2rem;
  }
  .form-check_label::after {
    top: -0.5em;
    left: 1.5em;
  }
  .form-checklist_label ~ label:not(.form-checklist_label),
  .form-radiolist_label ~ label:not(.form-radiolist_label) {
    font-size: 1.8rem;
  }
  .form-select-wrap::before {
    top: 0.9em;
  }
  .form-select-wrap::after {
    top: 1.2em;
  }
  .form-submit-wrap {
    margin: 50px 0 40px;
    padding: 40px 0 0;
  }
  .form-next-btn.of-wideBtn {
    margin: 50px auto 40px;
  }
  .form-prev-btn {
    width: auto;
    max-width: none;
  }
}
/* #001 製品ロゴあり／サブテキストなし
------------------------------------ */
.str-pageTitle {
  padding: 10px 15px;
  background-color: #f5f5f5;
  font-size: 2rem;
}

.str-pageTitle + .mod-link {
  margin-top: 10px;
  margin-bottom: 20px;
}

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

.str-pageTitle > .inner > .hdg > .logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.str-pageTitle > .inner > .hdg > .logo + span {
  margin-top: 10px;
}

.str-pageTitle.var-02 > .inner > .hdg > span:not(.logo) {
  display: none;
}

.str-outer .str-pageTitle {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (min-width: 768px), print {
  .str-pageTitle {
    padding: 16px;
    background-color: transparent;
    font-size: 3.6rem;
    letter-spacing: 3px;
    line-height: 1.5;
  }
  .str-outer.var-02 .str-pageTitle {
    padding: 0;
  }
  .str-pageTitle > .inner {
    display: block;
    position: relative;
    max-width: 1240px;
    margin: auto;
  }
  .str-pageTitle > .inner > .hdg {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 210px 1fr 210px;
    grid-template-columns: 210px 1fr 210px;
  }
  .str-pageTitle > .inner > .hdg[class*=align-] {
    display: block;
    -ms-grid-columns: inherit;
    grid-template-columns: inherit;
    padding: 2px 0 0;
  }
  .str-pageTitle > .inner > .hdg[class*=align-] span {
    text-align: inherit;
  }
  .str-pageTitle > .inner > .hdg > .logo {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin: auto 0;
    padding: 0;
  }
  .str-pageTitle > .inner > .hdg span {
    -ms-grid-column: 2;
    grid-column: 2/3;
    text-align: center;
    -ms-grid-column-span: 1;
  }
  .str-pageTitle > .inner > .hdg span:first-child:not(.logo) {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .str-pageTitle > .inner > .hdg > .logo + span {
    margin: 0;
  }
  .str-outer:not(.var-03) .str-pageTitle {
    padding-right: 15px;
    padding-left: 15px;
  }
  .str-outer.var-03 .str-pageTitle {
    margin-right: 0;
    margin-left: 0;
  }
}
/* #002 製品ロゴあり／サブテキストあり
------------------------------------ */
.str-pageTitle.with-subtext > .inner > .hdg > .text-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 7px 6px 0;
}

.str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main {
  margin-top: 6px;
}

.str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main .product-name {
  margin-right: 10px;
}

.str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .sub {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .str-pageTitle.var-03 > .inner > .hdg {
    display: block;
  }
  .str-pageTitle.with-subtext > .inner > .hdg {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .str-pageTitle.with-subtext > .inner > .hdg > .logo {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    padding: 0 0 8px;
  }
  .str-pageTitle.with-subtext > .inner > .hdg > .text-unit {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin: 0;
  }
  .str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main {
    margin: 11px 0 0;
  }
  .str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main .product-name {
    margin-right: 20px;
  }
  .str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .sub {
    font-size: 1.8rem;
  }
  .str-pageTitle.var-03.with-subtext > .inner > .hdg > .text-unit > .sub {
    font-size: 1.4rem;
  }
}
/* #003 製品ロゴなし／サブテキストなし
------------------------------------ */
.str-pageTitle.var-03 {
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (min-width: 768px), print {
  .str-pageTitle.var-03 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* #004 製品ロゴなし／サブテキストあり
------------------------------------ */
/* スタイルなし */
/* #005 キービジュアル背景画像＋タイトルテキスト
------------------------------------ */
.str-mainvisual-03 {
  margin: 0 0 20px;
}

.str-mainvisual-03 > .inner > .visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.str-mainvisual-03 > .inner > .visual > div {
  min-height: 0%;
}

.str-mainvisual-03 > .inner > .visual > .heading > .wrap {
  padding: 14px;
  background: #34393d;
}

.str-mainvisual-03 > .inner > .visual > .heading > .wrap > h1 {
  color: #fff;
  font-size: 1.5rem;
}

.str-mainvisual-03 > .inner > .visual > .heading > .wrap > h1 > span:not(:last-child) {
  display: block;
  margin: 6px 0 10px;
  padding: 2px 11px;
  float: left;
  background: #c00;
  font-size: 1.2rem;
  vertical-align: bottom;
}

.str-mainvisual-03 > .inner > .visual > .heading strong {
  display: block;
  clear: both;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1.6px;
}

.str-mainvisual-03 > .inner > .lede {
  padding: 14px 15px;
  background: #f4f4f4;
}

.str-mainvisual-03 > .inner > .lede > p {
  font-size: 1.4rem;
  line-height: 1.7143;
}

.str-mainvisual-03 > .inner > .visual > .image img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px), print {
  .str-mainvisual-03 {
    margin-bottom: 50px;
  }
  .str-mainvisual-03 > .inner {
    max-width: 1240px;
    margin: 0 auto;
  }
  .str-mainvisual-03 > .inner > .visual {
    position: relative;
  }
  .str-mainvisual-03 > .inner > .visual > .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto 0;
  }
  .str-mainvisual-03 > .inner > .visual > .heading > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 448px;
    max-width: 576px;
    padding: 22px 37px 20px 41px;
    background: rgba(52, 57, 61, 0.75);
  }
  .str-mainvisual-03 > .inner > .visual > .heading > .wrap > h1 {
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: 2px;
    line-height: 1.3;
  }
  .str-mainvisual-03 > .inner > .visual > .heading > .wrap > h1 > span:not(:last-child) {
    margin: 0 0 12px;
    padding: 5px 11px 2px;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
  .str-mainvisual-03 > .inner > .visual > .heading > .wrap > h1 strong {
    font-size: inherit;
    letter-spacing: 2px;
  }
  .str-mainvisual-03 > .inner > .lede {
    padding: 22px 41px 20px;
    letter-spacing: 3.2px;
  }
}
/* 本文ページ用見出し：h2要素 */
/* #006 通常（上罫線あり）の見出しレベル２
------------------------------------ */
/* スタイルなし */
/* #007 var-02を付与で上罫線なしの見出しレベル２
------------------------------------ */
.mod-hdg-al2.var-02 {
  margin-top: 36px;
  padding-top: 0;
  border-top: 0;
}

.str-outer-pageTitle + .str-outer .mod-hdg-al2.var-02 {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al2.var-02 {
    margin-top: 54px;
  }
  .str-outer-pageTitle + .str-outer .mod-hdg-al2.var-02 {
    margin-top: 36px;
  }
}
/* #008 サブタイトルあり見出しレベル２
------------------------------------ */
@media screen and (min-width: 768px), print {
  .mod-hdg-al2 > h1 > span:not(:first-child),
  .mod-hdg-al2 > h1 > span:not(:last-child),
  .mod-hdg-al2 > h2 > span:not(:first-child),
  .mod-hdg-al2 > h2 > span:not(:last-child),
  .mod-hdg-al2 > h3 > span:not(:first-child),
  .mod-hdg-al2 > h3 > span:not(:last-child),
  .mod-hdg-al2 > h4 > span:not(:first-child),
  .mod-hdg-al2 > h4 > span:not(:last-child),
  .mod-hdg-al2 > h5 > span:not(:first-child),
  .mod-hdg-al2 > h5 > span:not(:last-child),
  .mod-hdg-al2 > h6 > span:not(:first-child),
  .mod-hdg-al2 > h6 > span:not(:last-child) {
    font-size: 1.6rem;
    letter-spacing: 1.4px;
    line-height: 1.5;
  }
}
/* #009 h3見出しテキスト
------------------------------------ */
.mod-hdg-al3 {
  position: relative;
  z-index: 0;
  margin: 12px 0 10px;
  padding: 6px 0 5px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1.1px;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al3 {
    margin: 36px 0 31px;
    padding: 11px 0 7px;
    font-size: 2.4rem;
    letter-spacing: 1.6px;
  }
}
/* #010 h4見出しテキスト
------------------------------------ */
.mod-hdg-al4 {
  position: relative;
  z-index: 0;
  margin: 32px 0 14px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1.3333;
}

.mod-hdg-al4 > h1 > span,
.mod-hdg-al4 > h2 > span,
.mod-hdg-al4 > h3 > span,
.mod-hdg-al4 > h4 > span,
.mod-hdg-al4 > h5 > span,
.mod-hdg-al4 > h6 > span {
  display: block;
  position: relative;
  padding: 0 0 0 11px;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al4 {
    font-size: 2rem;
    letter-spacing: 1.4px;
  }
  .mod-hdg-al4 > h1 > span,
  .mod-hdg-al4 > h2 > span,
  .mod-hdg-al4 > h3 > span,
  .mod-hdg-al4 > h4 > span,
  .mod-hdg-al4 > h5 > span,
  .mod-hdg-al4 > h6 > span {
    padding-left: 13px;
  }
}
/* #011 h3(CA)見出しテキスト
------------------------------------ */
.mod-hdg-al3 > h1 > .icon,
.mod-hdg-al3 > h2 > .icon,
.mod-hdg-al3 > h3 > .icon,
.mod-hdg-al3 > h4 > .icon,
.mod-hdg-al3 > h5 > .icon,
.mod-hdg-al3 > h6 > .icon {
  display: inline-block;
  position: relative;
  -ms-flex-preferred-size: 35px;
      flex-basis: 35px;
  min-width: 35px;
  max-width: 35px;
  margin: 0 10px 0 0;
}

.mod-hdg-al3 > h1 > .icon::before,
.mod-hdg-al3 > h2 > .icon::before,
.mod-hdg-al3 > h3 > .icon::before,
.mod-hdg-al3 > h4 > .icon::before,
.mod-hdg-al3 > h5 > .icon::before,
.mod-hdg-al3 > h6 > .icon::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -18px;
  left: 0;
  width: 35px;
  height: 35px;
  border-radius: 102px;
  background: #e2e2e2;
}

.mod-hdg-al3 > h1 > .icon img,
.mod-hdg-al3 > h2 > .icon img,
.mod-hdg-al3 > h3 > .icon img,
.mod-hdg-al3 > h4 > .icon img,
.mod-hdg-al3 > h5 > .icon img,
.mod-hdg-al3 > h6 > .icon img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  max-width: 100%;
  height: auto;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al3 > h1 > .icon,
  .mod-hdg-al3 > h2 > .icon,
  .mod-hdg-al3 > h3 > .icon,
  .mod-hdg-al3 > h4 > .icon,
  .mod-hdg-al3 > h5 > .icon,
  .mod-hdg-al3 > h6 > .icon {
    -ms-flex-preferred-size: 51px;
        flex-basis: 51px;
    min-width: 51px;
    max-width: 51px;
    margin-right: 21px;
  }
  .mod-hdg-al3 > h1 > .icon::before,
  .mod-hdg-al3 > h2 > .icon::before,
  .mod-hdg-al3 > h3 > .icon::before,
  .mod-hdg-al3 > h4 > .icon::before,
  .mod-hdg-al3 > h5 > .icon::before,
  .mod-hdg-al3 > h6 > .icon::before {
    top: -25px;
    left: 0;
    width: 51px;
    height: 51px;
  }
  .mod-hdg-al3 > h1 > .icon img,
  .mod-hdg-al3 > h2 > .icon img,
  .mod-hdg-al3 > h3 > .icon img,
  .mod-hdg-al3 > h4 > .icon img,
  .mod-hdg-al3 > h5 > .icon img,
  .mod-hdg-al3 > h6 > .icon img {
    width: 43%;
  }
  .mod-hdg-al3 > h1 > .icon ~ *,
  .mod-hdg-al3 > h2 > .icon ~ *,
  .mod-hdg-al3 > h3 > .icon ~ *,
  .mod-hdg-al3 > h4 > .icon ~ *,
  .mod-hdg-al3 > h5 > .icon ~ *,
  .mod-hdg-al3 > h6 > .icon ~ * {
    letter-spacing: 3.8px;
  }
}
/* #012 h4(CA)見出しテキスト
------------------------------------ */
.mod-hdg-al4 > h1 > span.icon + span,
.mod-hdg-al4 > h2 > span.icon + span,
.mod-hdg-al4 > h3 > span.icon + span,
.mod-hdg-al4 > h4 > span.icon + span,
.mod-hdg-al4 > h5 > span.icon + span,
.mod-hdg-al4 > h6 > span.icon + span {
  padding-left: 9px;
}

.mod-hdg-al4 > h1 > span.icon img,
.mod-hdg-al4 > h2 > span.icon img,
.mod-hdg-al4 > h3 > span.icon img,
.mod-hdg-al4 > h4 > span.icon img,
.mod-hdg-al4 > h5 > span.icon img,
.mod-hdg-al4 > h6 > span.icon img {
  display: block;
}

.mod-hdg-al4 > h1 > span.icon + span,
.mod-hdg-al4 > h2 > span.icon + span,
.mod-hdg-al4 > h3 > span.icon + span,
.mod-hdg-al4 > h4 > span.icon + span,
.mod-hdg-al4 > h5 > span.icon + span,
.mod-hdg-al4 > h6 > span.icon + span {
  padding-left: 9px;
}

/* #013 通常（上罫線あり）の見出しレベル２
------------------------------------ */
.mod-hdg-bl2 {
  position: relative;
  z-index: 0;
  margin: 36px 0 29px;
  padding: 37px 0 3px;
  border-top: 1px solid #e1e1e1;
  font-size: 2rem;
  letter-spacing: 1.5px;
  line-height: 1.2;
  text-align: center;
}

.mod-hdg-bl2 > h1,
.mod-hdg-bl2 > h2,
.mod-hdg-bl2 > h3,
.mod-hdg-bl2 > h4,
.mod-hdg-bl2 > h5,
.mod-hdg-bl2 > h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-hdg-bl2 > h1 > span:last-child,
.mod-hdg-bl2 > h1 > strong:last-child,
.mod-hdg-bl2 > h2 > span:last-child,
.mod-hdg-bl2 > h2 > strong:last-child,
.mod-hdg-bl2 > h3 > span:last-child,
.mod-hdg-bl2 > h3 > strong:last-child,
.mod-hdg-bl2 > h4 > span:last-child,
.mod-hdg-bl2 > h4 > strong:last-child,
.mod-hdg-bl2 > h5 > span:last-child,
.mod-hdg-bl2 > h5 > strong:last-child,
.mod-hdg-bl2 > h6 > span:last-child,
.mod-hdg-bl2 > h6 > strong:last-child {
  position: relative;
  min-width: 156px;
  padding: 0 0 17px;
}

.mod-hdg-bl2 > h1 > span:last-child::after,
.mod-hdg-bl2 > h1 > strong:last-child::after,
.mod-hdg-bl2 > h2 > span:last-child::after,
.mod-hdg-bl2 > h2 > strong:last-child::after,
.mod-hdg-bl2 > h3 > span:last-child::after,
.mod-hdg-bl2 > h3 > strong:last-child::after,
.mod-hdg-bl2 > h4 > span:last-child::after,
.mod-hdg-bl2 > h4 > strong:last-child::after,
.mod-hdg-bl2 > h5 > span:last-child::after,
.mod-hdg-bl2 > h5 > strong:last-child::after,
.mod-hdg-bl2 > h6 > span:last-child::after,
.mod-hdg-bl2 > h6 > strong:last-child::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  margin: 0 auto;
  border-right: 100px solid #c00;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-bl2 {
    margin-top: 55px;
    margin-bottom: 39px;
    padding: 89px 150px 0;
    font-size: 3rem;
    letter-spacing: 2.2px;
  }
  .mod-hdg-bl2 > h1 > span:last-child,
  .mod-hdg-bl2 > h1 > strong:last-child,
  .mod-hdg-bl2 > h2 > span:last-child,
  .mod-hdg-bl2 > h2 > strong:last-child,
  .mod-hdg-bl2 > h3 > span:last-child,
  .mod-hdg-bl2 > h3 > strong:last-child,
  .mod-hdg-bl2 > h4 > span:last-child,
  .mod-hdg-bl2 > h4 > strong:last-child,
  .mod-hdg-bl2 > h5 > span:last-child,
  .mod-hdg-bl2 > h5 > strong:last-child,
  .mod-hdg-bl2 > h6 > span:last-child,
  .mod-hdg-bl2 > h6 > strong:last-child {
    min-width: 190px;
    max-width: 100%;
    padding-bottom: 25px;
  }
  .mod-hdg-bl2 > h1 > span:last-child::after,
  .mod-hdg-bl2 > h1 > strong:last-child::after,
  .mod-hdg-bl2 > h2 > span:last-child::after,
  .mod-hdg-bl2 > h2 > strong:last-child::after,
  .mod-hdg-bl2 > h3 > span:last-child::after,
  .mod-hdg-bl2 > h3 > strong:last-child::after,
  .mod-hdg-bl2 > h4 > span:last-child::after,
  .mod-hdg-bl2 > h4 > strong:last-child::after,
  .mod-hdg-bl2 > h5 > span:last-child::after,
  .mod-hdg-bl2 > h5 > strong:last-child::after,
  .mod-hdg-bl2 > h6 > span:last-child::after,
  .mod-hdg-bl2 > h6 > strong:last-child::after {
    border-right-width: 190px;
  }
}
/* #13 .通常（上罫線あり）の見出しレベル２
   #14 .var-02を付与で上罫線なしの見出しレベル２
   #15 .サブタイトルあり見出しレベル２
------------------------------------ */
.mod-hdg-bl2.align-left {
  text-align: left;
}

.mod-hdg-bl2.align-left > h2 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 54px 0 2px 15px;
}

.mod-hdg-bl2.align-left > h2 > span:first-child:not(:last-child) {
  margin-bottom: 4px;
  font-size: 1.2rem;
}

.mod-hdg-bl2.align-left > h2::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 3px;
  height: 32px;
  margin: auto 0;
  border-top: 16px solid #000;
  border-bottom: 16px solid #c00;
}

.mod-hdg-bl2.align-left > h2 > span:last-child,
.mod-hdg-bl2.align-left > h2 > strong:last-child {
  padding-bottom: 0;
}

.mod-hdg-bl2.align-left > h2 > span:last-child::after,
.mod-hdg-bl2.align-left > h2 > span:last-child::before,
.mod-hdg-bl2.align-left > h2 > strong:last-child::after,
.mod-hdg-bl2.align-left > h2 > strong:last-child::before {
  display: none;
}

.mod-hdg-bl2.align-left > h2 {
  padding: 60px 0 2px 19px;
}

.mod-hdg-bl2.align-left > h2 > span:first-child:not(:last-child) {
  margin-bottom: 6px;
  font-size: 1.6rem;
}

.mod-hdg-bl2.align-left > h2::before {
  top: 54px;
  width: 4px;
  height: 46px;
  border-top-width: 23px;
  border-bottom-width: 23px;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-bl2.align-left {
    padding: 89px 0 0;
  }
}
/* #014 var-02を付与で上罫線なしの見出しレベル２
------------------------------------ */
.mod-hdg-bl2.var-02 {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
}

/* #015 サブタイトルあり見出しレベル２
------------------------------------ */
.mod-hdg-bl2 > h1 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h2 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h3 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h4 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h5 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h6 > span:first-child:not(:last-child) {
  margin: 0 0 12px;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-bl2 > h1 > span:first-child:not(:last-child),
  .mod-hdg-bl2 > h2 > span:first-child:not(:last-child),
  .mod-hdg-bl2 > h3 > span:first-child:not(:last-child),
  .mod-hdg-bl2 > h4 > span:first-child:not(:last-child),
  .mod-hdg-bl2 > h5 > span:first-child:not(:last-child),
  .mod-hdg-bl2 > h6 > span:first-child:not(:last-child) {
    margin: 0 0 16px;
    font-size: 1.6rem;
  }
}
/* #016 見出しレベル3
------------------------------------ */
.mod-hdg-bl3 {
  position: relative;
  z-index: 0;
  margin: 22px 0 15px;
  border: 1px solid transparent;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1.1px;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-bl3 {
    margin: 24px 0 16px;
    font-size: 2rem;
    letter-spacing: 0;
  }
}
/* #025 インタビュー見出し+テキスト
------------------------------------ */
.mod-interview {
  margin: 40px 0;
  padding: 26px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  color: #333;
}

.mod-interview .question {
  position: relative;
  padding: 0 0 0 21px;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-interview .question::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 13px;
  height: 3px;
  background: #333;
}

.mod-interview .question + .answer {
  padding-left: 21px;
}

.mod-interview .answer {
  margin: 8px 0 0;
  font-size: 1.6rem;
  line-height: 1.65;
}

.mod-interview .answer > p + div {
  margin: 1.7143em 0 0;
}

.mod-interview .mod-media,
.mod-interview .mod-media-lyt,
.mod-interview .mod-media-embedVideo {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mod-interview .mod-media-lyt > .inner {
  margin-top: 0;
}

.mod-interview .mod-media-lyt > .inner > .content,
.mod-interview .mod-media-lyt > .inner > .media {
  padding-top: 0;
}

.mod-interview .mod-media:last-child,
.mod-interview .mod-media-lyt:last-child,
.mod-interview .mod-media-embedVideo:last-child {
  margin-bottom: 0;
}

.mod-interview .unit + .unit {
  margin: 26px 0 0;
  padding: 26px 0 0;
  border-top: 1px solid #e1e1e1;
}

@media screen and (min-width: 768px), print {
  .mod-interview {
    padding: 40px;
  }
  .mod-interview .answer {
    margin: 10px 0 0;
  }
  .mod-interview .unit + .unit {
    margin: 34px 0 0;
    padding: 34px 0 0;
  }
}
/* #028 PDFテキストリンク
------------------------------------ */
.mod-pdf + .mod-hdg-al3 {
  margin-top: 30px;
}

.mod-pdf > p {
  display: flow-root;
  overflow: hidden;
}

.mod-pdf > p > a {
  display: block;
  position: relative;
  padding: 0 0 0 21px;
  color: inherit;
  text-decoration: none;
}

.mod-pdf > p > a::after,
.mod-pdf > p > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-pdf > p > a::before {
  z-index: 0;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-pdf > p > a::after {
  z-index: 1;
  top: 0;
  left: 4px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-pdf[class*=text-align-] p,
.position-right .mod-pdf p {
  display: inline-block;
}

.mod-pdf[class*=text-align-] p::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (min-width: 768px), print {
  .mod-pdf > p > a {
    padding-left: 30px;
  }
  .mod-pdf > p > a::before {
    top: -2px;
    left: 0;
    width: 18px;
    height: 18px;
  }
  .mod-pdf > p > a::after {
    top: -2px;
    left: 5px;
    width: 6px;
    height: 6px;
  }
  .mod-pdf > p > a[href]:focus,
  .mod-pdf > p > a[href]:hover {
    text-decoration: underline;
  }
}
/* リンクテキスト　汎用 */
.mod-link-list {
  padding: 0 0 0 2px;
}

.mod-link-list > .list {
  letter-spacing: 0.06em;
}

.mod-link-list > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 4px;
}

.mod-link-list > .list > li + li {
  margin-top: 9px;
}

.mod-link-list > .list > li > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding: 0 0 0 21px;
  color: inherit;
  text-align: left;
  text-decoration: none;
}

.mod-link-list > .list > li > a {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
  color: inherit;
  text-decoration: none;
}

.mod-link-list > .list > li > a::after,
.mod-link-list > .list > li > button::after,
.mod-link-list > .list > li > a::before,
.mod-link-list > .list > li > button::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-link-list > .list > li > a::before,
.mod-link-list > .list > li > button::before {
  z-index: 0;
  top: 4px;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #1a1a1a;
}

.mod-link-list > .list > li > a::after,
.mod-link-list > .list > li > button::after {
  z-index: 1;
  top: 9px;
  left: 4px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

@media screen and (min-width: 768px), print {
  .mod-link-list {
    overflow: hidden;
  }
  .mod-link-list > .list {
    margin-top: -6px;
    margin-left: -37px;
  }
  .mod-link-list > .list > li {
    position: relative;
    padding-top: 6px;
    padding-left: 37px;
  }
  .mod-link-list > .list > li::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 6px;
    left: 15px;
    height: 16px;
    margin: auto 0;
    border-left: 1px solid #7d7d7d;
  }
  .mod-link-list > .list > li + li {
    margin-top: 0;
  }
  .mod-link-list > .list > li > a[href]:focus,
  .mod-link-list > .list > li > a[href]:hover {
    text-decoration: underline;
  }
}
.mod-link-list.var-02 {
  padding-left: 0;
}

.mod-link-list.var-02 > .list > li {
  padding-left: 0;
}

.mod-link-list.var-02 > .list > li > a {
  width: 100%;
  padding: 9px 10px 8px 35px;
  border: 1px solid #c1c1c1;
}

.mod-link-list.var-02 > .list > li > a::before {
  top: 12px;
  left: 11px;
}

.mod-link-list.var-02 > .list > li > a::after {
  top: 17px;
  left: 15px;
}

@media screen and (min-width: 768px), print {
  .mod-link-list.var-02 > .list > li {
    padding-left: 37px;
  }
  .mod-link-list.var-02 > .list > li > a {
    width: auto;
    padding: 0 0 0 24px;
    border: 0;
  }
  .mod-link-list.var-02 > .list > li > a::before {
    top: 4px;
    left: 0;
  }
  .mod-link-list.var-02 > .list > li > a::after {
    top: 9px;
    left: 4px;
  }
}
.mod-link-list.var-03 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px -10px;
}

.mod-link-list.var-03 .list li {
  padding-right: 10px;
}

.mod-link-list.var-03 .list li::before {
  content: none;
}

.mod-link-list.var-03 .list li + li {
  margin-top: 0;
}

.mod-link-list.var-03[data-col] .list > li {
  padding-right: 10px;
}

.mod-link-list.var-03[data-col="1"] .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

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

.mod-link-list.var-03[data-col="3"] .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

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

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

.mod-link-list.var-03[data-col="6"] .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-link-list.var-03[data-col=auto] .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

@media screen and (max-width: 767px), print {
  .mod-link-list.var-03 .list li {
    padding-left: 0;
  }
  .mod-link-list.var-03[data-col] .list > li {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .mod-link-list.var-03 .list {
    margin-top: -6px;
    margin-left: -20px;
  }
  .mod-link-list.var-03[data-col-wide="1"] .list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .mod-link-list.var-03[data-col-wide="2"] .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-link-list.var-03[data-col-wide="3"] .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-link-list.var-03[data-col-wide="4"] .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-link-list.var-03[data-col-wide="5"] .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-link-list.var-03[data-col-wide="6"] .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-link-list.var-03[data-col-wide=auto] .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
}
/* #046 左寄せテキスト（ビュレットなし）
------------------------------------ */
.mod-list-noBullet {
  margin: 0 0 47px;
}

.mod-list-noBullet > .list > li + li {
  margin-top: 3px;
}

.mod-list-noBullet[data-col] > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-noBullet[data-col] > .list > li {
  margin-top: 0;
}

.mod-list-noBullet > .list > li > span:first-child {
  display: block;
  position: relative;
}

.mod-list-noBullet > .list > li > :first-child {
  margin-top: 0;
}

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

.mod-list-noBullet > .list > li > span:first-child,
.mod-list-noBullet > .list > li > span ~ * {
  padding-left: 14px;
}

@media screen and (min-width: 768px), print {
  .mod-list-noBullet > .list > li + li {
    margin-top: 6px;
  }
  .mod-list-noBullet > .list > li > span:first-child,
  .mod-list-noBullet > .list > li > span ~ * {
    padding-left: 17px;
  }
}
/* #047 ナンバー順序リスト
------------------------------------ */
.mod-list-ordered {
  margin: 0 0 47px;
  counter-reset: mod-list-ordered;
}

.mod-list-ordered > ol.list {
  display: table;
}

.mod-list-ordered > ol.list > li {
  margin-bottom: 0.5em;
  line-height: 1.65;
  counter-increment: mod-list-ordered;
}

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

.mod-list-ordered > ol.list > li::before {
  content: counter(mod-list-ordered) ".";
  display: table-cell;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}

.mod-list-ordered > ol.list > li > .content {
  display: table-cell;
  padding: 0 0 0 8px;
  vertical-align: top;
}

.mod-list-ordered > ol.list > li > .content > :first-child {
  margin-top: 0;
}

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

@media screen and (min-width: 768px), print {
  .mod-list-ordered > ol.list > li > .content {
    padding-left: 10px;
  }
}
/* #048 ※テキスト
------------------------------------ */
.mod-list-notice {
  margin-bottom: 10px;
}

.mod-list-notice > .list {
  display: table;
  width: 100%;
  font-size: 1.4rem;
}

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

.mod-list-notice > .list > li > * {
  display: table-cell;
  padding: 0 0 1px;
  line-height: 1.65;
  vertical-align: baseline;
}

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

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

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

.mod-list-notice > .list > li > .content > :first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .mod-list-notice > .list > li > * {
    padding-bottom: 2px;
  }
  .mod-list-notice > .list > li > .symbol {
    padding-right: 10px;
  }
}
/* #049 ※ナンバーテキスト
------------------------------------ */
/* スタイルなし */
/* #050 ナンバー非順序リスト
------------------------------------ */
.mod-list-hasSymbol {
  margin: 0 0 90px;
}

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

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

.mod-list-hasSymbol > .list > li > * {
  display: table-cell;
  vertical-align: text-top;
}

.mod-list-hasSymbol > .list > li > .symbol > span {
  white-space: nowrap;
}

.mod-list-hasSymbol > .list > li > .symbol > span img {
  display: block;
  position: relative;
  top: 2px;
}

.mod-list-hasSymbol > .list > li > .content {
  width: 100%;
  padding: 0.3em 0.5em;
  line-height: 1.65;
}

.mod-list-hasSymbol > .list > li > .content > :first-child {
  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-top: 6px;
}

.mod-list-hasSymbol > .list > li + li > .content {
  padding-top: 8px;
}

.mod-list-hasSymbol > .list > li > .symbol {
  padding: 0.3em 0;
  line-height: 1;
}

@media screen and (min-width: 768px), print {
  .mod-list-hasSymbol[data-col-wide] > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-hasSymbol[data-col-wide] > .list > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-list-hasSymbol[data-col-wide] > .list > * > * {
    display: block;
  }
  .mod-list-hasSymbol[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-list-hasSymbol[data-col-wide="2"] > .list,
  .mod-list-hasSymbol[data-col-wide="3"] > .list,
  .mod-list-hasSymbol[data-col="2"] > .list,
  .mod-list-hasSymbol[data-col="3"] > .list {
    margin-left: -40px;
  }
  .mod-list-hasSymbol[data-col-wide="2"] > .list > li,
  .mod-list-hasSymbol[data-col-wide="3"] > .list > li,
  .mod-list-hasSymbol[data-col="2"] > .list > li,
  .mod-list-hasSymbol[data-col="3"] > .list > li {
    padding-left: 40px;
  }
  .mod-list-hasSymbol[data-col-wide="4"] > .list,
  .mod-list-hasSymbol[data-col-wide="5"] > .list,
  .mod-list-hasSymbol[data-col-wide="6"] > .list,
  .mod-list-hasSymbol[data-col-wide=auto] > .list,
  .mod-list-hasSymbol[data-col="4"] > .list,
  .mod-list-hasSymbol[data-col="5"] > .list,
  .mod-list-hasSymbol[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-list-hasSymbol[data-col-wide="4"] > .list > li,
  .mod-list-hasSymbol[data-col-wide="5"] > .list > li,
  .mod-list-hasSymbol[data-col-wide="6"] > .list > li,
  .mod-list-hasSymbol[data-col-wide=auto] > .list > li,
  .mod-list-hasSymbol[data-col="4"] > .list > li,
  .mod-list-hasSymbol[data-col="5"] > .list > li,
  .mod-list-hasSymbol[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-list-hasSymbol[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-hasSymbol[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list-hasSymbol[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list-hasSymbol[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list-hasSymbol[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
}
/* #051 ○ナンバー非順序リスト
------------------------------------ */
.mod-list-hasSymbol.var-02 > .list > li {
  padding: 6px;
}

.mod-list-hasSymbol.var-02 > .list > li > .symbol > span {
  display: block;
  z-index: 0;
  width: 1.8em;
  height: 1.8em;
  padding: 0.35em;
  border-radius: 100%;
  background-color: #757575;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  vertical-align: text-top;
}

@media screen and (min-width: 768px), print {
  .mod-list-hasSymbol.var-02 > .list > li + li > .symbol {
    margin-top: 8px;
  }
  .mod-list-hasSymbol.var-02 > .list > li + li > .content {
    padding-top: 6px;
  }
}
/* #052 ボックス非順序リスト
------------------------------------ */
.mod-list-hasSymbol02 {
  margin: 0 0 90px;
}

.mod-list-hasSymbol02 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px 0 0 -5px;
}

.mod-list-hasSymbol02 > .list > *,
.mod-list-hasSymbol02 > .list .anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0 5px;
}

.mod-list-hasSymbol02 > .list > * > .content,
.mod-list-hasSymbol02 > .list > * > .symbol,
.mod-list-hasSymbol02 > .list .anker .content,
.mod-list-hasSymbol02 > .list .anker .symbol {
  background: #f4f4f4;
}

.mod-list-hasSymbol02 > .list > * > .symbol,
.mod-list-hasSymbol02 > .list .anker .symbol {
  -ms-flex-preferred-size: 82px;
      flex-basis: 82px;
  min-width: 82px;
  max-width: 82px;
  padding: 15px 11px 15px 15px;
}

.mod-list-hasSymbol02 > .list > * > .symbol img {
  width: 56px;
  height: 56px;
}

.mod-list-hasSymbol02 > .list > * > .symbol img,
.mod-list-hasSymbol02 > .list > * > .symbol > span,
.mod-list-hasSymbol02 > .list .anker .symbol img,
.mod-list-hasSymbol02 > .list .anker .symbol > span {
  display: block;
}

.mod-list-hasSymbol02 > .list > * > .symbol > span,
.mod-list-hasSymbol02 > .list .anker .symbol > span {
  display: block;
}

.mod-list-hasSymbol02 > .list > * > .content,
.mod-list-hasSymbol02 > .list .anker .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px 16px 0;
  line-height: 1.65;
}

.mod-list-hasSymbol02 > .list > * > .content > :first-child,
.mod-list-hasSymbol02 > .list .anker .content > :first-child {
  margin-top: 0;
}

.mod-list-hasSymbol02 > .list > * > .content > :last-child,
.mod-list-hasSymbol02 > .list .anker .content > :last-child {
  margin-bottom: 0;
}

.mod-list-hasSymbol02 > .list > * > .content > span:first-child,
.mod-list-hasSymbol02 > .list .anker .content > span:first-child {
  display: block;
}

.mod-list-hasSymbol02 > .list > * > .content > span:not(:last-child) + *,
.mod-list-hasSymbol02 > .list .anker .content > span:not(:last-child) + * {
  margin-top: 6px;
}

.mod-list-hasSymbol02:not([data-col]) > .list > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-list-hasSymbol02[data-col=auto] > .list > * {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-list-hasSymbol02.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-list-hasSymbol02.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-list-hasSymbol02[data-col="2"] > .list > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-list-hasSymbol02[data-col="3"] > .list > * {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-list-hasSymbol02[data-col="4"] > .list > * {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-list-hasSymbol02[data-col="5"] > .list > * {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-list-hasSymbol02[data-col="6"] > .list > * {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-list-hasSymbol02 > .list {
    margin-top: -10px;
    margin-left: -20px;
  }
  .mod-list-hasSymbol02 > .list > * {
    padding-top: 10px;
    padding-left: 20px;
  }
  .mod-list-hasSymbol02 > .list > * > .symbol,
  .mod-list-hasSymbol02 > .list .anker .symbol {
    -ms-flex-preferred-size: 91px;
        flex-basis: 91px;
    min-width: 91px;
    max-width: 91px;
    padding: 20px 20px 20px 15px;
  }
  .mod-list-hasSymbol02 > .list > * + * {
    margin-top: 0;
  }
  .mod-list-hasSymbol02[data-col-wide="2"] > .list > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-hasSymbol02[data-col-wide=auto] > .list > * {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-list-hasSymbol02[data-col-wide="2"] > .list > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-hasSymbol02[data-col-wide="3"] > .list > * {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list-hasSymbol02[data-col-wide="4"] > .list > * {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list-hasSymbol02[data-col-wide="5"] > .list > * {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list-hasSymbol02[data-col-wide="6"] > .list > * {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
}
/* #053 タイトル+棒線+テキスト
------------------------------------ */
.mod-list-description {
  margin: 20px 0;
}

.mod-list-description > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-description > .list > div {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}

.mod-list-description > .list > div > dt {
  margin: 0 0 11px;
  padding: 0 0 7px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.65;
}

.mod-list-description > .list > div > dd {
  line-height: 1.65;
}

.mod-list-description > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

.mod-list-description > .list > div > dd + dd {
  margin-top: 6px;
}

.mod-list-description > .list > div + div {
  padding: 12px 0 0;
}

.mod-list-description[data-col] > .list {
  margin-top: -12px;
}

.mod-list-description[data-col] > .list > div {
  padding-top: 12px;
}

.mod-list-description[data-col] > .list > div.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-list-description[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-list-description[data-col=auto] > .list > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

.mod-list-description.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-list-description.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-list-description[data-col="2"] > .list,
.mod-list-description[data-col="3"] > .list,
.mod-list-description[data-col="4"] > .list,
.mod-list-description[data-col="5"] > .list,
.mod-list-description[data-col="6"] > .list {
  margin-left: -11px;
}

.mod-list-description[data-col="2"] > .list > div,
.mod-list-description[data-col="3"] > .list > div,
.mod-list-description[data-col="4"] > .list > div,
.mod-list-description[data-col="5"] > .list > div,
.mod-list-description[data-col="6"] > .list > div {
  padding-left: 11px;
}

.mod-list-description[data-col="2"] > .list > div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-list-description[data-col="3"] > .list > div {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-list-description[data-col="4"] > .list > div {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-list-description[data-col="5"] > .list > div {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-list-description[data-col="6"] > .list > div {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-list-description {
    margin: 35px 0;
  }
  .mod-list-description > .list > div > dt {
    margin-bottom: 17px;
    padding-bottom: 7px;
  }
  .mod-list-description[data-col-wide] > .list {
    margin-top: -20px;
  }
  .mod-list-description[data-col-wide] > .list > div {
    padding-top: 20px;
  }
  .mod-list-description[data-col-wide] > .list > div.of-full,
  .mod-list-description[data-col-wide] > .list > div.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-list-description[data-col-wide] > .list > div.of-fillin,
  .mod-list-description[data-col-wide] > .list > div.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-list-description[data-col-wide="2"] > .list,
  .mod-list-description[data-col-wide="3"] > .list,
  .mod-list-description[data-col-wide="4"] > .list,
  .mod-list-description[data-col-wide="5"] > .list,
  .mod-list-description[data-col-wide="6"] > .list,
  .mod-list-description[data-col-wide=auto] {
    margin-left: -20px;
  }
  .mod-list-description[data-col-wide="2"] > .list > div,
  .mod-list-description[data-col-wide="3"] > .list > div,
  .mod-list-description[data-col-wide="4"] > .list > div,
  .mod-list-description[data-col-wide="5"] > .list > div,
  .mod-list-description[data-col-wide="6"] > .list > div,
  .mod-list-description[data-col-wide=auto] > .list > div {
    padding-left: 20px;
  }
  .mod-list-description[data-col-wide="2"] > .list > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-description[data-col-wide="3"] > .list > div {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list-description[data-col-wide="4"] > .list > div {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list-description[data-col-wide="5"] > .list > div {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list-description[data-col-wide="6"] > .list > div {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-list-description[data-col-wide=auto] > .list > div {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
/* #054 タイトル+棒線+テキスト+モジュール
------------------------------------ */
.mod-list-description > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

.mod-list-description > .list > div > dd > :first-child {
  margin-top: 0;
}

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

/* #055 タイトル+棒線+モジュール
------------------------------------ */
/* スタイルなし */
/* #056 タイトル+棒線+テキスト（2カラム幅埋め）
------------------------------------ */
.mod-list-description > .list > div + div {
  padding: 12px 0 0;
}

@media screen and (min-width: 768px), print {
  .mod-list-description > .list > div + div {
    padding-top: 21px;
  }
}
/* #057 棒線+タイトル+テキスト
#058 棒線+タイトル+テキスト+モジュール
#059 棒線+タイトル+モジュール
------------------------------------ */
.mod-list-description-02 {
  margin-bottom: 30px;
}

.mod-list-description-02 > .list {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #e1e1e1;
}

.mod-list-description-02 > .list > div {
  display: table-row;
}

.mod-list-description-02 > .list > div > * {
  display: table-cell;
  padding: 11px 0;
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
}

.mod-list-description-02 > .list > div > dd {
  padding-left: 11px;
}

.mod-list-description-02 > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description-02 > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .mod-list-description-02 > .list > div > * {
    padding: 13px 0;
  }
  .mod-list-description-02 > .list > div:first-child > * {
    padding-top: 17px;
  }
  .mod-list-description-02 > .list > div > dt {
    font-weight: 700;
  }
}
/* #060 商品コード+型番+タイトル+テキスト+モジュール
------------------------------------ */
.mod-list-description-03 {
  margin: 0 0 30px;
}

.mod-list-description-03 > .list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.mod-list-description-03 > .list > div:first-child {
  margin-top: 0;
}

.mod-list-description-03 > .list > div > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.mod-list-description-03 > .list > div > dt {
  padding-right: 5px;
}

.mod-list-description-03 > .list > div > dd {
  -webkit-box-flex: 2;
      -ms-flex: 2 1;
          flex: 2 1;
  padding-left: 5px;
}

.mod-list-description-03 > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description-03 > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .mod-list-description-03 > .list > div > dt {
    font-weight: 700;
  }
}
/* #061 日付+タグ+タイトル
------------------------------------ */
.mod-list-news {
  margin-bottom: 36px;
}

.mod-list-news + .mod-link {
  margin-top: -14px;
}

.mod-list-news > .list > li + li {
  margin: 18px 0 0;
  padding: 19px 0 0;
  border-top: 1px solid #e1e1e1;
}

.mod-list-news > .list > li > .state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 7px;
}

.mod-list-news > .list > li > .state .date {
  min-width: 8em;
}

.mod-list-news > .list > li > .state .date:not(:last-child) {
  margin-right: 18px;
}

.mod-list-news > .list > li > .state .tag,
.mod-list-news > .list > li > div > .state .tag {
  min-width: 82px;
  padding: 4px 6px;
  border: 1px solid #dfdfdf;
  border-radius: 1em;
  background: #f4f4f4;
  color: #444;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.mod-list-news > .list > li > .content {
  margin: 0;
}

.mod-list-news > .list > li > .content > :first-child {
  margin-top: 0;
}

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

.mod-list-news > .list > li > .content > * + .list,
.mod-list-news > .list > li > .content > * + .notice,
.mod-list-news > .list > li > .content > * + .summary {
  margin: 19px 0;
}

.mod-list-news > .list > li > .content > dl.list > div > dt {
  margin: 0 0 1px;
  font-weight: 700;
}

.mod-list-news > .list > li > .content > dl.list > div > dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 2px;
}

.mod-list-news > .list > li > .content > dl.list > div > dd > span + span {
  position: relative;
  margin: 0 0 0 6px;
  padding: 0 0 0 8px;
}

.mod-list-news > .list > li > .content > dl.list > div > dd > span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1em;
  margin: auto 0;
  border-left: 1px solid #a0a0a0;
}

.mod-list-news > .list > li > .content > * + .notice {
  margin: 10px 0 20px;
}

.mod-list-news > .list > li > .content > .notice > * {
  display: table-cell;
}

.mod-list-news > .list > li > .content > .notice > small {
  width: 100%;
  padding: 0 0 0 7px;
}

.mod-list-news > .list > li > .content > ul.list > li + li {
  margin-top: 4px;
}

.mod-list-news > .list > li > .content > dl.list > div + div {
  margin-top: 4px;
}

@media screen and (min-width: 768px), print {
  .mod-list-news > .list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mod-list-news > .list > li + li {
    margin-top: 16px;
    padding-top: 16px;
  }
  .mod-list-news > .list > li .state {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-list-news > .list > li .state .date {
    margin-right: 15px;
  }
  .mod-list-news > .list > li .state .date:not(:last-child) {
    margin-right: 20px;
  }
  .mod-list-news > .list > li .state .tag {
    width: 180px;
    margin: auto 34px auto 0;
  }
  .mod-list-news > .list > li .content {
    margin-left: 0;
  }
  .mod-list-news > .list > li .content > * + .list,
  .mod-list-news > .list > li .content > * + .summary {
    margin: 10px 0;
  }
  .mod-list-news > .list > li .content > * + dl.list {
    margin-top: 10px;
  }
  .mod-list-news > .list > li .content > dl.list > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-news > .list > li .content > dl.list > div > dt {
    margin-right: 10px;
  }
  .mod-list-news > .list > li .content > dl.list > div > dd > span + span {
    margin-left: 20px;
    padding-left: 20px;
  }
  .mod-list-news > .list > li .content > .notice {
    margin-left: 0;
  }
  .mod-list-news > .list > li .content > .notice > small {
    padding-left: 3px;
  }
}
/* #062 Q&Aリスト
------------------------------------ */
.mod-list-faq .c-accordion .accordion-list .btn-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

.mod-list-faq .c-accordion .accordion-list .btn-accordion a {
  display: block;
  z-index: 2;
  width: 100%;
  padding: 1em 2.8em 1em 1.5em;
  color: #333;
  text-decoration: none;
}

.mod-list-faq .c-accordion .accordion-list .btn-accordion .mark-question {
  position: relative !important;
  margin: 0;
  background-color: transparent;
  color: #c00;
  font-weight: 700;
}

.mod-list-faq .contentsBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-faq .contentsBlock::before {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.mod-list-faq .contentsBlock .mark-answer {
  padding: 1em 0 1em 1.6em;
  color: #0af;
}

.mod-list-faq .contentsBlock .accordion-innerWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding-left: 1em;
}

.mod-list-faq .btn-accordion {
  background-color: transparent;
}

.mod-list-faq .c-accordion .accordion-list {
  margin-top: 0;
  margin-bottom: 0;
}

.mod-list-faq .c-accordion .accordion-list:first-child {
  margin-top: 20px;
}

.mod-list-faq .c-accordion .accordion-list:last-child {
  margin-bottom: 20px;
}

.mod-list-faq .c-accordion .accordion-list + .accordion-list {
  border-top: none;
}

.mod-list-faq .c-accordion .accordion-list .btn-accordion input[type=button] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  color: transparent;
  text-align: left;
}

.mod-list-faq .c-accordion .btn-accordion::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: none;
  background: -webkit-gradient(linear, left top, right top, from(rgb(238, 238, 238)), color-stop(40%, rgb(238, 238, 238)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))) 0% 0%;
  background: linear-gradient(to right, rgb(238, 238, 238), rgb(238, 238, 238) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size: 5px 1px;
}

.mod-list-faq .c-accordion .contentsBlock.is-active::before {
  content: none;
}

/* #064 3連リンクテキスト
------------------------------------ */
.mod-link-list.var-02 > .list > li + li {
  margin-top: 0;
}

.mod-link-list.var-02 > .list > li:not(:first-child) > a {
  border-top: 0;
}

/* #064 3連リンクテキスト
------------------------------------ */
.mod-link-list.var-02 > .list > li + li {
  margin-top: 0;
}

.mod-link-list.var-02 > .list > li:not(:first-child) > a {
  border-top: 0;
}

/* #065 横並び3連リンクテキスト
------------------------------------ */
@media screen and (min-width: 768px), print {
  .mod-link-list.of-horizontal-wide > .list > li::before {
    left: 20px;
    height: 26px;
    border-left: 1px solid #ccc;
  }
}
/* #066 横並び3連ページ内リンクテキスト
------------------------------------ */
.mod-link-anchorList {
  margin: 0 0 62px;
  border: 1px solid #e1e1e1;
  border-width: 1px;
}

.mod-link-anchorList > .list {
  padding: 22px 11px 23px;
}

.mod-link-anchorList > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 4px;
}

.mod-link-anchorList > .list > li + li {
  margin-top: 9px;
}

.mod-link-anchorList > .list > li > a {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
  color: inherit;
  text-decoration: none;
}

.mod-link-anchorList > .list > li > a::after,
.mod-link-anchorList > .list > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-link-anchorList > .list > li > a::before {
  z-index: 0;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #1a1a1a;
}

.mod-link-anchorList > .list > li > a::after {
  z-index: 1;
  top: -3px;
  left: 5px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 0 1px 1px 0;
}

@media screen and (min-width: 768px), print {
  .mod-link-anchorList {
    overflow: hidden;
    border-width: 1px;
  }
  .mod-link-anchorList > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -4px;
    margin-left: -38px;
    padding-right: 19px;
    padding-left: 19px;
  }
  .mod-link-anchorList > .list > li {
    position: relative;
    padding-top: 4px;
    padding-left: 37px;
  }
  .mod-link-anchorList > .list > li:nth-child(n+2)::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 4px;
    bottom: 0;
    left: 18px;
    height: 26px;
    margin: auto 0;
    border-left: 1px solid #ccc;
  }
  /* 3カラム用 */
  .mod-link-anchorList[data-col="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    min-width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  /* 3カラム用 end */
  .mod-link-anchorList > .list > li + li {
    margin-top: 0;
  }
  .mod-link-anchorList > .list > li > a[href]:focus,
  .mod-link-anchorList > .list > li > a[href]:hover {
    text-decoration: underline;
  }
}
/* #031 .of-fullを付与したボタン
------------------------------------ */
[class*=mod-btn] > .inner > .btn.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

[class*=mod-btn] > .inner > .btn.of-full a,
[class*=mod-btn] > .inner > .btn.of-full input,
[class*=mod-btn] > .inner > .btn.of-full button {
  width: 100%;
}

[class*=mod-btn][data-col] > .inner > .btn.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-btn-download[data-col] > .inner > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px), print {
  [class*=mod-btn] > .inner > .btn.of-full,
  [class*=mod-btn] > .inner > .btn.of-full-middle,
  [class*=mod-btn] > .inner > .btn.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  [class*=mod-btn] > .inner > .btn.of-full a,
  [class*=mod-btn] > .inner > .btn.of-full button,
  [class*=mod-btn] > .inner > .btn.of-full-middle a,
  [class*=mod-btn] > .inner > .btn.of-full-middle button,
  [class*=mod-btn] > .inner > .btn.of-full-wide a,
  [class*=mod-btn] > .inner > .btn.of-full-wide button {
    width: 100%;
  }
  [class*=mod-btn][data-col-wide] > .inner > .btn.of-full,
  [class*=mod-btn][data-col-wide] > .inner > .btn.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-btn-download[data-col-wide] > .inner > .list > li.of-full,
  .mod-btn-download[data-col-wide] > .inner > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
/* #032 非活性ボタン
------------------------------------ */
[class*=mod-btn] a:not([href]):not([role=button]),
[class*=mod-btn] a[role=button][aria-disabled=true],
[class*=mod-btn] button:disabled {
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* #033 ＳＰ幅：左、ＰＣ幅：右
------------------------------------ */
[class*=mod-btn].align-left > .inner {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

@media screen and (min-width: 768px), print {
  [class*=mod-btn].align-right-wide > .inner {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  [class*=mod-btn] a[href]:focus,
  [class*=mod-btn] a[href]:hover,
  [class*=mod-btn] input:focus,
  [class*=mod-btn] input:hover,
  [class*=mod-btn] button[type]:not(:disabled):focus,
  [class*=mod-btn] button[type]:not(:disabled):hover {
    background: #fff;
  }
}
/* #034 矢印が右方向
------------------------------------ */
[class*=mod-btn][class*=align-right] > .inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* #035 左寄せ、矢印が左方向
------------------------------------ */
.mod-btn > .inner > .btn.of-left a::after,
.mod-btn > .inner > .btn.of-left button[type]::after {
  left: 17px;
}

[class*=mod-btn] > .inner > .btn.of-left a::after,
[class*=mod-btn] > .inner > .btn.of-left button[type]::after {
  border-width: 0 0 1px 1px;
}

@media screen and (min-width: 768px), print {
  [class*=mod-btn].align-left-wide > .inner {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  [class*=mod-btn]:not([data-col-wide]).align-left-wide > .inner > .btn {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}
/* 矢印　上方向・下方向　汎用 */
[class*=mod-btn] > .inner > .btn.of-down a::after,
[class*=mod-btn] > .inner > .btn.of-down button[type]::after,
[class*=mod-btn] > .inner > .btn.of-up a::after,
[class*=mod-btn] > .inner > .btn.of-up button[type]::after {
  left: 16px;
}

/* #036 矢印が上方向
------------------------------------ */
[class*=mod-btn] > .inner > .btn.of-up a::after,
[class*=mod-btn] > .inner > .btn.of-up button[type]::after {
  top: 3px;
  border-width: 1px 0 0 1px;
}

/* #037 矢印が下方向
------------------------------------ */
[class*=mod-btn] > .inner > .btn.of-down a::after,
[class*=mod-btn] > .inner > .btn.of-down button[type]::after {
  top: -2px;
  border-width: 0 1px 1px 0;
}

/* #038 キヤノンオンラインショップ
------------------------------------ */
[class*=mod-btn] > .inner > .btn.of-shop a,
[class*=mod-btn] > .inner > .btn.of-shop button[type] {
  padding-left: 38px;
}

[class*=mod-btn] > .inner > .btn.of-shop a::before,
[class*=mod-btn] > .inner > .btn.of-shop button[type]::before {
  display: none;
}

[class*=mod-btn] > .inner > .btn.of-shop a::after,
[class*=mod-btn] > .inner > .btn.of-shop button[type]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 21px;
  height: 29px;
  margin: auto 0;
  -webkit-transform: none;
          transform: none;
  border: 0;
  background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
  background-position: -32px 0;
  background-size: 98px 60px;
}

/* PCサイズからワイド表示 */
[class*=mod-btn] > .inner > .btn.of-wideBtn {
  width: 100%;
  max-width: 400px;
}

[class*=mod-btn] > .inner > .btn.of-wideBtn a,
[class*=mod-btn] > .inner > .btn.of-wideBtn input,
[class*=mod-btn] > .inner > .btn.of-wideBtn button {
  width: 100%;
}

/* SPサイズのみフル表示 */
[class*=mod-btn] > .inner > .btn.of-spWideBtn,
[class*=mod-btn] > .inner > .btn.of-spWideBtn a,
[class*=mod-btn] > .inner > .btn.of-spWideBtn input,
[class*=mod-btn] > .inner > .btn.of-spWideBtn button {
  width: 100%;
  max-width: 420px;
}

@media screen and (min-width: 768px), print {
  [class*=mod-btn] > .inner > .btn.of-spWideBtn,
  [class*=mod-btn] > .inner > .btn.of-spWideBtn a,
  [class*=mod-btn] > .inner > .btn.of-spWideBtn input,
  [class*=mod-btn] > .inner > .btn.of-spWideBtn button {
    width: auto;
  }
}
/* #039 商品カタログ #040 取り扱い説明書 #041 ソフトウエア
------------------------------------ */
.mod-btn-download {
  margin: 19px 0;
  text-align: center;
}

.mod-btn-download > .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 3px 0 8px;
}

.mod-btn-download > .inner > .hdg {
  margin: 0 0 15px;
  font-size: 1.8rem;
  text-align: center;
}

.mod-btn-download > .inner > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -30px 0 0 -9px;
}

.mod-btn-download > .inner > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 30px 0 0 9px;
}

.mod-btn-download > .inner > .list > li > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 20px 5px 15px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #fff;
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
}

.mod-btn-download > .inner > .list > li > .item.is-disabled {
  opacity: 0.4;
}

.mod-btn-download > .inner > .list > li > .item.is-disabled,
.mod-btn-download > .inner > .list > li > .item.is-disabled:focus,
.mod-btn-download > .inner > .list > li > .item.is-disabled:hover {
  background-color: #f8f8f8;
}

.mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) {
  position: relative;
  -ms-flex-preferred-size: 46px;
      flex-basis: 46px;
  min-width: 46px;
  max-width: 46px;
  height: 46px;
  border-radius: 92px;
  background: #5d5e61;
}

.mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) img {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.mod-btn-download > .inner > .list > li > .item > span:last-child:not(:first-child) {
  margin: 11px 0 0;
}

.mod-btn-download.align-left-wide > .inner > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-btn-download.align-right-wide > .inner > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-btn-download[data-col=auto] > .inner > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-btn-download[data-col="2"] > .inner > .list,
.mod-btn-download[data-col="3"] > .inner > .list,
.mod-btn-download[data-col="4"] > .inner > .list,
.mod-btn-download[data-col="5"] > .inner > .list,
.mod-btn-download[data-col="6"] > .inner > .list {
  margin-left: -11px;
}

.mod-btn-download[data-col="2"] > .inner > .list > li,
.mod-btn-download[data-col="3"] > .inner > .list > li,
.mod-btn-download[data-col="4"] > .inner > .list > li,
.mod-btn-download[data-col="5"] > .inner > .list > li,
.mod-btn-download[data-col="6"] > .inner > .list > li {
  padding-left: 11px;
}

.mod-btn-download[data-col=auto] > .inner > .list {
  margin-left: -20px;
}

.mod-btn-download[data-col=auto] > .inner > .list > li {
  padding-left: 20px;
}

.mod-btn-download[data-col="2"] > .inner > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-btn-download[data-col="3"] > .inner > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-btn-download[data-col="4"] > .inner > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-btn-download[data-col="5"] > .inner > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-btn-download[data-col="6"] > .inner > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-btn-download {
    text-align: left;
  }
  .mod-btn-download > .inner {
    padding-top: 23px;
    padding-bottom: 36px;
  }
  .mod-btn-download > .inner + .inner {
    margin-top: -40px;
  }
  .mod-btn-download > .inner > .hdg {
    margin-bottom: 21px;
    font-size: 3rem;
    letter-spacing: 2px;
  }
  .mod-btn-download > .inner > .list > li > .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 35px 19px 20px;
    -webkit-transition: 0.2s background ease-out;
    transition: 0.2s background ease-out;
    font-size: 2rem;
  }
  .mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) {
    -ms-flex-preferred-size: 42px;
        flex-basis: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
  }
  .mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) img {
    max-width: 42px;
    max-height: 42px;
  }
  .mod-btn-download > .inner > .list > li > .item > span:last-child:not(:first-child) {
    position: relative;
    top: 2px;
    margin: 0 0 0 1.8548vw;
  }
  .mod-btn-download > .inner > .list > li > .item:focus,
  .mod-btn-download > .inner > .list > li > .item:hover {
    background: #f4f4f4;
  }
  .mod-btn-download.align-left-wide > .inner > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-btn-download.align-right-wide > .inner > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list,
  .mod-btn-download[data-col-wide="3"] > .inner > .list,
  .mod-btn-download[data-col="2"] > .inner > .list,
  .mod-btn-download[data-col="3"] > .inner > .list {
    margin-left: -40px;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="3"] > .inner > .list > li,
  .mod-btn-download[data-col="2"] > .inner > .list > li,
  .mod-btn-download[data-col="3"] > .inner > .list > li {
    padding-left: 40px;
  }
  .mod-btn-download[data-col-wide="4"] > .inner > .list,
  .mod-btn-download[data-col-wide="5"] > .inner > .list,
  .mod-btn-download[data-col-wide="6"] > .inner > .list,
  .mod-btn-download[data-col-wide=auto] > .inner > .list,
  .mod-btn-download[data-col="4"] > .inner > .list,
  .mod-btn-download[data-col="5"] > .inner > .list,
  .mod-btn-download[data-col="6"] > .inner > .list {
    margin-left: -20px;
  }
  .mod-btn-download[data-col-wide="4"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="5"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="6"] > .inner > .list > li,
  .mod-btn-download[data-col-wide=auto] > .inner > .list > li,
  .mod-btn-download[data-col="4"] > .inner > .list > li,
  .mod-btn-download[data-col="5"] > .inner > .list > li,
  .mod-btn-download[data-col="6"] > .inner > .list > li {
    padding-left: 20px;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-btn-download[data-col-wide="3"] > .inner > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-btn-download[data-col-wide="4"] > .inner > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-btn-download[data-col-wide="5"] > .inner > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-btn-download[data-col-wide="6"] > .inner > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-btn-download[data-col-wide=auto] > .inner > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
/* #042 前へ
------------------------------------ */
.mod-btn-nav .back {
  margin-right: auto;
}

/* #043 次へ
------------------------------------ */
.mod-btn-nav .next {
  margin-left: auto;
}

.mod-btn-nav .next a,
.mod-btn-nav .next input,
.mod-btn-nav .next button[type] {
  padding-right: 32px;
  padding-left: 12px;
}

.mod-btn-nav .next a::before,
.mod-btn-nav .next input + .icon::before,
.mod-btn-nav .next button[type]::before {
  right: 11px;
  left: auto;
}

.mod-btn-nav .next a::after,
.mod-btn-nav .next input + .icon::after,
.mod-btn-nav .next button[type]::after {
  right: 17px;
  left: auto;
}

/* #073 赤枠+汎用ボックス
------------------------------------ */
.mod-box.of-important,
.mod-box.of-error {
  margin-top: 20px;
  border-color: #c00;
}

.mod-box.of-important > .inner > .title,
.mod-box.of-error > .inner > .title {
  padding-left: 0;
  border-left: 0;
}

.mod-box.of-important > .inner > .title {
  color: #c00;
}

.mod-box.of-important > .inner > .title::before,
.mod-box.of-error > .inner > .title::before {
  display: none;
}

.mod-box.of-important > .inner > .title + .content,
.mod-box.of-error > .inner > .title + .content {
  margin-top: 18px;
  margin-bottom: 0;
}

.mod-box.of-important + .mod-btn,
.mod-box.of-error + .mod-btn {
  margin-top: -20px;
}

.mod-box .mod-txt p {
  margin-top: 18px;
  margin-bottom: 0;
}

.mod-box .mod-btn {
  margin-top: 16px;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px), print {
  .mod-box.of-error + .mod-btn {
    margin-top: -10px;
  }
}
/* #074　汎用ボックス02
------------------------------------ */
.mod-box-02 {
  margin: 0 0 7px;
  border: 1px solid #e4e4e4;
  background: #f4f4f4;
}

.mod-box-02 > .inner {
  padding: 17px 12px;
}

.mod-box-02 .mod-list-description {
  margin: 0;
}

@media screen and (min-width: 768px), print {
  .mod-box-02 {
    margin-bottom: 11px;
  }
  .mod-box-02 > .inner {
    padding: 28px 21px;
  }
}
/* #075 商品一覧ボックス
------------------------------------ */
.mod-box-productItems > .inner {
  margin-top: -20px;
}

.mod-box-productItems > .inner > .item {
  position: relative;
  margin: 0 0 4px;
  padding-top: 20px;
}

.mod-box-productItems > .inner > .item .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: 1px solid #e4e4e4;
  background: #fff;
}

.mod-box-productItems > .inner > .item .box a {
  color: #333;
  text-decoration: none;
}

.mod-box-productItems > .inner > .item > a:hover > .box > .body > .image > .item > img {
  opacity: 0.7;
}

.mod-box-productItems > .inner > .item .box .is-checked {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border: 3px solid #cd0707;
}

.mod-box-productItems > .inner > .item .box .header {
  padding: 11px 0 0;
  text-align: center;
}

.mod-box-productItems > .inner > .item .box .header .hdg {
  margin: 0 0 5px;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-box-productItems > .inner > .item .box .header .hdg .name {
  display: block;
  min-height: 28px;
  padding: 0 20px;
  font-weight: 700;
}

.mod-box-productItems > .inner > .item .box .body .hdg .name {
  padding: 0;
}

.mod-box-productItems > .inner > .item .box .body + .header {
  padding-top: 10px;
}

.mod-box-productItems > .inner > .item .box .header + .body {
  margin-top: 14px;
  margin-bottom: 20px;
}

.mod-box-productItems > .inner > .item .box .header + .body .image > .item {
  margin-top: 0;
}

.mod-box-productItems > .inner > .item .box .body:first-child > .image > .item,
.mod-box-productItems > .inner > .item > .checkBlock > .body > .image > .item {
  margin-top: 20px;
}

.mod-box-productItems > .inner > .item .box .header:last-child {
  padding-bottom: 11px;
}

.mod-box-productItems .js-adjust-height-item {
  min-height: 1px;
  line-height: 1.65;
}

.mod-box-productItems > .inner > .item .box .body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 14px;
}

.mod-box-productItems > .inner > .item .box .body > .image {
  text-align: center;
}

.mod-box-productItems > .inner > .item .box .body > .image > .item {
  display: inline-block;
  max-width: 100%;
  text-align: center;
  vertical-align: bottom;
}

.mod-box-productItems > .inner > .item .box .body > .image > .item a {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}

.mod-box-productItems > .inner > .item .box .body > .image > .item img {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.mod-box-productItems > .inner > .item .box .footer > .relation a {
  display: block;
  position: relative;
  margin: 6px 14px 14px;
  padding: 10px 15px 10px 35px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f7f7f7;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.mod-box-productItems > .inner > .item .box .footer > .relation a::after,
.mod-box-productItems > .inner > .item .box .footer > .relation a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.mod-box-productItems > .inner > .item .box .footer > .relation a::before {
  z-index: 0;
  left: 11px;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #1a1a1a;
}

.mod-box-productItems > .inner > .item .box .footer > .relation a::after {
  z-index: 1;
  left: 15px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-box-productItems[data-col] > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-box-productItems[data-col] > .inner > .item {
  margin-bottom: 0;
}

.mod-box-productItems[data-col] > .inner > .item > .box .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-box-productItems[data-col] > .inner > .item > .box .header .hdg {
  width: 100%;
}

.mod-box-productItems[data-col] > .inner > .item > .box .header .category {
  margin-bottom: 8px;
}

.mod-box-productItems[data-col="2"] > .inner,
.mod-box-productItems[data-col="3"] > .inner,
.mod-box-productItems[data-col="4"] > .inner,
.mod-box-productItems[data-col="5"] > .inner,
.mod-box-productItems[data-col="6"] > .inner {
  margin-left: -11px;
}

.mod-box-productItems[data-col="2"] > .inner > .item,
.mod-box-productItems[data-col="3"] > .inner > .item,
.mod-box-productItems[data-col="4"] > .inner > .item,
.mod-box-productItems[data-col="5"] > .inner > .item,
.mod-box-productItems[data-col="6"] > .inner > .item {
  padding-left: 11px;
}

.mod-box-productItems[data-col="1"] > .inner > .item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

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

.mod-box-productItems[data-col="3"] > .inner > .item {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-box-productItems[data-col="4"] > .inner > .item {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-box-productItems[data-col="5"] > .inner > .item {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-box-productItems[data-col="6"] > .inner > .item {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-box-productItems[data-col=auto] > .inner {
  margin-left: -20px;
}

.mod-box-productItems[data-col=auto] > .inner > .item {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-box-productItems > .inner > .item .box .header .hdg {
    margin-bottom: 8px;
  }
  .mod-box-productItems > .inner > .item .box .body {
    z-index: 1;
    padding: 0 20px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .relation {
    margin: 0 10px 20px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .relation a {
    margin: 10px;
  }
  .mod-box-productItems > .inner > .item {
    padding-top: 20px;
  }
  .mod-box-productItems > .inner > .item .box .header {
    padding-top: 18px;
  }
  .mod-box-productItems[data-col-wide] > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-box-productItems[data-col-wide] > .inner > .item {
    margin-bottom: 0;
  }
  .mod-box-productItems[data-col-wide] > .inner > .item > .box .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-box-productItems[data-col-wide] > .inner > .item > .box .header .hdg {
    width: 100%;
  }
  .mod-box-productItems[data-col-wide] > .inner > .item > .box .header .category {
    margin-bottom: 8px;
  }
  .mod-box-productItems[data-col-wide="2"] > .inner,
  .mod-box-productItems[data-col-wide="3"] > .inner,
  .mod-box-productItems[data-col="2"] > .inner,
  .mod-box-productItems[data-col="3"] > .inner {
    margin-left: -20px;
  }
  .mod-box-productItems[data-col-wide="4"] > .inner,
  .mod-box-productItems[data-col-wide="5"] > .inner,
  .mod-box-productItems[data-col-wide="6"] > .inner,
  .mod-box-productItems[data-col-wide=auto] > .inner,
  .mod-box-productItems[data-col="4"] > .inner,
  .mod-box-productItems[data-col="5"] > .inner,
  .mod-box-productItems[data-col="6"] > .inner {
    margin-left: -20px;
  }
  .mod-box-productItems[data-col-wide="2"] > .inner > .item,
  .mod-box-productItems[data-col-wide="3"] > .inner > .item,
  .mod-box-productItems[data-col="2"] > .inner > .item,
  .mod-box-productItems[data-col="3"] > .inner > .item {
    padding-left: 20px;
  }
  .mod-box-productItems[data-col-wide="4"] > .inner > .item,
  .mod-box-productItems[data-col-wide="5"] > .inner > .item,
  .mod-box-productItems[data-col-wide="6"] > .inner > .item,
  .mod-box-productItems[data-col-wide=auto] > .inner > .item,
  .mod-box-productItems[data-col="4"] > .inner > .item,
  .mod-box-productItems[data-col="5"] > .inner > .item,
  .mod-box-productItems[data-col="6"] > .inner > .item {
    padding-left: 20px;
  }
  .mod-box-productItems[data-col-wide="2"] > .inner > .item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-box-productItems[data-col-wide="3"] > .inner > .item {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-box-productItems[data-col-wide="4"] > .inner > .item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-box-productItems[data-col-wide="5"] > .inner > .item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-box-productItems[data-col-wide="6"] > .inner > .item {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-box-productItems[data-col-wide=auto] > .inner > .item {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
/* #076 商品一覧ボックス+価格
------------------------------------ */
.mod-box-productItems > .inner > .item .box .body .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 9px 0 0;
  overflow: hidden;
  font-size: 1.2rem;
  text-align: right;
}

.mod-box-productItems > .inner > .item .box .body > .summary {
  margin: 8px 0 0;
  font-size: 1.4rem;
}

.mod-box-productItems > .inner > .item .box .body > .summary > .content {
  margin: 10px 0 4px;
}

.mod-box-productItems > .inner > .item .box .body > .summary > .price {
  margin-bottom: 8px;
  font-size: 1.4rem;
  text-align: center;
}

.mod-box-productItems > .inner > .item .box .body > .summary > .price .num,
.mod-box-productItems > .inner > .item .box .body > .summary > .price .unit {
  position: relative;
  top: 1px;
  font-weight: 700;
}

.mod-box-productItems > .inner > .item .box .body > .summary > .price .num {
  font-size: 1.8rem;
}

.mod-box-productItems > .inner > .item .box .body > .summary > .price .note {
  margin: 0 0 0 1px;
}

.mod-box-productItems > .inner > .item .box .body > .tag {
  overflow: hidden;
}

/* #077 商品一覧ボックス+価格+New+スペシャルコンテンツ
------------------------------------ */
.mod-box-productItems > .inner > .item .box .header .hdg .state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 46px;
  min-height: 30px;
  padding: 6px 0 0 4px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
}

.mod-box-productItems > .inner > .item .box .header .hdg .state::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -0.2px;
  left: -0.2px;
  border: 30px solid #dce0e8;
  border-width: 80px 80px 0 0;
  border-color: #dce0e8 transparent;
}

.mod-box-productItems > .inner > .item .box .header .hdg .state.of-new {
  color: #c00;
  font-weight: 700;
}

.mod-box-productItems > .inner > .item .box .header .hdg .state.of-new::before {
  border-top-color: #f5cccc;
}

.mod-box-productItems > .inner > .item .box .header .category span {
  display: inline-block;
  min-width: 90px;
  margin: 1px 4px 0;
  padding: 7px 13px;
  border-radius: 30px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  vertical-align: bottom;
}

.mod-box-productItems > .inner > .item .box .body .recommend p {
  margin-top: -4px;
  margin-left: auto;
}

.mod-box-productItems > .inner > .item .box .body .recommend > p > span {
  display: block;
  padding: 4px 0 0 4px;
}

.mod-box-productItems > .inner > .item .box .body .recommend > p > span > span {
  display: inline-block;
  z-index: 1;
  padding: 2px 10px;
  border: 2px solid;
  border-radius: 4px;
  background: #fff;
  color: #91bb47;
  line-height: 1.65;
}

.mod-box-productItems > .inner > .item .box .body > .spec + .support {
  margin-top: 4px;
}

.mod-box-productItems > .inner > .item .box .body > .spec > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 13px 0 0 -4px;
}

.mod-box-productItems > .inner > .item .box .body > .spec > .list > li {
  padding: 0 0 2px 2px;
}

.mod-box-productItems > .inner > .item .box .body > .spec > .list > li img {
  display: block;
}

.mod-box-productItems > .inner > .item .box .body > .support > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -4px;
}

.mod-box-productItems > .inner > .item .box .body > .support > .list > li {
  padding: 0 0 2px 2px;
}

.mod-box-productItems > .inner > .item .box .body > .support > .list > li img {
  display: block;
}

@media screen and (min-width: 768px), print {
  .mod-box-productItems > .inner > .item .box .header .hdg .state {
    padding: 7px 0 0 7px;
  }
  .mod-box-productItems[data-col-wide] > .inner > .item > .box > .header > .category {
    margin-bottom: 8px;
  }
  .mod-box-productItems > .inner > .item .box .body > .summary {
    margin: 4px 0 0;
  }
  .mod-box-productItems > .inner > .item .box .body > .spec > .list {
    margin: 13px 0 0 -6px;
  }
  .mod-box-productItems > .inner > .item .box .body > .support > .list {
    margin: 0 0 0 -6px;
  }
}
/* #078 商品一覧ボックス+価格+4文字+スペシャルコンテンツ+キヤノンオンラインショップ
------------------------------------ */
.mod-box-productItems > .inner > .item .box .header .category span {
  background-color: #9c9c9c;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-02 {
  background-color: #8a88c1;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-03 {
  background-color: #5684be;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-04 {
  background-color: #b38b83;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-05 {
  background-color: #71b7b7;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-06 {
  background-color: #b3b383;
}

.mod-box-productItems > .inner > .item .box .header .category span.var-07 {
  background-color: #d08dc4;
}

.mod-box-productItems > .inner > .item .box .body .color {
  margin: 6px 0 0;
  padding: 0 15px 0 0;
}

.mod-box-productItems > .inner > .item .box .body .color > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.mod-box-productItems > .inner > .item .box .body .color > .list > li {
  margin: 0 0 0 6px;
}

.mod-box-productItems > .inner > .item .box .body .color > .list > li[role=tab]:hover > span,
.mod-box-productItems > .inner > .item .box .body .color > .list > li[role=tab][aria-selected=true] > span {
  border: 0.1em solid #c00;
}

.mod-box-productItems > .inner > .item .box .body .color > .list > li[role=tab] > span {
  border: 0.1em solid #ccc;
  border-radius: 100%;
}

.mod-box-productItems > .inner > .item .box .body .color > .list > li > span {
  display: block;
  width: 20px;
  height: 20px;
  background: #ccc;
}

.mod-box-productItems > .inner > .item .box .body .color > .list > li > span > span {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mod-box-productItems > .inner > .item .box .body > .tag > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  font-size: 1.2rem; /* upadte 1rem; */
}

.mod-box-productItems > .inner > .item .box .body > .tag > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 10px 0 0 10px;
}

.mod-box-productItems > .inner > .item .box .body > .tag > .list > li span {
  padding: 2px 4px;
  border: 1px solid;
  background: #fff;
  color: #5d5e61;
}

.mod-box-productItems > .inner > .item .box .footer > .relation > li.of-shop > a {
  padding-left: 43px;
}

.mod-box-productItems > .inner > .item .box .footer > .relation > li.of-shop > a::before {
  top: -6px;
  width: 22px;
  height: 30px;
  border-radius: 0;
  background-color: transparent;
  background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
  background-position: 0 0;
  background-size: 83px 50px;
}

.mod-box-productItems > .inner > .item .box .footer > .mod-btn {
  margin: 0 14px 14px;
}

.mod-box-productItems > .inner > .item .box .footer > .mod-btn + .mod-btn {
  margin: -14px 14px 14px;
}

.mod-box-productItems > .inner > .item .box .footer > .mod-btn .inner {
  margin: 0 0 0 -10px;
}

.mod-box-productItems > .inner > .item .box .footer > .mod-btn .btn {
  padding: 10px 0 0 10px;
}

.mod-box-productItems > .inner > .item .box .footer > .mod-btn .btn a {
  min-width: auto;
}

@media screen and (min-width: 768px), print {
  .mod-box-productItems > .inner > .item .box .body .color {
    padding-right: 20px;
  }
  .mod-box-productItems > .inner > .item .box .body .color > .list > li {
    margin-left: 6px;
  }
  .mod-box-productItems > .inner > .item .box .body .color > .list > li > span {
    width: 16px;
    height: 16px;
  }
  .mod-box-productItems > .inner > .item .box .body .color > .list > li > span {
    width: 20px;
    height: 20px;
  }
  .mod-box-productItems > .inner > .item .box .header + .footer {
    margin-top: 10px;
  }
  .mod-box-productItems > .inner > .item .box .body + .footer {
    margin-top: 18px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .relation > li.of-shop > a {
    padding-left: 47px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .relation > li.of-shop > a::before {
    top: 0;
    left: 15px;
    width: 24px;
    height: 32px;
    background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
    background-position: -142px 0;
    background-size: auto;
  }
  .mod-box-productItems > .inner > .item .box .footer > .mod-btn {
    margin: 0 20px 20px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .mod-btn + .mod-btn {
    margin: -10px 20px 20px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .mod-btn .inner {
    margin: -10px 0 0 -20px;
  }
  .mod-box-productItems > .inner > .item .box .footer > .mod-btn .btn {
    padding: 10px 0 0 20px;
  }
}
/* #079 タグ+パネル+タイトル+テキスト
------------------------------------ */
.mod-pnl {
  margin: 0 0 39px;
}

.mod-pnl > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -20px;
}

.mod-pnl > .list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding-top: 20px;
}

.mod-pnl > .list > li .pnl {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
}

.mod-pnl > .list > li .pnl > .category {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  min-width: 85px;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}

.mod-pnl > .list > li .pnl > .image {
  max-width: 100%;
  text-align: center;
}

.mod-pnl > .list > li .pnl > .image > span {
  max-width: 100%;
}

.mod-pnl > .list > li .pnl > .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.mod-pnl > .list > li .pnl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-pnl > .list > li .pnl .title > b {
  position: relative;
  max-width: 100%;
  padding: 7px 0 0 24px;
}

.mod-pnl > .list > li .pnl .title > span:not(.txt--break) {
  position: relative;
  max-width: 100%;
  padding: 6px 0 0 23px;
}

.mod-pnl > .list > li .pnl .title > b::after,
.mod-pnl > .list > li .pnl .title > b::before,
.mod-pnl > .list > li .pnl .title > span::after,
.mod-pnl > .list > li .pnl .title > span::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl > .list > li .pnl .title > b::before,
.mod-pnl > .list > li .pnl .title > span::before {
  z-index: 0;
  top: 11px;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #1a1a1a;
}

.mod-pnl > .list > li .pnl .title > b::after,
.mod-pnl > .list > li .pnl .title > span::after {
  z-index: 1;
  top: 16px;
  left: 4px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-pnl > .list > li > .description {
  margin: 5px 0 0;
  font-size: 1.4rem;
  text-align: left;
}

.mod-pnl[data-col="2"] > .list,
.mod-pnl[data-col="3"] > .list,
.mod-pnl[data-col="4"] > .list,
.mod-pnl[data-col="5"] > .list,
.mod-pnl[data-col="6"] > .list {
  margin-left: -11px;
}

.mod-pnl[data-col="2"] > .list > li,
.mod-pnl[data-col="3"] > .list > li,
.mod-pnl[data-col="4"] > .list > li,
.mod-pnl[data-col="5"] > .list > li,
.mod-pnl[data-col="6"] > .list > li {
  padding-left: 11px;
}

.mod-pnl[data-col="1"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

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

.mod-pnl[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

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

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

.mod-pnl[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

[class^=str-outer].var-02 .mod-pnl {
  margin: 20px 0;
}

.mod-pnl.var-02 > .list > li .pnl .title {
  display: inherit;
}

.mod-pnl.var-02 > .list > li .pnl .title > span {
  padding-left: 0;
}

.mod-pnl.var-02 > .list > li .pnl .title > span::before,
.mod-pnl.var-02 > .list > li .pnl .title > span::after {
  content: none;
}

@media screen and (min-width: 768px), print {
  .mod-pnl {
    margin-bottom: 55px;
  }
  .mod-pnl > .list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
  .mod-pnl > .list > li .pnl > .category {
    min-width: 125px;
  }
  .mod-pnl > .list > li .pnl > .image > span {
    display: inline-block;
    vertical-align: bottom;
  }
  .mod-pnl > .list > li .pnl > .image img {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-pnl > .list > li .pnl .title {
    padding-right: 0;
  }
  .mod-pnl > .list > li .pnl .title > span:not(.txt--break) {
    padding-top: 8px;
    padding-left: 23px;
  }
  .mod-pnl > .list > li > .description {
    margin-top: 9px;
  }
  .mod-pnl[data-col-wide="2"] > .list,
  .mod-pnl[data-col-wide="3"] > .list,
  .mod-pnl[data-col=auto] > .list,
  .mod-pnl[data-col="2"] > .list,
  .mod-pnl[data-col="3"] > .list {
    margin-left: -40px;
  }
  .mod-pnl[data-col-wide="4"] > .list,
  .mod-pnl[data-col-wide="5"] > .list,
  .mod-pnl[data-col-wide="6"] > .list,
  .mod-pnl[data-col-wide=auto] > .list,
  .mod-pnl[data-col="4"] > .list,
  .mod-pnl[data-col="5"] > .list,
  .mod-pnl[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-pnl[data-col-wide="2"] > .list > li,
  .mod-pnl[data-col-wide="3"] > .list > li,
  .mod-pnl[data-col=auto] > .list > li,
  .mod-pnl[data-col="2"] > .list > li,
  .mod-pnl[data-col="3"] > .list > li {
    padding-left: 40px;
  }
  .mod-pnl[data-col-wide="4"] > .list > li,
  .mod-pnl[data-col-wide="5"] > .list > li,
  .mod-pnl[data-col-wide="6"] > .list > li,
  .mod-pnl[data-col-wide=auto] > .list > li,
  .mod-pnl[data-col="4"] > .list > li,
  .mod-pnl[data-col="5"] > .list > li,
  .mod-pnl[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  [class^=str-outer].var-02 .mod-pnl {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* #080	パネル+タイトル（太文字）
------------------------------------ */
/* スタイルなし */
/* #081	パネル+タイトル（細文字）
------------------------------------ */
/* スタイルなし - 差分のスマホ用スタイルがない */
/* #082 キャプチャ+タイトル+テキスト
------------------------------------ */
.mod-pnl-02 {
  margin: 19px 0 14px;
}

.mod-pnl-02 > .list > li + * {
  margin-top: 16px;
  padding-top: 17px;
  border-top: 1px solid #e1e1e1;
}

.mod-pnl-02 > .list > li > .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-02 > .list > li > .pnl > .image {
  padding: 3px 11px 0 0;
}

.mod-pnl-02 > .list > li > .pnl > .image img {
  display: block;
  width: 80px;
  height: auto;
}

.mod-pnl-02 > .list > li > .pnl > .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.65;
}

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

.mod-pnl-02 > .list > li > .pnl > .content > .title {
  position: relative;
  padding: 0 0 0 24px;
  font-weight: 700;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::after,
.mod-pnl-02 > .list > li > .pnl > .content > .title::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::before {
  z-index: 0;
  top: 0.3em;
  left: 0.1em;
  width: 1em;
  height: 1em;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::after {
  z-index: 1;
  top: 0.65em;
  left: 0.4em;
  width: 0.3em;
  height: 0.3em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-pnl-02 > .list > li > .pnl > .content > .description {
  margin: 4px 0 0;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-02 {
    margin-bottom: 65px;
  }
  .mod-pnl-02 > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -25px 0 0 -40px;
  }
  .mod-pnl-02 > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    margin: 0;
    padding: 25px 0 0 40px;
    border: 0;
  }
  .mod-pnl-02 > .list > li > .pnl > .image {
    padding-top: 0;
    padding-right: 14px;
  }
  .mod-pnl-02 > .list > li > .pnl > .image > span {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
  }
  .mod-pnl-02 > .list > li > .pnl > .image img {
    width: auto;
    max-width: 115px;
    height: auto;
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .title::after {
    top: 0.6em;
    left: 0.35em;
    width: 0.4em;
    height: 0.4em;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .description {
    margin-top: 8px;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .title + .description {
    padding-left: 1.5em;
  }
}
/* #083 アイコン+キャプチャ+タイトル
------------------------------------ */
.mod-pnl-03 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-pnl-03 > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}

.mod-pnl-03 > .list > li > .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
  border: 1px solid #e1e1e1;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-03 > .list > li > .pnl:hover {
  text-decoration: underline;
}

.mod-pnl-03 > .list > li > .pnl > .icon {
  display: block;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  background: #e1e1e1;
}

.mod-pnl-03 > .list > li > .pnl .title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 10px;
  background: #f4f4f4;
  /*  font-size: 1.6rem; */
  font-weight: 700;
}

.mod-pnl-03 > .list > li > .pnl .title > span {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
}

.mod-pnl-03 > .list > li > .pnl .title > span::after,
.mod-pnl-03 > .list > li > .pnl .title > span::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl-03 > .list > li > .pnl .title > span::before {
  z-index: 0;
  top: 0.15em;
  left: 0;
  width: 1.1em;
  height: 1.1em;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-pnl-03 > .list > li > .pnl .title > span::after {
  z-index: 1;
  top: 0.5em;
  left: 0.3em;
  width: 0.35em;
  height: 0.35em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-pnl-03 > .list > li > .pnl > .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: 99px;
  padding: 10px;
}

.mod-pnl-03 > .list > li > .pnl img {
  max-width: 100%;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}

.mod-pnl-03 > .list > li > .pnl:hover img {
  opacity: 0.7;
}

.mod-pnl-03[data-col="2"] > .list,
.mod-pnl-03[data-col="3"] > .list,
.mod-pnl-03[data-col="4"] > .list,
.mod-pnl-03[data-col="5"] > .list,
.mod-pnl-03[data-col="6"] > .list {
  margin-left: -11px;
}

.mod-pnl-03[data-col="2"] > .list > li,
.mod-pnl-03[data-col="3"] > .list > li,
.mod-pnl-03[data-col="4"] > .list > li,
.mod-pnl-03[data-col="5"] > .list > li,
.mod-pnl-03[data-col="6"] > .list > li {
  padding-left: 11px;
}

.mod-pnl-03[data-col="1"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-pnl-03[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-pnl-03[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-pnl-03[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-pnl-03[data-col="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-03[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl-03[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl-03[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-03 > .list > li {
    padding-top: 30px;
  }
  .mod-pnl-03 > .list > li > .pnl > .image {
    min-height: 160px;
  }
  .mod-pnl-03 > .list > li > .pnl > .image img {
    max-width: 100%;
    height: auto;
  }
  .mod-pnl-03[data-col-wide="2"] > .list,
  .mod-pnl-03[data-col-wide="3"] > .list,
  .mod-pnl-03[data-col="2"] > .list,
  .mod-pnl-03[data-col="3"] > .list {
    margin-left: -40px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list,
  .mod-pnl-03[data-col-wide="5"] > .list,
  .mod-pnl-03[data-col-wide="6"] > .list,
  .mod-pnl-03[data-col-wide=auto] > .list,
  .mod-pnl-03[data-col="4"] > .list,
  .mod-pnl-03[data-col="5"] > .list,
  .mod-pnl-03[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li,
  .mod-pnl-03[data-col-wide="3"] > .list > li,
  .mod-pnl-03[data-col="2"] > .list > li,
  .mod-pnl-03[data-col="3"] > .list > li {
    padding-left: 40px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li,
  .mod-pnl-03[data-col-wide="5"] > .list > li,
  .mod-pnl-03[data-col-wide="6"] > .list > li,
  .mod-pnl-03[data-col-wide=auto] > .list > li,
  .mod-pnl-03[data-col="4"] > .list > li,
  .mod-pnl-03[data-col="5"] > .list > li,
  .mod-pnl-03[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-03[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-03[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl-03[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-03[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
/* #084 キャプチャ+タイトル
------------------------------------ */
/* スタイルなし */
/* #085 タグ+キャプチャ+タイトル
------------------------------------ */
.mod-pnl-04 {
  margin: 0 0 39px;
}

.mod-pnl-04 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-pnl-04 > .list > li + li {
  margin-top: 15px;
}

.mod-pnl-04 > .list > li > .pnl {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.mod-pnl-04 > .list > li > .pnl > .category,
.mod-pnl-04 > .list > li > .pnl .title {
  position: absolute;
  top: 0;
  left: 0;
}

.mod-pnl-04 > .list > li > .pnl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 32px 15px 34px;
  background: rgba(0, 0, 0, 0.5);
  font-weight: 700;
  line-height: 1.65;
  text-align: center;
}

.mod-pnl-04 > .list > li > .pnl > .category {
  z-index: 2;
  min-width: 81px;
  padding: 6px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
}

.mod-pnl-04 > .list > li > .pnl > .image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-04 {
    margin-bottom: 55px;
  }
  .mod-pnl-04 > .list {
    margin-top: -30px;
  }
  .mod-pnl-04 > .list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
  }
  .mod-pnl-04 > .list > li + li {
    margin-top: 0;
  }
  .mod-pnl-04 > .list > li > .pnl .title {
    padding-top: 37px;
    padding-bottom: 29px;
    -webkit-transition: 0.2s background-color ease-out;
    transition: 0.2s background-color ease-out;
  }
  .mod-pnl-04 > .list > li > .pnl > .category {
    min-width: 107px;
  }
  .mod-pnl-04 > .list > li > .pnl > .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-pnl-04 > .list > li > .pnl > .image > span {
    width: 100%;
  }
  .mod-pnl-04[data-col-wide="2"] > .list,
  .mod-pnl-04[data-col-wide="3"] > .list,
  .mod-pnl-04[data-col="2"] > .list,
  .mod-pnl-04[data-col="3"] > .list {
    margin-left: -40px;
  }
  .mod-pnl-04[data-col-wide="2"] > .list > li,
  .mod-pnl-04[data-col-wide="3"] > .list > li,
  .mod-pnl-04[data-col="2"] > .list > li,
  .mod-pnl-04[data-col="3"] > .list > li {
    padding-left: 40px;
  }
  .mod-pnl-04[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-04[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-04[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
/* #086 キャプチャ+タグ+タイトル
------------------------------------ */
.mod-pnl-05 {
  margin: 19px 0 14px;
}

.mod-pnl-05 > .list > li + * {
  margin-top: 16px;
  padding-top: 17px;
  border-top: 1px solid #e1e1e1;
}

.mod-pnl-05 > .list > li > .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-05 > .list > li > .pnl > .image {
  max-width: 45%;
  padding: 3px 11px 0 0;
}

.mod-pnl-05 > .list > li > .pnl > .image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mod-pnl-05 > .list > li > .pnl > .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.mod-pnl-05 > .list > li > .pnl > .content > .title {
  position: relative;
  line-height: 1.65;
}

.mod-pnl-05 > .list > li > .pnl > .content > :first-child {
  margin-top: 0;
}

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

.mod-pnl-05 > .list > li > .pnl > .content > .title > b.tag {
  display: inline-block;
  margin: 0 0 9px;
  padding: 4px 6px 3px;
  background: #1b1b1b;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  vertical-align: top;
}

.mod-pnl-05 > .list > li > .pnl > .content > .title > span {
  display: block;
  position: relative;
  padding: 0 0 0 1.4em;
  font-weight: 700;
}

.mod-pnl-05 > .list > li > .pnl > .content > .title > span::after,
.mod-pnl-05 > .list > li > .pnl > .content > .title > span::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl-05 > .list > li > .pnl > .content > .title > span::before {
  z-index: 0;
  top: 0.3em;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-pnl-05 > .list > li > .pnl > .content > .title > span::after {
  z-index: 1;
  top: 0.65em;
  left: 0.3em;
  width: 0.35em;
  height: 0.35em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-05 {
    margin-top: 42px;
    margin-bottom: 65px;
  }
  .mod-pnl-05 > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -25px 0 0 -40px;
  }
  .mod-pnl-05 > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    margin: 0;
    padding: 25px 0 0 40px;
    border: 0;
  }
  .mod-pnl-05 > .list > li > .pnl > .image {
    padding-top: 0;
    padding-right: 20px;
  }
  .mod-pnl-05 > .list > li > .pnl > .image > span {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
  }
  .mod-pnl-05 > .list > li > .pnl > .image img {
    max-width: 100%;
    height: auto;
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-pnl-05 > .list > li > .pnl > .content > .title > b.tag {
    min-width: 130px;
    margin-bottom: 15px;
  }
}
/* #114, #116 - 共通
------------------------------------ */
.mod-media.align-left > .inner,
.mod-media-embedVideo.align-left > .inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mod-media-embedVideo.align-left {
  margin-left: 0;
}

.mod-media.align-right > .inner,
.mod-media-embedVideo.align-right > .inner {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.mod-media-embedVideo.align-right {
  margin-right: 0;
}

.mod-media.align-center > .inner,
.mod-media-embedVideo.align-center > .inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-media-embedVideo.align-center {
  margin-right: auto;
  margin-left: auto;
}

/* #115 1240×233+テキスト
------------------------------------ */
.mod-media > .inner > a.media {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}

.mod-media > .inner > .media [hidden].of-wide {
  display: none;
}

@media screen and (min-width: 768px), print {
  .mod-media > .inner > a[href].media img {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-media > .inner > .media [hidden].of-wide {
    display: block;
  }
  .mod-media > .inner > .media [hidden].of-wide + img {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
/* #117 画像が左+テキスト
------------------------------------ */
@media screen and (min-width: 768px), print {
  .mod-media-lyt > .inner {
    margin-left: -30px;
  }
  .mod-media-lyt > .inner > .content,
  .mod-media-lyt > .inner > .media {
    padding-left: 30px;
  }
}
/* #118 通常幅では画像が上PC幅では画像が右+テキスト0
------------------------------------ */
/* スタイルなし */
/* #119 通常幅では画像が下PC幅では画像が左+テキスト
------------------------------------ */
/* スタイルなし */
/* #120 通常幅では画像が左PC幅では画像が上+テキスト
------------------------------------ */
/* スタイルなし */
/* #121 通常幅では画像が右PC幅では画像が下+テキスト
------------------------------------ */
/* スタイルなし */
/* テーブル　汎用
  #067 テーブルテキスト
------------------------------------ */
[class^=mod-tbl] > .inner > table {
  font-size: 1.4rem;
}

[class^=mod-tbl].of-scroll > .inner[tabindex] {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

[class^=mod-tbl].of-scroll > .inner[tabindex] > table {
  width: 100%;
  min-width: 468px;
  table-layout: fixed;
}

[class^=mod-tbl] .mod-btn a {
  min-width: auto;
}

/* あまりの数値は割る2したあとで%を足すことで割り出せる */
[class^=mod-tbl].of-scroll.of-tblmin-cell2 .inner table {
  min-width: calc(100% + 384px + 304px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell3 .inner table {
  min-width: calc(100% + 384px + 228px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell4 .inner table {
  min-width: calc(100% + 384px + 304px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell5 .inner table {
  min-width: calc(100% + 384px + 380px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell6 .inner table {
  min-width: calc(100% + 384px + 456px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell7 .inner table {
  min-width: calc(100% + 384px + 532px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell8 .inner table {
  min-width: calc(100% + 384px + 608px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell9 .inner table {
  min-width: calc(100% + 384px + 684px);
}

.mod-tbl {
  max-width: 940px;
  margin: 30px auto 37px;
}

.mod-tbl > .content {
  margin: 18px 0 0;
}

.mod-tbl > .inner > table {
  width: 100%;
  margin: 0 0 12px;
  table-layout: fixed;
  border-spacing: 2px;
  border-collapse: separate;
}

.mod-tbl > .inner > table > thead {
  background: #d9d9d9;
}

.mod-tbl > .inner > table > tbody {
  background: #f4f4f4;
}

.mod-tbl > .inner > table tbody > tr > th,
.mod-tbl > .inner > table thead > tr > th {
  padding: 7px 15px;
}

.mod-tbl table thead th {
  vertical-align: top;
}

.mod-tbl > .inner > table > tbody > tr > th {
  padding: 7px 15px;
  background-color: #e6e6e6;
}

.mod-tbl > .inner > table tbody > tr > td,
.mod-tbl > .inner > table thead > tr > td {
  padding: 5px 15px;
}

.mod-tbl.of-th-left th,
.mod-tbl thead.of-th-left th,
.mod-tbl tbody.of-th-left th {
  text-align: left;
}

.mod-tbl.of-th-middle th,
.mod-tbl thead.of-th-middle th,
.mod-tbl tbody.of-th-middle th {
  vertical-align: middle;
}

.mod-tbl th {
  background-color: #d9d9d9;
}

.mod-tbl .mod-btn {
  margin-bottom: 0;
}

.mod-tbl img + .mod-btn {
  margin-top: 20px;
  margin-bottom: 0;
}

.mod-tbl.var-04 > .inner > table thead > tr > th {
  padding: 6px 10px;
}

.mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(even) {
  background: #e9e9e9;
}

.mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(odd) th {
  background: transparent;
}

.mod-tbl.var-04 > .inner thead tr:not(.tbl-heading) th {
  background-color: #fff;
  font-weight: 400;
}

.mod-tbl.var-04 tbody tr:not(.tbl-heading):nth-child(2n+1) {
  border: none;
  background-color: #fff;
}

.mod-tbl.var-04 > .inner thead tr:not(.tbl-heading):nth-child(2n+1) th,
.mod-tbl.var-04 > .inner tbody tr:nth-child(2n+1) td {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  vertical-align: bottom;
}

.mod-tbl.var-03 > .inner > table thead > tr > th {
  padding: 6px 10px;
}

.mod-tbl.var-04 > .inner > table > tbody > tr:nth-child(even) {
  background: #f4f4f4;
}

.mod-tbl.w-auto {
  max-width: none;
}

@media screen and (min-width: 768px), print {
  [class^=mod-tbl].of-scroll > .inner[tabindex] > table,
  [class^=mod-tbl].of-scroll[data-table-cel] > .inner[tabindex] > table {
    min-width: auto;
  }
  .mod-tbl {
    margin-bottom: 52px;
  }
  .mod-tbl > .inner > table tbody > tr > th,
  .mod-tbl > .inner > table thead > tr > th {
    padding: 20px;
  }
  .mod-tbl > .inner > table tbody > tr > td,
  .mod-tbl > .inner > table thead > tr > td {
    padding: 14px 16px;
  }
  .mod-tbl.var-03 > .inner > table tbody > tr > td,
  .mod-tbl.var-03 > .inner > table thead > tr > th {
    padding: 6px 10px;
  }
}
/* #068 キャプションテキスト+モジュール
------------------------------------ */
.mod-tbl > .inner > table > caption {
  margin: 0 0 14px;
  font-size: 2rem;
}

.mod-hdg-forColumnLayout.var-02 {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (min-width: 768px), print {
  .mod-tbl > .inner > table > caption {
    max-width: none;
    margin-bottom: 17px;
  }
}
/* #069 キャプションテキスト
------------------------------------ */
/* スタイルなし */
/* #070 カレンダー表示用テーブル
------------------------------------ */
.mod-tbl-calendar {
  margin: 40px 0;
}

.mod-tbl-calendar .inner {
  margin: 0 -15px 0 0;
  overflow-x: auto;
}

.mod-tbl-calendar .inner table {
  min-width: 500px;
  border-collapse: collapse;
  font-size: 1.4rem;
}

.mod-tbl-calendar .inner table td,
.mod-tbl-calendar .inner table th {
  border: 1px solid #e1e1e1;
}

.mod-tbl-calendar .inner table th {
  background: #757575;
  color: #fff;
  font-weight: 700;
}

.mod-tbl-calendar .inner table td {
  width: 45px;
  padding: 12px 0;
  color: #333;
  text-align: center;
}

.mod-tbl-calendar .inner table td.saturday {
  background: #e4f6ff;
}

.mod-tbl-calendar .inner table td.sunday {
  background: #fcefef;
}

.mod-tbl-calendar .inner table td.holiday {
  background: #f1f1f1;
}

@media screen and (min-width: 768px), print {
  .mod-tbl-calendar {
    margin: 50px 0;
  }
  .mod-tbl-calendar .inner {
    margin: 0;
  }
}
/* #071 製品比較用テーブル
------------------------------------ */
.mod-tbl-productComparison {
  margin: 20px auto 50px;
}

.mod-tbl-productComparison.of-scroll > .inner[tabindex] > table {
  width: 100%;
  min-width: 768px;
}

.mod-tbl-productComparison > .inner > table {
  border-collapse: collapse;
}

.mod-tbl-productComparison > .inner > table > * > * > td,
.mod-tbl-productComparison > .inner > table > * > * > th {
  padding: 10px;
  border: 1px solid #e1e1e1;
  text-align: center;
}

.mod-tbl-productComparison > .inner > table > * > * > td::before,
.mod-tbl-productComparison > .inner > table > * > * > th::before {
  content: "";
  display: block;
  width: 149px;
  min-width: 149px;
}

.mod-tbl-productComparison > .inner > table > * > * > th {
  font-weight: 700;
}

.mod-tbl-productComparison > .inner > table > * > * > td {
  font-weight: 400;
}

.mod-tbl-productComparison > .inner > table > * > * > th > .mod-btn {
  font-weight: normal;
}

.mod-tbl-productComparison > .inner > table > thead > * > th {
  vertical-align: top;
}

.mod-tbl-productComparison > .inner > table > thead > tr > th .name {
  margin: 5px 0 10px;
}

.mod-tbl-productComparison .mod-btn {
  margin-bottom: 0;
}

.mod-tbl table,
.mod-tbl table table,
.mod-tbl .mod-tbl,
.mod-tbl .mod-tbl table {
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: transparent;
}

.mod-tbl table tr,
.mod-tbl .mod-tbl tr,
.mod-tbl .mod-tbl.var-02 > .inner > table tr {
  border: 2px solid #666;
}

.mod-tbl table table th,
.mod-tbl table table td,
.mod-tbl .mod-tbl table th,
.mod-tbl .mod-tbl table td {
  border-left: 2px solid #666;
}

.mod-tbl table th,
.mod-tbl .mod-tbl th {
  background-color: #d9d9d9;
}

.mod-tbl table th,
.mod-tbl .mod-tbl th {
  background-color: #d9d9d9;
}

.mod-tbl table thead {
  background-color: #d9d9d9;
}

.mod-tbl table tbody,
.mod-tbl .mod-tbl tbody {
  background-color: #f4f4f4;
  color: #333;
}

.mod-tbl .tbl-emphasis {
  border: 2px solid transparent;
}

.mod-tbl .tbl-emphasis table > thead,
.mod-tbl .tbl-emphasis table > thead th,
.mod-tbl .tbl-emphasis table > tbody,
.mod-tbl .tbl-emphasis .mod-tbl > .inner > table > tbody,
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(even),
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(odd),
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table > tbody > tr > th {
  background-color: transparent;
  color: #fff;
}

.mod-tbl .tbl-emphasis tr,
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table tr {
  border: 2px solid #333;
}

.mod-tbl .tbl-emphasis th,
.mod-tbl .tbl-emphasis td,
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table th,
.mod-tbl .tbl-emphasis .mod-tbl.var-02 > .inner > table td {
  border-left: 2px solid #333;
}

[class^=mod-tbl] .tbl-emphasis table {
  color: #333;
}

[class^=mod-tbl].of-striped tr tr:nth-child(even) {
  background-color: transparent;
}

.mod-tbl .mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(even),
.mod-tbl .mod-tbl.var-02 > .inner > table > tbody > tr > th {
  background-color: #f4f4f4;
}

@media screen and (min-width: 768px), print {
  .mod-tbl-productComparison > .inner > table > * > * > td,
  .mod-tbl-productComparison > .inner > table > * > * > th {
    padding: 20px;
  }
  .mod-tbl-productComparison > .inner > table > thead > tr > th .name {
    margin: 0 0 15px;
  }
}
/* #135 .対象選択コンポーネント
------------------------------------ */
.mod-conversion {
  padding-bottom: 200px;
}

.mod-conversion .conversion-list {
  position: relative;
}

.mod-conversion .conversion-list > .inner {
  padding: 14px;
}

.c-accordion.discontinued .mod-box-productItems > .inner > .item .box .header {
  padding-bottom: 11px;
}

.c-accordion.discontinued .body {
  display: none;
}

@media screen and (min-width: 768px) {
  .mod-conversion {
    padding-bottom: 187px;
  }
  .mod-conversion .conversion-list {
    display: inline-block;
    width: 100%;
    min-height: 182px;
    overflow: hidden;
  }
  .mod-conversion .conversion-list > .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1240px;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mod-conversion .conversion-list .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
/* #136 .対象選択コンポーネント
------------------------------------ */
[class^=mod-tbl].of-striped tr:nth-child(even) {
  background-color: #e9e9e9;
}

[class^=mod-tbl] .tbl-emphasis {
  background-color: #666;
  color: #fff;
}

[class^=mod-tbl] .emphasis {
  font-weight: 700;
}

/* #137,#138,#139 .製品グループ・カテゴリ・シリーズ・機種絞り込み
------------------------------------ */
.mod-pnl-02[data-col-wide="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-02[data-col-wide="5"] > .list > li > .pnl {
  display: block;
}

.mod-txt.of-pc-note-right {
  text-align: left;
}

.c-accordion.of-step .btn-accordion {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 34px 0 0;
  letter-spacing: 1px;
}

.c-accordion.of-step .contentsBlock button {
  text-align: left;
}

.c-accordion.of-step .contentsBlock .mod-link-list button {
  letter-spacing: 2px;
}

.c-accordion.of-step .contentsBlock .mod-link-list button:hover,
.c-accordion.of-step .contentsBlock .mod-link-list button:focus {
  text-decoration: underline;
}

.c-accordion.of-step .btn-accordion:focus,
.c-accordion.of-step .contentsBlock button:focus {
  outline: none;
}

.c-accordion.of-step [data-step-status=true] .btn-accordion:hover {
  background-color: #fff;
}

.c-accordion.of-step [data-step-status=true] .btn-accordion {
  background-color: #f7f7f7;
}

.c-accordion.of-step [data-step-status=false] .btn-accordion:hover,
.c-accordion.of-step [data-step-status=false] .btn-accordion:disabled,
.c-accordion.of-step [data-step-status=false] .btn-accordion input:disabled {
  cursor: default;
}

.c-accordion.of-step [data-step-status=false] .btn-accordion:hover,
.c-accordion.of-step [data-step-status=false] .btn-accordion:hover:disabled,
.c-accordion.of-step [data-step-status=false] .btn-accordion:focus:disabled,
.c-accordion.of-step [data-step-status=false] .btn-accordion input:disabled {
  opacity: 1;
  background-color: #f7f7f7;
}

.c-accordion.of-step .btn-accordion input[type=button] {
  position: absolute;
  z-index: -1;
  background-color: #fff;
  color: transparent;
}

.c-accordion.of-step [data-step-status=true] .btn-accordion:hover .btn-title-group .btn-group-name,
.c-accordion.of-step [data-step-status=true] .btn-accordion:hover .btn-title-group .btn-please-select,
.c-accordion.of-step [data-step-status=true] .btn-accordion:focus .btn-title-group .btn-group-name,
.c-accordion.of-step [data-step-status=true] .btn-accordion:focus .btn-title-group .btn-please-select {
  text-decoration: underline;
}

.c-accordion.of-step .btn-accordion .btn-title-group:hover {
  opacity: 1;
}

.c-accordion.of-step .accordion-list .btn-accordion::before {
  border-width: 0 2px 2px 0;
}

.c-accordion.of-step .pause-line.of-lr-margins {
  margin: 10px;
}

.c-accordion.of-step .mod-pnl .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-accordion.of-step .mod-pnl .pnl.of-sp-align-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.c-accordion.of-step .mod-pnl .pnl.of-sp-align-right .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  padding-right: 0;
}

.c-accordion.of-step .mod-pnl .pnl.of-sp-align-right .title {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.c-accordion.of-step .mod-pnl > .list > li .pnl .title > span::after {
  top: 11px;
  left: 5px;
}

.c-accordion.of-step .accordion-list .btn-step {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 16px 6px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.c-accordion.of-step .accordion-list[data-step-status=true] .btn-step {
  color: #fff;
}

.c-accordion.of-step .accordion-list[data-step-status=false] .btn-accordion::before {
  border-color: #6d6d6d;
}

.c-accordion.of-step .accordion-list[data-step-status=false] .btn-step {
  background-color: #6f6f6f;
}

.c-accordion.of-step .accordion-list .btn-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.c-accordion.of-step .accordion-list[data-step-status=false] .btn-title-name,
.c-accordion.of-step .accordion-list[data-step-status=false] .btn-group-name,
.c-accordion.of-step .accordion-list[data-step-status=false] .btn-please-select {
  color: #6d6d6d;
}

.c-accordion.of-step .accordion-list[data-step-status=false] .btn-group-name,
.c-accordion.of-step .accordion-list[data-step-status=true] .btn-please-select {
  display: none;
}

.c-accordion.of-step .accordion-list[data-step-status=false] .btn-title-name {
  display: inline-block;
}

.c-accordion.of-step .accordion-list[data-group=true] .btn-group-name {
  display: inline-block;
}

.c-accordion.of-step .accordion-list[data-group=true] .btn-title-name,
.c-accordion.of-step .accordion-list[data-group=true] .btn-please-select {
  display: none;
}

.c-accordion.of-step .accordion-list[data-group=false] .btn-group-name {
  display: none;
}

.c-accordion.of-step .accordion-list[data-select=true] .btn-title-name {
  display: none;
}

.c-accordion.of-step .accordion-list[data-group=true][data-select=false] .btn-title-name {
  display: none;
}

.c-accordion.of-step .accordion-list[data-select=true] .btn-please-select {
  display: inline-block;
}

.c-accordion.of-step .accordion-list[data-select=false] .btn-please-select {
  display: none;
}

.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b,
.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span {
  padding-top: 11px;
}

.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b::before,
.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span::before {
  top: 5px;
}

.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b::after,
.c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span::after {
  top: 10px;
  left: 4px;
}

.c-accordion.of-step .contentsBlock .list > li.active {
  display: block;
}

.c-accordion.of-step .contentsBlock .list > li.inactive {
  display: none;
}

.mod-pnl > .list > li .pnl.align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-pnl.var-03 > .list > li .pnl .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.mod-pnl.var-03 > .list > li .pnl .title {
  position: relative;
}

.mod-pnl.var-03[data-col="2"] > .list,
.mod-pnl.var-03[data-col="3"] > .list,
.mod-pnl.var-03[data-col="4"] > .list,
.mod-pnl.var-03[data-col="5"] > .list,
.mod-pnl.var-03[data-col="6"] > .list {
  margin-left: -20px;
}

.mod-pnl.var-03[data-col="2"] > .list > li,
.mod-pnl.var-03[data-col="3"] > .list > li,
.mod-pnl.var-03[data-col="4"] > .list > li,
.mod-pnl.var-03[data-col="5"] > .list > li,
.mod-pnl.var-03[data-col="6"] > .list > li {
  padding-left: 20px;
}

@media screen and (max-width: 767px), print {
  .mod-pnl.var-03 > .list > li .pnl .image {
    padding-top: 0;
  }
  .c-accordion.of-step .contentsBlock .mod-pnl[data-col=auto] > .list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .c-accordion.of-step .contentsBlock .mod-pnl[data-col=auto] > .list > li + li {
    padding-top: 10px;
  }
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b,
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span {
    padding-top: 2px;
  }
}
.mod-pnl.var-04 > .list > li .pnl .image {
  border: solid 1px #ccc;
}

@media screen and (min-width: 768px), print {
  .mod-txt.of-pc-note-right {
    text-align: right;
  }
  .c-accordion.of-step .btn-accordion {
    padding-right: 40px;
  }
  .c-accordion.of-step .pause-line.of-lr-margins {
    margin: 30px 40px;
  }
  .c-accordion.of-step .mod-link-list.var-03 .list {
    margin-top: -6px;
    margin-bottom: -6px;
  }
  .c-accordion.of-step .mod-pnl .pnl.of-sp-align-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-accordion.of-step .mod-pnl .pnl.of-sp-align-right .image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .c-accordion.of-step .mod-pnl > .list > li .pnl .title > span::after {
    top: 21px;
  }
  .c-accordion.of-step .contentsBlock .mod-link-list.var-03 > .list > li {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
  }
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b::before,
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span::before {
    top: 14px;
    left: 2px;
  }
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > b::after,
  .c-accordion.of-step .contentsBlock .mod-pnl > .list > li .pnl .title > span::after {
    top: 19px;
    left: 6px;
  }
}
/* #141 カテゴリ/商品選択コンポーネント
------------------------------------ */
.mod-form-select {
  margin-right: auto;
  margin-left: auto;
}

.mod-form-select[data-col] > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.mod-form-select[data-col] > .inner > .col {
  padding: 4px 10px;
}

.mod-form-select[data-col="1"] > .inner > .col,
.mod-form-select[data-col="2"] > .inner > .col,
.mod-form-select[data-col="3"] > .inner > .col,
.mod-form-select[data-col="4"] > .inner > .col,
.mod-form-select[data-col="5"] > .inner > .col,
.mod-form-select[data-col="6"] > .inner > .col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.mod-form-select.step-select .select.is-select {
  opacity: 1;
  pointer-events: painted;
}

.mod-hdg-al2 + .mod-lyt {
  margin-top: 45px;
}

.contentsBlock.mod-filter {
  margin: auto;
}

.mod-pnl-02[data-col-wide="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-02[data-col-wide="5"] > .list > li > .pnl {
  display: block;
}

@media screen and (min-width: 768px), print {
  .mod-form-select.step-select[data-col-wide="1"] {
    max-width: 400px;
  }
  .mod-form-select.step-select[data-col-wide="2"] {
    max-width: 820px;
  }
  .mod-form-select.step-select + .mod-btn .btn {
    max-width: 295px;
  }
  .mod-form-select[data-col] > .inner > .col {
    padding: 8px 10px;
  }
  .mod-form-select[data-col-wide="1"] > .inner > .col,
  .mod-form-select[data-col-wide="2"] > .inner > .col,
  .mod-form-select[data-col-wide="3"] > .inner > .col,
  .mod-form-select[data-col-wide="4"] > .inner > .col,
  .mod-form-select[data-col-wide="5"] > .inner > .col,
  .mod-form-select[data-col-wide="6"] > .inner > .col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
  }
}
/* #142 対応アクセサリー一覧コンポーネント
------------------------------------ */
.mod-hdg-al4 + .mod-box-productItems {
  margin-top: 0;
}

.mod-lyt + .mod-btn {
  margin-top: -30px;
}

.mod-btn + .mod-list-notice {
  margin-top: 20px;
}

.contentsBlock.mod-filter {
  margin: auto;
}

.mod-pnl-02[data-col-wide="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-02[data-col-wide="5"] > .list > li > .pnl {
  display: block;
}

@media screen and (min-width: 768px), print {
  .mod-lyt + .mod-btn {
    margin-top: 10px;
  }
  .mod-btn + .mod-list-notice {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .mod-form-select .col > :first-child[style^="height: 0px"] {
    margin-top: 20px;
  }
}
/* #143 検索画面 消耗品検索コンポーネント
------------------------------------ */
/* スタイルなし */
/* #147 コンポーネント設計書_認証コンポーネント
------------------------------------ */
/* auth => authentication */
.auth .mod-hdg-al3 {
  margin-bottom: 0;
}

.auth .required {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 7px;
  border-radius: 6px;
  background-color: #c00;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
}

.auth .input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f7f7f7;
  color: #333;
  line-height: normal;
}

.auth .error {
  display: block;
  position: relative;
  margin-top: 4px;
  padding: 7px 10px;
  background-color: #fcefef;
  color: #c00;
}

.auth .error .icon {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 1.4em;
  height: 1.4em;
  margin-right: 10px;
  padding: 1px;
  border: 0.15em solid #c00;
  border-radius: 100%;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
}

.auth .error .message {
  display: block;
  padding-left: 2em;
}

.auth + .mod-btn {
  margin-top: 20px;
}

.mod-btn .logoin a::before,
.mod-btn .logoin button[type]::before {
  background-color: #fff;
}

.mod-btn .logoin a::after,
.mod-btn .logoin button[type]::after {
  border-color: #c00;
}

@media screen and (min-width: 768px), print {
  .auth .required {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 10px;
    border-radius: 6px;
    background-color: #c00;
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
  }
  .auth .input {
    width: 100%;
    padding: 14px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f7f7f7;
    color: #333;
    line-height: 1;
  }
  .auth .error {
    display: block;
    margin-top: 4px;
    padding: 10px 20px;
    background-color: #fcefef;
    color: #c00;
  }
  .auth .error .icon {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0;
    border: 0.15em solid #c00;
    border-radius: 100%;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1;
    text-align: center;
  }
  .auth + .mod-btn {
    margin-top: 40px;
  }
}
/* #150 汎用検索結果コンポーネント（一覧）
------------------------------------ */
/* スタイルなし */
/* #152 汎用検索結果コンポーネント（ショールーム）
------------------------------------ */
.mod-box-productItems.of-showroom > .inner > .item > .box .body + .footer {
  margin-top: 0;
}

.mod-box-productItems.of-showroom > .inner > .item > .box .footer > .mod-btn:first-child::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  background-color: #e4e4e4;
}

@media screen and (min-width: 768px), print {
  .mod-box-productItems.of-showroom > .inner > .item > .box .footer > .mod-btn:first-child::before {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.mod-list-description-02 .tag {
  display: inline-block;
  min-width: 140px;
  padding: 2px 14px;
  border: 1px solid #ccc;
  border-radius: 16px;
  background-color: #eee;
  line-height: 1.3;
  text-align: center;
}

.mod-list-description-02 .tag + [class^=mod-hdg-al] {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .mod-list-description-02 .tag {
    min-width: 190px;
  }
}
/* #157 キービジュアル 総合トップ
------------------------------------ */
.mod-carousel.max-w-1240::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #eee;
}

.mod-carousel.max-w-1240 .slick-list {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.mod-carousel.max-w-1240 .keyvisual-box-image img {
  max-width: 1240px;
}

.mod-carousel {
  position: relative;
  margin-bottom: 0;
  -webkit-transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s transform ease-out;
  transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}

.mod-carousel .slick-track {
  background-color: #eee;
}

.mod-carousel .inner {
  position: relative;
}

.mod-carousel a.inner {
  overflow: hidden;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 1;
}

.mod-carousel a.inner:hover {
  opacity: 0.5;
}

.mod-carousel .keyvisual-box-image img {
  height: auto;
  margin: auto;
  pointer-events: none;
}

.mod-carousel .keyvisual-box-content {
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  width: 100%;
  max-width: 1240px;
  padding: 20px;
  -webkit-transform: none;
          transform: none;
  background: rgba(0, 0, 0, 0.47);
}

.mod-carousel .keyvisual-sp {
  display: block;
  width: 100%;
}

.mod-carousel .keyvisual-pc {
  display: none;
}

.mod-carousel.js-option-btn {
  z-index: 0;
  margin-top: 0;
}

.js-option-btn .inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}

.js-option-btn .dot-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}

.js-option-btn .dot-wrap .dot {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 4px;
  overflow: hidden;
  -webkit-transition: 0.5s background ease-out;
  transition: 0.5s background ease-out;
  border: 1px solid transparent;
  border-radius: 100%;
  background: #e1e1e1;
  text-indent: 18px;
  cursor: pointer;
}

.js-option-btn .dot-wrap .dot.is-current {
  background: #0b0a0a;
}

.js-option-btn .autoplay {
  display: block;
  position: relative;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 32px;
  margin: auto 10px;
  overflow: hidden;
  -webkit-transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s transform ease-out;
  transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background: #f7f7f7;
  text-indent: -999px;
  word-break: keep-all;
}

.js-option-btn .dot-wrap + .autoplay {
  margin-left: 0;
}

.js-option-btn .autoplay::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 16px;
  margin: auto;
  border-width: 0 4px;
  border-style: solid;
  border-color: #333;
}

.js-option-btn .autoplay[data-auto=true]::before {
  z-index: 0;
  width: 14px;
  height: 16px;
  border-width: 0 4px;
}

.js-option-btn .autoplay[data-auto=false]::before {
  left: 2px;
  border-width: 10px 0 10px 17px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.js-option-btn .prev,
.js-option-btn .next {
  position: relative;
  width: 40px;
  height: 40px;
}

.js-option-btn .prev span,
.js-option-btn .next span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.js-option-btn .prev::before,
.js-option-btn .prev::after,
.js-option-btn .next::before,
.js-option-btn .next::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 1px;
  margin: auto 0;
  border-top: 0.1em solid #000;
}

.js-option-btn .prev::before,
.js-option-btn .prev::after {
  left: 14px;
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
}

.js-option-btn .prev::after {
  -webkit-transform: rotate(33deg) skew(0deg, 10deg);
          transform: rotate(33deg) skew(0deg, 10deg);
}

.js-option-btn .next::before,
.js-option-btn .next::after {
  right: 14px;
  -webkit-transform-origin: 100% 0 0;
          transform-origin: 100% 0 0;
}

.js-option-btn .next::after {
  -webkit-transform: rotate(-33deg) skew(0deg, -10deg);
          transform: rotate(-33deg) skew(0deg, -10deg);
}

.js-option-btn .next::before {
  -webkit-transform: rotate(33deg) skew(0deg, 10deg);
          transform: rotate(33deg) skew(0deg, 10deg);
}

.js-option-btn .prev::before {
  -webkit-transform: rotate(-33deg) skew(0deg, -10deg);
          transform: rotate(-33deg) skew(0deg, -10deg);
}

.mod-carousel .func-uiwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
  overflow: hidden;
}

.mod-carousel .func-dot-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 10px;
}

.mod-carousel .func-dot-wrapper > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 21px;
}

.mod-carousel > .inner[data-autoplay] .func-dot-wrapper > .list {
  padding: 0 44px 0 0;
}

.mod-pnl[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-pnl[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-pnl.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-pnl.align-center > .list {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.mod-pnl.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-pnl[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl-02 > .list > li > .pnl > .content > :first-child {
  margin-top: 0;
}

.mod-pnl-03 {
  margin: 30px 0 60px;
}

.mod-pnl-03[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-pnl-03[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-pnl-03[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-pnl-03 > .list {
  margin-top: -20px;
}

.mod-pnl-03.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-pnl-03.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-pnl-03[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl-03[data-col=auto] > .list > li {
  padding-left: 20px;
}

.mod-pnl-catalog {
  margin: 0 0 50px;
}

.mod-pnl-catalog[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-pnl-catalog[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-pnl-catalog[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-pnl-catalog.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-pnl-catalog.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-pnl-catalog[data-col="2"] > .list,
.mod-pnl-catalog[data-col="3"] > .list,
.mod-pnl-catalog[data-col="4"] > .list,
.mod-pnl-catalog[data-col="5"] > .list,
.mod-pnl-catalog[data-col="6"] > .list {
  margin-left: -11px;
}

.mod-pnl-catalog[data-col="2"] > .list > li,
.mod-pnl-catalog[data-col="3"] > .list > li,
.mod-pnl-catalog[data-col="4"] > .list > li,
.mod-pnl-catalog[data-col="5"] > .list > li,
.mod-pnl-catalog[data-col="6"] > .list > li {
  padding-left: 11px;
}

.mod-pnl-catalog[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl-catalog[data-col=auto] > .list > li {
  padding-left: 20px;
}

.mod-pnl-catalog[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-pnl-catalog[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-pnl-catalog[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-pnl-catalog[data-col="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-catalog[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl-catalog > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -44px;
}

.mod-pnl-catalog > .list > li {
  padding-top: 44px;
}

.mod-pnl-catalog > .list > li > .item > .title > .name::before {
  z-index: 0;
  top: 0.2em;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-pnl-catalog > .list > li > .item > .title > .name::after {
  z-index: 1;
  top: 0.5em;
  left: 4px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-pnl-catalog > .list > li > .item > .visual {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  padding: 0 15px 0 0;
}

.mod-pnl-catalog > .list > li > .item > .visual img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mod-pnl-catalog > .list > li > .item > .detail {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list {
  display: table;
  width: 100%;
  border-top: 1px solid #e1e1e1;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div {
  display: table-row;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div > * {
  display: table-cell;
  padding: 11px 0;
  border-bottom: 1px dashed #e1e1e1;
  vertical-align: top;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div > dt {
  padding-right: 13px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.mod-carousel .func-uiwrapper .func-btn {
  position: relative;
  width: 40px;
  height: 40px;
}

.mod-carousel .func-uiwrapper .func-btn.of-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.mod-carousel .func-uiwrapper .func-btn.of-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.func-btn {
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}

.mod-carousel .func-uiwrapper .func-btn span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mod-carousel > .inner[data-autoplay] .func-dot-wrapper > .list {
  padding: 0 44px 0 0;
}

.mod-pnl-03.align-center > .list {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.mod-pnl-03.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-pnl-03.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.js-slider + .js-player-btn {
  position: relative;
}

.js-slider + .js-player-btn .inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1240px;
  margin: auto;
}

/* 下記、画像幅・高さは倍サイズにする前のサイズでブレイクポイントとmin-width、heightを調整すること */
@media screen and (min-width: 1280px) {
  .mod-carousel.of-fixed-height .inner {
    max-height: 470px;
  }
}
@media screen and (min-width: 768px), print {
  .keyvisual-box-image {
    padding-bottom: 32.5%;
  }
  .mod-carousel .keyvisual-sp {
    display: none;
  }
  .mod-carousel .keyvisual-pc {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mod-carousel .keyvisual-box-content {
    top: 50%;
    bottom: auto;
    left: 50%;
    height: auto;
    padding: 40px 80px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0);
  }
  .mod-carousel .func-dot-wrapper > .list > li.of-autoplay-controller button {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .mod-pnl[data-col-wide] > .list > li.of-full,
  .mod-pnl[data-col-wide] > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-pnl[data-col-wide] > .list > li.of-fillin,
  .mod-pnl[data-col-wide] > .list > li.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-pnl.align-center-wide > .list {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-pnl.align-left-wide > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-pnl.align-right-wide > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-pnl > .list > li .pnl:focus > .title,
  .mod-pnl > .list > li .pnl:hover > .title,
  .mod-pnl > .list > li .pnl:focus > .title span,
  .mod-pnl > .list > li .pnl:hover > .title span {
    text-decoration: underline;
  }
  .mod-pnl > .list > li .pnl:focus > .image img,
  .mod-pnl > .list > li .pnl:hover > .image img {
    opacity: 0.7;
  }
  .mod-pnl-02 > .list > li > .pnl:focus > .content > .title,
  .mod-pnl-02 > .list > li > .pnl:hover > .content > .title {
    text-decoration: underline;
  }
  .mod-pnl-02 > .list > li > .pnl:focus > .image img,
  .mod-pnl-02 > .list > li > .pnl:hover > .image img {
    opacity: 0.7;
  }
  .mod-pnl-03[data-col-wide] > .list > li.of-full,
  .mod-pnl-03[data-col-wide] > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-pnl-03[data-col-wide] > .list > li.of-fillin,
  .mod-pnl-03[data-col-wide] > .list > li.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-pnl-03[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-pnl-03.align-center-wide > .list {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-pnl-03.align-left-wide > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-pnl-03.align-right-wide > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-pnl-03[data-col-wide="4"] > .list,
  .mod-pnl-03[data-col-wide="5"] > .list,
  .mod-pnl-03[data-col-wide="6"] > .list,
  .mod-pnl-03[data-col-wide=auto] > .list,
  .mod-pnl-03[data-col="4"] > .list,
  .mod-pnl-03[data-col="5"] > .list,
  .mod-pnl-03[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-03[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-03[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl-03[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-04[data-col-wide] > .list > li.of-full,
  .mod-pnl-04[data-col-wide] > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-pnl-04[data-col-wide] > .list > li.of-fillin,
  .mod-pnl-04[data-col-wide] > .list > li.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-pnl-04.align-center-wide > .list {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-pnl-04.align-left-wide > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-pnl-04.align-right-wide > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-pnl-04[data-col-wide="4"] > .list,
  .mod-pnl-04[data-col-wide="5"] > .list,
  .mod-pnl-04[data-col-wide="6"] > .list,
  .mod-pnl-04[data-col="4"] > .list,
  .mod-pnl-04[data-col="5"] > .list,
  .mod-pnl-04[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-04[data-col-wide="4"] > .list > li,
  .mod-pnl-04[data-col-wide="5"] > .list > li,
  .mod-pnl-04[data-col-wide="6"] > .list > li,
  .mod-pnl-04[data-col="4"] > .list > li,
  .mod-pnl-04[data-col="5"] > .list > li,
  .mod-pnl-04[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl-04[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-04[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl-04[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-04 > .list > li > .pnl > .image img {
    width: auto;
    height: auto;
  }
  .mod-pnl-04 > .list > li > .pnl:focus > .title,
  .mod-pnl-04 > .list > li > .pnl:hover > .title {
    background: rgba(0, 0, 0, 0.8);
  }
  .mod-pnl-05 > .list > li > .pnl > .image {
    padding-right: 10px;
  }
  .mod-pnl-05 > .list > li > .pnl > .content > .title > span {
    padding-left: 24px;
    letter-spacing: 1.4px;
    word-break: break-word;
  }
  .mod-pnl-05 > .list > li > .pnl:focus > .content > .title > span,
  .mod-pnl-05 > .list > li > .pnl:hover > .content > .title > span {
    text-decoration: underline;
  }
  .mod-pnl-05 > .list > li > .pnl:focus > .image img,
  .mod-pnl-05 > .list > li > .pnl:hover > .image img {
    opacity: 0.7;
  }
  .mod-pnl-catalog[data-col-wide] > .list > li.of-full,
  .mod-pnl-catalog[data-col-wide] > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-pnl-catalog[data-col-wide] > .list > li.of-fillin,
  .mod-pnl-catalog[data-col-wide] > .list > li.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-pnl-catalog[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-pnl-catalog.align-center-wide > .list {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-pnl-catalog.align-left-wide > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-pnl-catalog.align-right-wide > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list,
  .mod-pnl-catalog[data-col-wide="3"] > .list,
  .mod-pnl-catalog[data-col="2"] > .list,
  .mod-pnl-catalog[data-col="3"] > .list {
    margin-left: -40px;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list > li,
  .mod-pnl-catalog[data-col-wide="3"] > .list > li,
  .mod-pnl-catalog[data-col="2"] > .list > li,
  .mod-pnl-catalog[data-col="3"] > .list > li {
    padding-left: 40px;
  }
  .mod-pnl-catalog[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-catalog > .list > li > .item > .title > .name .icn-pdf {
    margin-left: 8px;
  }
  .mod-pnl-catalog > .list > li > .item > .visual {
    max-width: 195px;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > * {
    padding-top: 13px;
    padding-bottom: 9px;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > dt {
    padding-right: 29px;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > dd {
    width: 100%;
  }
}
/* #158 キービジュアル 全幅グレー背景（リンクあり）
------------------------------------ */
.mod-carousel.var-02 .carousel-panel .mod-media {
  max-width: 1240px;
}

/* キービジュアル カルーセル　テキスト＋ボタン */
.mod-lyt.adjust-01 {
  margin: 30px 0 15px;
}

.mod-lyt.adjust-01 > .inner {
  margin-top: -20px;
}

.mod-lyt.adjust-01 > .inner.col {
  padding-top: 20px;
}

.mod-hdg-bl2.adjust-02 {
  padding-top: 0 !important;
}

.adjust-03.btn a {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 9px;
  padding-bottom: 7px;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.3;
  text-align: left;
}

.adjust-03.btn a.symbol {
  margin: -4px 12px 0 21px;
}

.adjust-03.btn a.symbol img {
  display: block;
}

.mod-lyt.adjust-04 {
  margin-top: 10px;
}

@media screen and (min-width: 768px), print {
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 25%;
    max-width: 25%;
    padding-left: 0;
    text-align: center;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .handle,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .of-handle-none {
    padding: 0;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .handle > span,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .of-handle-none > span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 10px;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .handle > span::after,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .of-handle-none > span::after,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .handle > span::before,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .of-handle-none > span::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 16px;
    margin: auto 0;
    border-left: 1px solid #e1e1e1;
    pointer-events: none;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .handle > span::before,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li > .of-handle-none > span::before {
    content: "";
    left: -1px;
  }
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li:last-child > .handle > span::after,
  html[data-script-enabled=true].nav-global > .inner > .navigation > .list > li:last-child > .of-handle-none > span::after {
    content: "";
    right: 1px;
  }
  .mod-lyt.adjust-01 {
    margin: 62px 0 28px;
  }
  .mod-lyt.adjust-01 > .inner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-lyt.adjust-01 > .inner > .col:first-child {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-lyt.adjust-01 > .inner > .col:last-child {
    -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
    min-width: 130px;
    max-width: 130px;
  }
  .adjust-03 {
    margin-bottom: 57px;
  }
  .mod-lyt.adjust-04 {
    margin-top: 14px;
  }
  .mod-media-lyt.adjust-05 > .inner {
    margin-left: -42px;
  }
  .mod-media-lyt.adjust-05 > .inner > .content,
  .mod-media-lyt.adjust-05 > .inner > .media {
    padding-left: 42px;
  }
  .mod-link-list.adjust-06 {
    margin-left: -4px;
    font-size: 1.8rem;
  }
  .mod-link-list.adjust-06 > .list {
    margin-top: -9px;
  }
  .mod-link-list.adjust-06 > .list > li {
    padding-top: 9px;
    letter-spacing: 1px;
  }
}
.keyvisual {
  position: relative;
  overflow: hidden;
}

.mod-media > .inner .keyvisual-img img {
  display: none;
}

.keyvisual-box-inner {
  display: block;
  position: relative;
  left: 50%;
  max-width: 1240px;
  padding: 15px 70px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: left;
}

.keyvisual-icon {
  display: inline-block;
  padding: 0.8em 0.6em;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.keyvisual-icon.icon-01 {
  background-color: #cc0500;
  color: #fff;
}

.keyvisual-hdg {
  margin-top: 0.5em;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2;
}

.keyvisual-hdg.hdg-01 {
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

.keyvisual-sub {
  margin-top: 1em;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
}

.keyvisual-sub.sub-01 {
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.keyvisual-btn {
  margin-top: 1em;
}

.keyvisual-btn > a {
  display: inline-block;
  min-width: 150px;
  padding: 0.8em 1em;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.keyvisual-btn.btn-01 > a {
  border: 2px solid #fff;
  color: #fff;
}

.keyvisual-btn > a:hover {
  background-color: #fff;
  color: #333;
}

.keyvisual-img-01 {
  position: absolute;
  top: 5%;
  right: 1%;
}

@media screen and (min-width: 768px), print {
  .mod-media > .inner .keyvisual-img {
    position: relative;
    width: 100%;
  }
  .mod-media > .inner .keyvisual-img .keyvisual-pc {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .keyvisual-img > .of-wide {
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    min-height: 470px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1240px) {
  .keyvisual {
    height: 400px;
  }
  .keyvisual-img {
    height: 400px;
    text-align: center;
  }
  .keyvisual-img > .of-wide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 1920px;
    height: auto;
    min-height: 470px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .keyvisual-box {
    display: table;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1240px;
    height: 400px;
    margin-left: -620px;
  }
}
@media screen and (max-width: 1239px) and (min-width: 768px) {
  .keyvisual-img {
    position: relative;
    margin: 0;
    padding-bottom: 32.5%;
    text-align: center;
  }
  .keyvisual-box {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32vw;
  }
  .keyvisual-icon {
    font-size: 1.6129vw;
  }
  .keyvisual-hdg {
    font-size: 3.0645vw;
  }
  .keyvisual-sub {
    font-size: 1.4516vw;
  }
  .keyvisual-btn > a {
    font-size: 1.129vw;
  }
}
@media screen and (max-width: 767px), print {
  .mod-media > .inner .keyvisual-img .keyvisual-sp {
    display: block;
    max-width: 100%;
  }
  .keyvisual-box {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 37vw;
    background: rgba(0, 0, 0, 0.47);
  }
  .keyvisual-box-inner {
    padding: 18px 22px 20px;
  }
  .keyvisual-icon {
    min-width: 117px;
    font-size: 1.1rem;
  }
  .keyvisual-hdg {
    margin-top: 0.45em;
    font-size: 2.5rem;
    line-height: 1.1;
  }
  .keyvisual-sub {
    margin-top: 0.75em;
    font-size: 1.4rem;
  }
  .keyvisual-btn {
    margin-top: 1.1em;
  }
  .keyvisual-btn > a {
    display: inline-block;
    width: 100%;
    padding: 0.85em 0.8em;
    font-size: 1.4rem;
  }
  .keyvisual-img-01 {
    display: none;
  }
}
@media print {
  .keyvisual {
    position: relative;
    border: solid 1px #000;
  }
  .keyvisual-img {
    height: 425px;
    overflow: hidden;
    text-align: center;
  }
  .keyvisual-box {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 37vw;
    background: rgba(0, 0, 0, 0.47);
  }
  .keyvisual-box-inner {
    padding: 18px 22px 20px;
  }
  .keyvisual-icon {
    font-size: 1.6129vw;
  }
  .keyvisual-hdg {
    font-size: 3.0645vw;
  }
  .keyvisual-sub {
    font-size: 1.4516vw;
  }
  .keyvisual-btn {
    display: none;
  }
}
/* #137 製品グループ・カテゴリ・シリーズ・機種絞り込み
------------------------------------ */
.str-outer.of-notice {
  position: relative;
}

.str-outer.of-notice > .str-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.str-outer.of-notice .mod-link-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin-bottom: 0;
  padding: 10px 0;
}

.str-outer.of-notice .of-click-hear-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin: 0;
  padding-left: 0;
  text-align: right;
}

.str-outer.of-notice .of-click-hear-list > p {
  display: inline-block;
}

[class*=mod-hdg-al] .icon.of-info {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 28px;
  min-width: auto;
}

.tag-important {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.tag-important span {
  display: block;
  padding: 10px 8px 10px 60px;
  border: none;
  border-radius: 0;
  background-color: #c00;
  color: #fff;
  text-align: center;
}

.tag-important::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 50px;
  height: 100%;
  background-color: #fff;
  background-image: url("/-/media/Project/Canon/CanonJP/common/image/icon_important-info.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px;
}

@media screen and (min-width: 768px), print {
  .str-outer.of-notice {
    padding: 16px;
  }
  .str-outer.of-notice .mod-link-list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    padding: 10px 20px;
  }
  .str-outer.of-notice .of-click-hear-list {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .str-outer.of-notice .of-click-hear-list > p {
    display: inherit;
  }
  [class*=mod-hdg-al] .icon.of-info {
    width: 33px;
  }
  .tag-important span {
    min-width: 260px;
  }
}
@media screen and (max-width: 767px), print {
  .tag-important {
    margin-top: 10px;
  }
  .str-outer.of-notice .of-click-hear-list {
    margin-bottom: 10px;
  }
}
/* #140-1 修理サービス画面ページ
------------------------------------ */
.mod-media-lyt.pc-of-one-half > .inner > .content {
  width: auto;
}

.mod-media-lyt.pc-of-one-half > .inner > .media {
  width: auto;
}

@media screen and (min-width: 768px), print {
  .mod-media-lyt.pc-of-one-half > .inner > .media > .mod-media > .inner > .media img {
    max-width: 400px;
  }
  .mod-media-lyt.pc-of-image-w248:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w248:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media img {
    width: 100%;
  }
}
/* #140-3 修理申し込み特定機種ページ
------------------------------------ */
.replace .price .total {
  padding-right: 20px;
}

.replace .price .emphasis {
  font-size: 2.6rem;
  font-weight: 700;
}

.of-replace-service .breakdown {
  font-weight: 700;
}

.repair .catchcopy .emphasis {
  font-size: 2.6rem;
  font-weight: 700;
}

.repair .price .emphasis {
  color: #c00;
  font-size: 2.6rem;
  font-weight: 700;
}

@media screen and (min-width: 768px), print {
  .repair > .hdg {
    font-size: 2.2rem;
  }
  .replace > .hdg {
    font-size: 2.2rem;
  }
  .price-block {
    font-size: 1.8rem;
  }
  .replace .catchcopy .emphasis {
    font-size: 3.2rem;
  }
  .repair .catchcopy .emphasis {
    font-size: 3.2rem;
  }
  .repair .price .emphasis {
    font-size: 3.2rem;
  }
  .replace .price .emphasis {
    font-size: 3.2rem;
  }
  .repair .breakdown > .hdg {
    font-size: 2.4rem;
  }
}
/* #146-1 ソフトウエアダウンロード用コンポーネント - ソフトウエア選択
------------------------------------ */
/* 「.dy-」とはdynamic（動的）の略称です。動的エリアはこれを基準にclassを使うようにしています。 */
.str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main .dy-hdg-product {
  margin-right: 10px;
}

.mod-box-03 {
  margin: 10px 0;
  border: 1px solid #e1e1e1;
  background: #fff;
}

.mod-box-03 > .inner {
  padding: 10px;
}

.mod-box-03 .mod-link-list.var-03 {
  margin-bottom: 10px;
}

.mod-box-03 .mod-link-list.var-03 > .list > li {
  padding-left: 10px;
}

.mod-box-03 .mod-txt p {
  margin-bottom: -3px;
}

.mod-box-sup-01 {
  margin: 10px 0;
  background: #fff;
}

.mod-box-sup-01:nth-of-type(1n + 2) {
  border-top: 1px solid #e1e1e1;
}

.mod-box-sup-01 > .inner {
  padding: 10px;
}

.mod-box-sup-01 .mod-link-list.var-03 {
  margin-bottom: 10px;
}

.mod-box-sup-01 .mod-link-list.var-03 > .list > li {
  padding-left: 10px;
}

.mod-box-sup-01 .mod-txt p {
  margin-bottom: -3px;
}

@media screen and (min-width: 768px), print {
  .str-pageTitle.with-subtext > .inner > .hdg > .text-unit > .main .dy-hdg-product {
    margin-right: 20px;
  }
  .mod-box-03 {
    margin: 20px 0;
  }
  .mod-box-03 > .inner {
    padding: 20px;
  }
  .mod-box-03 .mod-link-list.var-03 {
    margin-bottom: 20px;
  }
  .mod-box-03 .mod-link-list.var-03 > .list > li {
    padding-left: 20px;
  }
  .mod-box-03 .mod-txt p {
    margin-bottom: -5px;
  }
  .mod-box-sup-01 {
    margin: 20px 0;
  }
  .mod-box-sup-01 > .inner {
    padding: 20px;
  }
  .mod-box-sup-01 .mod-link-list.var-03 {
    margin-bottom: 20px;
  }
  .mod-box-sup-01 .mod-link-list.var-03 > .list > li {
    padding-left: 20px;
  }
  .mod-box-sup-01 .mod-txt p {
    margin-bottom: -5px;
  }
}
/* #146-3 ソフトウエアダウンロード用コンポーネント
------------------------------------ */
.mod-box-02.of-permission {
  margin-top: 20px;
}

.mod-box-02.of-permission > .inner {
  padding: 10px;
}

.inline-scroll.var-02 .inner-wrap {
  max-width: 100%;
}

.inline-scroll.var-03 .inner-wrap {
  max-width: 100%;
  height: 100%;
  min-height: 500px;
  max-height: 1000px;
}

.mod-box-02.of-permission .inline-scroll {
  margin-bottom: 10px;
}

.mod-list-notice.of-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-list-notice.of-flex .list,
.mod-list-notice.of-flex .list .content {
  width: auto;
}

.mod-list-notice.of-flex.of-max-w620 .list {
  max-width: 620px;
}

.mod-btn.of-custom-icon a,
.mod-btn.of-custom-icon button {
  padding: 12px;
}

.mod-btn.of-custom-icon a::before,
.mod-btn.of-custom-icon button::before,
.mod-btn.of-custom-icon a::after,
.mod-btn.of-custom-icon button::after {
  content: none;
}

.mod-btn.of-custom-icon .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-btn.of-custom-icon .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 24px;
}

.mod-btn.of-custom-icon .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding-left: 10px;
}

.mod-lyt.of-material-btn .mod-list-description-03 .date {
  display: inline-block;
  margin-right: 4px;
}

.mod-lyt.of-material-btn .mod-list-description-03 .of-new {
  display: inline-block;
  color: #d11919;
}

@media screen and (max-width: 767px), print {
  .mod-box-02.of-permission .mod-hdg-bl3 {
    text-align: center;
  }
  .mod-lyt.of-material-btn .col {
    margin-top: 20px;
  }
  [class*=mod-btn] .inner .btn.of-sp-inactive a,
  [class*=mod-btn] .inner .btn.of-sp-inactive button {
    border: 1px solid #999;
    opacity: 0.4;
    background-color: #f7f7f7;
    color: #333;
    cursor: text;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  [class*=mod-btn] .inner .btn.of-sp-inactive a::before,
  [class*=mod-btn] .inner .btn.of-sp-inactive button::before {
    background-color: #1a1a1a;
  }
  [class*=mod-btn] .inner .btn.of-sp-inactive a::after,
  [class*=mod-btn] .inner .btn.of-sp-inactive button::after {
    border: solid #fff;
    border-width: 1px 1px 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .mod-box-02.of-permission {
    margin-top: 40px;
  }
  .mod-box-02.of-permission > .inner {
    padding: 28px 40px;
  }
  .mod-box-02.of-permission .inline-scroll {
    margin-bottom: 40px;
  }
}
/* #163 サポート問い合わせ
------------------------------------ */
/* #165-2 サポート問い合わせ
------------------------------------ */
.form-check_label.var-02 {
  border-radius: 0;
  background-color: transparent;
}

.form-check_label.of-consent {
  width: 145px;
  margin-right: auto;
  margin-left: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (max-width: 767px), print {
  .inline-scroll .mod-list-description-02 > .list > div > dt {
    width: 100px;
  }
  .of-support-and-inquiry .mod-list-description-03 > .list > div > dt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .of-support-and-inquiry .mod-list-description-03 > .list > div > dd {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding-left: 0;
  }
}
@media screen and (min-width: 768px), print {
  .inline-scroll .mod-list-description-02 > .list > div > dt {
    width: 200px;
  }
  .mod-list-description-03.of-form > .list > div > dt {
    min-width: 250px;
  }
  .form-check_label.of-consent {
    width: 170px;
  }
}
/* Sitecore専用
------------------------------------ */
.addthis {
  padding: 4px 0 0;
}

/* CMS上組み合わせの上下余白リセット */
.mod-box .component:first-child .component-content > *:first-child {
  margin-top: 0;
}

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

.mod-box-02 .component:first-child .component-content > *:first-child {
  margin-top: 0;
}

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

.mod-tbl .component:first-child .component-content > *:first-child {
  margin-top: 0;
}

.mod-tbl .component:last-child .component-content > *:last-child {
  margin-bottom: 0;
}

/* CMS上組み合わせの上下余白リセット end */
/* 各モジュール組み合わせの上下余白リセット
------------------------------------ */
/* #54 と その全ての組み合わせ（Plain HTML用） */
.mod-list-description > .list > div > dd > :first-child {
  margin-top: 0;
}

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

/* #54 と #その全ての組み合わせ（Plain HTML用） end */
/* #58 と その全ての組み合わせ（Plain HTML用） */
.mod-list-description-02 > .list > div > dd > :first-child {
  margin-top: 0;
}

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

/* #58 と #その全ての組み合わせ（Plain HTML用） end */
/* #68 と その全ての組み合わせ（Plain HTML用） */
.mod-tbl > .content > :first-child {
  margin-top: 0;
}

.mod-tbl > .content > :last-child {
  margin-bottom: 0;
}

/* #68 と #その全ての組み合わせ（Plain HTML用） end */
/* #72 と その全ての組み合わせ（Plain HTML用） */
.mod-box > .inner > .content > :first-child {
  margin-top: 0;
}

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

/* #72 と #その全ての組み合わせ（Plain HTML用） end */
/* #74 と その全ての組み合わせ（Plain HTML用） */
.mod-box-02 > .inner > .content > :first-child {
  margin-top: 0;
}

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

/* #74 と #その全ての組み合わせ（Plain HTML用） end */
/* 20210712追記 */
.mod-pnl > .list > li button.pnl .title {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .c-accordion.of-step .contentsBlock button {
    width: 100%;
  }
}
/* end 20210712追記 */
/*! = BaseScriptStyles */
html[data-script-enabled=true] .mod-box-productItems > .inner > .item .box .body > .image [role=tab] {
  cursor: default;
}

html[data-script-enabled=true] .mod-box-productItems > .inner > .item .box .body > .image .tab-panel[aria-hidden=true] {
  display: none;
}

html[data-script-enabled=true] .mod-box-productItems > .inner > .item .box .body > .image .tab-panel:not(:nth-of-type(1)):not([aria-hidden=false]) {
  display: none;
}

html[data-script-enabled=true] .js-tab [role=tab] {
  cursor: default;
}

html[data-script-enabled=true] .js-tab .tab-panel[aria-hidden=true] {
  display: none;
}

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] .mod-tab-galley .gallery-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

html[data-script-enabled=true] .mod-tab-galley .gallery-overview {
  margin-top: 0;
  margin-bottom: 10px;
}

html[data-script-enabled=true] .mod-tab-galley .gallery-overview > .item {
  margin-bottom: 0;
}

html[data-script-enabled=true] .mod-tab-galley .gallery-thumbnail > .list > .thumbnail {
  outline: 0;
}

html[data-script-enabled=true] .mod-tab-galley .gallery-thumbnail > .list > .thumbnail[aria-selected=true] > ::before {
  border-width: 2px;
  border-color: #c00;
  opacity: 1;
}

html[data-script-enabled=true] .mod-tab-galley .gallery-thumbnail > .list > .thumbnail:focus-visible::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: auto;
  border: #222 solid 2px;
  border-radius: 4px;
  inset: 0;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-overview {
  margin-top: 0;
  margin-bottom: 10px;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-overview > .item {
  margin-bottom: 0;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail {
  outline: 0;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail[aria-selected=true] > ::before {
  border-width: 2px;
  border-color: #c00;
  opacity: 1;
}

html[data-script-enabled=true] .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail:focus-visible::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: auto;
  border: #222 solid 2px;
  border-radius: 4px;
  inset: 0;
}

html[data-script-enabled=true] .func-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
}

html[data-script-enabled=true] .func-modal[aria-expanded=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html[data-script-enabled=true] .func-modal[aria-hidden=false] {
  opacity: 1;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
  max-width: 1120px;
  padding: 0;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close {
  max-width: none;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner {
  width: 100%;
  max-width: 1120px;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  margin: 20px auto 40px;
  color: #222;
  line-height: 1.65;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > span {
  margin: 0 6px 0 0;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > button {
  position: relative;
  width: auto;
  height: auto;
  padding-left: 36px;
  border: none;
  border-radius: 0;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiIGZpbGw9Im5vbmUiLz48ZyBmaWxsPSIjYmIyNzFhIj48cGF0aCBkPSJtMjguOTY3IDFjMC0uNTUyLS40NDgtMS0xLTFoLTI2Ljk2N2MtLjU1MiAwLTEgLjQ0OC0xIDF2LjE0NmMwIC41NTIuNDQ4IDEgMSAxaDI2Ljk2N2MuNTUyIDAgMS0uNDQ4IDEtMXoiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IDUuNTE3IDQpIi8+PHBhdGggZD0ibTI4Ljk2NyAxYzAtLjU1Mi0uNDQ4LTEtMS0xaC0yNi45NjdjLS41NTIgMC0xIC40NDgtMSAxdi4xNDZjMCAuNTUyLjQ0OCAxIDEgMWgyNi45NjdjLjU1MiAwIDEtLjQ0OCAxLTF6IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC0uNzA3MTA3IDI2IDUuNTE5KSIvPjwvZz48L3N2Zz4=") left center no-repeat;
  background-size: 30px;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  pointer-events: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > span {
  display: block;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > button span {
  display: block;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > button::after,
html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > button::before {
  content: none;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-close > button::before {
  content: "閉じる";
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: auto 0;
  overflow: visible;
  -webkit-transform: none;
          transform: none;
  background: transparent;
}

html[data-script-enabled=true][lang=en] .func-modal > .modal-wrapper > .modal-close > button::before {
  content: "Close";
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner {
  min-height: 4em;
  max-height: calc(100vh - 128px);
  max-height: calc(100dvh - 128px);
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner > :first-child {
  margin-top: 0;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner > :last-child {
  margin-bottom: 0;
}

html[data-script-enabled=true] .mod-modal-content {
  display: none;
  margin: 0;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner .mod-modal-content {
  padding: 40px 20px 20px;
}

html[data-browser-trident=true] .func-modal > .modal-wrapper > .modal-inner {
  border: 1px dotted transparent;
  outline: 0;
}

html[data-browser-trident=true] .func-modal > .modal-wrapper > .modal-inner:focus {
  border-color: #333;
}

html[data-script-enabled=true] .func-modal .mod-modal-content {
  display: block;
}

html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner {
  min-width: auto;
}

@media screen and (min-width: 768px), print {
  html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner {
    max-height: calc(100vh - 200px);
    max-height: calc(100dvh - 200px);
  }
  html[data-script-enabled=true] .func-modal > .modal-wrapper > .modal-inner .mod-modal-content {
    padding: 40px 20px 20px;
  }
}
.func-modal.is-fading {
  will-change: opacity, background, position;
}

.mod-lyt {
  margin: 0;
  padding: 0 0 30px;
}

.mod-lyt[data-col] > .inner > .col.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-lyt[data-col] > .inner > .col.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-lyt[data-col=auto] > .inner > .col {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-lyt.align-left > .inner {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-lyt.align-center > .inner {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.mod-lyt.align-right > .inner {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-lyt[data-col="2"] > .inner,
.mod-lyt[data-col="3"] > .inner,
.mod-lyt[data-col="4"] > .inner,
.mod-lyt[data-col="5"] > .inner,
.mod-lyt[data-col="6"] > .inner {
  margin-top: -20px;
  margin-left: -20px;
}

.mod-lyt[data-col="2"] > .inner > .col,
.mod-lyt[data-col="3"] > .inner > .col,
.mod-lyt[data-col="4"] > .inner > .col,
.mod-lyt[data-col="5"] > .inner > .col,
.mod-lyt[data-col="6"] > .inner > .col {
  padding-top: 20px;
  padding-left: 20px;
}

.mod-lyt[data-col=auto] > .inner {
  margin-left: -20px;
}

.mod-lyt[data-col=auto] > .inner > .col {
  padding-left: 20px;
}

.mod-lyt[data-col="2"] > .inner > .col {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-lyt[data-col="3"] > .inner > .col {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-lyt[data-col="4"] > .inner > .col {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-lyt[data-col="5"] > .inner > .col {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-lyt[data-col="6"] > .inner > .col {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-lyt > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -20px;
}

.mod-lyt > .inner > .col {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 20px;
}

.mod-lyt > .inner > .col > :first-child {
  margin-top: 0;
}

.mod-lyt > .inner > .col > :last-child {
  margin-bottom: 0;
}

.mod-lyt > .inner > .col > .image img {
  max-width: 100%;
}

.mod-lyt.of-narrow > .inner {
  margin-top: -20px;
  margin-left: -20px;
}

.mod-lyt.of-narrow > .inner > .col {
  padding-top: 20px;
  padding-left: 20px;
}

.mod-lyt.of-col-pd10 .col {
  padding-top: 10px;
}

@media screen and (min-width: 576px), print {
  .mod-lyt[data-col-wide]:where(.of-col-wide-sm) > .inner > .col.of-full,
  .mod-lyt[data-col-wide]:where(.of-col-wide-sm) > .inner > .col.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-lyt[data-col-wide]:where(.of-col-wide-sm) > .inner > .col.of-fillin,
  .mod-lyt[data-col-wide]:where(.of-col-wide-sm) > .inner > .col.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-lyt[data-col-wide=auto]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-lyt.align-center-wide:where(.of-col-wide-sm) > .inner {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-lyt.align-left-wide:where(.of-col-wide-sm) > .inner {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-lyt.align-right-wide:where(.of-col-wide-sm) > .inner {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-lyt[data-col-wide="2"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col-wide="3"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col="2"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col="3"]:where(.of-col-wide-sm) > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt[data-col-wide="2"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col-wide="3"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col="2"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col="3"]:where(.of-col-wide-sm) > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-lyt[data-col-wide="4"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col-wide="5"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col-wide="6"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col-wide=auto]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col="4"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col="5"]:where(.of-col-wide-sm) > .inner,
  .mod-lyt[data-col="6"]:where(.of-col-wide-sm) > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt[data-col-wide="4"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col-wide="5"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col-wide="6"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col-wide=auto]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col="4"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col="5"]:where(.of-col-wide-sm) > .inner > .col,
  .mod-lyt[data-col="6"]:where(.of-col-wide-sm) > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-lyt[data-col-wide="2"]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-lyt[data-col-wide="3"]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-lyt[data-col-wide="4"]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-lyt[data-col-wide="5"]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-lyt[data-col-wide="6"]:where(.of-col-wide-sm) > .inner > .col {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-lyt.of-narrow:where(.of-col-wide-sm) > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt.of-narrow:where(.of-col-wide-sm) > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .mod-lyt[data-col-wide] > .inner > .col.of-full,
  .mod-lyt[data-col-wide] > .inner > .col.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-lyt[data-col-wide] > .inner > .col.of-fillin,
  .mod-lyt[data-col-wide] > .inner > .col.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-lyt[data-col-wide=auto] > .inner > .col {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-lyt.align-center-wide > .inner {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .mod-lyt.align-left-wide > .inner {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-lyt.align-right-wide > .inner {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-lyt[data-col-wide="2"] > .inner,
  .mod-lyt[data-col-wide="3"] > .inner,
  .mod-lyt[data-col="2"] > .inner,
  .mod-lyt[data-col="3"] > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt[data-col-wide="2"] > .inner > .col,
  .mod-lyt[data-col-wide="3"] > .inner > .col,
  .mod-lyt[data-col="2"] > .inner > .col,
  .mod-lyt[data-col="3"] > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-lyt[data-col-wide="4"] > .inner,
  .mod-lyt[data-col-wide="5"] > .inner,
  .mod-lyt[data-col-wide="6"] > .inner,
  .mod-lyt[data-col-wide=auto] > .inner,
  .mod-lyt[data-col="4"] > .inner,
  .mod-lyt[data-col="5"] > .inner,
  .mod-lyt[data-col="6"] > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt[data-col-wide="4"] > .inner > .col,
  .mod-lyt[data-col-wide="5"] > .inner > .col,
  .mod-lyt[data-col-wide="6"] > .inner > .col,
  .mod-lyt[data-col-wide=auto] > .inner > .col,
  .mod-lyt[data-col="4"] > .inner > .col,
  .mod-lyt[data-col="5"] > .inner > .col,
  .mod-lyt[data-col="6"] > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-lyt[data-col-wide="2"] > .inner > .col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-lyt[data-col-wide="3"] > .inner > .col {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-lyt[data-col-wide="4"] > .inner > .col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-lyt[data-col-wide="5"] > .inner > .col {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-lyt[data-col-wide="6"] > .inner > .col {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-lyt.of-narrow > .inner {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-lyt.of-narrow > .inner > .col {
    padding-top: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-lyt[data-col-wide="2"] > .inner,
  .mod-lyt[data-col-wide="3"] > .inner,
  .mod-lyt[data-col="2"] > .inner,
  .mod-lyt[data-col="3"] > .inner {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-lyt[data-col-wide="2"] > .inner > .col,
  .mod-lyt[data-col-wide="3"] > .inner > .col,
  .mod-lyt[data-col="2"] > .inner > .col,
  .mod-lyt[data-col="3"] > .inner > .col {
    padding-top: 26px;
    padding-left: 26px;
  }
  .mod-lyt[data-col-wide="4"] > .inner,
  .mod-lyt[data-col-wide="5"] > .inner,
  .mod-lyt[data-col-wide="6"] > .inner,
  .mod-lyt[data-col-wide=auto] > .inner,
  .mod-lyt[data-col="4"] > .inner,
  .mod-lyt[data-col="5"] > .inner,
  .mod-lyt[data-col="6"] > .inner {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-lyt[data-col-wide="4"] > .inner > .col,
  .mod-lyt[data-col-wide="5"] > .inner > .col,
  .mod-lyt[data-col-wide="6"] > .inner > .col,
  .mod-lyt[data-col-wide=auto] > .inner > .col,
  .mod-lyt[data-col="4"] > .inner > .col,
  .mod-lyt[data-col="5"] > .inner > .col,
  .mod-lyt[data-col="6"] > .inner > .col {
    padding-top: 26px;
    padding-left: 26px;
  }
  .mod-lyt[data-col-wide="4"] > .inner > .col {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
}
/* レイアウトグリッド - productInfo */
.mod-lyt-productInfo {
  margin: 90px 0 60px;
}

.mod-lyt-productInfo > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.mod-lyt-productInfo > .inner > .summary > .title {
  margin: 0 0 9px;
}

.mod-lyt-productInfo > .inner > .summary > .title:not(:first-child) {
  margin-top: 22px;
}

.mod-lyt-productInfo > .inner > .summary > .title > .hdg {
  font-size: 2.4rem;
  font-weight: 700;
}

.mod-lyt-productInfo > .inner > .summary > .title > .tag {
  margin: 6px 0 11px;
  font-size: 1.4rem;
}

.mod-lyt-productInfo > .inner > .summary > .title > .tag > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -2px 0 0 -2px;
}

.mod-lyt-productInfo > .inner > .summary > .title > .tag > .list > li {
  padding: 2px 0 0 2px;
}

.mod-lyt-productInfo > .inner > .summary > .title > .tag > .list > li span {
  display: block;
  min-width: 66px;
  padding: 0 2px;
  background: #dce0e8;
  text-align: center;
}

.mod-lyt-productInfo > .inner > .summary > .title > .tag > .list > li.of-new span {
  background: #f5cccc;
  color: #d11919;
}

.mod-lyt-productInfo > .inner > .summary > .content > :first-child {
  margin-top: 0;
}

.mod-lyt-productInfo > .inner > .summary > .content > :last-child {
  margin-bottom: 0;
}

.mod-lyt-productInfo > .inner > .picture {
  margin: 0 0 30px;
}

.mod-lyt-productInfo > .inner > .picture > .image {
  position: relative;
}

.mod-lyt-productInfo > .inner > .picture > .image img {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.mod-lyt-productInfo > .inner > .picture > .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 0;
}

.mod-lyt-productInfo > .inner > .picture > .btn a {
  display: block;
  position: relative;
  min-width: 243px;
  padding: 14px 10px 13px 45px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #f7f7f7;
  color: inherit;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.mod-lyt-productInfo > .inner > .picture > .btn a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 18px;
  height: 24px;
  margin: auto 0;
  background-image: url("/-/media/Project/Canon/CanonJP/shared/images/sprite.png");
  background-position: -27px 0;
  background-size: 83px 50px;
}

.mod-lyt-productInfo > .inner > .picture > .content {
  min-width: 243px;
  margin: 20px auto 0;
}

.mod-lyt-productInfo > .inner > .picture > .content > :first-child {
  margin-top: 0;
}

.mod-lyt-productInfo > .inner > .picture > .content > :last-child {
  margin-bottom: 0;
}

.mod-lyt-productInfo > .inner > .picture > .content > .mod-btn {
  max-width: 252px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 768px), print {
  .mod-lyt-productInfo {
    margin-top: 80px;
  }
  .mod-lyt-productInfo > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-lyt-productInfo > .inner > .summary {
    -ms-flex-preferred-size: 60.713%;
        flex-basis: 60.713%;
    min-width: 60.713%;
    max-width: 60.713%;
    padding: 0 30px 0 0;
  }
  .mod-lyt-productInfo > .inner > .summary > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-lyt-productInfo > .inner > .summary > .title:not(:first-child) {
    margin-top: 30px;
  }
  .mod-lyt-productInfo > .inner > .summary > .title > .hdg {
    margin-right: 14px;
  }
  .mod-lyt-productInfo > .inner > .summary > .title > .tag > li span {
    padding-right: 15px;
    padding-left: 15px;
  }
  .mod-lyt-productInfo > .inner > .picture {
    -ms-flex-preferred-size: 39.287%;
        flex-basis: 39.287%;
    min-width: 39.287%;
    max-width: 39.287%;
    margin-bottom: 0;
    text-align: center;
  }
  .mod-lyt-productInfo > .inner > .picture > .image {
    padding-top: 40%;
  }
  .mod-lyt-productInfo > .inner > .picture > .image img {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
  }
  .mod-lyt-productInfo > .inner > .picture > .btn {
    margin-top: 12px;
  }
  .mod-lyt-productInfo > .inner > .picture > .btn a[href] {
    -webkit-transition: 0.2s background ease-out;
    transition: 0.2s background ease-out;
  }
  .mod-lyt-productInfo > .inner > .picture > .btn a[href]:focus,
  .mod-lyt-productInfo > .inner > .picture > .btn a[href]:hover {
    background: #fff;
  }
  .mod-lyt-productInfo > .inner > .picture > .content > .mod-btn {
    max-width: 304px;
  }
  .mod-lyt-productInfo > .inner > .picture.align-top > .image img {
    bottom: auto;
  }
  .mod-lyt-productInfo > .inner > .summary > .title > .tag > .list > li span {
    min-width: 88px;
    padding: 0 20px;
  }
}
/* カラムレイアウト内用固有見出し
------------------------------------ */
.mod-hdg-forColumnLayout {
  position: relative;
  z-index: 0;
  margin: 0;
  border: none;
  letter-spacing: normal;
  text-align: left;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h1,
.mod-hdg-forColumnLayout[class^=mod-hdg] h2,
.mod-hdg-forColumnLayout[class^=mod-hdg] h3,
.mod-hdg-forColumnLayout[class^=mod-hdg] h4,
.mod-hdg-forColumnLayout[class^=mod-hdg] h5,
.mod-hdg-forColumnLayout[class^=mod-hdg] h6 {
  margin-top: 0;
  padding-top: 0;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h1 {
  margin-top: 0;
  padding-top: 20px;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h2 {
  margin-top: 0;
  padding-top: 20px;
}

.mod-hdg-forColumnLayout[class^=mod-hdg][id]:has(> h1, > h2) {
  --content-nav-height: 100px;
  z-index: -1 !important;
  margin-top: calc(var(--content-nav-height) * -1) !important;
  padding-top: var(--content-nav-height) !important;
  overflow: hidden !important;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h3 {
  margin-top: 0;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h4 {
  margin-top: 0;
}

.mod-hdg-forColumnLayout[class^=mod-hdg] h5 {
  margin-top: 0;
}

.mod-hdg-forColumnLayout > h1 > span,
.mod-hdg-forColumnLayout > h2 > span,
.mod-hdg-forColumnLayout > h3 > span,
.mod-hdg-forColumnLayout > h4 > span,
.mod-hdg-forColumnLayout > h5 > span,
.mod-hdg-forColumnLayout > h6 > span {
  display: block;
}

.mod-hdg-forColumnLayout > h1,
.mod-hdg-forColumnLayout > h2,
.mod-hdg-forColumnLayout > h3,
.mod-hdg-forColumnLayout > h4,
.mod-hdg-forColumnLayout > h5,
.mod-hdg-forColumnLayout > h6 {
  position: relative;
  z-index: 0;
}

.mod-hdg-forColumnLayout > h2 {
  position: relative;
  z-index: 0;
  margin: 0 0 40px;
  padding: 20px 0 12px;
  border: none;
  border-top: none;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: left;
}
.mod-hdg-forColumnLayout > h2::before, .mod-hdg-forColumnLayout > h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.mod-hdg-forColumnLayout > h2::before {
  background-color: #dbdbdb;
}
.mod-hdg-forColumnLayout > h2::after {
  width: 40px;
  background-color: #c00;
}

.mod-hdg-forColumnLayout > h3 {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  margin: 0 0 30px;
  padding: 0;
  padding-left: 12px;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}
.mod-hdg-forColumnLayout > h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #c00;
}

.mod-hdg-forColumnLayout > h4 {
  position: relative;
  z-index: 0;
  margin: 0 0 30px;
  padding: 0 0 10px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}
.mod-hdg-forColumnLayout > h4::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dbdbdb;
}

.mod-hdg-forColumnLayout > h5 {
  position: relative;
  z-index: 0;
  margin: 0 0 24px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}

.mod-hdg-forColumnLayout > h1 > span,
.mod-hdg-forColumnLayout > h2 > span,
.mod-hdg-forColumnLayout > h3 > span,
.mod-hdg-forColumnLayout > h4 > span,
.mod-hdg-forColumnLayout > h5 > span {
  display: block;
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
}

.mod-hdg-forColumnLayout > h2 > span {
  font-size: 1.6rem;
}

.mod-hdg-forColumnLayout > h3 > span {
  font-size: 1.6rem;
}

.mod-hdg-forColumnLayout > h4 > span {
  font-size: 1.4rem;
}

.mod-hdg-forColumnLayout > h5 > span {
  font-size: 1.4rem;
}

.mod-hdg-forColumnLayout > h2 > span:only-child {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-top: none;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: left;
}

.mod-hdg-forColumnLayout > h3 > span:only-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  margin: 0 0 30px;
  padding: 0;
  font-size: 2.2rem;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}

.mod-hdg-forColumnLayout > h4 > span:only-child {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
}

.mod-hdg-forColumnLayout > h5 > span:only-child {
  position: relative;
  z-index: 0;
  margin: 0 0 24px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}

.mod-hdg-forColumnLayout > h1 > span + span,
.mod-hdg-forColumnLayout > h2 > span + span,
.mod-hdg-forColumnLayout > h3 > span + span,
.mod-hdg-forColumnLayout > h4 > span + span,
.mod-hdg-forColumnLayout > h5 > span + span {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-top: none;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: left;
}

.mod-hdg-forColumnLayout > h2 > span + span {
  font-size: 2.4rem;
}

.mod-hdg-forColumnLayout > h3 > span + span {
  font-size: 2.2rem;
}

.mod-hdg-forColumnLayout > h4 > span + span {
  font-size: 2rem;
}

.mod-hdg-forColumnLayout > h5 > span + span {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-forColumnLayout {
    margin-bottom: 0;
    letter-spacing: normal;
  }
  .mod-hdg-forColumnLayout > h2::after {
    width: 200px;
    background-color: #c00;
  }
  .mod-hdg-forColumnLayout > h3 {
    min-height: 40px;
    margin: 0 0 30px;
    padding: 0;
    padding-left: 20px;
  }
  .mod-hdg-forColumnLayout > h2 > span {
    padding-bottom: 0;
    font-size: 1.6rem;
  }
  .mod-hdg-forColumnLayout > h3 > span {
    font-size: 1.6rem;
  }
  .mod-hdg-forColumnLayout > h4 > span {
    font-size: 1.4rem;
  }
  .mod-hdg-forColumnLayout > h5 > span {
    font-size: 1.4rem;
  }
  .mod-hdg-forColumnLayout > h2 > span:only-child {
    font-size: 3.4rem;
  }
  .mod-hdg-forColumnLayout > h3 > span:only-child {
    font-size: 2.8rem;
  }
  .mod-hdg-forColumnLayout > h4 > span:only-child {
    font-size: 2.4rem;
  }
  .mod-hdg-forColumnLayout > h5 > span:only-child {
    font-size: 2rem;
  }
  .mod-hdg-forColumnLayout > h1 > span + span,
  .mod-hdg-forColumnLayout > h2 > span + span,
  .mod-hdg-forColumnLayout > h3 > span + span,
  .mod-hdg-forColumnLayout > h4 > span + span,
  .mod-hdg-forColumnLayout > h5 > span + span {
    margin-top: 0;
  }
  .mod-hdg-forColumnLayout > h2 > span + span {
    font-size: 3.4rem;
  }
  .mod-hdg-forColumnLayout > h3 > span + span {
    font-size: 2.8rem;
  }
  .mod-hdg-forColumnLayout > h4 > span + span {
    font-size: 2.4rem;
  }
  .mod-hdg-forColumnLayout > h5 > span + span {
    font-size: 2rem;
  }
}
.c-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-accordion .list {
  width: 100%;
}

.c-accordion .accordion-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: hidden;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}

.c-accordion:where(.of-step) .accordion-list {
  border-radius: 0;
}

.c-accordion .accordion-list + .accordion-list {
  margin-top: 20px;
}

.c-accordion .accordion-list:first-child {
  margin-top: 0;
}

.c-accordion .accordion-list:last-child {
  margin-bottom: 40px;
}

.c-accordion.of-fit .accordion-list + .accordion-list {
  margin-top: 0;
  border-top: 0;
}

.c-accordion .accordion-list .accordion-title {
  display: -ms-grid;
  display: grid;
  width: 100%;
  min-height: 68px;
  padding: 20px 58px 20px 20px;
  -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: #f4f4f4;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  place-items: center stretch;
}

.c-accordion .accordion-list .accordion-title > b {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.c-accordion .accordion-summary .accordion-title .mod-txt {
  margin-bottom: 0;
}

.c-accordion .accordion-summary .accordion-title .mod-txt p {
  margin-bottom: 0;
}

.c-accordion:not(.of-step) .accordion-list .accordion-summary {
  padding: 0;
  outline: none;
  line-height: inherit;
  line-height: 1.3;
  text-align: inherit;
}

.c-accordion .accordion-list .accordion-summary:focus-visible {
  outline: none;
}

.c-accordion .accordion-list .accordion-summary:focus-visible::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: auto;
  border: #222 solid 2px;
  border-radius: 4px;
  inset: 0;
}

.c-accordion .accordion-list .accordion-summary::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: 20px;
  -webkit-transition: none;
  transition: none;
}

.c-accordion .accordion-list:not(.is-opened) .accordion-summary::before {
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  -webkit-transform: none;
          transform: none;
  border: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iI2ZmZiIgcj0iMTIiIHRyYW5zZm9ybT0ibWF0cml4KDAgLTEgMSAwIDAgMjQpIi8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0tMjIzODYuMiA4NDg5LjQ1aDEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjM5My4yIC04NDc3LjQ1KSIvPjxwYXRoIGQ9Im0wIDBoMTAiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDEyIDcpIi8+PC9nPjwvc3ZnPg==");
}

.c-accordion .accordion-list.is-opened .accordion-summary::before {
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  -webkit-transform: none;
          transform: none;
  border: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgZmlsbD0iI2ZmZiIgcj0iMTIiIHRyYW5zZm9ybT0ibWF0cml4KDAgLTEgMSAwIDAgMjQpIi8+PHBhdGggZD0ibS0yMjM4Ni4yIDg0ODkuNDVoMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjM5My4yIC04NDc3LjQ1KSIvPjwvc3ZnPg==");
}

.c-accordion.of-toggle-arrow .accordion-list .accordion-summary::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-accordion.of-toggle-arrow .accordion-list:not(.is-opened) .accordion-summary::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjcgMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNSIgY3k9IjEzLjUiIGZpbGw9IiNmZmYiIHI9IjEzLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDI3IDApIi8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0wIDAgLjAxOCA4LjUwNyIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgNy40NzMgMTAuNjI0KSIvPjxwYXRoIGQ9Im0wIDguNTA2LjAxOC04LjUwNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAxMy41MTMgMTYuNjM4KSIvPjwvZz48L3N2Zz4=");
}

.c-accordion.of-toggle-arrow .accordion-list.is-opened .accordion-summary::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjcgMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNSIgY3k9IjEzLjUiIGZpbGw9IiNmZmYiIHI9IjEzLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDI3IDApIi8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0wIDAgLjAxOCA4LjUwNyIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgNy40NzMgMTAuNjI0KSIvPjxwYXRoIGQ9Im0wIDguNTA2LjAxOC04LjUwNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAxMy41MTMgMTYuNjM4KSIvPjwvZz48L3N2Zz4=");
}

.c-accordion .accordion-summary {
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: #f4f4f4;
  color: #222;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.c-accordion .accordion-summary::-webkit-details-marker {
  display: none;
}

.c-accordion .accordion-content {
  position: relative;
  z-index: 0;
  line-height: 1.65;
}

.c-accordion .accordion-summary::after {
  content: none;
}

.c-accordion .accordion-content {
  padding: 20px;
}

.c-accordion .accordion-list .accordion-container {
  display: none;
  overflow: hidden;
}

html:not([data-script-enabled=true]) .c-accordion .accordion-list .accordion-container {
  display: block;
}

@media screen and (min-width: 768px), print {
  .c-accordion .accordion-list .accordion-title {
    padding-right: 68px;
  }
}
.c-accordion .accordion-content [class^=mod-]:last-child {
  margin-bottom: 0;
}

.c-accordion .accordion-content .mod-txt:last-child p {
  margin-bottom: 0;
}

.js--scroll-hint .scroll-hint-icon {
  display: -ms-grid;
  display: grid;
  z-index: 1;
  top: calc(50% - 52px);
  left: calc(50% - 50px);
  width: 100px;
  height: 104px;
  padding: 16px 8px 10px;
  place-items: start center;
}
.js--scroll-hint .scroll-hint-icon::after {
  top: 10px;
}
@media screen and (min-width: 768px), print {
  .js--scroll-hint .scroll-hint-icon {
    top: calc(50% - 70px);
    left: calc(50% - 60px);
    width: 140px;
    height: 120px;
    padding-top: 28px;
  }
  .js--scroll-hint .scroll-hint-icon::after {
    top: 20px;
  }
}
.js--scroll-hint .scroll-hint-text {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}
@-webkit-keyframes scroll-hint-mini-appear {
  0% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
    opacity: 0;
  }
}
@keyframes scroll-hint-mini-appear {
  0% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
    opacity: 0;
  }
}
.js--scroll-hint.scroll-hint--mini-size .scroll-hint-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: calc(50% - 12px);
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.js--scroll-hint.scroll-hint--mini-size .scroll-hint-icon::before {
  width: 20px;
  height: 20px;
  margin-inline: 6px;
}
.js--scroll-hint.scroll-hint--mini-size .scroll-hint-icon::after {
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: 12px;
  margin-inline: 12px;
  -webkit-animation: none;
          animation: none;
  background-size: contain;
}
.js--scroll-hint.scroll-hint--mini-size .scroll-hint-icon .scroll-hint-text {
  margin-top: 0;
}
.js--scroll-hint .scroll-hint-icon-wrap {
  max-height: 600px;
}
.js--scroll-hint .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 1;
}
.js--scroll-hint .scroll-hint-icon-wrap.is-active .scroll-hint-icon::before {
  -webkit-animation: scroll-hint-mini-appear 1.2s linear;
          animation: scroll-hint-mini-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.hide-scroll-hint .scroll-hint-icon-wrap {
  display: none !important;
}

/*! = Headline */
[class^=mod-hdg] {
  display: flow-root;
  overflow: hidden;
}

[class^=mod-hdg] h1,
[class^=mod-hdg] h2,
[class^=mod-hdg] h3,
[class^=mod-hdg] h4,
[class^=mod-hdg] h5,
[class^=mod-hdg] h6 {
  margin-top: -50px;
  padding-top: 50px;
}

[class^=mod-hdg] h1 > strong,
[class^=mod-hdg] h2 > strong,
[class^=mod-hdg] h3 > strong,
[class^=mod-hdg] h4 > strong,
[class^=mod-hdg] h5 > strong,
[class^=mod-hdg] h6 > strong {
  display: block;
  font-weight: inherit;
}

[class^=mod-hdg] h1 > span strong,
[class^=mod-hdg] h2 > span strong,
[class^=mod-hdg] h3 > span strong,
[class^=mod-hdg] h4 > span strong,
[class^=mod-hdg] h5 > span strong,
[class^=mod-hdg] h6 > span strong {
  color: #c00;
}

.mod-hdg-al2[id],
.mod-hdg-bl2[id] {
  --content-nav-height: 100px;
  z-index: -1 !important;
  margin-top: calc(var(--content-nav-height) * -1) !important;
  padding-top: calc(var(--content-nav-height) + 20px) !important;
  overflow: hidden !important;
}

.mod-hdg-al2[id] > h1,
.mod-hdg-al2[id] > h2,
.mod-hdg-al2[id] > h3,
.mod-hdg-al2[id] > h4,
.mod-hdg-al2[id] > h5,
.mod-hdg-al2[id] > h6 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.mod-hdg-bl2[id] > h1,
.mod-hdg-bl2[id] > h2,
.mod-hdg-bl2[id] > h3,
.mod-hdg-bl2[id] > h4,
.mod-hdg-bl2[id] > h5,
.mod-hdg-bl2[id] > h6 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.mod-hdg-al2 > h1,
.mod-hdg-al2 > h2,
.mod-hdg-al2 > h3,
.mod-hdg-al2 > h4,
.mod-hdg-al2 > h5,
.mod-hdg-al2 > h6 {
  position: relative;
  z-index: -1;
}

.mod-hdg-al2 > h1 > span:not(:last-child),
.mod-hdg-al2 > h2 > span:not(:last-child),
.mod-hdg-al2 > h3 > span:not(:last-child),
.mod-hdg-al2 > h4 > span:not(:last-child),
.mod-hdg-al2 > h5 > span:not(:last-child),
.mod-hdg-al2 > h6 > span:not(:last-child) {
  display: block;
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
}

.mod-hdg-al3 > h1,
.mod-hdg-al3 > h2,
.mod-hdg-al3 > h3,
.mod-hdg-al3 > h4,
.mod-hdg-al3 > h5,
.mod-hdg-al3 > h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-hdg-al4 > h1,
.mod-hdg-al4 > h2,
.mod-hdg-al4 > h3,
.mod-hdg-al4 > h4,
.mod-hdg-al4 > h5,
.mod-hdg-al4 > h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-hdg-al4 > h1::before,
.mod-hdg-al4 > h2::before,
.mod-hdg-al4 > h3::before,
.mod-hdg-al4 > h4::before,
.mod-hdg-al4 > h5::before,
.mod-hdg-al4 > h6::before {
  content: none;
}

.mod-hdg-al5 > h1,
.mod-hdg-al5 > h2,
.mod-hdg-al5 > h3,
.mod-hdg-al5 > h4,
.mod-hdg-al5 > h5,
.mod-hdg-al5 > h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[class^=mod-hdg-al].of-line-bottom {
  border-bottom: 1px solid #e1e1e1;
}

[class^=mod-hdg-al2].of-line-bottom {
  padding-bottom: 20px;
}

[class^=mod-hdg-al3].of-line-bottom {
  padding-bottom: 30px;
}

.mod-tbl + .mod-hdg-al3,
.mod-tbl-simple + .mod-hdg-al3 {
  margin-top: 0;
}

.mod-hdg-al3 + .pause-line {
  margin-top: 0;
}

.mod-hdg-al3.align-center > h3 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.str-pageTitle {
  margin: 60px 0 40px;
  padding: 0 20px;
  background-color: transparent;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

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

.str-pageTitle > .inner > .hdg > .logo img {
  display: inline-block;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 44px;
  background: transparent;
  font-size: 1.6rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.str-pageTitle.var-02 > .inner > .hdg > span:not(.logo) {
  display: none;
}

.str-pageTitle > .inner > .hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.str-pageTitle > .inner > .hdg > .logo {
  width: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.str-pageTitle > .inner > .hdg > .logo + span {
  margin-top: 0;
}

.str-pageTitle > .inner > .hdg > .text-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.str-pageTitle > .inner > .hdg > .text-unit > .main {
  margin-bottom: 0;
}

.str-pageTitle > .inner > .hdg > .logo + .text-unit > .main {
  margin-top: 14px;
}

.str-pageTitle > .inner > .hdg > .text-unit > .main .product-name {
  margin-right: 10px;
}

.str-pageTitle > .inner > .hdg > .text-unit > .sub {
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.3;
}

.str-pageTitle > .inner > .hdg > .logo + .text-unit > .sub {
  margin-top: 14px;
  margin-bottom: -6px;
}

.str-pageTitle + .mod-link {
  margin-top: 10px;
  margin-bottom: 20px;
}

.str-outer .str-pageTitle {
  margin-right: -20px;
  margin-left: -20px;
}

@media screen and (min-width: 768px), print {
  .str-pageTitle {
    padding: 0 40px;
    background-color: transparent;
    font-size: 3.6rem;
    letter-spacing: normal;
    line-height: 1.5;
  }
  .str-outer.var-02 .str-pageTitle {
    padding: 0;
  }
  .str-pageTitle > .inner {
    display: block;
    position: relative;
    max-width: 1120px;
    margin: auto;
  }
  .str-pageTitle > .inner > .hdg {
    padding: 0;
  }
  .str-pageTitle > .inner > .hdg > .logo {
    margin: 0;
    margin-right: 16px;
    padding: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine), print and (hover: hover) and (pointer: fine) {
  .str-pageTitle > .inner > .hdg > .logo[href]:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px), print {
  .str-pageTitle > .inner > .hdg > .logo + span {
    margin-top: 0;
  }
  .str-pageTitle > .inner > .hdg > .text-unit > .main {
    font-size: 4.4rem;
    text-align: left;
  }
  .str-pageTitle > .inner > .hdg > .text-unit > .sub {
    margin-bottom: 4px;
    text-align: left;
  }
  .str-pageTitle > .inner > .hdg span {
    text-align: left;
  }
  .str-pageTitle > .inner > .hdg span:first-child:not(.logo) {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .str-pageTitle > .inner > .hdg > .logo + span {
    margin: 0;
  }
  .str-pageTitle > .inner > .hdg > .logo + .main {
    margin-top: -8px;
    margin-left: 0;
  }
  .str-pageTitle > .inner > .hdg > .logo + .text-unit > .sub {
    margin-bottom: -6px;
  }
  .str-outer .str-pageTitle {
    margin-right: -40px;
    margin-left: -40px;
  }
  .str-outer:not(.var-03) .str-pageTitle {
    padding-right: 40px;
    padding-left: 40px;
  }
  .str-outer.var-03 .str-pageTitle {
    margin-right: 0;
    margin-left: 0;
  }
}
.mod-keyvisual-hdg {
  display: -ms-grid;
  display: grid;
  position: relative;
  height: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}
.mod-keyvisual-hdg.of-background::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.9)), color-stop(8.1%, hsla(0, 0%, 100%, 0.89)), color-stop(15.5%, hsla(0, 0%, 100%, 0.861)), color-stop(22.5%, hsla(0, 0%, 100%, 0.817)), color-stop(29%, hsla(0, 0%, 100%, 0.76)), color-stop(35.3%, hsla(0, 0%, 100%, 0.693)), color-stop(41.2%, hsla(0, 0%, 100%, 0.618)), color-stop(47.1%, hsla(0, 0%, 100%, 0.54)), color-stop(52.9%, hsla(0, 0%, 100%, 0.46)), color-stop(58.8%, hsla(0, 0%, 100%, 0.382)), color-stop(64.7%, hsla(0, 0%, 100%, 0.307)), color-stop(71%, hsla(0, 0%, 100%, 0.24)), color-stop(77.5%, hsla(0, 0%, 100%, 0.183)), color-stop(84.5%, hsla(0, 0%, 100%, 0.139)), color-stop(91.9%, hsla(0, 0%, 100%, 0.11)), to(hsla(0, 0%, 100%, 0.1)));
  background: linear-gradient(to top, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.89) 8.1%, hsla(0, 0%, 100%, 0.861) 15.5%, hsla(0, 0%, 100%, 0.817) 22.5%, hsla(0, 0%, 100%, 0.76) 29%, hsla(0, 0%, 100%, 0.693) 35.3%, hsla(0, 0%, 100%, 0.618) 41.2%, hsla(0, 0%, 100%, 0.54) 47.1%, hsla(0, 0%, 100%, 0.46) 52.9%, hsla(0, 0%, 100%, 0.382) 58.8%, hsla(0, 0%, 100%, 0.307) 64.7%, hsla(0, 0%, 100%, 0.24) 71%, hsla(0, 0%, 100%, 0.183) 77.5%, hsla(0, 0%, 100%, 0.139) 84.5%, hsla(0, 0%, 100%, 0.11) 91.9%, hsla(0, 0%, 100%, 0.1) 100%);
}
@media screen and (min-width: 768px), print {
  .mod-keyvisual-hdg.of-background::after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0.9)), color-stop(8.1%, hsla(0, 0%, 100%, 0.89)), color-stop(15.5%, hsla(0, 0%, 100%, 0.861)), color-stop(22.5%, hsla(0, 0%, 100%, 0.817)), color-stop(29%, hsla(0, 0%, 100%, 0.76)), color-stop(35.3%, hsla(0, 0%, 100%, 0.693)), color-stop(41.2%, hsla(0, 0%, 100%, 0.618)), color-stop(47.1%, hsla(0, 0%, 100%, 0.54)), color-stop(52.9%, hsla(0, 0%, 100%, 0.46)), color-stop(58.8%, hsla(0, 0%, 100%, 0.382)), color-stop(64.7%, hsla(0, 0%, 100%, 0.307)), color-stop(71%, hsla(0, 0%, 100%, 0.24)), color-stop(77.5%, hsla(0, 0%, 100%, 0.183)), color-stop(84.5%, hsla(0, 0%, 100%, 0.139)), color-stop(91.9%, hsla(0, 0%, 100%, 0.11)), to(hsla(0, 0%, 100%, 0.1)));
    background: linear-gradient(to right, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.89) 8.1%, hsla(0, 0%, 100%, 0.861) 15.5%, hsla(0, 0%, 100%, 0.817) 22.5%, hsla(0, 0%, 100%, 0.76) 29%, hsla(0, 0%, 100%, 0.693) 35.3%, hsla(0, 0%, 100%, 0.618) 41.2%, hsla(0, 0%, 100%, 0.54) 47.1%, hsla(0, 0%, 100%, 0.46) 52.9%, hsla(0, 0%, 100%, 0.382) 58.8%, hsla(0, 0%, 100%, 0.307) 64.7%, hsla(0, 0%, 100%, 0.24) 71%, hsla(0, 0%, 100%, 0.183) 77.5%, hsla(0, 0%, 100%, 0.139) 84.5%, hsla(0, 0%, 100%, 0.11) 91.9%, hsla(0, 0%, 100%, 0.1) 100%);
  }
}
.mod-keyvisual-hdg.of-background.of-white::after {
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 0%, 0.9)), color-stop(8.1%, hsla(0, 0%, 0%, 0.89)), color-stop(15.5%, hsla(0, 0%, 0%, 0.861)), color-stop(22.5%, hsla(0, 0%, 0%, 0.817)), color-stop(29%, hsla(0, 0%, 0%, 0.76)), color-stop(35.3%, hsla(0, 0%, 0%, 0.693)), color-stop(41.2%, hsla(0, 0%, 0%, 0.618)), color-stop(47.1%, hsla(0, 0%, 0%, 0.54)), color-stop(52.9%, hsla(0, 0%, 0%, 0.46)), color-stop(58.8%, hsla(0, 0%, 0%, 0.382)), color-stop(64.7%, hsla(0, 0%, 0%, 0.307)), color-stop(71%, hsla(0, 0%, 0%, 0.24)), color-stop(77.5%, hsla(0, 0%, 0%, 0.183)), color-stop(84.5%, hsla(0, 0%, 0%, 0.139)), color-stop(91.9%, hsla(0, 0%, 0%, 0.11)), to(hsla(0, 0%, 0%, 0.1)));
  background: linear-gradient(to top, hsla(0, 0%, 0%, 0.9) 0%, hsla(0, 0%, 0%, 0.89) 8.1%, hsla(0, 0%, 0%, 0.861) 15.5%, hsla(0, 0%, 0%, 0.817) 22.5%, hsla(0, 0%, 0%, 0.76) 29%, hsla(0, 0%, 0%, 0.693) 35.3%, hsla(0, 0%, 0%, 0.618) 41.2%, hsla(0, 0%, 0%, 0.54) 47.1%, hsla(0, 0%, 0%, 0.46) 52.9%, hsla(0, 0%, 0%, 0.382) 58.8%, hsla(0, 0%, 0%, 0.307) 64.7%, hsla(0, 0%, 0%, 0.24) 71%, hsla(0, 0%, 0%, 0.183) 77.5%, hsla(0, 0%, 0%, 0.139) 84.5%, hsla(0, 0%, 0%, 0.11) 91.9%, hsla(0, 0%, 0%, 0.1) 100%);
}
@media screen and (min-width: 768px), print {
  .mod-keyvisual-hdg.of-background.of-white::after {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 0%, 0.9)), color-stop(8.1%, hsla(0, 0%, 0%, 0.89)), color-stop(15.5%, hsla(0, 0%, 0%, 0.861)), color-stop(22.5%, hsla(0, 0%, 0%, 0.817)), color-stop(29%, hsla(0, 0%, 0%, 0.76)), color-stop(35.3%, hsla(0, 0%, 0%, 0.693)), color-stop(41.2%, hsla(0, 0%, 0%, 0.618)), color-stop(47.1%, hsla(0, 0%, 0%, 0.54)), color-stop(52.9%, hsla(0, 0%, 0%, 0.46)), color-stop(58.8%, hsla(0, 0%, 0%, 0.382)), color-stop(64.7%, hsla(0, 0%, 0%, 0.307)), color-stop(71%, hsla(0, 0%, 0%, 0.24)), color-stop(77.5%, hsla(0, 0%, 0%, 0.183)), color-stop(84.5%, hsla(0, 0%, 0%, 0.139)), color-stop(91.9%, hsla(0, 0%, 0%, 0.11)), to(hsla(0, 0%, 0%, 0.1)));
    background: linear-gradient(to right, hsla(0, 0%, 0%, 0.9) 0%, hsla(0, 0%, 0%, 0.89) 8.1%, hsla(0, 0%, 0%, 0.861) 15.5%, hsla(0, 0%, 0%, 0.817) 22.5%, hsla(0, 0%, 0%, 0.76) 29%, hsla(0, 0%, 0%, 0.693) 35.3%, hsla(0, 0%, 0%, 0.618) 41.2%, hsla(0, 0%, 0%, 0.54) 47.1%, hsla(0, 0%, 0%, 0.46) 52.9%, hsla(0, 0%, 0%, 0.382) 58.8%, hsla(0, 0%, 0%, 0.307) 64.7%, hsla(0, 0%, 0%, 0.24) 71%, hsla(0, 0%, 0%, 0.183) 77.5%, hsla(0, 0%, 0%, 0.139) 84.5%, hsla(0, 0%, 0%, 0.11) 91.9%, hsla(0, 0%, 0%, 0.1) 100%);
  }
}
.mod-keyvisual-hdg__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -ms-grid-row: 1;
  grid-area: 1/-1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  width: 100%;
  max-width: 1160px;
  height: auto;
  min-height: 540px;
  margin: auto auto 0;
  padding: 60px 20px;
}
.mod-keyvisual-hdg.of-width-narrow .mod-keyvisual-hdg__container {
  max-width: 900px;
}
.mod-keyvisual-hdg__title {
  position: relative;
  padding: 24px 0 0;
}
.mod-keyvisual-hdg__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 4px;
  background-color: #c00;
}
.mod-keyvisual-hdg__main-text {
  display: block;
  color: #222;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.3;
}
.mod-keyvisual-hdg.of-white .mod-keyvisual-hdg__main-text {
  color: #fff;
}
.mod-keyvisual-hdg__sub-text {
  display: block;
  margin-top: 12px;
  color: #222;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.65;
}
.mod-keyvisual-hdg.of-white .mod-keyvisual-hdg__sub-text {
  color: #fff;
}
.mod-keyvisual-hdg__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 24px;
}
.mod-keyvisual-hdg .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px;
}
.mod-keyvisual-hdg .tag {
  margin-top: 8px;
  margin-left: 8px;
}
.mod-keyvisual-hdg .tag span,
.mod-keyvisual-hdg .tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-keyvisual-hdg .tag a[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-keyvisual-hdg .tag a[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.mod-keyvisual-hdg .tag a[href]:hover {
  background: #cc1011;
  color: #fff;
}
.mod-keyvisual-hdg__visual {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  background-color: #f4f4f4;
}
.mod-keyvisual-hdg.of-white .mod-keyvisual-hdg__visual {
  background-color: #222;
}
.mod-keyvisual-hdg__visual-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1200/491;
}
@media screen and (min-width: 768px), print {
  .mod-keyvisual-hdg {
    min-height: 491px;
  }
  .mod-keyvisual-hdg__container {
    min-height: 100%;
    padding: 60px 20px 90px;
  }
  .mod-keyvisual-hdg__title {
    max-width: 640px;
  }
  .mod-keyvisual-hdg__main-text {
    font-size: 4.4rem;
  }
  .mod-keyvisual-hdg__visual-img {
    aspect-ratio: 375/540;
  }
}

.mod-keyvisual-hdg + .mod-box {
  width: calc(100% - 40px);
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  .mod-keyvisual-hdg + .mod-box {
    width: calc(100% - 80px);
  }
}

.mod-hdg-al2 {
  position: relative;
  z-index: 0;
  margin: 0 0 40px;
  padding: 20px 0 12px;
  border: none;
  border-top: none;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: left;
}
.mod-hdg-al2::before, .mod-hdg-al2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.mod-hdg-al2::before {
  background-color: #dbdbdb;
}
.mod-hdg-al2::after {
  width: 40px;
  background-color: #c00;
}
.mod-hdg-al2.var-02 {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 16px;
  border: none;
}
@media screen and (min-width: 768px), print {
  .mod-hdg-al2 {
    padding-bottom: 16px;
    font-size: 3.4rem;
  }
  .mod-hdg-al2::after {
    width: 200px;
    background-color: #c00;
  }
  .mod-hdg-al2.var-02 {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 16px;
  }
}

.mod-hdg-al2.of-borderless {
  padding-bottom: 0;
}
.mod-hdg-al2.of-borderless::before {
  content: none;
}
.mod-hdg-al2.of-borderless::after {
  content: none;
}

.mod-hdg-al3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  margin: 0 0 30px;
  padding: 0;
  padding-left: 12px;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}
.mod-hdg-al3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #c00;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al3 {
    min-height: 40px;
    margin: 0 0 30px;
    padding: 0;
    padding-left: 20px;
    font-size: 2.8rem;
    letter-spacing: normal;
  }
}
.mod-hdg-al3 > h1 > .icon,
.mod-hdg-al3 > h2 > .icon,
.mod-hdg-al3 > h3 > .icon,
.mod-hdg-al3 > h4 > .icon,
.mod-hdg-al3 > h5 > .icon,
.mod-hdg-al3 > h6 > .icon {
  display: inline-block;
  position: relative;
  -ms-flex-preferred-size: 32px;
      flex-basis: 32px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  margin: 0 8px 0 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mod-hdg-al3 > h1 > .icon::before,
.mod-hdg-al3 > h2 > .icon::before,
.mod-hdg-al3 > h3 > .icon::before,
.mod-hdg-al3 > h4 > .icon::before,
.mod-hdg-al3 > h5 > .icon::before,
.mod-hdg-al3 > h6 > .icon::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: transparent;
}

.mod-hdg-al3 > h1 > .icon img,
.mod-hdg-al3 > h2 > .icon img,
.mod-hdg-al3 > h3 > .icon img,
.mod-hdg-al3 > h4 > .icon img,
.mod-hdg-al3 > h5 > .icon img,
.mod-hdg-al3 > h6 > .icon img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al3 > h1 > .icon,
  .mod-hdg-al3 > h2 > .icon,
  .mod-hdg-al3 > h3 > .icon,
  .mod-hdg-al3 > h4 > .icon,
  .mod-hdg-al3 > h5 > .icon,
  .mod-hdg-al3 > h6 > .icon {
    -ms-flex-preferred-size: 44px;
        flex-basis: 44px;
    min-width: 44px;
    max-width: 44px;
    min-height: 44px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 0;
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine), print and (hover: hover) and (pointer: fine) {
  .mod-hdg-al3 > h1 > .icon[href]:hover,
  .mod-hdg-al3 > h2 > .icon[href]:hover,
  .mod-hdg-al3 > h3 > .icon[href]:hover,
  .mod-hdg-al3 > h4 > .icon[href]:hover,
  .mod-hdg-al3 > h5 > .icon[href]:hover,
  .mod-hdg-al3 > h6 > .icon[href]:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px), print {
  .mod-hdg-al3 > h1 > .icon::before,
  .mod-hdg-al3 > h2 > .icon::before,
  .mod-hdg-al3 > h3 > .icon::before,
  .mod-hdg-al3 > h4 > .icon::before,
  .mod-hdg-al3 > h5 > .icon::before,
  .mod-hdg-al3 > h6 > .icon::before {
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
  }
  .mod-hdg-al3 > h1 > .icon img,
  .mod-hdg-al3 > h2 > .icon img,
  .mod-hdg-al3 > h3 > .icon img,
  .mod-hdg-al3 > h4 > .icon img,
  .mod-hdg-al3 > h5 > .icon img,
  .mod-hdg-al3 > h6 > .icon img {
    width: auto;
  }
  .mod-hdg-al3 > h1 > .icon ~ *,
  .mod-hdg-al3 > h2 > .icon ~ *,
  .mod-hdg-al3 > h3 > .icon ~ *,
  .mod-hdg-al3 > h4 > .icon ~ *,
  .mod-hdg-al3 > h5 > .icon ~ *,
  .mod-hdg-al3 > h6 > .icon ~ * {
    letter-spacing: normal;
  }
}
.mod-hdg-al3.of-borderless {
  padding-left: 0;
}
.mod-hdg-al3.of-borderless::before {
  content: none;
}

.mod-hdg-al4 {
  position: relative;
  z-index: 0;
  margin: 0 0 30px;
  padding: 0 0 10px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}
.mod-hdg-al4::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dbdbdb;
}

.mod-hdg-al4 > h1 > span,
.mod-hdg-al4 > h2 > span,
.mod-hdg-al4 > h3 > span,
.mod-hdg-al4 > h4 > span,
.mod-hdg-al4 > h5 > span,
.mod-hdg-al4 > h6 > span {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al4 {
    font-size: 2.4rem;
    letter-spacing: normal;
  }
  .mod-hdg-al4 > h1 > span,
  .mod-hdg-al4 > h2 > span,
  .mod-hdg-al4 > h3 > span,
  .mod-hdg-al4 > h4 > span,
  .mod-hdg-al4 > h5 > span,
  .mod-hdg-al4 > h6 > span {
    padding-left: 0;
  }
}
.mod-hdg-al4 > h1 > .icon,
.mod-hdg-al4 > h2 > .icon,
.mod-hdg-al4 > h3 > .icon,
.mod-hdg-al4 > h4 > .icon,
.mod-hdg-al4 > h5 > .icon,
.mod-hdg-al4 > h6 > .icon {
  display: inline-block;
  position: relative;
  top: 0;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  margin: 0 8px 0 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media (hover: hover) and (pointer: fine) {
  .mod-hdg-al4 > h1 > .icon[href]:hover,
  .mod-hdg-al4 > h2 > .icon[href]:hover,
  .mod-hdg-al4 > h3 > .icon[href]:hover,
  .mod-hdg-al4 > h4 > .icon[href]:hover,
  .mod-hdg-al4 > h5 > .icon[href]:hover,
  .mod-hdg-al4 > h6 > .icon[href]:hover {
    opacity: 0.7;
  }
}
.mod-hdg-al4 > h1 > .icon::before,
.mod-hdg-al4 > h2 > .icon::before,
.mod-hdg-al4 > h3 > .icon::before,
.mod-hdg-al4 > h4 > .icon::before,
.mod-hdg-al4 > h5 > .icon::before,
.mod-hdg-al4 > h6 > .icon::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: transparent;
}

.mod-hdg-al4 > h1 > .icon img,
.mod-hdg-al4 > h2 > .icon img,
.mod-hdg-al4 > h3 > .icon img,
.mod-hdg-al4 > h4 > .icon img,
.mod-hdg-al4 > h5 > .icon img,
.mod-hdg-al4 > h6 > .icon img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.mod-hdg-al4 > h1 > span.icon + span,
.mod-hdg-al4 > h2 > span.icon + span,
.mod-hdg-al4 > h3 > span.icon + span,
.mod-hdg-al4 > h4 > span.icon + span,
.mod-hdg-al4 > h5 > span.icon + span,
.mod-hdg-al4 > h6 > span.icon + span {
  padding-top: 0;
  padding-left: 0;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al4 > h1 > .icon,
  .mod-hdg-al4 > h2 > .icon,
  .mod-hdg-al4 > h3 > .icon,
  .mod-hdg-al4 > h4 > .icon,
  .mod-hdg-al4 > h5 > .icon,
  .mod-hdg-al4 > h6 > .icon {
    -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    margin-right: 12px;
  }
  .mod-hdg-al4 > h1 > .icon::before,
  .mod-hdg-al4 > h2 > .icon::before,
  .mod-hdg-al4 > h3 > .icon::before,
  .mod-hdg-al4 > h4 > .icon::before,
  .mod-hdg-al4 > h5 > .icon::before,
  .mod-hdg-al4 > h6 > .icon::before {
    width: 40px;
    height: 40px;
  }
}
.mod-hdg-al4.of-borderless {
  padding-bottom: 0;
}
.mod-hdg-al4.of-borderless::before {
  content: none;
}

.mod-hdg-al5 {
  position: relative;
  z-index: 0;
  margin: 0 0 24px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
}

.mod-hdg-al5 > h1 > span,
.mod-hdg-al5 > h2 > span,
.mod-hdg-al5 > h3 > span,
.mod-hdg-al5 > h4 > span,
.mod-hdg-al5 > h5 > span,
.mod-hdg-al5 > h6 > span {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al5 {
    font-size: 2rem;
    letter-spacing: normal;
  }
}
.mod-hdg-al5 > h1 > .icon,
.mod-hdg-al5 > h2 > .icon,
.mod-hdg-al5 > h3 > .icon,
.mod-hdg-al5 > h4 > .icon,
.mod-hdg-al5 > h5 > .icon,
.mod-hdg-al5 > h6 > .icon {
  display: inline-block;
  position: relative;
  top: 0;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  margin: 0 8px 0 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media (hover: hover) and (pointer: fine) {
  .mod-hdg-al5 > h1 > .icon[href]:hover,
  .mod-hdg-al5 > h2 > .icon[href]:hover,
  .mod-hdg-al5 > h3 > .icon[href]:hover,
  .mod-hdg-al5 > h4 > .icon[href]:hover,
  .mod-hdg-al5 > h5 > .icon[href]:hover,
  .mod-hdg-al5 > h6 > .icon[href]:hover {
    opacity: 0.7;
  }
}
.mod-hdg-al5 > h1 > .icon::before,
.mod-hdg-al5 > h2 > .icon::before,
.mod-hdg-al5 > h3 > .icon::before,
.mod-hdg-al5 > h4 > .icon::before,
.mod-hdg-al5 > h5 > .icon::before,
.mod-hdg-al5 > h6 > .icon::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: transparent;
}

.mod-hdg-al5 > h1 > .icon img,
.mod-hdg-al5 > h2 > .icon img,
.mod-hdg-al5 > h3 > .icon img,
.mod-hdg-al5 > h4 > .icon img,
.mod-hdg-al5 > h5 > .icon img,
.mod-hdg-al5 > h6 > .icon img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: auto;
}

.mod-hdg-al5 > h1 > span.icon + span,
.mod-hdg-al5 > h2 > span.icon + span,
.mod-hdg-al5 > h3 > span.icon + span,
.mod-hdg-al5 > h4 > span.icon + span,
.mod-hdg-al5 > h5 > span.icon + span,
.mod-hdg-al5 > h6 > span.icon + span {
  padding-top: 0;
  padding-left: 0;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-al5 > h1 > .icon,
  .mod-hdg-al5 > h2 > .icon,
  .mod-hdg-al5 > h3 > .icon,
  .mod-hdg-al5 > h4 > .icon,
  .mod-hdg-al5 > h5 > .icon,
  .mod-hdg-al5 > h6 > .icon {
    top: 0;
    margin-right: 16px;
  }
}
.mod-hdg-bl2 > h1,
.mod-hdg-bl2 > h2,
.mod-hdg-bl2 > h3,
.mod-hdg-bl2 > h4,
.mod-hdg-bl2 > h5,
.mod-hdg-bl2 > h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mod-hdg-bl2 > h1 > span:last-child,
.mod-hdg-bl2 > h1 > strong:last-child,
.mod-hdg-bl2 > h2 > span:last-child,
.mod-hdg-bl2 > h2 > strong:last-child,
.mod-hdg-bl2 > h3 > span:last-child,
.mod-hdg-bl2 > h3 > strong:last-child,
.mod-hdg-bl2 > h4 > span:last-child,
.mod-hdg-bl2 > h4 > strong:last-child,
.mod-hdg-bl2 > h5 > span:last-child,
.mod-hdg-bl2 > h5 > strong:last-child,
.mod-hdg-bl2 > h6 > span:last-child,
.mod-hdg-bl2 > h6 > strong:last-child {
  position: relative;
  min-width: initial;
  padding: initial;
}
.mod-hdg-bl2 > h1 > span:last-child::first-letter,
.mod-hdg-bl2 > h1 > strong:last-child::first-letter,
.mod-hdg-bl2 > h2 > span:last-child::first-letter,
.mod-hdg-bl2 > h2 > strong:last-child::first-letter,
.mod-hdg-bl2 > h3 > span:last-child::first-letter,
.mod-hdg-bl2 > h3 > strong:last-child::first-letter,
.mod-hdg-bl2 > h4 > span:last-child::first-letter,
.mod-hdg-bl2 > h4 > strong:last-child::first-letter,
.mod-hdg-bl2 > h5 > span:last-child::first-letter,
.mod-hdg-bl2 > h5 > strong:last-child::first-letter,
.mod-hdg-bl2 > h6 > span:last-child::first-letter,
.mod-hdg-bl2 > h6 > strong:last-child::first-letter {
  color: #c00;
}

.mod-hdg-bl2 > h1 > span:not(:last-child),
.mod-hdg-bl2 > h2 > span:not(:last-child),
.mod-hdg-bl2 > h3 > span:not(:last-child),
.mod-hdg-bl2 > h4 > span:not(:last-child),
.mod-hdg-bl2 > h5 > span:not(:last-child),
.mod-hdg-bl2 > h6 > span:not(:last-child) {
  display: block;
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
}

.mod-hdg-bl2 > h1 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h2 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h3 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h4 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h5 > span:first-child:not(:last-child),
.mod-hdg-bl2 > h6 > span:first-child:not(:last-child) {
  margin: 0 0 4px;
  font-size: 1.6rem;
}

.mod-hdg-bl2 > h1 > span:last-child::after,
.mod-hdg-bl2 > h1 > strong:last-child::after,
.mod-hdg-bl2 > h2 > span:last-child::after,
.mod-hdg-bl2 > h2 > strong:last-child::after,
.mod-hdg-bl2 > h3 > span:last-child::after,
.mod-hdg-bl2 > h3 > strong:last-child::after,
.mod-hdg-bl2 > h4 > span:last-child::after,
.mod-hdg-bl2 > h4 > strong:last-child::after,
.mod-hdg-bl2 > h5 > span:last-child::after,
.mod-hdg-bl2 > h5 > strong:last-child::after,
.mod-hdg-bl2 > h6 > span:last-child::after,
.mod-hdg-bl2 > h6 > strong:last-child::after {
  content: none;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-bl2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 3.4rem;
    letter-spacing: normal;
  }
  .mod-hdg-bl2 > h1 > span:last-child,
  .mod-hdg-bl2 > h1 > strong:last-child,
  .mod-hdg-bl2 > h2 > span:last-child,
  .mod-hdg-bl2 > h2 > strong:last-child,
  .mod-hdg-bl2 > h3 > span:last-child,
  .mod-hdg-bl2 > h3 > strong:last-child,
  .mod-hdg-bl2 > h4 > span:last-child,
  .mod-hdg-bl2 > h4 > strong:last-child,
  .mod-hdg-bl2 > h5 > span:last-child,
  .mod-hdg-bl2 > h5 > strong:last-child,
  .mod-hdg-bl2 > h6 > span:last-child,
  .mod-hdg-bl2 > h6 > strong:last-child {
    min-width: initial;
    max-width: 100%;
    padding-bottom: 0;
  }
  .mod-hdg-bl2 > h1 > span:last-child::after,
  .mod-hdg-bl2 > h1 > strong:last-child::after,
  .mod-hdg-bl2 > h2 > span:last-child::after,
  .mod-hdg-bl2 > h2 > strong:last-child::after,
  .mod-hdg-bl2 > h3 > span:last-child::after,
  .mod-hdg-bl2 > h3 > strong:last-child::after,
  .mod-hdg-bl2 > h4 > span:last-child::after,
  .mod-hdg-bl2 > h4 > strong:last-child::after,
  .mod-hdg-bl2 > h5 > span:last-child::after,
  .mod-hdg-bl2 > h5 > strong:last-child::after,
  .mod-hdg-bl2 > h6 > span:last-child::after,
  .mod-hdg-bl2 > h6 > strong:last-child::after {
    border-right-width: initial;
  }
}
.mod-hdg-bl2 {
  position: relative;
  z-index: 0;
  margin: 0 0 40px;
  padding: 20px 0 12px;
  border: none;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  text-align: left;
}
.mod-hdg-bl2::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.mod-hdg-bl2::before {
  background-color: #dbdbdb;
}
.mod-hdg-bl2::after {
  content: none;
}
.mod-hdg-bl2.var-02 {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 16px;
  border: none;
}
@media screen and (min-width: 768px), print {
  .mod-hdg-bl2 {
    padding-bottom: 16px;
    font-size: 3.4rem;
  }
  .mod-hdg-bl2::after {
    content: none;
  }
  .mod-hdg-bl2.var-02 {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 16px;
  }
}

.mod-hdg-bl2.of-borderless {
  padding-bottom: 0;
}
.mod-hdg-bl2.of-borderless::before {
  content: none;
}
.mod-hdg-bl2.of-borderless::after {
  content: none;
}

.mod-hdg-step > h1,
.mod-hdg-step h2,
.mod-hdg-step h3,
.mod-hdg-step h4,
.mod-hdg-step h5,
.mod-hdg-step h6 {
  display: block;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  font-size: 2rem;
}

.mod-hdg-step > h1 > span,
.mod-hdg-step h2 > span,
.mod-hdg-step h3 > span,
.mod-hdg-step h4 > span,
.mod-hdg-step h5 > span,
.mod-hdg-step h6 > span {
  min-width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: 2rem;
  font-weight: 700;
  text-align: left;
}

@media screen and (min-width: 768px), print {
  .mod-hdg-step {
    margin-top: 0;
  }
  .mod-hdg-step > h1,
  .mod-hdg-step h2,
  .mod-hdg-step h3,
  .mod-hdg-step h4,
  .mod-hdg-step h5,
  .mod-hdg-step h6 {
    font-size: 2.2rem;
  }
  .mod-hdg-step h2 > span {
    font-size: 2.2rem;
  }
  .mod-hdg-step h3 > span {
    font-size: 2.2rem;
  }
  .mod-hdg-step h4 > span {
    font-size: 2.2rem;
  }
  .mod-hdg-step > h1 > span,
  .mod-hdg-step h2 > span,
  .mod-hdg-step h3 > span,
  .mod-hdg-step h4 > span {
    min-width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.mod-hdg-step {
  margin: 0 0 12px;
}
.mod-hdg-step h1,
.mod-hdg-step h2,
.mod-hdg-step h3,
.mod-hdg-step h4,
.mod-hdg-step h5,
.mod-hdg-step h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 1.3;
}
.mod-hdg-step h1 > .step, .mod-hdg-step h2 > .step, .mod-hdg-step h3 > .step, .mod-hdg-step h4 > .step, .mod-hdg-step h5 > .step, .mod-hdg-step h6 > .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 72px;
  min-height: 28px;
  margin-right: 8px;
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 28px;
  background: #c00;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
}
.mod-hdg-step h1 > .title, .mod-hdg-step h2 > .title, .mod-hdg-step h3 > .title, .mod-hdg-step h4 > .title, .mod-hdg-step h5 > .title, .mod-hdg-step h6 > .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  .mod-hdg-step h1 > .step, .mod-hdg-step h2 > .step, .mod-hdg-step h3 > .step, .mod-hdg-step h4 > .step, .mod-hdg-step h5 > .step, .mod-hdg-step h6 > .step {
    min-width: 100px;
    min-height: 42px;
    margin-right: 12px;
    border-radius: 42px;
    font-size: 2rem;
  }
  .mod-hdg-step h1 > .title, .mod-hdg-step h2 > .title, .mod-hdg-step h3 > .title, .mod-hdg-step h4 > .title, .mod-hdg-step h5 > .title, .mod-hdg-step h6 > .title {
    padding-top: 0.15em;
    font-size: 2.4rem;
  }
}

:is(.c-accordion .accordion-list .accordion-title) .mod-hdg-step {
  margin-bottom: 0;
}

/*! = CommonModules/Header */
.site-header {
  display: block;
  position: relative;
  z-index: 200;
  padding: 0;
  background: #fff;
  color: #222;
}
.site-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  margin: 0 auto;
  padding: 0 15px;
  background: #fff;
}
.site-header__site-link {
  display: block;
  color: #141414;
  text-decoration: none;
}
.site-header__site-link[href] {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-decoration: none;
}
.site-header__site-link[href]:hover {
  opacity: 0.7;
}
.site-header__title {
  margin-top: -8px;
}
.site-header__sitename {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
  margin-right: 10px;
  color: #141414;
  font-size: 1rem;
  line-height: 1.4;
}
.site-header__logo {
  display: block;
  margin-right: 10px;
  padding: 4px 0;
  font-weight: 700;
}
.site-header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.site-header__icon-button {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background: center no-repeat;
  background-size: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .site-header__icon-button:hover {
    opacity: 0.7;
  }
}
.site-header__icon-button[data-icon=search] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xNy4zIDIyLjQ5Yy0uNjI5LjE2OC0xLjI3Ni4yNTMtMS45MjcuMjUzLTQuMDQ0IDAtNy4zNzItMy4zMjgtNy4zNzItNy4zNzJzMy4zMjgtNy4zNzIgNy4zNzItNy4zNzJjNC4wNDUgMCA3LjM3MiAzLjMyOCA3LjM3MiA3LjM3MiAwIDEuOTU1LS43NzcgMy44MzEtMi4xNTkgNS4yMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjc4OCAtMy43ODcpIi8+PHBhdGggZD0ibTIxLjA2MiAyMS4wNjItNC4yNjUtNC4yNjUiLz48L2c+PC9nPjwvc3ZnPg==");
}
.site-header__icon-button[data-icon=global] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNSAyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im03LjQ5MSAwYy0uMDAzIDAtLjAwNiAwLS4wMDkgMC00LjExNCAwLTcuNSAzLjM4Ni03LjUgNy41czMuMzg2IDcuNSA3LjUgNy41IDcuNS0zLjM4NiA3LjUtNy41YzAtNC4xMTEtMy4zOC03LjQ5NS03LjQ5MS03LjVtMC0xLjVoLjAwOWM0LjkzNyAwIDkgNC4wNjMgOSA5cy00LjA2MyA5LTkgOS05LTQuMDYzLTktOWMuMDAzLTQuOTMzIDQuMDU4LTguOTkyIDguOTkxLTl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAxOCA1LjIzNikiLz48cGF0aCBkPSJtNC4wMzUgMGMtMi4yMjkgMC00LjAzNSAzLjM1OC00LjAzNSA3LjVzMS44MDYgNy41IDQuMDM1IDcuNSA0LjAzNS0zLjM1OSA0LjAzNS03LjUtMS44MDctNy41LTQuMDM1LTcuNW0wLTEuNWMxLjY1NSAwIDMuMTM4IDEuMDYgNC4xNzQgMi45ODYuOTMyIDEuODY2IDEuMzk5IDMuOTI5IDEuMzYxIDYuMDE0LjAzOCAyLjA4NS0uNDI5IDQuMTQ4LTEuMzYxIDYuMDEzLTEuMDM2IDEuOTI1LTIuNTE5IDIuOTg3LTQuMTc0IDIuOTg3cy0zLjEzNS0xLjA2Mi00LjE3NC0yLjk4N2MtLjkzMi0xLjg2NS0xLjM5OS0zLjkyOC0xLjM2MS02LjAxMy0uMDM4LTIuMDg1LjQyOS00LjE0OCAxLjM2MS02LjAxNCAxLjAzOS0xLjkyNiAyLjUxOC0yLjk4NiA0LjE3NC0yLjk4NnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguNDc0IDUuMjM2KSIvPjxwYXRoIGQ9Im0wIDE1LjcxM2MtLjQxMSAwLS43NS0uMzM5LS43NS0uNzV2LTE0Ljk2M2MwLS40MTEuMzM5LS43NS43NS0uNzVzLjc1LjMzOS43NS43NXYxNC45NjNjMCAuNDExLS4zMzkuNzUtLjc1Ljc1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTA5IDUuMjM2KSIvPjxwYXRoIGQ9Im0xMTguMzc5IDc5LjY4OWMtMi4xNDEuMDUzLTQuMjU3LS40NzgtNi4xMTktMS41MzUtLjIwNi0uMTM5LS4zMy0uMzczLS4zMy0uNjIyIDAtLjQxMS4zMzgtLjc1Ljc1LS43NS4xMzMgMCAuMjY1LjAzNi4zOC4xMDQgMy4zMjkgMS43MzYgNy4zMDcgMS43MzYgMTAuNjM2IDAgLjExNS0uMDY4LjI0Ny0uMTA0LjM4LS4xMDQuNDEyIDAgLjc1LjMzOS43NS43NSAwIC4yNDktLjEyNC40ODMtLjMzLjYyMi0xLjg2MiAxLjA1Ny0zLjk3NyAxLjU4OC02LjExNyAxLjUzNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDUuODcgLTY5LjYzMikiLz48cGF0aCBkPSJtMTQuOTQ3Ljc1aC0xNC45NDdjLS40MTEgMC0uNzUtLjMzOS0uNzUtLjc1cy4zMzktLjc1Ljc1LS43NWgxNC45NDcuMDAzYy40MTEgMCAuNzUuMzM5Ljc1Ljc1IDAgLjQxMS0uMzM5Ljc1LS43NS43NS0uMDAxIDAtLjAwMiAwLS4wMDMgMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgMTIuNzc3KSIvPjxwYXRoIGQ9Im0xMTIuNjcxIDE0OS40NjljLS40MTEgMC0uNzQ5LS4zMzktLjc0OS0uNzUgMC0uMjU3LjEzMi0uNDk3LjM0OS0uNjM0IDMuODE5LTIuMDQ1IDguNDE5LTIuMDQ1IDEyLjIzOCAwIC4yMDYuMTM5LjMzLjM3My4zMy42MjIgMCAuNDExLS4zMzguNzUtLjc1Ljc1LS4xMzMgMC0uMjY1LS4wMzYtLjM4LS4xMDQtMy4zMjktMS43MzYtNy4zMDctMS43MzYtMTAuNjM2IDAtLjEyLjA3Ni0uMjYuMTE2LS40MDIuMTE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNS44NzkgLTEzMS4xMzUpIi8+PC9nPjwvc3ZnPg==");
}
@media screen and (min-width: 992px), print {
  .site-header__inner {
    max-width: 1220px;
    min-height: 50px;
    padding: 0 40px;
  }
  .site-header__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
  }
  .site-header__sitename {
    font-size: 1.5rem;
  }
  .site-header__logo {
    padding-right: 10px;
  }
  .site-header__menu {
    padding-left: 40px;
  }
}
.site-header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header__global-site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-header-sp-menu {
  display: block;
  position: relative;
  margin-right: -4px;
}
.mod-header-sp-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-header-sp-menu__icon-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  width: 60px;
  height: auto;
  height: 44px;
  -webkit-transition: opacity 0.2s, z-index 0.2s;
  transition: opacity 0.2s, z-index 0.2s;
  border: none;
  border-radius: 0;
  opacity: 1;
  background: no-repeat center top;
  background-size: 30px;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-header-sp-menu__icon-button[data-icon=login] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00IDIyLjhoMTEuNGwtNC44LTQuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjE0OCAtNi4yKSIvPjxwYXRoIGQ9Im0yMSA5LjUzM3YtMy41MzNoMTN2MjEuMmgtMTN2LTMuNTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMzAxIC0yLjIzOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.mod-header-sp-menu__icon-button[data-icon=mypage] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48L3N2Zz4=");
}
.mod-header-sp-menu__icon-button[data-icon=mypage-notice] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48Y2lyY2xlIGN4PSIyNS41IiBjeT0iMTIuNSIgZmlsbD0iI2MwMCIgcj0iMy41Ii8+PC9zdmc+");
}
.mod-header-sp-menu__icon-button[data-icon=menu-open] {
  width: 44px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjYmIyNzFhIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00LjUgOC41aDIxIi8+PHBhdGggZD0ibTQuNSAxNWgyMSIvPjxwYXRoIGQ9Im00LjUgMjEuNWgyMSIvPjwvZz48L2c+PC9zdmc+");
  text-transform: uppercase;
}
html[data-drawer-opened] .mod-header-sp-menu__icon-button[data-icon=login], html[data-drawer-opened] .mod-header-sp-menu__icon-button[data-icon=menu-open] {
  z-index: -1;
  opacity: 0;
}
.mod-header-sp-menu__icon-label {
  color: #222;
  font-size: 1rem;
}
@media screen and (min-width: 992px), print {
  .mod-header-sp-menu {
    display: none;
  }
}

.mod-header-menu {
  display: none;
}
.mod-header-menu > * + * {
  margin-left: 12px;
}
.mod-header-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-header-menu__item {
  position: relative;
  margin-right: 4px;
}
.mod-header-menu__pulldown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  color: #222;
  font-size: 1.4rem;
  text-decoration: none;
}
.mod-header-menu__pulldown:hover {
  text-decoration: underline;
}
.mod-header-menu__pulldown::after {
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  margin: auto 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNSA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0ibTAgOS40ODFjLS41NDkgMC0xLS40NTEtMS0xdi04LjQ4MWMwLS41NDkuNDUxLTEgMS0xczEgLjQ1MSAxIDF2OC40ODFjMCAuNTQ5LS40NTEgMS0xIDF6IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyAxLjQxNCAxLjQxNCkiLz48cGF0aCBkPSJtMCA5LjQ4Yy0uNTQ5IDAtMS0uNDUxLTEtMXYtOC40OGMwLS41NDkuNDUxLTEgMS0xczEgLjQ1MSAxIDF2OC40OGMwIC41NDktLjQ1MSAxLTEgMXoiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLS43MDcxMDcgNy40MSA3LjQxKSIvPjwvZz48L3N2Zz4=") center no-repeat;
}
@media screen and (min-width: 992px), print {
  .mod-header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* Modal: drawer */
html[data-drawer-opened] body {
  overflow: hidden !important;
}

.mod-drawer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-drawer [role=dialog] {
  outline: 0;
}
.mod-drawer__container {
  display: block;
  position: absolute;
  z-index: 0;
  top: 70px;
  right: 0;
  width: 100vw;
  min-width: 100%;
  min-height: calc(100vh - 70px);
  min-height: calc(100dvh - 70px);
  max-height: calc(100vh - 70px);
  max-height: calc(100dvh - 70px);
  overflow-y: auto;
  border-top: 1px solid #dbdbdb;
  border-radius: 0;
  background-color: #fff;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
.mod-drawer__close {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 201;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  margin: auto 12px auto 0;
  border: none;
  border-radius: 0;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiIGZpbGw9Im5vbmUiLz48ZyBmaWxsPSIjYmIyNzFhIj48cGF0aCBkPSJtMjguOTY3IDFjMC0uNTUyLS40NDgtMS0xLTFoLTI2Ljk2N2MtLjU1MiAwLTEgLjQ0OC0xIDF2LjE0NmMwIC41NTIuNDQ4IDEgMSAxaDI2Ljk2N2MuNTUyIDAgMS0uNDQ4IDEtMXoiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IDUuNTE3IDQpIi8+PHBhdGggZD0ibTI4Ljk2NyAxYzAtLjU1Mi0uNDQ4LTEtMS0xaC0yNi45NjdjLS41NTIgMC0xIC40NDgtMSAxdi4xNDZjMCAuNTUyLjQ0OCAxIDEgMWgyNi45NjdjLjU1MiAwIDEtLjQ0OCAxLTF6IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC0uNzA3MTA3IDI2IDUuNTE5KSIvPjwvZz48L3N2Zz4=") center top no-repeat;
  background-size: 30px;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-drawer__close-label {
  color: #222;
  font-size: 1rem;
}
.mod-drawer__header {
  display: none;
  padding: 24px 15px 0;
}
.mod-drawer__content {
  padding: 0;
  overflow-x: hidden;
}
.mod-drawer__list {
  padding-bottom: 80px;
}
.mod-drawer__item {
  position: relative;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.5rem;
  line-height: 1.4;
}
.mod-drawer__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 60px;
  padding: 12px 16px;
  outline: none;
  color: #222;
  font-size: 1.5rem;
  line-height: 1.4;
  text-decoration: none;
}
.mod-drawer__item a:focus-visible {
  background: #f4f4f4;
}
.mod-drawer__item a::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: center no-repeat;
  background-size: 30px;
}
.mod-drawer__item a[data-icon=login]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00IDIyLjhoMTEuNGwtNC44LTQuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjE0OCAtNi4yKSIvPjxwYXRoIGQ9Im0yMSA5LjUzM3YtMy41MzNoMTN2MjEuMmgtMTN2LTMuNTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMzAxIC0yLjIzOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.mod-drawer__item a[data-icon=register]::before {
  width: 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzIgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjE1LjAwMyIgY3k9IjkuMzA2IiByPSI0Ljc1Ii8+PHBhdGggZD0ibTguOTMgMzUuMTVjMC01Ljc0OCAzLjk1Ni04IDYuOTA2LThoNS4xODFjMi45MzUgMCA2LjkwNiAyLjI1NyA2LjkwNiA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0tMjIzODYuMiA4NDg5LjQ1aDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNDA5LjIgLTg0NzYuNDUpIi8+PHBhdGggZD0ibTAgMGg4IiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAyNyA5KSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  background-size: 32px 30px;
}
.mod-drawer__shop-link {
  display: block;
  margin-top: 40px;
  padding: 0 15px 30px;
}
.mod-drawer__shop-link .mod-btn {
  margin-top: 0;
  margin-bottom: 0;
}

.anime--drawer-fade {
  display: none;
}
@media screen and (min-width: 992px), print {
  .anime--drawer-fade {
    display: none !important;
  }
}
.anime--drawer-fade.is-open {
  display: block;
}
.anime--drawer-fade[aria-hidden=false] .mod-drawer__container, .anime--drawer-fade[aria-hidden=false] .mod-drawer__close {
  -webkit-animation: mod-drawer-fade-in 0.3s ease-out;
          animation: mod-drawer-fade-in 0.3s ease-out;
}
.anime--drawer-fade[aria-hidden=true] .mod-drawer__container, .anime--drawer-fade[aria-hidden=true] .mod-drawer__close {
  -webkit-animation: mod-drawer-fade-out 0.3s ease-out;
          animation: mod-drawer-fade-out 0.3s ease-out;
}
@-webkit-keyframes mod-drawer-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mod-drawer-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mod-drawer-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mod-drawer-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.anime--drawer-fade [data-drawer-slide-menu][aria-hidden=false]:first-child {
  -webkit-animation: mod-drawer-menu-fade-in 0.3s ease-out;
          animation: mod-drawer-menu-fade-in 0.3s ease-out;
}
.anime--drawer-fade [data-drawer-slide-menu][aria-hidden=true]:first-child {
  -webkit-animation: mod-drawer-menu-fade-out 0.3s ease-out;
          animation: mod-drawer-menu-fade-out 0.3s ease-out;
}
.anime--drawer-fade [data-drawer-slide-menu] ~ [data-drawer-slide-menu][aria-hidden=false] {
  -webkit-animation: mod-drawer-menu-slide-in 0.3s linear;
          animation: mod-drawer-menu-slide-in 0.3s linear;
}
.anime--drawer-fade [data-drawer-slide-menu] ~ [data-drawer-slide-menu][aria-hidden=true] {
  -webkit-animation: mod-drawer-menu-slide-out 0.3s linear;
          animation: mod-drawer-menu-slide-out 0.3s linear;
}
@-webkit-keyframes mod-drawer-menu-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mod-drawer-menu-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mod-drawer-menu-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mod-drawer-menu-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mod-drawer-menu-slide-in {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes mod-drawer-menu-slide-in {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes mod-drawer-menu-slide-out {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes mod-drawer-menu-slide-out {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}

.mod-drawer-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 15px;
}
.mod-drawer-search label {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.mod-drawer-search__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  position: relative;
  width: 100%;
  height: 44px;
  padding: 8px 48px 8px 10px;
  border: none;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  outline: none;
  background: #fff;
  color: #222;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-drawer-search__field:-moz-placeholder-shown {
  background: #fafafa;
  color: #727272;
}
.mod-drawer-search__field:-ms-input-placeholder {
  background: #fafafa;
  color: #727272;
}
.mod-drawer-search__field:placeholder-shown {
  background: #fafafa;
  color: #727272;
}
.mod-drawer-search__field::-webkit-input-placeholder {
  color: #727272;
}
.mod-drawer-search__field::-moz-placeholder {
  color: #727272;
}
.mod-drawer-search__field:-ms-input-placeholder {
  color: #727272;
}
.mod-drawer-search__field::-ms-input-placeholder {
  color: #727272;
}
.mod-drawer-search__field::placeholder {
  color: #727272;
}
.mod-drawer-search__field:focus {
  border-color: #222;
}
.mod-drawer-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none !important;
}
.mod-drawer-search__button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  margin: auto 3px auto auto;
  border-radius: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xOS4xNTggMjUuMzg4Yy0uNzU1LjItMS41MzIuMzAxLTIuMzEzLjMtNC44NTItLjAwMi04Ljg0My0zLjk5NC04Ljg0My04Ljg0NiAwLTQuODUzIDMuOTkzLTguODQ2IDguODQ2LTguODQ2czguODQ2IDMuOTkzIDguODQ2IDguODQ2YzAgMi4zNDctLjkzNCA0LjU5OS0yLjU5NCA2LjI1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuOTQ1IC0yLjk0NSkiLz48cGF0aCBkPSJtMjUuMjc1IDI1LjI3NC01LjExOC01LjExOCIvPjwvZz48L2c+PC9zdmc+") no-repeat center;
  background-size: 30px;
}

.mod-drawer-slide-menu {
  display: none;
  position: relative;
  width: 100%;
  padding: 0 0 80px;
}
.mod-drawer-slide-menu[aria-hidden=true] {
  display: none;
}
.mod-drawer-slide-menu[aria-hidden=false] {
  display: block;
}
.mod-drawer-slide-menu__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
}
.mod-drawer-slide-menu__back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px 8px 12px;
  color: #222;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.mod-drawer-slide-menu__back::before {
  content: "";
  display: block;
  z-index: 0;
  width: 7px;
  height: 11px;
  margin-right: 8px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA3IDExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMyMjIiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0ibTAgMGgxLjUxM3Y3LjU2N2gtMS41MTN6IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IDEuMDcgNi40MjEpIi8+PHBhdGggZD0ibTAgMGgxLjUxM3Y3LjU2N2gtMS41MTN6IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC0uNzA3MTA3IDYuNDIxIDkuODkxKSIvPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
}

.mod-drawer-site-menu {
  padding-top: 20px;
  border-top: 1px solid #dbdbdb;
}
.mod-drawer__slide-action + .mod-drawer-site-menu {
  padding-top: 16px;
}
.mod-drawer-site-menu__title {
  padding: 10px 15px 14px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.mod-drawer-site-menu__list {
  border-bottom: 1px solid #dbdbdb;
}
.mod-drawer-site-menu__list li + li {
  border-top: 1px solid #dbdbdb;
}
.mod-drawer-site-menu__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 28px 12px 15px;
  padding-right: 12px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
}
.mod-drawer-site-menu__list a::after {
  content: "";
  display: block;
  z-index: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-left: auto;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAxIDAgMCAxNykiPjxwYXRoIGQ9Im0wIDBoMTd2MTdoLTE3eiIvPjxnIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGQ9Im0xMS43ODkgMTIuNS04LTgiLz48cGF0aCBkPSJtMTEuNzg5IDEyLjUtLjAxNi03Ljc4NyIvPjxwYXRoIGQ9Im0xMS43ODkgMTIuNWgtOCIvPjwvZz48L2c+PC9zdmc+") no-repeat center;
  background-size: 17px;
}
.mod-drawer-site-menu__list a[data-slide-to-href]::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0ibS4wMTQgNi44NzgtLjAxNC02Ljg3OCIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgNi4wODcgMy43OTMpIi8+PHBhdGggZD0ibTcuMDY2IDBoLTcuMDY2IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA1Ljk2NCAxMy42NDQpIi8+PC9nPjwvZz48L3N2Zz4=");
}

.mod-drawer-category-menu__list {
  margin-top: 1px;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #f4f4f4;
}
.mod-drawer-category-menu__list.of-small-padding {
  padding-top: 4px;
  padding-bottom: 4px;
}
.mod-drawer-category-menu__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 12px 15px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
}

.mod-pulldown {
  position: relative;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-pulldown [role=dialog] {
  outline: 0;
}

.mod-pulldown__backdrop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.4);
}

.mod-pulldown__container {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 40px;
  padding-right: 50px;
  overflow-y: auto;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.16);
          box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.16);
  overscroll-behavior-y: contain;
}
.mod-pulldown__container.of--icon-button-offset {
  right: 0;
}
.mod-pulldown__container[data-col="1"] {
  width: 430px;
  max-width: 430px;
}
.mod-pulldown__container[data-col="2"] {
  width: 560px;
  max-width: 560px;
}
.mod-pulldown__container[data-col="3"] {
  width: 640px;
  max-width: 640px;
}
.mod-pulldown__container[data-category-menu=search] {
  width: 640px;
  max-width: 640px;
}
.mod-pulldown__container[data-category-menu=mypage] {
  top: 8px;
  min-width: 405px;
  max-width: 405px;
}
.mod-pulldown__container[data-balloon] {
  top: 24px;
  right: 0;
  padding: 40px 40px 30px 30px;
  overflow-y: visible;
}
.mod-pulldown__container[data-balloon]::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  width: 14px;
  height: 18px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTMtM3YxOHMtMTEuNzMyLTgtMTQtOGMxMC4zODMtMi4yNCAxNC0xMCAxNC0xMHoiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDIwNCAzLjAxMjQ0KSIvPjxwYXRoIGQ9Im0tLjA0NCAxMC4wMzRoMTQuNDM3djguMjM2aC0xNC40Mzd6IiB0cmFuc2Zvcm09Im1hdHJpeCguOTcyNTM3IDAgMCAuOTY3NzUzIC0uMDAxMjEyIC4zMjM1NTQpIi8+PC9nPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}

.mod-pulldown__header {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}
[data-balloon] .mod-pulldown__header {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

.mod-pulldown__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.375;
}

[data-balloon] .mod-pulldown__content {
  font-size: 1.4rem;
  line-height: 1.5714;
}

.mod-pulldown__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 12px 12px 0 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0ibTAgMHY4LjUxIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyAyLjAwMyAyKSIvPjxwYXRoIGQ9Im0wIDguNTA5di04LjUwOSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA3Ljk4NSA4LjAxNikiLz48cGF0aCBkPSJtMCAwdjguNTEiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLS43MDcxMDcgMi4wMDMgMTQpIi8+PHBhdGggZD0ibTAgOC41MDl2LTguNTA5IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA3Ljk4NSA3Ljk4MykiLz48L2c+PHBhdGggZD0ibTAgMGgxNnYxNmgtMTZ6Ii8+PC9nPjwvc3ZnPg==") center no-repeat;
  background-size: 16px;
}

.mod-pulldown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mod-pulldown-menu a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-left: 16px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .mod-pulldown-menu a:hover {
    text-decoration: underline;
  }
}
.mod-pulldown-menu a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0.2em;
  left: 0;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDE3IDE3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMTd2MTdoLTE3eiIvPjxnIHN0cm9rZT0iI2MwMCI+PHBhdGggZD0ibTAgMHY3LjA2OSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA1Ljk2NSAxMy4yMTQpIi8+PHBhdGggZD0ibTAgNy4xN3YtNy4xNyIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAtLjcwNzEwNyAxMS4wMzUgOC44NTIpIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
}
.mod-pulldown-menu__category {
  max-width: 400px;
  font-size: 1.4rem;
}
[data-col="1"] .mod-pulldown-menu__category {
  width: 100%;
  max-width: 100%;
}
[data-col="2"] .mod-pulldown-menu__category {
  width: 50%;
  max-width: 240px;
}
[data-col="3"] .mod-pulldown-menu__category {
  width: 33.3%;
  max-width: 220px;
}
.mod-pulldown-menu__title {
  font-size: 1.4rem;
  font-weight: 700;
}
.mod-pulldown-menu__title + .mod-pulldown-menu__title {
  margin-top: 8px;
}
.mod-pulldown-menu__category + .mod-pulldown-menu__category {
  margin-left: 20px;
}
.mod-pulldown-menu__list {
  margin-top: 12px;
  padding-left: 0;
}
.mod-pulldown-menu__list li ~ li {
  margin-top: 8px;
}
.mod-pulldown-menu__title + .mod-pulldown-menu__list {
  padding-left: 12px;
}

.mod-pulldown-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-pulldown-search label {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.mod-pulldown-search__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 8px 64px 8px 20px;
  border: none;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  outline: none;
  background: #fff;
  color: #222;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-pulldown-search__field:-moz-placeholder-shown {
  background: #fafafa;
  color: #727272;
}
.mod-pulldown-search__field:-ms-input-placeholder {
  background: #fafafa;
  color: #727272;
}
.mod-pulldown-search__field:placeholder-shown {
  background: #fafafa;
  color: #727272;
}
.mod-pulldown-search__field::-webkit-input-placeholder {
  color: #727272;
}
.mod-pulldown-search__field::-moz-placeholder {
  color: #727272;
}
.mod-pulldown-search__field:-ms-input-placeholder {
  color: #727272;
}
.mod-pulldown-search__field::-ms-input-placeholder {
  color: #727272;
}
.mod-pulldown-search__field::placeholder {
  color: #727272;
}
.mod-pulldown-search__field:focus {
  border-color: #222;
}
.mod-pulldown-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none !important;
}
.mod-pulldown-search__button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto 7px auto auto;
  border-radius: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im0xNi44NDYgMjYuNjkxYy01LjQwMSAwLTkuODQ1LTQuNDQ1LTkuODQ1LTkuODQ2czQuNDQ0LTkuODQ2IDkuODQ2LTkuODQ2YzUuNDAxIDAgOS44NDYgNC40NDUgOS44NDYgOS44NDYgMCAyLjYxMS0xLjAzOSA1LjExNy0yLjg4NSA2Ljk2My0uMTg4LjE5NS0uNDQ4LjMwNS0uNzE5LjMwNS0uNTQ5IDAtMS0uNDUxLTEtMSAwLS4yNzEuMTEtLjUzMS4zMDUtLjcxOSAxLjQ3LTEuNDcxIDIuMjk2LTMuNDY3IDIuMjk2LTUuNTQ2IDAtNC4zMDQtMy41NDItNy44NDYtNy44NDYtNy44NDZzLTcuODQ2IDMuNTQyLTcuODQ2IDcuODQ2IDMuNTQyIDcuODQ2IDcuODQ2IDcuODQ2aC4wMDJjLjY5NC0uMDAxIDEuMzg1LS4wOTEgMi4wNTUtLjI3LjA4NC0uMDIyLjE3MS0uMDM0LjI1OC0uMDM0LjU0OCAwIDEgLjQ1MiAxIDEgMCAuNDUyLS4zMDYuODUxLS43NDMuOTY3LS44MzkuMjIyLTEuNzAyLjMzNS0yLjU3LjMzNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjExMSAtNC4xMSkiLz48cGF0aCBkPSJtNS4xMTggNi4xMThjLS4yNjUgMC0uNTItLjEwNi0uNzA3LS4yOTNsLTUuMTE4LTUuMTE4Yy0uMzg4LS4zODgtLjM4OC0xLjAyNiAwLTEuNDE0czEuMDI2LS4zODggMS40MTQgMGw1LjExOCA1LjExOGMuMTg3LjE4Ny4yOTMuNDQyLjI5My43MDcgMCAuNTQ5LS40NTEgMS0xIDF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC45OTEgMTguOTkxKSIvPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: 28px;
}

.mod-pulldown-global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-pulldown-global a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-left: 16px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .mod-pulldown-global a:hover {
    text-decoration: underline;
  }
}
.mod-pulldown-global a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0.2em;
  left: 0;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDE3IDE3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMTd2MTdoLTE3eiIvPjxnIHN0cm9rZT0iI2MwMCI+PHBhdGggZD0ibTAgMHY3LjA2OSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA1Ljk2NSAxMy4yMTQpIi8+PHBhdGggZD0ibTAgNy4xN3YtNy4xNyIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAtLjcwNzEwNyAxMS4wMzUgOC44NTIpIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
}
.mod-pulldown-global__detail {
  font-size: 1.4rem;
}
.mod-pulldown-global__detail + .mod-pulldown-global__detail {
  margin-top: 24px;
}
.mod-pulldown-global__title {
  font-size: 1.4rem;
  font-weight: 700;
}
.mod-pulldown-global__title + .mod-pulldown-global__title {
  margin-top: 8px;
}
.mod-pulldown-global__list {
  margin-top: 12px;
  padding-left: 12px;
}
.mod-pulldown-global__list li + li {
  margin-top: 8px;
}

.mod-pulldown-user__welcome {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
}
.mod-pulldown-user__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-pulldown-user__name-suffix {
  margin-left: 8px;
  font-size: 1.4rem;
  font-weight: 400;
}

.mod-pulldown-mypage-info {
  background-color: #f4f4f4;
}
.mod-pulldown-mypage-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  min-height: 84px;
  padding: 25px 20px;
}
.mod-pulldown-mypage-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 30px;
}
.mod-pulldown-mypage-info__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: no-repeat center;
  background-size: 25px;
}
.mod-pulldown-mypage-info__item > a[href] {
  display: block;
  color: #222;
  text-decoration: none;
}
.mod-pulldown-mypage-info__item > a[href]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mod-pulldown-mypage-info__item[data-icon=point] {
  min-width: 94px;
}
.mod-pulldown-mypage-info__item[data-icon=point]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxMi41IiByPSI5LjUiLz48cGF0aCBkPSJtLTE2OTAwLjQtMjA3NzJ2LTcuN2gzYzEgMCAxLjkuOSAxLjkgMS45IDAgMS4xLS45IDItMS45IDJoLS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjkxMSAyMDc4OC43KSIvPjwvZz48L2c+PC9zdmc+");
}
.mod-pulldown-mypage-info__item[data-icon=coupon] {
  min-width: 70px;
}
.mod-pulldown-mypage-info__item[data-icon=coupon]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xOSAxNGgtMThjLS41NDkgMC0xLS40NTEtMS0xdi0zLjcxNGMuMTEyLjAzMS4yMjguMDQ3LjM0NS4wNDcuOTU1IDAgMS43MjQtMS4wNDYgMS43MjQtMi4zMzNzLS43NjktMi4zMzMtMS43MjQtMi4zMzNjLS4xMTcgMC0uMjMzLjAxNS0uMzQ1LjA0NnYtMy43MTNjMC0uNTQ5LjQ1MS0xIDEtMWgxOGMuNTQ5IDAgMSAuNDUxIDEgMXYzLjcxM2MtLjExMi0uMDMxLS4yMjgtLjA0Ny0uMzQ1LS4wNDctLjk1MSAwLTEuNzI0IDEuMDQ3LTEuNzI0IDIuMzM0cy43NzQgMi4zMzMgMS43MjQgMi4zMzNjLjExNyAwIC4yMzMtLjAxNi4zNDUtLjA0N3YzLjcxNGMwIC41NDktLjQ1MSAxLTEgMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNSA1LjQ5OSkiLz48cGF0aCBkPSJtMTYuNDkyIDEyLjUwMnYuMDMxIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0ibTE2LjQ5MiAxNi4zMjR2LjAzMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Im0xNi40OTIgOC42ODF2LjAzMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L2c+PC9zdmc+");
}
.mod-pulldown-mypage-info__item[data-icon=mairu] {
  min-width: 87px;
}
.mod-pulldown-mypage-info__item[data-icon=mairu]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxlbGxpcHNlIGN4PSIxMi41IiBjeT0iNy43OTgiIHJ4PSI4IiByeT0iNC41Ii8+PHBhdGggZD0ibTI4Ljc4NyAyMi40Yy0xLjMyOCAxLjUyMS00LjM2MyAyLjU4My03Ljg5NCAyLjU4M3MtNi41MzctMS4wNTUtNy44OTMtMi41NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjUgLTcuOSkiLz48cGF0aCBkPSJtMjguNzg3IDMwLjRjLTEuMzI4IDEuNTIxLTQuMzYzIDIuNTgzLTcuODk0IDIuNTgzcy02LjUzNy0xLjA1NS03Ljg5My0yLjU2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguNSAtMTEuMjgxKSIvPjwvZz48L2c+PC9zdmc+");
}
.mod-pulldown-mypage-info__item + .mod-pulldown-mypage-info__item {
  margin-left: 12px;
}
.mod-pulldown-mypage-info__name {
  display: block;
  color: #222;
  font-size: 1rem;
  line-height: 1.5;
}
.mod-pulldown-mypage-info__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
}
a[href] .mod-pulldown-mypage-info__name {
  text-decoration: none;
}
a[href] .mod-pulldown-mypage-info__number {
  text-decoration: none;
}
a[href] .mod-pulldown-mypage-info__number::after {
  content: "";
  display: block;
  z-index: 0;
  width: 17px;
  height: 17px;
  margin: auto 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDE3IDE3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMTd2MTdoLTE3eiIvPjxnIHN0cm9rZT0iI2MwMCI+PHBhdGggZD0ibTAgMHY3LjA2OSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA1Ljk2NSAxMy4yMTQpIi8+PHBhdGggZD0ibTAgNy4xN3YtNy4xNyIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAtLjcwNzEwNyAxMS4wMzUgOC44NTIpIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
}
a[href]:hover .mod-pulldown-mypage-info__number {
  text-decoration: underline;
}

.anime--pulldown-fade {
  display: none;
}
.anime--pulldown-fade.is-open {
  display: block;
}
.anime--pulldown-fade[aria-hidden=false] .mod-pulldown__backdrop {
  -webkit-animation: mod-pulldown-fade-in 0.4s ease;
          animation: mod-pulldown-fade-in 0.4s ease;
}
.anime--pulldown-fade[aria-hidden=false] .mod-pulldown__container {
  -webkit-animation: mod-pulldown-fade-in-down 0.3s ease;
          animation: mod-pulldown-fade-in-down 0.3s ease;
}
.anime--pulldown-fade[aria-hidden=true] .mod-pulldown__backdrop {
  -webkit-animation: mod-pulldown-fade-out 0.4s ease;
          animation: mod-pulldown-fade-out 0.4s ease;
}
.anime--pulldown-fade[aria-hidden=true] .mod-pulldown__container {
  -webkit-animation: mod-pulldown-fade-out-up 0.3s ease;
          animation: mod-pulldown-fade-out-up 0.3s ease;
}
.anime--pulldown-fade .mod-pulldown__container, .anime--pulldown-fade .mod-pulldown__backdrop {
  will-change: contents;
}
@-webkit-keyframes mod-pulldown-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mod-pulldown-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mod-pulldown-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mod-pulldown-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mod-pulldown-fade-in-down {
  from {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mod-pulldown-fade-in-down {
  from {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes mod-pulldown-fade-out-up {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    opacity: 0;
  }
}
@keyframes mod-pulldown-fade-out-up {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    opacity: 0;
  }
}

.site-nav-wide {
  display: block;
}
@media screen and (max-width: 991px), print {
  .site-nav-wide {
    display: none;
  }
}

div.site-header.of-group-global-nav ~ .site-nav-wide {
  display: block;
}

div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide .mod-global-nav-wide__title {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide .mod-global-nav-wide__menu {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 991px), print {
  div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide {
    display: block;
  }
  div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide .mod-global-nav-wide__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    padding: 8px 15px;
  }
  div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide .mod-global-nav-wide__title {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    color: #222;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
  }
  div.site-header.of-group-global-nav ~ .site-nav-wide .mod-global-nav-wide .mod-global-nav-wide__menu {
    display: none;
  }
}

.site-header.of-black {
  background: #222;
}
.site-header.of-black .site-header__inner {
  background: #222;
}
.site-header.of-black .site-header__site-link {
  color: #fff;
}
.site-header.of-black .site-header__site-link:focus-visible {
  outline-color: #fff;
}
.site-header.of-black .site-header__sitename {
  color: #fff;
}
.site-header.of-black .site-header__icon-button:focus-visible {
  outline-color: #fff;
}
.site-header.of-black .site-header__icon-button[data-icon=search] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xNy4zIDIyLjQ5Yy0uNjI5LjE2OC0xLjI3Ni4yNTMtMS45MjcuMjUzLTQuMDQ0IDAtNy4zNzItMy4zMjgtNy4zNzItNy4zNzJzMy4zMjgtNy4zNzIgNy4zNzItNy4zNzJjNC4wNDUgMCA3LjM3MiAzLjMyOCA3LjM3MiA3LjM3MiAwIDEuOTU1LS43NzcgMy44MzEtMi4xNTkgNS4yMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjc4OCAtMy43ODcpIi8+PHBhdGggZD0ibTIxLjA2MiAyMS4wNjItNC4yNjUtNC4yNjUiLz48L2c+PC9nPjwvc3ZnPg==");
}
.site-header.of-black .site-header__icon-button[data-icon=global] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNSAyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im03LjQ5MSAwYy0uMDAzIDAtLjAwNiAwLS4wMDkgMC00LjExNCAwLTcuNSAzLjM4Ni03LjUgNy41czMuMzg2IDcuNSA3LjUgNy41IDcuNS0zLjM4NiA3LjUtNy41YzAtNC4xMTEtMy4zOC03LjQ5NS03LjQ5MS03LjVtMC0xLjVoLjAwOWM0LjkzNyAwIDkgNC4wNjMgOSA5cy00LjA2MyA5LTkgOS05LTQuMDYzLTktOWMuMDAzLTQuOTMzIDQuMDU4LTguOTkyIDguOTkxLTl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjAxOCA1LjIzNikiLz48cGF0aCBkPSJtNC4wMzUgMGMtMi4yMjkgMC00LjAzNSAzLjM1OC00LjAzNSA3LjVzMS44MDYgNy41IDQuMDM1IDcuNSA0LjAzNS0zLjM1OSA0LjAzNS03LjUtMS44MDctNy41LTQuMDM1LTcuNW0wLTEuNWMxLjY1NSAwIDMuMTM4IDEuMDYgNC4xNzQgMi45ODYuOTMyIDEuODY2IDEuMzk5IDMuOTI5IDEuMzYxIDYuMDE0LjAzOCAyLjA4NS0uNDI5IDQuMTQ4LTEuMzYxIDYuMDEzLTEuMDM2IDEuOTI1LTIuNTE5IDIuOTg3LTQuMTc0IDIuOTg3cy0zLjEzNS0xLjA2Mi00LjE3NC0yLjk4N2MtLjkzMi0xLjg2NS0xLjM5OS0zLjkyOC0xLjM2MS02LjAxMy0uMDM4LTIuMDg1LjQyOS00LjE0OCAxLjM2MS02LjAxNCAxLjAzOS0xLjkyNiAyLjUxOC0yLjk4NiA0LjE3NC0yLjk4NnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguNDc0IDUuMjM2KSIvPjxwYXRoIGQ9Im0wIDE1LjcxM2MtLjQxMSAwLS43NS0uMzM5LS43NS0uNzV2LTE0Ljk2M2MwLS40MTEuMzM5LS43NS43NS0uNzVzLjc1LjMzOS43NS43NXYxNC45NjNjMCAuNDExLS4zMzkuNzUtLjc1Ljc1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTA5IDUuMjM2KSIvPjxwYXRoIGQ9Im0xMTguMzc5IDc5LjY4OWMtMi4xNDEuMDUzLTQuMjU3LS40NzgtNi4xMTktMS41MzUtLjIwNi0uMTM5LS4zMy0uMzczLS4zMy0uNjIyIDAtLjQxMS4zMzgtLjc1Ljc1LS43NS4xMzMgMCAuMjY1LjAzNi4zOC4xMDQgMy4zMjkgMS43MzYgNy4zMDcgMS43MzYgMTAuNjM2IDAgLjExNS0uMDY4LjI0Ny0uMTA0LjM4LS4xMDQuNDEyIDAgLjc1LjMzOS43NS43NSAwIC4yNDktLjEyNC40ODMtLjMzLjYyMi0xLjg2MiAxLjA1Ny0zLjk3NyAxLjU4OC02LjExNyAxLjUzNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDUuODcgLTY5LjYzMikiLz48cGF0aCBkPSJtMTQuOTQ3Ljc1aC0xNC45NDdjLS40MTEgMC0uNzUtLjMzOS0uNzUtLjc1cy4zMzktLjc1Ljc1LS43NWgxNC45NDcuMDAzYy40MTEgMCAuNzUuMzM5Ljc1Ljc1IDAgLjQxMS0uMzM5Ljc1LS43NS43NS0uMDAxIDAtLjAwMiAwLS4wMDMgMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgMTIuNzc3KSIvPjxwYXRoIGQ9Im0xMTIuNjcxIDE0OS40NjljLS40MTEgMC0uNzQ5LS4zMzktLjc0OS0uNzUgMC0uMjU3LjEzMi0uNDk3LjM0OS0uNjM0IDMuODE5LTIuMDQ1IDguNDE5LTIuMDQ1IDEyLjIzOCAwIC4yMDYuMTM5LjMzLjM3My4zMy42MjIgMCAuNDExLS4zMzguNzUtLjc1Ljc1LS4xMzMgMC0uMjY1LS4wMzYtLjM4LS4xMDQtMy4zMjktMS43MzYtNy4zMDctMS43MzYtMTAuNjM2IDAtLjEyLjA3Ni0uMjYuMTE2LS40MDIuMTE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNS44NzkgLTEzMS4xMzUpIi8+PC9nPjwvc3ZnPg==");
}

.site-header.of-black .mod-header-sp-menu__icon-button:focus-visible {
  outline-color: #fff;
}
.site-header.of-black .mod-header-sp-menu__icon-button[data-icon=login] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00IDIyLjhoMTEuNGwtNC44LTQuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjE0OCAtNi4yKSIvPjxwYXRoIGQ9Im0yMSA5LjUzM3YtMy41MzNoMTN2MjEuMmgtMTN2LTMuNTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMzAxIC0yLjIzOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.site-header.of-black .mod-header-sp-menu__icon-button[data-icon=mypage] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48L3N2Zz4=");
}
.site-header.of-black .mod-header-sp-menu__icon-button[data-icon=mypage-notice] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48Y2lyY2xlIGN4PSIyNS41IiBjeT0iMTIuNSIgZmlsbD0iI2MwMCIgcj0iMy41Ii8+PC9zdmc+");
}
.site-header.of-black .mod-header-sp-menu__icon-button[data-icon=menu-open] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00LjUgOC41aDIxIi8+PHBhdGggZD0ibTQuNSAxNWgyMSIvPjxwYXRoIGQ9Im00LjUgMjEuNWgyMSIvPjwvZz48L2c+PC9zdmc+");
}
.site-header.of-black .mod-header-sp-menu__icon-label {
  color: #fff;
}

.site-header.of-black .mod-header-menu__pulldown {
  color: #fff;
}
.site-header.of-black .mod-header-menu__pulldown:focus-visible {
  outline-color: #fff;
}
.site-header.of-black .mod-header-menu__pulldown::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAxNSA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0ibTAgOS40ODFjLS41NDkgMC0xLS40NTEtMS0xdi04LjQ4MWMwLS41NDkuNDUxLTEgMS0xczEgLjQ1MSAxIDF2OC40ODFjMCAuNTQ5LS40NTEgMS0xIDF6IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyAxLjQxNCAxLjQxNCkiLz48cGF0aCBkPSJtMCA5LjQ4Yy0uNTQ5IDAtMS0uNDUxLTEtMXYtOC40OGMwLS41NDkuNDUxLTEgMS0xczEgLjQ1MSAxIDF2OC40OGMwIC41NDktLjQ1MSAxLTEgMXoiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLS43MDcxMDcgNy40MSA3LjQxKSIvPjwvZz48L3N2Zz4=");
}

/* Modal: drawer */
.site-header.of-black .mod-drawer__close {
  background-color: #222;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiIGZpbGw9Im5vbmUiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjguOTY3IDFjMC0uNTUyLS40NDgtMS0xLTFoLTI2Ljk2N2MtLjU1MiAwLTEgLjQ0OC0xIDF2LjE0NmMwIC41NTIuNDQ4IDEgMSAxaDI2Ljk2N2MuNTUyIDAgMS0uNDQ4IDEtMXoiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IDUuNTE3IDQpIi8+PHBhdGggZD0ibTI4Ljk2NyAxYzAtLjU1Mi0uNDQ4LTEtMS0xaC0yNi45NjdjLS41NTIgMC0xIC40NDgtMSAxdi4xNDZjMCAuNTUyLjQ0OCAxIDEgMWgyNi45NjdjLjU1MiAwIDEtLjQ0OCAxLTF6IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC0uNzA3MTA3IDI2IDUuNTE5KSIvPjwvZz48L3N2Zz4=");
}
.site-header.of-black .mod-drawer__close:focus-visible {
  outline-color: #fff;
}
.site-header.of-black .mod-drawer__close-label {
  color: #fff;
}

/*! = CommonModules/Footer */
.site-footer {
  --site-footer-margin-top: 80px;
  --pagetop-hover-slide: 10px;
  margin: var(--site-footer-margin-top, 80px) auto 0;
  color: #fff;
}

.site-footer :where(.site-footer__inner) a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2em;
}

@media screen and (min-width: 768px), print {
  .site-footer {
    margin-top: var(--site-footer-margin-top, 80px);
  }
  .site-footer :where(.site-footer__inner) a[href]:focus,
  .site-footer :where(.site-footer__inner) a[href]:hover {
    text-decoration: none;
  }
}
/* pagetop */
.site-footer :where(.site-footer__inner) .pagetop .wrap {
  position: relative;
}

.site-footer :where(.site-footer__inner) .pagetop .wrap .link {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 100%;
  padding: 0;
}

.site-footer :where(.site-footer__inner) .pagetop .wrap .link a {
  display: block;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 46px;
  height: 26px;
  margin-right: 0;
  margin-left: auto;
  padding-bottom: var(--pagetop-hover-slide);
  -webkit-transform: translateY(calc(var(--pagetop-hover-slide)));
          transform: translateY(calc(var(--pagetop-hover-slide)));
  -webkit-transition: 0.15s -webkit-transform;
  transition: 0.15s -webkit-transform;
  transition: 0.15s transform;
  transition: 0.15s transform, 0.15s -webkit-transform;
  border-radius: 6px 6px 0 0;
  background: rgba(88, 88, 88, 0.8);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.site-footer :where(.site-footer__inner) .pagetop .wrap .link a:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .site-footer :where(.site-footer__inner) .pagetop .wrap .link a:hover {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.site-footer :where(.site-footer__inner) .pagetop .wrap .link a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 11px;
  right: 0;
  bottom: auto;
  left: 0;
  width: 11px;
  height: 11px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 2px 0 0 2px;
}

.site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop .wrap {
  z-index: 199;
  right: 0;
  bottom: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

html[data-is-scrolling=true] .site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop .wrap {
  will-change: auto;
}

.site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop .wrap .link {
  padding-right: 10px;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 0.15s opacity, 0.15s -webkit-transform;
  transition: 0.15s opacity, 0.15s -webkit-transform;
  transition: 0.15s transform, 0.15s opacity;
  transition: 0.15s transform, 0.15s opacity, 0.15s -webkit-transform;
}

.site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop.is-fixed .wrap {
  position: fixed;
  z-index: 999;
  width: 100%;
}

.site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop.is-invisible .wrap .link {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}

.site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop.is-fixed:not(.is-invisible) .wrap .link {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

@media screen and (min-width: 992px), print {
  .site-footer :where(.site-footer__inner) .pagetop > .wrap > .link {
    padding-bottom: 0;
  }
  .site-footer :where(.site-footer__inner) .pagetop.js-footer-pagetop .wrap .link {
    padding-right: 10px;
  }
  .site-footer :where(.site-footer__inner) .pagetop > .wrap > .link > a {
    width: 60px;
    height: 30px;
  }
  .site-footer :where(.site-footer__inner) .pagetop > .wrap > .link > a::after {
    top: 12px;
    width: 14px;
    height: 14px;
  }
  .site-footer :where(.site-footer__inner) .pagetop > .wrap > .link > a:focus,
  .site-footer :where(.site-footer__inner) .pagetop > .wrap > .link > a:hover {
    opacity: 1;
  }
}
/* mod-footer-menu */
.mod-footer-menu {
  padding: 36px 15px 80px;
  background: #222;
}

.mod-footer-menu > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.mod-footer-menu > .row::after, .mod-footer-menu > .row::before {
  content: none;
}

.mod-footer-menu > .row[data-nav-type=site] .col,
.mod-footer-menu > .row[data-nav-type=related] .col {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 16px;
}

.mod-footer-menu > .row .col[data-col-social] {
  margin-top: 20px;
  margin-bottom: 32px;
}

.mod-footer-menu > .row[data-nav-type=site] .col:not([data-col-site-title]) {
  display: none;
}

.mod-footer-menu > .row[data-nav-type=related] .col .mod-footer-menu__list {
  display: none;
}

.mod-footer-menu__title {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: inherit;
  line-height: 1.4;
}

.mod-footer-menu__title a[href]:focus {
  text-decoration: underline;
}
.mod-footer-menu__title a:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-menu__title a[href]:hover {
    text-decoration: underline;
  }
}

.mod-footer-menu__subtitle {
  display: block;
  position: relative;
  margin: 0;
  padding-bottom: 8px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.75;
}
.mod-footer-menu__subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #535353;
}

.mod-footer-menu__subtitle a[href]:focus {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-menu__subtitle a[href]:hover {
    text-decoration: underline;
  }
}
.mod-footer-menu__subtitle a:focus-visible {
  outline-color: #fff;
}

.mod-footer-menu__list li {
  position: relative;
  color: #fff;
  font-size: 1.4rem;
}

[data-nav-type=site] .mod-footer-menu__list li {
  margin-top: 12px;
}

[data-nav-type=related] .mod-footer-menu__list li {
  margin-top: 20px;
}

.mod-footer-menu__list[data-list-level="3"] {
  margin-left: 20px;
}

.mod-footer-menu__list[data-list-level] li {
  margin-top: 4px;
}

.mod-footer-menu__list a {
  display: block;
  padding: 4px 8px 4px 0;
}
.mod-footer-menu__list a[href]:focus {
  text-decoration: underline;
}
.mod-footer-menu__list a:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-menu__list a[href]:hover {
    text-decoration: underline;
  }
}

.mod-footer-menu__list[data-list-level] a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-left: 20px;
  font-size: 1.3rem;
  line-height: 1.8462;
}
.mod-footer-menu__list[data-list-level] a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0.6em;
  left: 0;
  width: 17px;
  height: 17px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDE3IDE3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMTd2MTdoLTE3eiIvPjxnIHN0cm9rZT0iI2MwMCI+PHBhdGggZD0ibTAgMHY3LjA2OSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA1Ljk2NSAxMy4yMTQpIi8+PHBhdGggZD0ibTAgNy4xN3YtNy4xNyIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAtLjcwNzEwNyAxMS4wMzUgOC44NTIpIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
}

[data-nav-type=site] .mod-footer-menu__title a,
[data-nav-type=related] .mod-footer-menu__title a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
}

.mod-footer-menu .mod-footer-menu__top-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 292px;
  max-width: 100%;
  min-height: 48px;
  padding: 8px 16px;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
  border: 1px solid #fff;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
}
.mod-footer-menu .mod-footer-menu__top-link:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-menu .mod-footer-menu__top-link:hover {
    background-color: #fff;
    color: #222;
    text-decoration: none;
  }
}

@media screen and (min-width: 768px), print {
  .mod-footer-menu {
    padding: 56px 30px;
  }
  .mod-footer-menu .col[data-col-site-title] {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .mod-footer-menu .col[data-col-site-title] > * {
    margin-bottom: -8px;
  }
  .mod-footer-menu > .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 52px;
    gap: 40px;
  }
  .mod-footer-menu > .row[data-nav-type=top-link] {
    padding-bottom: 16px;
  }
  .mod-footer-menu > .row .col {
    margin: 0;
  }
  [data-nav-type=site] .col,
  [data-nav-type=related] .col {
    margin-bottom: 0;
  }
  .mod-footer-menu > .row[data-nav-type=site] .col,
  .mod-footer-menu > .row[data-nav-type=related] .col {
    display: block;
  }
  .mod-footer-menu > .row[data-nav-type=site] .col {
    margin-bottom: 0;
  }
  [data-col-social] {
    margin-bottom: 0;
  }
  .mod-footer-menu > .row[data-nav-type=site] .col:not([data-col-site-title]) {
    display: block;
  }
  .mod-footer-menu > .row[data-nav-type=related] .col .mod-footer-menu__list {
    display: block;
  }
  .mod-footer-menu > .row .col[data-col-social] {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-column-align: center;
        justify-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  .mod-footer-menu > .row[data-nav-type=top-link] .col {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
    -ms-grid-column-align: center;
        justify-self: center;
  }
  .mod-footer-menu__title {
    margin-bottom: 32px;
    font-size: 2rem;
    line-height: 1.4;
  }
  [data-nav-type=related] .mod-footer-menu__title {
    margin-bottom: 24px;
  }
  [data-nav-type=site] .mod-footer-menu__title a,
  [data-nav-type=related] .mod-footer-menu__title a {
    padding: 0;
  }
  .mod-footer-menu__subtitle + * {
    margin-top: 28px;
  }
  .mod-footer-menu .mod-footer-menu__top-link {
    min-width: 332px;
    max-width: 332px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 56px 30px;
  }
  .mod-footer-menu .col {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .mod-footer-menu .col[data-col-site-title] {
    grid-column-start: span 4;
  }
  .mod-footer-menu > .row {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    max-width: 1200px;
  }
  .mod-footer-menu > .row .col[data-col-social] {
    -ms-grid-column-span: inherit;
    grid-column-end: inherit;
  }
  .mod-footer-menu > .row[data-nav-type=top-link] .col {
    grid-column-start: span 4;
  }
}
.mod-footer-social-link {
  font-size: 1.2rem;
  text-align: center;
}
.mod-footer-social-link__title {
  display: none;
  margin-bottom: 12px;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center;
}
.mod-footer-social-link__title a {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #fff;
}
.mod-footer-social-link__title a[href]:focus {
  text-decoration: underline;
}
.mod-footer-social-link__title a:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-social-link__title a[href]:hover {
    text-decoration: underline;
  }
}
.mod-footer-social-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  font-size: 1.3rem;
}
.mod-footer-social-link__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 0;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
}
.mod-footer-social-link__list a[href]:focus {
  text-decoration: underline;
}
.mod-footer-social-link__list a:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-social-link__list a[href]:hover {
    text-decoration: underline;
  }
}
.mod-footer-social-link__list li ~ li {
  margin-left: 20px;
}
.mod-footer-social-link__list li .label {
  display: inline-block;
  padding: 0;
  border-radius: 0;
  color: inherit;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.65;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.mod-footer-social-link__list li .symbol svg {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
  fill: #dbdbdb;
}
.mod-footer-social-link__list li a:focus .symbol svg {
  fill: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-social-link__list li a:hover .symbol svg {
    fill: #fff;
  }
}
@media screen and (min-width: 768px), print {
  .mod-footer-social-link {
    display: block;
    margin: 12px auto 0;
    text-align: left;
  }
  .mod-footer-social-link__title {
    display: block;
  }
  .mod-footer-social-link__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none;
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 992px), print {
  .mod-footer-social-link {
    margin: 0 auto;
  }
}

.mod-footer-infomation {
  position: relative;
  z-index: 200;
  padding: 16px 15px;
  background: #f4f4f4;
  font-size: 1.2rem;
  text-align: center;
}

.mod-footer-infomation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 360px;
  margin: 0 auto;
}

.mod-footer-infomation__list li {
  position: relative;
  color: #222;
}

.mod-footer-infomation__list li + li {
  padding-left: 8px;
}

.mod-footer-infomation__list li + li:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: 1px;
  height: 12px;
  margin: auto 0;
  background: #707070;
}

.mod-footer-infomation__list a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 2px 4px;
  color: #222;
}
@media (hover: hover) and (pointer: fine) {
  .mod-footer-infomation__list a[href]:focus, .mod-footer-infomation__list a[href]:hover {
    text-decoration: underline;
  }
}

.mod-footer-infomation__copyright {
  color: #222;
  font-size: 1.1rem;
  line-height: 2;
}

.mod-footer-infomation__copyright small {
  font-size: 100%;
}

@media screen and (min-width: 768px), print {
  .mod-footer-infomation {
    padding: 16px 30px;
  }
  .mod-footer-infomation__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1200px !important;
    margin: 0 auto;
  }
  .mod-footer-infomation__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: none;
    margin: 0;
  }
  .mod-footer-infomation__list li + li {
    padding-left: 12px;
  }
  .mod-footer-infomation__list li + li:not(:last-child)::before {
    content: none;
  }
  .mod-footer-infomation__list a {
    padding: 2px 4px;
    font-size: 1.4rem;
  }
  .mod-footer-infomation__copyright {
    margin-left: auto;
    padding-left: 40px;
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
/*! = CommonModules/Navigation */
.mod-global-nav-wide {
  display: none;
  background: #f4f4f4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-global-nav-wide.of--ui-stacking {
  position: absolute;
  z-index: 10;
  top: 50px;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 7px;
  background: transparent;
}
.mod-global-nav-wide.of--ui-stacking::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.mod-global-nav-wide.of--ui-stacking-shadow {
  position: absolute;
  z-index: 10;
  top: 50px;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 48px;
  background: transparent;
}
.mod-global-nav-wide.of--ui-stacking-shadow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.52)), to(transparent));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), transparent);
}
.mod-global-nav-wide__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 40px;
}
:where(.mod-global-nav-wide.of--ui-stacking) .mod-global-nav-wide__container {
  position: relative;
  z-index: 1;
  height: 67px;
}
:where(.mod-global-nav-wide.of--ui-stacking-shadow) .mod-global-nav-wide__container {
  position: relative;
  z-index: 1;
  height: 67px;
}
.mod-global-nav-wide__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__title {
  position: relative;
  color: #fff;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__title:focus-visible {
  outline-color: #fff;
}
.mod-global-nav-wide__title a[href] {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #222;
  text-decoration: none;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__title a[href] {
  position: relative;
  color: #fff;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__title a[href]:focus-visible {
  outline-color: #fff;
}
.mod-global-nav-wide__title a[href]:hover {
  opacity: 0.7;
  color: inherit;
}
.mod-global-nav-wide__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  padding-left: 24px;
}
.mod-global-nav-wide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-global-nav-wide__list li {
  max-width: 15em;
}
.mod-global-nav-wide__list li ~ li {
  margin-left: 12px;
}
.mod-global-nav-wide__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
  padding: 4px 8px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__list a {
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #fff;
}
.mod-global-nav-wide__list a[data-is-current] {
  font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
  .mod-global-nav-wide__list a:hover {
    background-color: #ececec;
  }
  :where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__list a:hover {
    opacity: 0.6;
    background: none;
  }
  :where(.mod-global-nav-wide.of--ui-stacking) .mod-global-nav-wide__list a:hover {
    opacity: 0.6;
    background: none;
  }
}
.mod-global-nav-wide__list a:focus-visible {
  outline-offset: -3px;
  background-color: #ececec;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__list a:focus-visible {
  outline-color: #fff;
  opacity: 0.6;
  background: none;
}
.mod-global-nav-wide__account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  padding-left: 24px;
  font-size: 1rem;
}
.mod-global-nav-wide__account li ~ li {
  margin-left: 20px;
}
.mod-global-nav-wide__icon-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: flex;
      -ms-flex-align: flex;
          align-items: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: auto;
  height: 100%;
  padding-top: 30px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border: none;
  border-radius: 0;
  color: #222;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-decoration: none;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__icon-button {
  color: #fff;
}
:where(.mod-global-nav-wide.of--ui-white) .mod-global-nav-wide__icon-button:focus-visible {
  outline-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .mod-global-nav-wide__icon-button:hover {
    opacity: 0.7;
  }
}
.mod-global-nav-wide__icon-button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  -webkit-mask: center no-repeat;
          mask: center no-repeat;
  -webkit-mask-size: 30px;
          mask-size: 30px;
  background-color: #222;
}
.mod-global-nav-wide__icon-button[data-icon=login]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00IDIyLjhoMTEuNGwtNC44LTQuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjE0OCAtNi4yKSIvPjxwYXRoIGQ9Im0yMSA5LjUzM3YtMy41MzNoMTN2MjEuMmgtMTN2LTMuNTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMzAxIC0yLjIzOCkiLz48L2c+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im00IDIyLjhoMTEuNGwtNC44LTQuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjE0OCAtNi4yKSIvPjxwYXRoIGQ9Im0yMSA5LjUzM3YtMy41MzNoMTN2MjEuMmgtMTN2LTMuNTM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMzAxIC0yLjIzOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.mod-global-nav-wide.of--ui-white .mod-global-nav-wide__icon-button[data-icon=login]::before {
  background-color: #fff;
}
.mod-global-nav-wide__icon-button[data-icon=register]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzIgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjE1LjAwMyIgY3k9IjkuMzA2IiByPSI0Ljc1Ii8+PHBhdGggZD0ibTguOTMgMzUuMTVjMC01Ljc0OCAzLjk1Ni04IDYuOTA2LThoNS4xODFjMi45MzUgMCA2LjkwNiAyLjI1NyA2LjkwNiA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0tMjIzODYuMiA4NDg5LjQ1aDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNDA5LjIgLTg0NzYuNDUpIi8+PHBhdGggZD0ibTAgMGg4IiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAyNyA5KSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzIgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGcgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjE1LjAwMyIgY3k9IjkuMzA2IiByPSI0Ljc1Ii8+PHBhdGggZD0ibTguOTMgMzUuMTVjMC01Ljc0OCAzLjk1Ni04IDYuOTA2LThoNS4xODFjMi45MzUgMCA2LjkwNiAyLjI1NyA2LjkwNiA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0tMjIzODYuMiA4NDg5LjQ1aDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyNDA5LjIgLTg0NzYuNDUpIi8+PHBhdGggZD0ibTAgMGg4IiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAyNyA5KSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==");
}
.mod-global-nav-wide.of--ui-white .mod-global-nav-wide__icon-button[data-icon=register]::before {
  background-color: #fff;
}
.mod-global-nav-wide__icon-button[data-icon=shop]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.mod-global-nav-wide.of--ui-white .mod-global-nav-wide__icon-button[data-icon=shop]::before {
  background-color: #fff;
}
.mod-global-nav-wide__icon-button[data-icon=mypage]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48L3N2Zz4=");
}
.mod-global-nav-wide.of--ui-white .mod-global-nav-wide__icon-button[data-icon=mypage]::before {
  background-color: #fff;
}
.mod-global-nav-wide__icon-button[data-icon=mypage-notice]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48Y2lyY2xlIGN4PSIyNS41IiBjeT0iMTIuNSIgZmlsbD0iI2MwMCIgcj0iMy41Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PGVsbGlwc2UgY3g9IjE0Ljk5OSIgY3k9IjkuNTAxIiByeD0iNC41IiByeT0iNSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtOC45MjggMzUuMjA3YzAtNS43NDggNC4wNS04IDctOGg1YzIuOTM1IDAgNyAyLjI1NyA3IDgiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy40MjcgLTkuNzA3KSIvPjwvZz48Y2lyY2xlIGN4PSIyNS41IiBjeT0iMTIuNSIgZmlsbD0iI2MwMCIgcj0iMy41Ii8+PC9zdmc+");
}
.mod-global-nav-wide.of--ui-white .mod-global-nav-wide__icon-button[data-icon=mypage-notice]::before {
  background-color: #fff;
}
.mod-global-nav-wide__icon-label {
  display: block;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  line-height: 1.2;
}
@media screen and (min-width: 992px), print {
  .mod-global-nav-wide {
    display: block;
  }
}

.mod-local-nav-wide {
  display: none;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod-local-nav-wide[data-nav-type=local2] {
  border-bottom: none;
  background: #5f5f5f;
}
.mod-local-nav-wide__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1220px;
  height: 40px;
  margin: 0 auto;
  padding: 0 40px;
  overflow: hidden;
}
.mod-local-nav-wide__upper-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 18px 8px 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #767676;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  .mod-local-nav-wide__upper-category:hover {
    color: #222;
  }
}
.mod-local-nav-wide__upper-category:focus-visible {
  outline-offset: -2px;
  color: #222;
}
[data-nav-type=local2] .mod-local-nav-wide__upper-category {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  [data-nav-type=local2] .mod-local-nav-wide__upper-category:hover {
    color: #fff;
  }
}
[data-nav-type=local2] .mod-local-nav-wide__upper-category:focus-visible {
  outline-color: #fff;
  outline-offset: -2px;
  color: #fff;
}
.mod-local-nav-wide__upper-category::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border-radius: 16px;
  background: #222 url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiLz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJtMCAwdjQiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IDkuNDE0IDUuMTcyKSIvPjxwYXRoIGQ9Im0wIDR2LTQiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAuNzA3MTA3IDYuNTg2IDgpIi8+PC9nPjwvZz48L3N2Zz4=") center no-repeat;
  background-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  .mod-local-nav-wide__upper-category:hover::before {
    background-color: #c00;
  }
}
.mod-local-nav-wide__upper-category:focus-visible::before {
  background-color: #c00;
}
.mod-local-nav-wide__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.mod-local-nav-wide__upper-category + .mod-local-nav-wide__menu {
  border-left: 1px solid #e3e3e3;
}
.mod-local-nav-wide__menu[data-slide-scrolling] {
  border-left: 1px solid #e3e3e3;
}
.mod-local-nav-wide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.mod-local-nav-wide__list::-webkit-scrollbar {
  display: none;
}
.mod-local-nav-wide__list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  letter-spacing: 0;
}
.mod-local-nav-wide__list li:last-child {
  padding-right: 30px;
}
.mod-local-nav-wide__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  padding: 8px 12px;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
  color: #767676;
  font-size: 1.2rem;
  line-height: 1.8;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[data-nav-type=local2] .mod-local-nav-wide__list a {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  [data-nav-type=local] .mod-local-nav-wide__list a:hover {
    background-color: #ececec;
    color: #222;
  }
  [data-nav-type=local2] .mod-local-nav-wide__list a:hover {
    background-color: #767676;
  }
}
[data-nav-type=local] .mod-local-nav-wide__list a:focus-visible {
  outline-offset: -5px;
  background-color: #ececec;
  color: #222;
}
[data-nav-type=local2] .mod-local-nav-wide__list a:focus-visible {
  outline-color: #fff;
  outline-offset: -5px;
  background-color: #767676;
}
.mod-local-nav-wide__list a[data-is-current] {
  color: #222;
  font-weight: 700;
}
[data-nav-type=local2] .mod-local-nav-wide__list a[data-is-current] {
  background-color: rgba(34, 34, 34, 0.4);
  color: #fff;
}
.mod-local-nav-wide__list a[data-is-current]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  background-color: #c00;
}
[data-nav-type=local] .mod-local-nav-wide__list a[data-is-current]::after {
  content: "";
}
@media screen and (min-width: 992px), print {
  .mod-local-nav-wide {
    display: block;
  }
}

.js--local-nav-slide-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js--local-nav-slide-controller [data-slide-controller-actions] {
  display: none;
  position: relative;
  height: auto;
}
.js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js--local-nav-slide-controller [data-slide-controller-actions] > * {
  border-left: 1px solid #e3e3e3;
}
.js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go], .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 100%;
  -webkit-transition: stroke 0.2s;
  transition: stroke 0.2s;
  stroke: #222;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go] > svg, .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back] > svg {
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go]:hover, .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back]:hover {
    stroke: #c00;
  }
}
[data-nav-type=local2] .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go], [data-nav-type=local2] .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back] {
  stroke: #fff;
  background: #5f5f5f;
}
@media (hover: hover) and (pointer: fine) {
  [data-nav-type=local2] .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go]:hover, [data-nav-type=local2] .js--local-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back]:hover {
    stroke: #c00;
  }
}
.js--local-nav-slide-controller [data-slide-controller-action=back] {
  visibility: hidden;
  position: absolute;
  left: -31px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.js--local-nav-slide-controller [data-slide-controller-action=back][data-is-enabled] {
  visibility: visible;
  opacity: 1;
}

.mod-content-nav {
  --mod-cn-header-height: 50px;
  display: block;
  position: sticky;
  z-index: 100;
  top: 0;
  margin: 20px 0 40px;
  background: #fff;
}
.mod-content-nav__current {
  display: none;
  position: relative;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #f4f4f4;
}
.mod-content-nav__current-label {
  display: -webkit-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  height: auto;
  min-height: auto;
  max-height: 1.1em;
  padding: 15px 50px 8px 15px;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  cursor: default;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.mod-content-nav__menu.is-opened .mod-content-nav__current-label {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: none;
  padding-bottom: 8px;
  overflow: visible;
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}
.mod-content-nav__title, .mod-content-nav__menu-toggle > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-content-nav > .inner {
  position: relative;
  z-index: 10;
  padding: 0;
}
.mod-content-nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.mod-content-nav__menu-toggle {
  display: none;
  z-index: 2;
}
@media screen and (max-width: 991px), print {
  .mod-content-nav {
    min-height: 50px;
  }
  .mod-content-nav.of--has-submenu {
    min-height: 100px;
  }
  .mod-content-nav__container {
    max-width: 100%;
  }
  .mod-content-nav__current {
    display: -ms-grid;
    display: grid;
  }
  .mod-content-nav__menu {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .mod-content-nav__menu-toggle {
    display: block;
    position: relative;
    z-index: 3;
    top: 0;
    right: 0;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    min-height: 50px;
    overflow: hidden;
  }
  .mod-content-nav__menu-toggle:focus-visible {
    outline-offset: -4px;
  }
  .mod-content-nav__menu-toggle::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    bottom: auto;
    width: 44px;
    height: 44px;
    margin: auto auto 0;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTUgMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUgMCkiPjxjaXJjbGUgY3g9IjcuNSIgY3k9IjcuNSIgZmlsbD0iI2MwMCIgcj0iNy41Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0ibTAgMHY0LjI0NiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAtLjcwNzEwNyA2LjM5OSAxMC41MDMpIi8+PHBhdGggZD0ibTAgNC4yNDZ2LTQuMjQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC0uNzA3MTA3IDkuNDAxIDcuNTAxKSIvPjwvZz48L2c+PC9zdmc+") no-repeat center;
    background-size: 16px;
  }
  .mod-content-nav__menu.is-opened .mod-content-nav__menu-toggle::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .mod-content-nav__list {
    display: -ms-grid;
    display: grid;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: auto;
    width: 100%;
    height: 0;
    max-height: 0;
    padding-bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: height 0.2s, max-height 0.2s, padding 0.2s;
    transition: height 0.2s, max-height 0.2s, padding 0.2s;
    background: #f4f4f4;
    gap: 10px;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .mod-content-nav__list > [role=listitem] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 0;
    height: 0;
    padding: 0;
    background: #f4f4f4;
  }
  .mod-content-nav__list > [role=listitem] span,
  .mod-content-nav__list > [role=listitem] a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 8px 40px 8px 15px;
    color: #222;
    font-size: 1.4rem;
    text-decoration: none;
  }
  .mod-content-nav__list > [role=listitem] span:focus-visible,
  .mod-content-nav__list > [role=listitem] a:focus-visible {
    outline-offset: -4px;
  }
  .mod-content-nav__list > [role=listitem][data-is-current] > span,
  .mod-content-nav__list > [role=listitem][data-is-current] > a {
    position: relative;
  }
  .mod-content-nav__list > [role=listitem][data-is-current] > span::after,
  .mod-content-nav__list > [role=listitem][data-is-current] > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMTggMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxOHYxOGgtMTh6Ii8+PHBhdGggZD0ibTM5MS43NjIgMjY4LjYzMiAzLjYyOSAzLjQ0NiA3LjM3MS03IiBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg4LjA2NiAtMjU5LjEyMSkiLz48L2c+PC9zdmc+") no-repeat center;
    background-size: 18px;
  }
  .mod-content-nav__menu.is-opened > .mod-content-nav__list {
    visibility: visible;
    height: auto;
    max-height: calc(100dvh - var(--mod-cn-header-height));
    padding-top: 8px;
    padding-bottom: 20px;
    border-top: 1px solid #dbdbdb;
  }
  .mod-content-nav__menu.is-opened > .mod-content-nav__list > [role=listitem] {
    z-index: 1;
    width: auto;
    height: auto;
  }
  .mod-content-nav__submenu {
    position: relative;
    top: 0;
    height: 50px;
    background: #fff;
  }
  .mod-content-nav__sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .mod-content-nav__sublist::-webkit-scrollbar {
    display: none;
  }
  .mod-content-nav__submenu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    background: #fff;
  }
  .mod-content-nav__submenu {
    display: none;
  }
  .mod-content-nav__submenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    padding: 16px 10px 14px;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    background: #fff;
    color: #222;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .mod-content-nav__submenu a:focus-visible {
    outline-offset: -5px;
    background-color: #f4f4f4;
  }
  .mod-content-nav__submenu [data-is-current] a {
    font-weight: 700;
  }
  .mod-content-nav__submenu [data-is-current] a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #c00;
  }
  .mod-content-nav__submenu[data-current-submenu] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
}
@media screen and (min-width: 992px), print {
  .mod-content-nav__menu {
    display: block;
    width: 100%;
    margin: auto;
  }
  .mod-content-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 80px);
    margin: auto;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    --mod-content-nav-menu-count: 2;
  }
  .mod-content-nav__list::-webkit-scrollbar {
    display: none;
  }
  .mod-content-nav__list[data-item-count="1"] {
    --mod-content-nav-menu-count: 1;
  }
  .mod-content-nav__list[data-item-count="2"] {
    --mod-content-nav-menu-count: 2;
  }
  .mod-content-nav__list[data-item-count="3"] {
    --mod-content-nav-menu-count: 3;
  }
  .mod-content-nav__list[data-item-count="4"] {
    --mod-content-nav-menu-count: 4;
  }
  .mod-content-nav__list[data-item-count="5"] {
    --mod-content-nav-menu-count: 5;
  }
  .mod-content-nav__list[data-item-count="6"] {
    --mod-content-nav-menu-count: 6;
  }
  .mod-content-nav__list[data-item-count="1"], .mod-content-nav__list[data-item-count="2"], .mod-content-nav__list[data-item-count="3"], .mod-content-nav__list[data-item-count="4"], .mod-content-nav__list[data-item-count="5"], .mod-content-nav__list[data-item-count="6"] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[var(--mod-content-nav-menu-count)];
    grid-template-columns: repeat(var(--mod-content-nav-menu-count), 1fr);
    width: 100%;
  }
  .mod-content-nav__list > [role=listitem] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    border: 1px solid #d9d9d9;
    letter-spacing: 0;
  }
  .mod-content-nav__list > [role=listitem] + [role=listitem] {
    border-left: none;
  }
  .mod-content-nav__list > [role=listitem] > span,
  .mod-content-nav__list > [role=listitem] > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    min-height: 44px;
    padding: 8px 20px;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    color: #222;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .mod-content-nav__list > [role=listitem]:not([data-is-current]) > a[href]:hover,
  .mod-content-nav__list > [role=listitem]:not([data-is-current]) > a[href]:focus {
    background-color: #e2e2e2;
  }
  .mod-content-nav__list > [role=listitem]:not([data-is-current]) > a:focus-visible {
    outline-offset: -2px;
    background-color: #e2e2e2;
  }
  .mod-content-nav__list > [role=listitem][data-is-current] > span,
  .mod-content-nav__list > [role=listitem][data-is-current] > a {
    font-weight: 700;
    cursor: default;
  }
  .mod-content-nav__list > [role=listitem][data-is-current] > span::after,
  .mod-content-nav__list > [role=listitem][data-is-current] > a::after {
    content: "";
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
    height: 2px;
    background-color: #c00;
  }
  .mod-content-nav__sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .mod-content-nav__sublist::-webkit-scrollbar {
    display: none;
  }
  .mod-content-nav__submenu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .mod-content-nav__sublist {
    background: #f4f4f4;
  }
  .mod-content-nav__submenu {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: calc(100% - 80px);
    margin: 0 auto;
    background: #fff;
  }
  .mod-content-nav__submenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 42px;
    padding: 8px 15px 9px;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    background: #f4f4f4;
    color: #222;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .mod-content-nav__submenu a[href]:hover, .mod-content-nav__submenu a[href]:focus {
    background-color: #e2e2e2;
  }
  .mod-content-nav__submenu a:focus-visible {
    outline-offset: -2px;
    background-color: #e2e2e2;
  }
  .mod-content-nav__submenu [data-is-current] a {
    font-weight: 700;
  }
  .mod-content-nav__submenu[data-current-submenu] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}

.js--content-nav-slide-controller [data-slide-controller-actions] {
  display: none;
  position: relative;
  height: auto;
}
.js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-actions] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js--content-nav-slide-controller [data-slide-controller-actions] > * {
  border-left: 1px solid #e3e3e3;
}
.js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller] li:last-child {
  padding-right: 30px;
}
.js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go], .js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 100%;
  -webkit-transition: stroke 0.2s;
  transition: stroke 0.2s;
  stroke: #222;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go] > svg, .js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back] > svg {
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=go]:hover, .js--content-nav-slide-controller[data-slide-scrolling] [data-slide-controller-action=back]:hover {
    stroke: #c00;
  }
}
.js--content-nav-slide-controller [data-slide-controller-action=back] {
  visibility: hidden;
  position: absolute;
  left: -31px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.js--content-nav-slide-controller [data-slide-controller-action=back][data-is-enabled] {
  visibility: visible;
  opacity: 1;
}

/* #132 パンくずリスト */
.nav-location {
  display: none;
  overflow-x: clip;
}
.nav-location > .inner {
  overflow: visible;
}

/* outside footer style: */
.nav-location {
  border-top: 1px solid #e1e1e1;
}

@media screen and (min-width: 768px), print {
  .nav-location {
    display: block;
    padding: 0 15px;
    border-top: 1px solid #e1e1e1;
    font-size: 1.2rem;
  }
  .nav-location a {
    color: #333;
  }
  .nav-location > .inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 13px 0;
    overflow: hidden;
  }
  .nav-location > .inner > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .nav-location > .inner > .list > li {
    position: relative;
    padding: 0 35px 0 0;
  }
  .nav-location > .inner > .list > li::after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #666;
    background-color: transparent;
  }
  .nav-location > .inner > .list > li:last-child {
    padding-right: 0;
  }
  .nav-location > .inner > .list > li:last-child::after {
    content: none;
  }
}
.nav-location > .inner > .list > li:last-child a {
  display: inline-block;
  text-decoration: none;
  pointer-events: none;
}

/* inside footer style: */
:where(.site-footer) .nav-location {
  display: block;
  padding: 0 15px;
  overflow-x: clip;
  border-top: none;
  background-color: #2f2f2f;
  font-size: 1.2rem;
  line-height: 1.75;
}
:where(.site-footer) .nav-location a {
  display: inline;
  color: #fff;
  text-decoration: none;
}
:where(.site-footer) .nav-location a[href]:hover, :where(.site-footer) .nav-location a[href]:focus {
  text-decoration: underline;
}
:where(.site-footer) .nav-location a:focus-visible {
  outline-color: #fff;
}
:where(.site-footer) .nav-location > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  min-height: 60px;
  margin: 0 auto;
  padding: 12px 0;
  overflow: visible;
}
:where(.site-footer) .nav-location > .inner > .list {
  display: block;
  margin: 0;
}
:where(.site-footer) .nav-location > .inner > .list > li {
  display: inline;
  position: static;
  padding: 0;
}
:where(.site-footer) .nav-location > .inner > .list > li::after {
  content: none;
}
:where(.site-footer) .nav-location > .inner > .list > li a::after {
  content: "";
  display: inline-block;
  z-index: 0;
  width: 8px;
  height: 8px;
  margin-top: -0.3em;
  margin-right: 0.2em;
  margin-left: 0.5em;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjguNDQ5IiB2aWV3Qm94PSIwIDAgNC45NSA4LjQ0OSIgd2lkdGg9IjQuOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIj48cGF0aCBkPSJtMCAwdjYiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA2NzggLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAuMzU0IDguMDk2KSIvPjxwYXRoIGQ9Im0wIDUuOTk5di01Ljk5OSIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDQuNTk2IDQuNTk2KSIvPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
:where(.site-footer) .nav-location > .inner > .list > li:last-child a {
  display: inline;
  padding-right: 0;
}
:where(.site-footer) .nav-location > .inner > .list > li:last-child a::after {
  content: none;
}
:where(.site-footer) .nav-location [aria-current=page] {
  opacity: 0.6;
}
@media screen and (min-width: 768px), print {
  :where(.site-footer) .nav-location {
    min-height: 60px;
    padding: 0 30px;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  :where(.site-footer) .nav-location > .inner > .list {
    display: block;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
  :where(.site-footer) .nav-location > .inner > .list > li a::after {
    width: 8px;
    height: 8px;
  }
}

/*! = CommonModules/Contact */
.mod-contact {
  position: relative;
  padding: 0 20px;
  background: url("/-/media/Project/Canon/CanonJP/common/image/bg-mod-contact.jpg") no-repeat center;
  background-size: cover;
}
.mod-contact::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.mod-contact__container {
  display: block;
  position: relative;
  z-index: 1;
  max-width: 1120px;
  margin: auto;
  padding: 40px 0;
}
.mod-contact__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.mod-contact__subtext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}
.mod-contact__cards {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  margin-top: 30px;
}
.mod-contact .contact-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 12px 30px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.mod-contact .contact-card[href] {
  text-decoration: none;
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 768px), print and (hover: hover) and (pointer: fine) {
  .mod-contact .contact-card[href]:hover {
    background-color: rgb(255, 255, 255);
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 767px), print and (hover: hover) and (pointer: fine) {
  .mod-contact .contact-card:hover {
    background-color: rgb(255, 255, 255);
  }
}
.mod-contact .contact-card:focus-visible {
  outline-color: #fff;
}
.mod-contact .contact-card::before {
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background: no-repeat center;
}
.mod-contact .contact-card.of-mail::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzkgMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzOXYzOWgtMzl6Ii8+PHBhdGggZD0ibTMzLjk1NiAxOC4ydjEzLjY0NWgtMjguODI2di0xOS43MTVoMjguODI2bC0xNC40MTMgMTEuMzctMTQuNDEzLTExLjM3IiBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjEyNiAtLjc2OSkiLz48L2c+PC9zdmc+");
}
.mod-contact .contact-card.of-free-dial::before, .mod-contact .contact-card.of-navi-dial::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHZpZXdCb3g9IjAgMCAzOSAzOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDM5djM5aC0zOXoiLz48cGF0aCBkPSJtMCAwaDM5djM5aC0zOXoiLz48ZyBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZD0ibTguODk0IDcuNDUxYy0uNzUyLjEzNy0uODgxIDEuNDg1LS44MjQgMi4wNS43NTIgMTMuNjQ1IDExLjI2IDIzLjM0NSAyNC4xOTQgMjQuMS41MjUgMCAxLjUwOC0uMDgzIDEuNTA4LS42NDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjY5OSAtMS4zMjEpIi8+PHBhdGggZD0ibTIwLjIxNiAyNS4wMWMxLjczOCAxLjcyMyAzLjY1MiAzLjI1OSA1LjcxIDQuNTg0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC4wMjcgLTUuNDIpIi8+PHBhdGggZD0ibTM3LjU2MiAyOC42MTMtNy4yNjItMS42MzMtMy4wMiAyLjk5MSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjM4MSAtNS43OTgpIi8+PHBhdGggZD0ibTE4LjY4NiA4IDEuNjMzIDcuMjY3LTIuOTU5IDMuMDY0IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuODUyIC0xLjUzMykiLz48cGF0aCBkPSJtNyA2aDkiLz48cGF0aCBkPSJtMzIgMjN2OSIvPjwvZz48L2c+PC9zdmc+");
}
.mod-contact .contact-card .hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.mod-contact .contact-card.of-mail .hdg {
  margin-top: 8px;
}
.mod-contact .contact-card .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: center;
}
.mod-contact .dial-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  text-decoration: none;
}
.mod-contact .dial-number::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mod-contact .trademark {
  display: block;
  width: 39px;
  height: 23px;
  margin-right: 4px;
}
@media screen and (min-width: 768px), print {
  .mod-contact {
    padding-right: 40px;
    padding-left: 40px;
  }
  .mod-contact__container {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .mod-contact__title {
    font-size: 2.8rem;
  }
  .mod-contact__subtext {
    font-size: 1.6rem;
    line-height: 1.65;
  }
  .mod-contact__cards {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
  }
  .mod-contact .contact-card {
    padding: 25px 12px 34px;
  }
  .mod-contact .contact-card::before {
    width: 39px;
    height: 39px;
  }
  .mod-contact .contact-card.of-full {
    grid-column: 1/-1;
  }
  .mod-contact .contact-card.of-mail {
    padding: 25px 48px 34px;
  }
  .mod-contact .dial-number[href^="tel:"] {
    pointer-events: none;
  }
}

/*! = CommonModules/Notice */
.mod-notice {
  margin: 0 auto 40px;
  padding: 0 20px;
}
@media screen and (min-width: 768px), print {
  .mod-notice {
    padding: 0 40px;
  }
}
.mod-notice__inner {
  max-width: 1120px;
  margin: 0 auto;
}
.mod-notice__content {
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #c00;
  border-radius: 6px;
  background-color: #c00;
}
@media screen and (min-width: 768px), print {
  .mod-notice__content {
    padding: 20px 30px;
    border-radius: 8px;
  }
}
.str-outer > .str-inner .mod-notice {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.str-outer > .str-inner .mod-notice__content {
  margin-right: auto;
  margin-left: auto;
}
.mod-notice__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .mod-notice__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.mod-notice__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-notice__title::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0iI2ZmZiIgcj0iMTAiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZD0ibTAgLjc5MXY0LjczMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgNC41KSIvPjxwYXRoIGQ9Im0wIDB2LjUzOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgMTQuNSkiLz48L2c+PC9zdmc+") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  .mod-notice__title {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.mod-notice__text {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
}
.mod-notice__text::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  z-index: 0;
  top: 0.125em;
  left: 5px;
  width: 17px;
  height: 17px;
  margin: 0;
  border-radius: 0;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.mod-notice__link {
  display: block;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .mod-notice__link {
    border-radius: 8px;
  }
}
.mod-notice__link .mod-notice__text::after {
  content: "";
}
.mod-notice__link:hover .mod-notice__text, .mod-notice__link:focus .mod-notice__text {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.mod-notice.of-white .mod-notice__content {
  border-color: #dbdbdb;
  background-color: #fff;
}
.mod-notice.of-white .mod-notice__title {
  color: #c00;
}
.mod-notice.of-white .mod-notice__title::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0iI2MwMCIgcj0iMTAiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZD0ibTAgLjc5MXY0LjczMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgNC41KSIvPjxwYXRoIGQ9Im0wIDB2LjUzOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgMTQuNSkiLz48L2c+PC9zdmc+");
}
.mod-notice.of-white .mod-notice__text {
  color: #222;
}
.mod-notice.of-white .mod-notice__text::after {
  background-color: #c00;
}

.mod-tag-new {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 51px;
  min-height: 21px;
  margin: 0 0 0 12px;
  padding: 0 12px;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  border-radius: 20px;
  background: #ffebeb;
  color: #c00;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}
:is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-new {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-new {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-new {
  min-width: 56px;
  min-height: 22px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-new {
    min-width: 60px;
    min-height: 26px;
    font-size: 1.6rem;
  }
}
:is(.mod-hdg-al5) .mod-tag-new {
  min-width: 51px;
  min-height: 19px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al5) .mod-tag-new {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-hdg-al2, .mod-hdg-bl2, .mod-hdg-al3, .mod-hdg-al4, .mod-hdg-al5) .mod-tag-new {
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
}
@media screen and (min-width: 768px), print {
  :is(.mod-list-description) dt .mod-tag-new {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-product-info-table__header) .mod-tag-new {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-product-info-table__header) .mod-tag-new {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-product-info-store__header) .mod-tag-new {
  min-width: 56px;
  min-height: 22px;
  outline: 1px solid #e6c0c0;
  font-size: 1.4rem;
}
:is(.mod-product-info-card__header) .mod-tag-new {
  min-width: 51px;
  min-height: 19px;
  outline: 1px solid #e6c0c0;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-product-info-card__header) .mod-tag-new {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-product-store-card__header) .mod-tag-new {
  min-width: 60px;
  min-height: 26px;
  outline: 1px solid #e6c0c0;
  font-size: 1.6rem;
}

.mod-tag-soldout {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 51px;
  min-height: 21px;
  margin: 0 0 0 12px;
  padding: 0 12px;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  border-radius: 20px;
  background: #f4f4f4;
  color: #c00;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}
:is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-soldout {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-soldout {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-soldout {
  min-width: 56px;
  min-height: 22px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-soldout {
    min-width: 60px;
    min-height: 26px;
    font-size: 1.6rem;
  }
}
:is(.mod-hdg-al5) .mod-tag-soldout {
  min-width: 51px;
  min-height: 19px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al5) .mod-tag-soldout {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-hdg-al2, .mod-hdg-bl2, .mod-hdg-al3, .mod-hdg-al4, .mod-hdg-al5) .mod-tag-soldout {
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
}
@media screen and (min-width: 768px), print {
  :is(.mod-list-description) dt .mod-tag-soldout {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-product-info-table__header) .mod-tag-soldout {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-product-info-table__header) .mod-tag-soldout {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-product-info-store__header) .mod-tag-soldout {
  min-width: 80px;
  min-height: 22px;
  background-color: #fff;
  color: #c00;
  font-size: 1.4rem;
}
:is(.mod-product-info-card__header) .mod-tag-soldout {
  background-color: #fff;
  color: #c00;
}
:is(.mod-product-store-card__header) .mod-tag-soldout {
  min-width: 80px;
  min-height: 22px;
  background-color: #fff;
  color: #c00;
  font-size: 1.4rem;
}

.mod-tag-limited {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 51px;
  min-height: 21px;
  margin: 0 0 0 12px;
  padding: 0 12px;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  border-radius: 20px;
  background: #f4f4f4;
  color: #0c9ae5;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}
:is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-limited {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al2, .mod-hdg-bl2) .mod-tag-limited {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-limited {
  min-width: 56px;
  min-height: 22px;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al3, .mod-hdg-al4) .mod-tag-limited {
    min-width: 60px;
    min-height: 26px;
    font-size: 1.6rem;
  }
}
:is(.mod-hdg-al5) .mod-tag-limited {
  min-width: 51px;
  min-height: 19px;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-hdg-al5) .mod-tag-limited {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-hdg-al2, .mod-hdg-bl2, .mod-hdg-al3, .mod-hdg-al4, .mod-hdg-al5) .mod-tag-limited {
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
}
@media screen and (min-width: 768px), print {
  :is(.mod-list-description) dt .mod-tag-limited {
    min-width: 56px;
    min-height: 22px;
    font-size: 1.4rem;
  }
}
:is(.mod-product-info-table__header) .mod-tag-limited {
  min-width: 60px;
  min-height: 26px;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  :is(.mod-product-info-table__header) .mod-tag-limited {
    min-width: 70px;
    min-height: 31px;
    font-size: 2rem;
  }
}
:is(.mod-product-info-store__header) .mod-tag-limited {
  min-width: 80px;
  min-height: 22px;
  background-color: #fff;
  color: #0c9ae5;
  font-size: 1.4rem;
}
:is(.mod-product-info-card__header) .mod-tag-limited {
  background-color: #fff;
  color: #0c9ae5;
}
:is(.mod-product-store-card__header) .mod-tag-limited {
  min-width: 80px;
  min-height: 22px;
  background-color: #fff;
  color: #0c9ae5;
  font-size: 1.4rem;
}

/*! = Modules/Text */
[class^=mod-txt] {
  margin-bottom: 30px;
  line-height: 1.65;
}

[class^=mod-txt] > p,
[class^=mod-txt] > pre {
  margin: 0 0 24px;
  font-family: inherit;
}
[class^=mod-txt] > p:last-child,
[class^=mod-txt] > pre:last-child {
  margin-bottom: 0;
}

[class^=mod-txt] pre {
  white-space: pre-wrap;
}

[class^=mod-txt] > p a {
  color: #0f6bff;
  text-decoration: none;
}

[class^=mod-txt] > p a[href]:hover,
[class^=mod-txt] > p a[href]:focus {
  text-decoration: underline;
}

[class^=mod-txt] > p > b.lede {
  display: block;
  margin: 0 0 60px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.65;
}

@media screen and (min-width: 768px), print {
  [class^=mod-txt] > p > b.lede {
    font-size: 1.8rem;
    line-height: 1.65;
  }
}
[class^=mod-txt] strong,
.mod-list-notice strong {
  color: #c00;
}

.pause-line {
  height: 1px;
  margin: 36px 0;
  border: none;
  background-color: #c3c3c3;
}
@media screen and (min-width: 768px), print {
  .pause-line {
    margin: 48px 0;
  }
}

/*! = Modules/Link */
.mod-link {
  margin: 0 0 30px;
}

.mod-link + .mod-hdg-al3 {
  margin-top: 0;
}

.mod-link > p {
  display: flow-root;
  overflow: visible;
}

.mod-link > p > a {
  display: block;
  position: relative;
  padding: 0 0 0 34px;
  float: left;
  color: #222;
  line-height: 1.65;
  text-decoration: none;
}

.mod-link.of-caption > p > a {
  padding-left: 28px;
  color: #767676;
  font-size: 1.4rem;
}

.mod-link > p > a::after,
.mod-link > p > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-link > p > a::before {
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  width: 17px;
  height: 26.4px;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}

.mod-link.of-caption > p > a {
  padding-top: 0.15em;
}

.mod-link.of-icon-file a::before {
  width: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYyNGgtMzB6Ii8+PHBhdGggZD0ibS0yIDFoMjJ2MjJoLTIyeiIvPjxnIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJtMjMuMzUzIDEyLjYzdjguNTg0YzAgMS4wNDctLjg2MSAxLjkwOC0xLjkwOCAxLjkwOGgtOS41MzdjLTEuMDQ3IDAtMS45MDgtLjg2MS0xLjkwOC0xLjkwOHYtMTQuMzA2YzAtMS4wNDcuODYxLTEuOTA4IDEuOTA4LTEuOTA4aDYuNjc2IiBzdHJva2U9IiMyMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjIzMSAtMi4wMykiLz48cGF0aCBkPSJtMzIuNzY5IDkuNzY5aC0zLjQ2OWMtLjcxMyAwLTEuMy0uNTg3LTEuMy0xLjN2LTMuNDY5IiBzdHJva2U9IiMyMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi42NDcgLTIuMDMpIi8+PHBhdGggZD0ibTI4IDVjMi42MTYgMCA0Ljc2OSAyLjE1MyA0Ljc2OSA0Ljc2OSIgc3Ryb2tlPSIjMjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuNjQ3IC0yLjAzKSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTAuNzc4KSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTQuMDU1KSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTcuMzMyKSIvPjwvZz48L2c+PC9zdmc+");
}

.mod-link.of-icon-excel a::before {
  width: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MjRoLTMweiIvPjxwYXRoIGQ9Im0xMyAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtOWMtMS4xMDQgMC0yIC44OTYtMiAydjE0YzAgMS4xMDQuODk2IDIgMiAyaDljMS4xMDQgMCAyLS44OTYgMi0yeiIgc3Ryb2tlPSIjMDA3NzQwIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIvPjxwYXRoIGQ9Im0wIDBoNi45MDUiIHN0cm9rZT0iIzAwNzc0MCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMTQuNSkiLz48cGF0aCBkPSJtMCAwaDYuOTA1IiBzdHJva2U9IiMwMDc3NDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDE3LjUpIi8+PC9nPjxnIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1KSI+PHBhdGggZD0ibTEwLjgzMyA3LjVoLTguNjY2Yy0uOTE5IDAtMS42NjctLjY3My0xLjY2Ny0xLjV2LTRjMC0uODI3Ljc0OC0xLjUgMS42NjctMS41aDguNjY2Yy45MTkgMCAxLjY2Ny42NzMgMS42NjcgMS41djRjMCAuODI3LS43NDggMS41LTEuNjY3IDEuNXoiIGZpbGw9IiMwMDc3NDAiLz48cGF0aCBkPSJtMi4xNjcgMWMtLjY0NCAwLTEuMTY3LjQ0OS0xLjE2NyAxdjRjMCAuNTUxLjUyMyAxIDEuMTY3IDFoOC42NjZjLjY0NCAwIDEuMTY3LS40NDkgMS4xNjctMXYtNGMwLS41NTEtLjUyMy0xLTEuMTY3LTF6bTAtMWg4LjY2NmMxLjE5NyAwIDIuMTY3Ljg5NSAyLjE2NyAydjRjMCAxLjEwNS0uOTcgMi0yLjE2NyAyaC04LjY2NmMtMS4xOTcgMC0yLjE2Ny0uODk1LTIuMTY3LTJ2LTRjMC0xLjEwNS45Ny0yIDIuMTY3LTJ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Im0uMDQ4IDBoLjc2NGwuMjU2LS41OGMuMDY4LS4xNTYuMTMyLS4zMTIuMi0uNWguMDE2Yy4wOC4xODQuMTQ4LjM0LjIyLjVsLjI4LjU4aC44bC0uODI0LTEuNS43NjgtMS40NzZoLS43NTZsLS4yMTYuNTMyYy0uMDYuMTQtLjEyNC4zLS4xOTIuNDg4aC0uMDE2Yy0uMDg0LS4xOTItLjE1Mi0uMzQ4LS4yMTYtLjQ4OGwtLjI0LS41MzJoLS43OTJsLjc2OCAxLjQ0NHptMy4xMjQgMGgxLjg3MnYtLjZoLTEuMTU2di0yLjM3NmgtLjcxNnptMy4zOC4wNTZjLjA0Ni4wMDYuMDkyLjAxLjEzOC4wMS41MjYgMCAuOTY3LS40MTYuOTk4LS45NDIuMDEyLS4zNzMtLjIzLS43MS0uNTg4LS44MTZsLS4zNzItLjE0OGMtLjI2NC0uMS0uNDUyLS4xNjgtLjQ1Mi0uMzMycy4xMzYtLjI0OC4zNTYtLjI0OGMuMjI0LjAwMy40NDEuMDgzLjYxMi4yMjhsLjM1Ni0uNDQ4Yy0uMjU5LS4yNTItLjYwNy0uMzkzLS45NjgtLjM5Mi0uMDM0LS4wMDQtLjA2OS0uMDA2LS4xMDQtLjAwNi0uNTA5IDAtLjkzOC4zOTgtLjk3Ni45MDYuMDA1LjM3MS4yNDcuNy42LjgxNmwuMzguMTZjLjI1Ni4xMDguNDIuMTY0LjQyLjMzNnMtLjEyNC4yNi0uMzg4LjI2Yy0uMjY4LS4wMTYtLjUyMy0uMTIyLS43MjQtLjNsLS40LjQ5MmMuMzA2LjI3My43MDIuNDI0IDEuMTEyLjQyNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42MzEgMTAuNSkiLz48L3N2Zz4=");
}

.mod-link.of-icon-pdf a::before {
  width: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MjRoLTMweiIvPjxwYXRoIGQ9Im0xMyAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtOWMtMS4xMDQgMC0yIC44OTYtMiAydjE0YzAgMS4xMDQuODk2IDIgMiAyaDljMS4xMDQgMCAyLS44OTYgMi0yeiIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIvPjxwYXRoIGQ9Im0wIDBoNi45MDUiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMTQuNSkiLz48cGF0aCBkPSJtMCAwaDYuOTA1IiBzdHJva2U9IiNjMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDE3LjUpIi8+PC9nPjxnIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1KSI+PHBhdGggZD0ibTEwLjgzMyA3LjVoLTguNjY2Yy0uOTE5IDAtMS42NjctLjY3My0xLjY2Ny0xLjV2LTRjMC0uODI3Ljc0OC0xLjUgMS42NjctMS41aDguNjY2Yy45MTkgMCAxLjY2Ny42NzMgMS42NjcgMS41djRjMCAuODI3LS43NDggMS41LTEuNjY3IDEuNXoiIGZpbGw9IiNjMDAiLz48cGF0aCBkPSJtMi4xNjcgMWMtLjY0NCAwLTEuMTY3LjQ0OS0xLjE2NyAxdjRjMCAuNTUxLjUyMyAxIDEuMTY3IDFoOC42NjZjLjY0NCAwIDEuMTY3LS40NDkgMS4xNjctMXYtNGMwLS41NTEtLjUyMy0xLTEuMTY3LTF6bTAtMWg4LjY2NmMxLjE5NyAwIDIuMTY3Ljg5NSAyLjE2NyAydjRjMCAxLjEwNS0uOTcgMi0yLjE2NyAyaC04LjY2NmMtMS4xOTcgMC0yLjE2Ny0uODk1LTIuMTY3LTJ2LTRjMC0xLjEwNS45Ny0yIDIuMTY3LTJ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Im0uMzY0IDBoLjU5MnYtMS4wNTJoLjRjLjYzNiAwIDEuMTQ0LS4zIDEuMTQ0LS45OCAwLS43LS41LS45MjgtMS4xNi0uOTI4aC0uOTc2em0uNTkyLTEuNTJ2LS45NzJoLjMzNmMuNDA4IDAgLjYyNC4xMTYuNjI0LjQ2cy0uMi41MTItLjYuNTEyem0yLjA3NiAxLjUyaC44NDRjLjAzOS4wMDMuMDc3LjAwNS4xMTYuMDA1LjcyOCAwIDEuMzI3LS41OTkgMS4zMjctMS4zMjcgMC0uMDU3LS4wMDQtLjExNC0uMDExLS4xNy4wMDctLjA1NC4wMS0uMTA4LjAxLS4xNjIgMC0uNzIxLS41OTQtMS4zMTYtMS4zMTYtMS4zMTYtLjA1MyAwLS4xMDYuMDA0LS4xNTguMDFoLS44MTJ6bS41OTItLjQ3NnYtMi4wMTJoLjE4NGMuNTUyIDAgLjkuMjcyLjkgMXMtLjM0OCAxLjAxMi0uOSAxLjAxMnptMi4yNjQuNDc2aC41OTJ2LTEuMmgxLjA1MnYtLjVoLTEuMDUydi0uNzcyaDEuMjMydi0uNDg4aC0xLjgyNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi40NjIgMTAuNSkiLz48L3N2Zz4=");
}

.mod-link.of-icon-zip a::before {
  width: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDMwdjI0aC0zMHoiIGZpbGw9Im5vbmUiLz48ZyBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im0xMC45MjkgMGgtMTAuMDQ4Yy0uNDg0IDAtLjg4Mi4zOTgtLjg4Mi44ODIgMCAuNDgzLjM5OC44ODEuODgyLjg4MWg3LjkxOWwtMi43MjUgMi43MjVjLS4xNjUuMTY1LS4yNTguMzktLjI1OC42MjMgMCAuNDg0LjM5OC44ODIuODgyLjg4Mi4yMzMgMCAuNDU4LS4wOTMuNjIzLS4yNThsNC4yMzEtNC4yMzVjLjE2My0uMTY1LjI1NC0uMzg3LjI1NC0uNjE5IDAtLjQ4Mi0uMzk2LS44NzktLjg3OC0uODgxeiIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTAuMzczIDMuOTQpIi8+PHBhdGggZD0ibS44ODEgMGMtLjQ4Mi4wMDItLjg3Ny4zOTktLjg3Ny44ODEgMCAuMjMyLjA5MS40NTQuMjU0LjYxOWw0LjIzMSA0LjIzYy4xNjIuMTQ4LjM3NC4yMy41OTQuMjMuNDgzIDAgLjg4MS0uMzk3Ljg4MS0uODgxIDAtLjIxOC0uMDgxLS40MjktLjIyOC0uNTkxbC00LjIzNi00LjIzYy0uMTY0LS4xNjQtLjM4Ny0uMjU3LS42MTktLjI1OHoiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDE0LjYwMyA5Ljc1NykiLz48cGF0aCBkPSJtLTMzNTkuNjMgOTE1NC45MmgtMTcuMjNjLS40OSAwLS44OC0uNC0uODgtLjg5di01Ljg3YzAtLjQ4LjM5LS44OC44OC0uODguNDggMCAuODguNC44OC44OHY0Ljk5aDE1LjQ3di00Ljk5YzAtLjQ4LjQtLjg4Ljg4LS44OHMuODguNC44OC44OHY1Ljg3YzAgLjQ5LS40Ljg5LS44OC44OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzNzcuNzQyIC05MTM0Ljg2MikiLz48L2c+PC9zdmc+");
}

.mod-link > p > a::after {
  content: none;
}

.mod-link[class*=text-align-] p {
  display: inline-block;
}

.mod-link[class*=text-align-] p::after {
  content: "";
  display: block;
  clear: both;
}

@media (hover: hover) and (pointer: fine) {
  .mod-link > p > a[href]:focus,
  .mod-link > p > a[href]:hover {
    text-decoration: underline;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 768px), print and (hover: hover) and (pointer: fine) {
  .mod-link > p > a[href]:focus,
  .mod-link > p > a[href]:hover {
    text-decoration: underline;
  }
}
.mod-link-list:not(.var-03) {
  display: flow-root;
  margin: 0 0 30px;
  padding: 0;
  overflow: visible;
}

.mod-link-list:not(.var-03) .list {
  margin-top: -16px;
  margin-left: -16px;
  letter-spacing: normal;
}

.mod-link-list:not(.var-03) > .list > li {
  position: relative;
  padding-top: 16px;
  padding-left: 16px;
}

.mod-link-list:not(.var-03) > .list > li::before {
  content: none;
}

.mod-link-list:not(.var-03) > .list > li > a {
  display: block;
  position: relative;
  padding: 0 0 0 34px;
  float: none;
  color: #222;
  line-height: 1.65;
  text-decoration: none;
}

.mod-link-list:not(.var-03) > .list > li > a::after,
.mod-link-list:not(.var-03) > .list > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-link-list:not(.var-03) > .list > li > a::after {
  content: none;
}

.mod-link-list:not(.var-03) > .list > li > a::before {
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  width: 17px;
  height: 26.4px;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}

.mod-link-list[data-col]:not(.var-03) .list {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-rows: (auto)[3];
  grid-template-rows: repeat(3, auto);
}

.mod-link-list[data-col].of-row-6:not(.var-03) .list {
  -ms-grid-rows: (auto)[6];
  grid-template-rows: repeat(6, auto);
}

.mod-link-list[data-col].of-row-12:not(.var-03) .list {
  -ms-grid-rows: (auto)[12];
  grid-template-rows: repeat(12, auto);
}

.mod-link-list[data-col=auto]:not(.var-03) .list,
.mod-link-list[data-col=auto].of-row-6:not(.var-03) .list,
.mod-link-list[data-col=auto].of-row-12:not(.var-03) .list {
  display: block;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.mod-link-list[data-col="1"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}

.mod-link-list[data-col="2"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.mod-link-list[data-col="3"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.mod-link-list[data-col="4"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.mod-link-list[data-col="5"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.mod-link-list[data-col="6"]:not(.var-03) .list {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.mod-link-list[data-col]:not(.var-03) .list > li {
  padding-right: 0;
}

.mod-link-list[data-col="1"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col="2"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col="3"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col="4"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col="5"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col="6"]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

.mod-link-list[data-col=auto]:not(.var-03) .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: auto;
  max-width: none;
}

@media screen and (min-width: 768px), print {
  .mod-link-list:not(.var-03) {
    margin: 0 0 30px;
  }
  .mod-link-list:not(.var-03) .list {
    margin-top: -16px;
    margin-left: -16px;
  }
  .mod-link-list:not(.var-03) > .list > li {
    padding-top: 16px;
    padding-left: 16px;
  }
  .mod-link-list:not(.var-03) > .list > li > a {
    width: auto;
    padding: 0 0 0 34px;
    border: 0;
  }
  .mod-link-list[data-col-wide]:not(.var-03) .list {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-rows: (auto)[3];
    grid-template-rows: repeat(3, auto);
  }
  .mod-link-list[data-col-wide].of-row-6:not(.var-03) .list {
    -ms-grid-rows: (auto)[6];
    grid-template-rows: repeat(6, auto);
  }
  .mod-link-list[data-col-wide].of-row-12:not(.var-03) .list {
    -ms-grid-rows: (auto)[12];
    grid-template-rows: repeat(12, auto);
  }
  .mod-link-list[data-col-wide=auto]:not(.var-03) .list,
  .mod-link-list[data-col-wide=auto].of-row-6:not(.var-03) .list,
  .mod-link-list[data-col-wide=auto].of-row-12:not(.var-03) .list {
    display: block;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .mod-link-list[data-col-wide="1"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .mod-link-list[data-col-wide="2"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .mod-link-list[data-col-wide="3"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .mod-link-list[data-col-wide="4"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .mod-link-list[data-col-wide="5"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .mod-link-list[data-col-wide="6"]:not(.var-03) .list {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .mod-link-list[data-col-wide="1"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide="2"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide="3"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide="4"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide="5"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide="6"]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
  .mod-link-list[data-col-wide=auto]:not(.var-03) .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: auto;
    max-width: none;
  }
}
.mod-link-list > .list > li + li {
  margin-top: 0;
}

.mod-link-list > .list > li:not(:first-child) > a {
  border-top: 0;
}

@media screen and (min-width: 768px), print {
  .mod-link-list.of-horizontal-wide {
    max-width: initial;
    margin: 0 0 30px;
  }
  .mod-link-list.of-horizontal-wide > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -16px;
    margin-left: -16px;
  }
  .mod-link-list.of-horizontal-wide > .list > li {
    position: relative;
    margin-right: 12px;
    padding-top: 16px;
    padding-left: 16px;
  }
  .mod-link-list.of-horizontal-wide > .list > li::before {
    left: 0;
    height: auto;
    border-left: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mod-link-list > .list > li > a[href]:focus,
  .mod-link-list > .list > li > a[href]:hover {
    text-decoration: underline;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 768px), print and (hover: hover) and (pointer: fine) {
  .mod-link-list > .list > li > a[href]:focus,
  .mod-link-list > .list > li > a[href]:hover {
    text-decoration: underline;
  }
}
.mod-link-anchorList {
  margin: 0 0 60px;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-width: 1px;
  border-radius: 8px;
}

.mod-link-anchorList > .list {
  padding: 0;
}

.mod-link-anchorList > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
}

.mod-link-anchorList > .list > li + li {
  margin-top: 8px;
}

.mod-link-anchorList > .list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 34px;
  float: left;
  color: #222;
  line-height: 1.65;
  text-decoration: none;
}

.mod-link-anchorList > .list > li > a::after,
.mod-link-anchorList > .list > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-link-anchorList > .list > li > a::before {
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  width: 17px;
  height: 26.4px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}

.mod-link-anchorList.of-arrow-up > .list > li > a::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.mod-link-anchorList > .list > li > a::after {
  content: none;
}

@media screen and (min-width: 768px), print {
  .mod-link-anchorList {
    padding: 30px 40px;
    overflow: hidden;
    border-width: 1px;
  }
  .mod-link-anchorList > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -20px;
  }
  .mod-link-anchorList > .list > li {
    position: relative;
    padding-top: 10px;
    padding-left: 20px;
  }
  .mod-link-anchorList > .list > li:nth-child(n+2)::before {
    content: none;
  }
  .mod-link-anchorList[data-col="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-link-anchorList[data-col="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    min-width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .mod-link-anchorList > .list > li + li {
    margin-top: 0;
  }
  .mod-link-anchorList > .list > li > a[href]:focus,
  .mod-link-anchorList > .list > li > a[href]:hover {
    text-decoration: underline;
  }
}
/*! = Modules/Button */
.mod-btn {
  margin: 0 0 40px;
  overflow: visible;
}

.mod-btn a,
.mod-btn button[type] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 220px;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  margin: 20px 0 0 20px;
  padding: 14px 18px;
  overflow: hidden;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #222;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.mod-btn a[href]:focus,
.mod-btn a[href]:hover,
.mod-btn button[type]:not(:disabled):focus,
.mod-btn button[type]:not(:disabled):hover {
  background-color: #f4f4f4;
}

.mod-btn .btn.of-arrow-right a,
.mod-btn .btn.of-arrow-right button[type] {
  padding: 14px 40px 14px 18px;
}

.mod-btn .btn.of-arrow-left a,
.mod-btn .btn.of-arrow-left button[type] {
  padding: 14px 18px 14px 40px;
}

.mod-btn a::before,
.mod-btn button[type]::before,
.mod-btn a::after,
.mod-btn button[type]::after {
  content: none;
}

.mod-btn .btn.of-arrow-right a::after,
.mod-btn .btn.of-arrow-right button[type]::after,
.mod-btn .btn.of-arrow-left a::after,
.mod-btn .btn.of-arrow-left button[type]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
  margin: auto 0;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: none;
  background-color: #c00;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center;
}

.mod-btn .btn.of-arrow-right a::after,
.mod-btn .btn.of-arrow-right button[type]::after {
  right: 16px;
  left: auto;
}

.mod-btn .btn.of-arrow-left a::after,
.mod-btn .btn.of-arrow-left button[type]::after {
  right: auto;
  left: 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mod-btn.var-02 a,
.mod-btn.var-02 button {
  border-color: #dbdbdb;
  background: #fff;
  color: #222;
}

.mod-btn.var-02 a[href]:focus,
.mod-btn.var-02 a[href]:hover,
.mod-btn.var-02 button[type]:not(:disabled):focus,
.mod-btn.var-02 button[type]:not(:disabled):hover,
.mod-btn .btn.var-02 a[href]:focus,
.mod-btn .btn.var-02 a[href]:hover,
.mod-btn .btn.var-02 button[type]:not(:disabled):focus,
.mod-btn .btn.var-02 button[type]:not(:disabled):hover {
  background-color: #f4f4f4;
}

.mod-btn.var-02 .btn.of-arrow-right a::before,
.mod-btn.var-02 .btn.of-arrow-right button[type]::before,
.mod-btn.var-02 .btn.of-arrow-left a::before,
.mod-btn.var-02 .btn.of-arrow-left button[type]::before,
.mod-btn .btn.var-02.of-arrow-right a::before,
.mod-btn .btn.var-02.of-arrow-right button[type]::before,
.mod-btn .btn.var-02.of-arrow-left a::before,
.mod-btn .btn.var-02.of-arrow-left button[type]::before {
  background-color: #c00;
}

.mod-btn.var-02 .btn.of-arrow-right a::after,
.mod-btn.var-02 .btn.of-arrow-right button[type]::after,
.mod-btn.var-02 .btn.of-arrow-left a::after,
.mod-btn.var-02 .btn.of-arrow-left button[type]::after,
.mod-btn .btn.var-02.of-arrow-right a::after,
.mod-btn .btn.var-02.of-arrow-right button[type]::after,
.mod-btn .btn.var-02.of-arrow-left a::after,
.mod-btn .btn.var-02.of-arrow-left button[type]::after {
  background-color: #c00;
}

.mod-btn.var-03 a,
.mod-btn.var-03 button,
.mod-btn .btn.var-03 a,
.mod-btn .btn.var-03 button {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}

.mod-btn.var-03 a[href]:focus,
.mod-btn.var-03 a[href]:hover,
.mod-btn.var-03 button[type]:not(:disabled):focus,
.mod-btn.var-03 button[type]:not(:disabled):hover,
.mod-btn .btn.var-03 a[href]:focus,
.mod-btn .btn.var-03 a[href]:hover,
.mod-btn .btn.var-03 button[type]:not(:disabled):focus,
.mod-btn .btn.var-03 button[type]:not(:disabled):hover {
  border-color: #222;
  background-color: #fff;
  color: #222;
}

.mod-btn.var-03 .btn.of-arrow-right a::after,
.mod-btn.var-03 .btn.of-arrow-right button[type]::after,
.mod-btn.var-03 .btn.of-arrow-left a::after,
.mod-btn.var-03 .btn.of-arrow-left button[type]::after,
.mod-btn .btn.var-03.of-arrow-right a::after,
.mod-btn .btn.var-03.of-arrow-right button[type]::after,
.mod-btn .btn.var-03.of-arrow-left a::after,
.mod-btn .btn.var-03.of-arrow-left button[type]::after {
  background-color: #fff;
}

.mod-btn.var-03 a[href]:focus::after,
.mod-btn.var-03 a[href]:hover::after,
.mod-btn.var-03 button[type]:not(:disabled):focus::after,
.mod-btn.var-03 button[type]:not(:disabled):hover::after,
.mod-btn .var-03 a[href]:focus::after,
.mod-btn .var-03 a[href]:hover::after,
.mod-btn .var-03 button[type]:not(:disabled):focus::after,
.mod-btn .var-03 button[type]:not(:disabled):hover::after {
  background-color: #c00;
}

.mod-btn.var-04 a,
.mod-btn.var-04 button,
.mod-btn .btn.var-04 a,
.mod-btn .btn.var-04 button {
  border: 1px solid #c00;
  border-color: #c00;
  background-color: #c00;
  color: #fff;
}

.mod-btn.var-04 a[href]:focus,
.mod-btn.var-04 a[href]:hover,
.mod-btn.var-04 button[type]:not(:disabled):focus,
.mod-btn.var-04 button[type]:not(:disabled):hover,
.mod-btn .btn.var-04 a[href]:focus,
.mod-btn .btn.var-04 a[href]:hover,
.mod-btn .btn.var-04 button[type]:not(:disabled):focus,
.mod-btn .btn.var-04 button[type]:not(:disabled):hover {
  border-color: #c00;
  background-color: #fff;
  color: #c00;
}

.mod-btn.var-04 .btn.of-arrow-right a::after,
.mod-btn.var-04 .btn.of-arrow-right button[type]::after,
.mod-btn.var-04 .btn.of-arrow-left a::after,
.mod-btn.var-04 .btn.of-arrow-left button[type]::after,
.mod-btn .btn.var-04.of-arrow-right a::after,
.mod-btn .btn.var-04.of-arrow-right button[type]::after,
.mod-btn .btn.var-04.of-arrow-left a::after,
.mod-btn .btn.var-04.of-arrow-left button[type]::after {
  background-color: #fff;
}

.mod-btn.var-04 a[href]:focus::after,
.mod-btn.var-04 a[href]:hover::after,
.mod-btn.var-04 button[type]:not(:disabled):focus::after,
.mod-btn.var-04 button[type]:not(:disabled):hover::after,
.mod-btn .var-04 a[href]:focus::after,
.mod-btn .var-04 a[href]:hover::after,
.mod-btn .var-04 button[type]:not(:disabled):focus::after,
.mod-btn .var-04 button[type]:not(:disabled):hover::after {
  background-color: #c00;
}

[class*=mod-btn].var-04 a::before,
[class*=mod-btn] .var-04 a::before,
[class*=mod-btn].var-04 .btn .icon::before,
[class*=mod-btn] .var-04.btn .icon::before,
[class*=mod-btn].var-04 button::before,
[class*=mod-btn] .var-04 button::before {
  background-color: #fff;
}

[class*=mod-btn].var-04 a::after,
[class*=mod-btn] .var-04 a::after,
[class*=mod-btn].var-04 .btn .icon::after,
[class*=mod-btn] .var-04.btn .icon::after,
[class*=mod-btn].var-04 button::after,
[class*=mod-btn] .var-04 button::after {
  border: none;
}

.mod-btn.var-05 a,
.mod-btn.var-05 button {
  background: #c00;
  color: #fff;
}

[class*=mod-btn].var-05 a {
  padding: 0;
  border: none;
  border-radius: 0;
}

[class*=mod-btn].var-05 a::before,
[class*=mod-btn] .var-05 a::before,
[class*=mod-btn].var-05 .btn .icon::before,
[class*=mod-btn] .var-05.btn .icon::before,
[class*=mod-btn].var-05 button::before,
[class*=mod-btn] .var-05 button::before,
[class*=mod-btn].var-05 a::after,
[class*=mod-btn] .var-05 a::after,
[class*=mod-btn].var-05 .btn .icon::after,
[class*=mod-btn] .var-05.btn .icon::after,
[class*=mod-btn].var-05 button::after,
[class*=mod-btn] .var-05 button::after {
  content: none;
}

[class*=mod-btn].var-05 .anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

[class*=mod-btn].var-05 .icon {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
  margin-right: 10px;
  padding: 8px;
  background-color: #fff;
}

[class*=mod-btn].var-05 .icon .image {
  width: 75%;
  max-width: 100%;
}

[class*=mod-btn].var-05 .text {
  display: block;
}

[class*=mod-btn].align-center .inner,
[class*=mod-btn].align-center-wide .inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[class*=mod-btn][class*=align-center] .back,
[class*=mod-btn][class*=align-center] .next {
  margin: 5px 15px;
}

.mod-btn > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -20px 0 0 -20px;
}

.mod-btn > .inner > .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  letter-spacing: normal;
}

.mod-btn > .inner > .btn.search a,
.mod-btn > .inner > .btn.logoin a {
  min-width: 300px;
  padding: 14px 13px;
  background-color: #c00;
  color: #fff;
  font-weight: normal;
}

.mod-btn > .inner > .btn.search a::before {
  content: none;
}

.mod-btn > .inner > .btn.search a::after {
  content: none;
}

.mod-btn > .inner > .btn.of-noFixWidth a,
.mod-btn > .inner > .btn.of-noFixWidth button {
  width: auto;
}

/* Button Single column - base */
.of-full .mod-btn .of-single {
  margin-right: 6px;
  margin-left: 6px;
}

.mod-btn .of-single {
  display: block;
  margin-top: 0;
}

.mod-btn .of-single .btn {
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}

@media screen and (min-width: 768px), print {
  .mod-btn a[href],
  .mod-btn button[type]:not(:disabled) {
    -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  }
  .mod-btn.align-left-wide > .inner {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-btn.align-right-wide > .inner {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-btn:not([data-col-wide]).align-right-wide > .inner > .btn {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-btn:not([data-col-wide]).align-left-wide > .inner > .btn {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-btn > .inner > .btn.of-noFixWidth a,
  .mod-btn > .inner > .btn.of-noFixWidth button,
  .mod-btn > .inner > .btn.of-noFixWidth-middle a,
  .mod-btn > .inner > .btn.of-noFixWidth-middle button,
  .mod-btn > .inner > .btn.of-noFixWidth-wide a,
  .mod-btn > .inner > .btn.of-noFixWidth-wide button {
    width: auto;
  }
  .mod-btn.var-02 a[href]:focus,
  .mod-btn.var-02 a[href]:hover,
  .mod-btn.var-02 button[type]:not(:disabled):focus,
  .mod-btn.var-02 button[type]:not(:disabled):hover {
    background: #f4f4f4;
    color: #222;
  }
  .mod-btn.var-03 a[href]:focus,
  .mod-btn.var-03 a[href]:hover,
  .mod-btn.var-03 button[type]:not(:disabled):focus,
  .mod-btn.var-03 button[type]:not(:disabled):hover {
    background: #fff;
    color: #222;
  }
  [class*=mod-btn].var-04 a[href]:focus,
  [class*=mod-btn] .var-04 a[href]:focus,
  [class*=mod-btn].var-04 a[href]:hover,
  [class*=mod-btn] .var-04 a[href]:hover,
  [class*=mod-btn].var-04 input:focus,
  [class*=mod-btn] .var-04 input:focus,
  [class*=mod-btn].var-04 input:hover,
  [class*=mod-btn] .var-04 input:hover,
  [class*=mod-btn].var-04 button[type]:not(:disabled):focus,
  [class*=mod-btn] .var-04 button[type]:not(:disabled):focus,
  [class*=mod-btn].var-04 button[type]:not(:disabled):hover,
  [class*=mod-btn] .var-04 button[type]:not(:disabled):hover {
    border-color: #c00;
    background: #fff;
    color: #c00;
  }
  [class*=mod-btn][class*=align-center] .back,
  [class*=mod-btn][class*=align-center] .next {
    margin: 5px 10px;
  }
  .mod-btn + .mod-pnl {
    margin-top: 40px;
  }
  .mod-btn + .mod-box-02 {
    margin-top: 80px;
  }
  .mod-btn.align-left .of-single .btn {
    margin-right: auto;
    margin-left: inherit;
  }
  .mod-btn.align-right .of-single .btn {
    margin-right: inherit;
    margin-left: auto;
  }
}
/* Button BreakPoints - base */
.mod-btn > .inner > .btn.of-noFixWidth a,
.mod-btn > .inner > .btn.of-noFixWidth button {
  width: auto;
}

.mod-btn[data-col] > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-btn[data-col]:not([data-col=auto]) > .inner > .btn > a,
.mod-btn[data-col]:not([data-col=auto]) > .inner > .btn > button {
  width: 100%;
}

.mod-btn:not([data-col]).align-right > .inner > .btn {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-btn:not([data-col]).align-left > .inner > .btn {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-btn[data-col="1"] > .inner a,
.mod-btn[data-col="1"] > .inner button[type] {
  width: 100%;
}

[class*=mod-btn][data-col=auto] > .inner > .btn {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-btn[data-col="1"] > .inner > .btn {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-btn[data-col="2"] > .inner > .btn {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-btn[data-col="3"] > .inner > .btn {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-btn[data-col="4"] > .inner > .btn {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-btn[data-col="5"] > .inner > .btn {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-btn[data-col="6"] > .inner > .btn {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-btn > .inner > .btn.of-noFixWidth a,
  .mod-btn > .inner > .btn.of-noFixWidth button,
  .mod-btn > .inner > .btn.of-noFixWidth-middle a,
  .mod-btn > .inner > .btn.of-noFixWidth-middle button,
  .mod-btn > .inner > .btn.of-noFixWidth-wide a,
  .mod-btn > .inner > .btn.of-noFixWidth-wide button {
    width: auto;
  }
  .mod-btn[data-col-wide=auto] > .inner > .btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-btn[data-col-wide="1"] > .inner > .btn {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .mod-btn[data-col-wide="2"] > .inner > .btn {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-btn[data-col-wide="3"] > .inner > .btn {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-btn[data-col-wide="4"] > .inner > .btn {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-btn[data-col-wide="5"] > .inner > .btn {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-btn[data-col-wide="6"] > .inner > .btn {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-btn[data-col-wide]:not([data-col-wide=auto]) > .inner > .btn a,
  .mod-btn[data-col-wide]:not([data-col-wide=auto]) > .inner > .btn button {
    width: 100%;
  }
  .mod-btn[data-col-wide][data-col-wide=auto] > .inner > .btn a,
  .mod-btn[data-col-wide][data-col-wide=auto] > .inner > .btn button {
    min-width: 220px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-btn > .inner {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-btn a,
  .mod-btn button[type] {
    margin: 26px 0 0 26px;
  }
}
[class*=mod-btn] a:not([href]):not([role=button]),
[class*=mod-btn] a[role=button][aria-disabled=true],
[class*=mod-btn] button:disabled {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[class*=mod-btn] > .inner > .btn.of-shop a,
[class*=mod-btn] > .inner > .btn.of-shop button[type] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-right: 18px;
  padding-left: 18px;
}

[class*=mod-btn] > .inner > .btn.of-shop a::after,
[class*=mod-btn] > .inner > .btn.of-shop button[type]::after {
  content: none;
}

[class*=mod-btn] > .inner > .btn.of-shop a::before,
[class*=mod-btn] > .inner > .btn.of-shop button[type]::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-color: #222;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
}

.mod-btn > .inner > .btn.of-shop.var-03 a::before,
.mod-btn > .inner > .btn.of-shop.var-03 button[type]::before,
.mod-btn.var-03 > .inner > .btn.of-shop a::before,
.mod-btn.var-03 > .inner > .btn.of-shop button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn.of-shop.var-03 a[href]:hover::before,
.mod-btn > .inner > .btn.of-shop.var-03 button[type]:hover::before,
.mod-btn.var-03 > .inner > .btn.of-shop a[href]:hover::before,
.mod-btn.var-03 > .inner > .btn.of-shop button[type]:hover::before,
.mod-btn > .inner > .btn.of-shop.var-03 a[href]:focus::before,
.mod-btn > .inner > .btn.of-shop.var-03 button[type]:focus::before,
.mod-btn.var-03 > .inner > .btn.of-shop a[href]:focus::before,
.mod-btn.var-03 > .inner > .btn.of-shop button[type]:focus::before {
  background-color: #222;
}

.mod-btn > .inner > .btn.of-shop.var-04 a::before,
.mod-btn > .inner > .btn.of-shop.var-04 button[type]::before,
.mod-btn.var-04 > .inner > .btn.of-shop a::before,
.mod-btn.var-04 > .inner > .btn.of-shop button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn.of-shop.var-04 a[href]:hover::before,
.mod-btn > .inner > .btn.of-shop.var-04 button[type]:hover::before,
.mod-btn.var-04 > .inner > .btn.of-shop a[href]:hover::before,
.mod-btn.var-04 > .inner > .btn.of-shop button[type]:hover::before,
.mod-btn > .inner > .btn.of-shop.var-04 a[href]:focus::before,
.mod-btn > .inner > .btn.of-shop.var-04 button[type]:focus::before,
.mod-btn.var-04 > .inner > .btn.of-shop a[href]:focus::before,
.mod-btn.var-04 > .inner > .btn.of-shop button[type]:focus::before {
  background-color: #c00;
}

[class*=mod-btn] > .inner > .btn.of-modal a,
[class*=mod-btn] > .inner > .btn.of-modal button[type] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 14px 18px;
  text-align: left;
}

[class*=mod-btn] > .inner > .btn.of-modal a::after,
[class*=mod-btn] > .inner > .btn.of-modal button[type]::after {
  content: none;
}

[class*=mod-btn] > .inner > .btn.of-modal a::before,
[class*=mod-btn] > .inner > .btn.of-modal button[type]::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 30px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-color: #c00;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PHBhdGggZD0ibTMuNDQxIDYuODgxLTMuNDQxLTMuNDQgMy40NDEtMy40NDEiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA1LjI2OCAxOS44NjYpIi8+PHBhdGggZD0ibTAgMCAzLjQ0MSAzLjQ0MS0zLjQ0MSAzLjQ0IiBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgMTcuNDMzIDcuNzAxKSIvPjxwYXRoIGQ9Im0wIDMuNDQxIDMuNDQxLTMuNDQxIDMuNDQgMy40NDEiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA1LjI2OCAxMC4xMzQpIi8+PHBhdGggZD0ibTYuODgxIDAtMy40NCAzLjQ0MS0zLjQ0MS0zLjQ0MSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAuNzA3MTA3IDE3LjQzMyAyMi4yOTkpIi8+PC9nPjxwYXRoIGQ9Im02IDFoLTZjLS41NDkgMC0xLS40NTEtMS0xcy40NTEtMSAxLTFoNmMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMXoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTUpIi8+PHBhdGggZD0ibTYgMWgtNmMtLjU0OSAwLTEtLjQ1MS0xLTFzLjQ1MS0xIDEtMWg2Yy41NDkgMCAxIC40NTEgMSAxcy0uNDUxIDEtMSAxeiIgZmlsbD0iI2MwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAxNSAxMikiLz48L3N2Zz4=") no-repeat center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYzMGgtMzB6Ii8+PHBhdGggZD0ibTMuNDQxIDYuODgxLTMuNDQxLTMuNDQgMy40NDEtMy40NDEiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA1LjI2OCAxOS44NjYpIi8+PHBhdGggZD0ibTAgMCAzLjQ0MSAzLjQ0MS0zLjQ0MSAzLjQ0IiBzdHJva2U9IiNjMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgMTcuNDMzIDcuNzAxKSIvPjxwYXRoIGQ9Im0wIDMuNDQxIDMuNDQxLTMuNDQxIDMuNDQgMy40NDEiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA1LjI2OCAxMC4xMzQpIi8+PHBhdGggZD0ibTYuODgxIDAtMy40NCAzLjQ0MS0zLjQ0MS0zLjQ0MSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxMDcgLS43MDcxMDcgLjcwNzEwNyAuNzA3MTA3IDE3LjQzMyAyMi4yOTkpIi8+PC9nPjxwYXRoIGQ9Im02IDFoLTZjLS41NDkgMC0xLS40NTEtMS0xcy40NTEtMSAxLTFoNmMuNTQ5IDAgMSAuNDUxIDEgMXMtLjQ1MSAxLTEgMXoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIgMTUpIi8+PHBhdGggZD0ibTYgMWgtNmMtLjU0OSAwLTEtLjQ1MS0xLTFzLjQ1MS0xIDEtMWg2Yy41NDkgMCAxIC40NTEgMSAxcy0uNDUxIDEtMSAxeiIgZmlsbD0iI2MwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAxNSAxMikiLz48L3N2Zz4=") no-repeat center;
}

.mod-btn > .inner > .btn.of-modal.var-03 a::before,
.mod-btn > .inner > .btn.of-modal.var-03 button[type]::before,
.mod-btn.var-03 > .inner > .btn.of-modal a::before,
.mod-btn.var-03 > .inner > .btn.of-modal button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn.of-modal.var-03 a[href]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-03 a[role=button]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-03 button[type]:hover::before,
.mod-btn.var-03 > .inner > .btn.of-modal a[href]:hover::before,
.mod-btn.var-03 > .inner > .btn.of-modal a[role=button]:hover::before,
.mod-btn.var-03 > .inner > .btn.of-modal button[type]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-03 a[href]:focus::before,
.mod-btn > .inner > .btn.of-modal.var-03 a[role=button]:focus::before,
.mod-btn > .inner > .btn.of-modal.var-03 button[type]:focus::before,
.mod-btn.var-03 > .inner > .btn.of-modal a[href]:focus::before,
.mod-btn.var-03 > .inner > .btn.of-modal a[role=button]:focus::before,
.mod-btn.var-03 > .inner > .btn.of-modal button[type]:focus::before {
  background-color: #222;
}

.mod-btn > .inner > .btn.of-modal.var-04 a::before,
.mod-btn > .inner > .btn.of-modal.var-04 button[type]::before,
.mod-btn.var-04 > .inner > .btn.of-modal a::before,
.mod-btn.var-04 > .inner > .btn.of-modal button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn.of-modal.var-04 a[href]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-04 a[role=button]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-04 button[type]:hover::before,
.mod-btn.var-04 > .inner > .btn.of-modal a[href]:hover::before,
.mod-btn.var-04 > .inner > .btn.of-modal a[role=button]:hover::before,
.mod-btn.var-04 > .inner > .btn.of-modal button[type]:hover::before,
.mod-btn > .inner > .btn.of-modal.var-04 a[href]:focus::before,
.mod-btn > .inner > .btn.of-modal.var-04 a[role=button]:focus::before,
.mod-btn > .inner > .btn.of-modal.var-04 button[type]:focus::before,
.mod-btn.var-04 > .inner > .btn.of-modal a[href]:focus::before,
.mod-btn.var-04 > .inner > .btn.of-modal a[role=button]:focus::before,
.mod-btn.var-04 > .inner > .btn.of-modal button[type]:focus::before {
  background-color: #c00;
}

[class*=mod-btn] > .inner > .btn.of-modal a[href]:hover,
[class*=mod-btn] > .inner > .btn.of-modal a[role=button]:hover,
[class*=mod-btn] > .inner > .btn.of-modal a[href]:focus,
[class*=mod-btn] > .inner > .btn.of-modal a[role=button]:focus {
  background-color: #f4f4f4;
}

.mod-btn > .inner > .btn.of-modal.var-02 a[href]:hover,
.mod-btn > .inner > .btn.of-modal.var-02 a[role=button]:hover,
.mod-btn.var-02 > .inner > .btn.of-modal a[href]:hover,
.mod-btn.var-02 > .inner > .btn.of-modal a[role=button]:hover,
.mod-btn > .inner > .btn.of-modal.var-02 a[href]:focus,
.mod-btn > .inner > .btn.of-modal.var-02 a[role=button]:focus,
.mod-btn.var-02 > .inner > .btn.of-modal a[href]:focus,
.mod-btn.var-02 > .inner > .btn.of-modal a[role=button]:focus {
  background-color: #f4f4f4;
}

.mod-btn > .inner > .btn.of-modal.var-03 a[hre]:hover,
.mod-btn > .inner > .btn.of-modal.var-03 a[role=button]:hover,
.mod-btn.var-03 > .inner > .btn.of-modal a[href]:hover,
.mod-btn.var-03 > .inner > .btn.of-modal a[role=button]:hover,
.mod-btn > .inner > .btn.of-modal.var-03 a[hre]:focus,
.mod-btn > .inner > .btn.of-modal.var-03 a[role=button]:focus,
.mod-btn.var-03 > .inner > .btn.of-modal a[href]:focus,
.mod-btn.var-03 > .inner > .btn.of-modal a[role=button]:focus {
  border-color: #222;
  background-color: #fff;
  color: #222;
}

.mod-btn > .inner > .btn.of-modal.var-04 a[href]:hover,
.mod-btn > .inner > .btn.of-modal.var-04 a[role=button]:hover,
.mod-btn.var-04 > .inner > .btn.of-modal a[href]:hover,
.mod-btn.var-04 > .inner > .btn.of-modal a[role=button]:hover,
.mod-btn > .inner > .btn.of-modal.var-04 a[href]:focus,
.mod-btn > .inner > .btn.of-modal.var-04 a[role=button]:focus,
.mod-btn.var-04 > .inner > .btn.of-modal a[href]:focus,
.mod-btn.var-04 > .inner > .btn.of-modal a[role=button]:focus {
  border-color: #c00;
  background-color: #fff;
  color: #c00;
}

[class*=mod-btn] > .inner > .btn[class*=of-icon-] a,
[class*=mod-btn] > .inner > .btn[class*=of-icon-] button[type] {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-right: 18px;
  padding-left: 18px;
}

[class*=mod-btn] > .inner > .btn[class*=of-icon-] a::after,
[class*=mod-btn] > .inner > .btn[class*=of-icon-] button[type]::after {
  content: none;
}

[class*=mod-btn] > .inner > .btn[class*=of-icon-] a::before,
[class*=mod-btn] > .inner > .btn[class*=of-icon-] button[type]::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-color: #222;
  -webkit-mask: no-repeat center;
          mask: no-repeat center;
}

.mod-btn > .inner > .btn[class*=of-icon-].var-03 a::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-03 button[type]::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] a::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn[class*=of-icon-].var-03 a[href]:hover::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-03 button[type]:hover::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] a[href]:hover::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] button[type]:hover::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-03 a[href]:focus::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-03 button[type]:focus::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] a[href]:focus::before,
.mod-btn.var-03 > .inner > .btn[class*=of-icon-] button[type]:focus::before {
  background-color: #222;
}

.mod-btn > .inner > .btn[class*=of-icon-].var-04 a::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-04 button[type]::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] a::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] button[type]::before {
  background-color: #fff;
}

.mod-btn > .inner > .btn[class*=of-icon-].var-04 a[href]:hover::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-04 button[type]:hover::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] a[href]:hover::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] button[type]:hover::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-04 a[href]:focus::before,
.mod-btn > .inner > .btn[class*=of-icon-].var-04 button[type]:focus::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] a[href]:focus::before,
.mod-btn.var-04 > .inner > .btn[class*=of-icon-] button[type]:focus::before {
  background-color: #c00;
}

.mod-btn > .inner > .btn.of-icon-download a::before,
.mod-btn > .inner > .btn.of-icon-download button[type]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48L2NsaXBQYXRoPjxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNhKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoyIj48cGF0aCBkPSJtMjcuNzcxIDI2LjgxM2gyLjg1MmE2LjEgNi4xIDAgMSAwIDAtMTIuMTloLTEuMTQ2YTguMzE4IDguMzE4IDAgMCAwIC0xNi4xMjcgMi43MDd2LjE3NmE0LjY4NiA0LjY4NiAwIDAgMCAuMzUxIDkuMzUzaDQuMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC4wNzUgLTguMDI4KSIvPjxwYXRoIGQ9Im0wIDEzLjIzNXYtMTMuMjM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC43OTQgMTUuNDc2KSIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMjY2IC0xMS4zNzcpIi8+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48L2NsaXBQYXRoPjxnIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNhKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoyIj48cGF0aCBkPSJtMjcuNzcxIDI2LjgxM2gyLjg1MmE2LjEgNi4xIDAgMSAwIDAtMTIuMTloLTEuMTQ2YTguMzE4IDguMzE4IDAgMCAwIC0xNi4xMjcgMi43MDd2LjE3NmE0LjY4NiA0LjY4NiAwIDAgMCAuMzUxIDkuMzUzaDQuMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOC4wNzUgLTguMDI4KSIvPjxwYXRoIGQ9Im0wIDEzLjIzNXYtMTMuMjM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC43OTQgMTUuNDc2KSIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMjY2IC0xMS4zNzcpIi8+PC9nPjwvc3ZnPg==");
}

.mod-btn > .inner > .btn.of-icon-catalog a::before,
.mod-btn > .inner > .btn.of-icon-catalog button[type]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMC03LjUxOGE3LjcgNy43IDAgMCAxIDYuMi0zLjQ4MiA3LjU1OSA3LjU1OSAwIDAgMSA2LjE1MSAzLjQ4MnYxNy40MDdzLTEuODI3LTQuMTE0LTYuMTUxLTQuMTE0YTcuNSA3LjUgMCAwIDAgLTYuMiAyLjg0OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDcgMTUuMzc5KSIvPjxwYXRoIGQ9Im0wLTcuNTE4YTcuNyA3LjcgMCAwIDEgNi4yLTMuNDgyIDcuNTU5IDcuNTU5IDAgMCAxIDYuMTUxIDMuNDgydjE2LjE0MWE3LjMzNyA3LjMzNyAwIDAgMCAtNi4xNTEtMi44NDhjLTQuMzE3IDAtNi4yIDQuMTE0LTYuMiA0LjExNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjgyMyAxNS4zNzkpIi8+PC9nPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMC03LjUxOGE3LjcgNy43IDAgMCAxIDYuMi0zLjQ4MiA3LjU1OSA3LjU1OSAwIDAgMSA2LjE1MSAzLjQ4MnYxNy40MDdzLTEuODI3LTQuMTE0LTYuMTUxLTQuMTE0YTcuNSA3LjUgMCAwIDAgLTYuMiAyLjg0OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDcgMTUuMzc5KSIvPjxwYXRoIGQ9Im0wLTcuNTE4YTcuNyA3LjcgMCAwIDEgNi4yLTMuNDgyIDcuNTU5IDcuNTU5IDAgMCAxIDYuMTUxIDMuNDgydjE2LjE0MWE3LjMzNyA3LjMzNyAwIDAgMCAtNi4xNTEtMi44NDhjLTQuMzE3IDAtNi4yIDQuMTE0LTYuMiA0LjExNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjgyMyAxNS4zNzkpIi8+PC9nPjwvZz48L3N2Zz4=");
}

.mod-btn > .inner > .btn.of-icon-manual a::before,
.mod-btn > .inner > .btn.of-icon-manual button[type]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0yOC4zMjIgMTV2MTEuMjVhMi41NjEgMi41NjEgMCAwIDEgLTIuNjE3IDIuNWgtMTMuMDg4YTIuNTYxIDIuNTYxIDAgMCAxIC0yLjYxNy0yLjV2LTE4Ljc1YTIuNTYxIDIuNTYxIDAgMCAxIDIuNjE3LTIuNWg5LjE2MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjU3MiAtMS44NzUpIi8+PHBhdGggZD0ibTM0LjI1IDExLjI1aC00LjU0NGExLjcwNiAxLjcwNiAwIDAgMSAtMS43MDYtMS43MDZ2LTQuNTQ0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjUgLTEuODc1KSIvPjxwYXRoIGQ9Im0yOCA1YzUuNTcgMCA2LjI1IDMuNjgyIDYuMjUgNi4yNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC41IC0xLjg3NSkiLz48cGF0aCBkPSJtMTEgMTMuNWg3IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0ibTExIDE3LjVoNyIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xMSAyMS41aDciIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0yOC4zMjIgMTV2MTEuMjVhMi41NjEgMi41NjEgMCAwIDEgLTIuNjE3IDIuNWgtMTMuMDg4YTIuNTYxIDIuNTYxIDAgMCAxIC0yLjYxNy0yLjV2LTE4Ljc1YTIuNTYxIDIuNTYxIDAgMCAxIDIuNjE3LTIuNWg5LjE2MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjU3MiAtMS44NzUpIi8+PHBhdGggZD0ibTM0LjI1IDExLjI1aC00LjU0NGExLjcwNiAxLjcwNiAwIDAgMSAtMS43MDYtMS43MDZ2LTQuNTQ0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjUgLTEuODc1KSIvPjxwYXRoIGQ9Im0yOCA1YzUuNTcgMCA2LjI1IDMuNjgyIDYuMjUgNi4yNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC41IC0xLjg3NSkiLz48cGF0aCBkPSJtMTEgMTMuNWg3IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0ibTExIDE3LjVoNyIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xMSAyMS41aDciIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9nPjwvc3ZnPg==");
}

.mod-btn > .inner > .btn.of-icon-software a::before,
.mod-btn > .inner > .btn.of-icon-software button[type]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTUgMTcuMDAydi0xMiIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDU5IC0yMy4wODYpIi8+PHBhdGggZD0ibS0xNDMyLjkyMy0xNzE0MS4yMjV2MTBoMjB2LTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDM3LjkyMyAxNzE1My4yMjYpIi8+PC9nPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTUgMTcuMDAydi0xMiIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDU5IC0yMy4wODYpIi8+PHBhdGggZD0ibS0xNDMyLjkyMy0xNzE0MS4yMjV2MTBoMjB2LTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDM3LjkyMyAxNzE1My4yMjYpIi8+PC9nPjwvZz48L3N2Zz4=");
}

.mod-btn > .inner > .btn.of-icon-upload a::before,
.mod-btn > .inner > .btn.of-icon-upload button[type]::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0wIDQuOGgxMS40bC00LjgtNC44IiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEgMCAxMC4yMDEgMTguMjU4KSIvPjxwYXRoIGQ9Im00LjggMC00LjggNC44IiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEgMCAxNSAxMS42NTkpIi8+PHBhdGggZD0ibS0zMzc2Ljc0IDkxNDguMjh2Ni42NmgxOS41NXYtNi42NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM4MS45NyAtOTEzMS44KSIvPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0wIDQuOGgxMS40bC00LjgtNC44IiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEgMCAxMC4yMDEgMTguMjU4KSIvPjxwYXRoIGQ9Im00LjggMC00LjggNC44IiB0cmFuc2Zvcm09Im1hdHJpeCgwIC0xIDEgMCAxNSAxMS42NTkpIi8+PHBhdGggZD0ibS0zMzc2Ljc0IDkxNDguMjh2Ni42NmgxOS41NXYtNi42NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM4MS45NyAtOTEzMS44KSIvPjwvZz48L3N2Zz4=");
}

.mod-btn-download {
  margin: 40px 0;
  text-align: center;
}

.mod-btn-download > .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0;
}

.mod-btn-download > .inner > .hdg {
  margin: 0 0 32px;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
}

.mod-btn-download > .inner > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: -20px 0 0;
}

.mod-btn-download > .inner > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 20px 0 0;
}

.mod-btn-download > .inner > .list > li > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  padding: 14px 18px;
  overflow: hidden;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.mod-btn-download > .inner > .list > li > .item[href]:focus, .mod-btn-download > .inner > .list > li > .item[href]:hover {
  background-color: #f4f4f4;
}

.mod-btn-download > .inner > .list > li > .item.is-disabled {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mod-btn-download > .inner > .list > li > .item.is-disabled,
.mod-btn-download > .inner > .list > li > .item.is-disabled:focus,
.mod-btn-download > .inner > .list > li > .item.is-disabled:hover {
  background-color: #f8f8f8;
}

.mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) {
  display: none;
}

.mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) img {
  display: none;
}

.mod-btn-download > .inner > .list > li > .item > span:last-child:not(:first-child) {
  margin: 0;
}

.mod-btn-download.align-left-wide > .inner > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-btn-download.align-right-wide > .inner > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-btn-download[data-col=auto] > .inner > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-btn-download[data-col="2"] > .inner > .list,
.mod-btn-download[data-col="3"] > .inner > .list,
.mod-btn-download[data-col="4"] > .inner > .list,
.mod-btn-download[data-col="5"] > .inner > .list,
.mod-btn-download[data-col="6"] > .inner > .list {
  margin-left: -20px;
}

.mod-btn-download[data-col="2"] > .inner > .list > li,
.mod-btn-download[data-col="3"] > .inner > .list > li,
.mod-btn-download[data-col="4"] > .inner > .list > li,
.mod-btn-download[data-col="5"] > .inner > .list > li,
.mod-btn-download[data-col="6"] > .inner > .list > li {
  padding-left: 20px;
}

.mod-btn-download[data-col=auto] > .inner > .list {
  margin-left: -20px;
}

.mod-btn-download[data-col=auto] > .inner > .list > li {
  padding-left: 20px;
}

.mod-btn-download[data-col="2"] > .inner > .list > li,
.mod-btn-download[data-col="3"] > .inner > .list > li,
.mod-btn-download[data-col="4"] > .inner > .list > li,
.mod-btn-download[data-col="5"] > .inner > .list > li,
.mod-btn-download[data-col="6"] > .inner > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px), print {
  .mod-btn-download {
    text-align: left;
  }
  .mod-btn-download > .inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mod-btn-download > .inner + .inner {
    margin-top: -20px;
  }
  .mod-btn-download > .inner > .hdg {
    margin-bottom: 32px;
    font-size: 2.8rem;
    letter-spacing: 0.06em;
  }
  .mod-btn-download > .inner > .list > li > .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 14px 18px;
    -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    font-size: 1.6rem;
  }
  .mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) {
    -ms-flex-preferred-size: 42px;
        flex-basis: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
  }
  .mod-btn-download > .inner > .list > li > .item > span:first-child:not(:last-child) img {
    max-width: 42px;
    max-height: 42px;
  }
  .mod-btn-download > .inner > .list > li > .item > span:last-child:not(:first-child) {
    position: relative;
    top: 0;
    margin: 0;
  }
  .mod-btn-download > .inner > .list > li > .item:focus,
  .mod-btn-download > .inner > .list > li > .item:hover {
    background-color: #f4f4f4;
  }
  .mod-btn-download.align-left-wide > .inner > .list {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .mod-btn-download.align-right-wide > .inner > .list {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list,
  .mod-btn-download[data-col-wide="3"] > .inner > .list,
  .mod-btn-download[data-col-wide="4"] > .inner > .list,
  .mod-btn-download[data-col-wide="5"] > .inner > .list,
  .mod-btn-download[data-col-wide="6"] > .inner > .list,
  .mod-btn-download[data-col-wide=auto] > .inner > .list,
  .mod-btn-download[data-col="2"] > .inner > .list,
  .mod-btn-download[data-col="3"] > .inner > .list,
  .mod-btn-download[data-col="4"] > .inner > .list,
  .mod-btn-download[data-col="5"] > .inner > .list,
  .mod-btn-download[data-col="6"] > .inner > .list {
    margin-left: -20px;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="3"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="4"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="5"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="6"] > .inner > .list > li,
  .mod-btn-download[data-col-wide=auto] > .inner > .list > li,
  .mod-btn-download[data-col="2"] > .inner > .list > li,
  .mod-btn-download[data-col="3"] > .inner > .list > li,
  .mod-btn-download[data-col="4"] > .inner > .list > li,
  .mod-btn-download[data-col="5"] > .inner > .list > li,
  .mod-btn-download[data-col="6"] > .inner > .list > li {
    padding-left: 20px;
  }
  .mod-btn-download[data-col="2"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="2"] > .inner > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-btn-download[data-col="3"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="3"] > .inner > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-btn-download[data-col="4"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="4"] > .inner > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-btn-download[data-col="5"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="5"] > .inner > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-btn-download[data-col="6"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="6"] > .inner > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-btn-download[data-col-wide=auto] > .inner > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-btn-download[data-col-wide] > .inner > .list {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-btn-download[data-col] > .inner > .list > li,
  .mod-btn-download[data-col-wide] > .inner > .list > li {
    padding: 26px 0 0 26px;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list,
  .mod-btn-download[data-col-wide="3"] > .inner > .list,
  .mod-btn-download[data-col-wide="4"] > .inner > .list,
  .mod-btn-download[data-col-wide="5"] > .inner > .list,
  .mod-btn-download[data-col-wide="6"] > .inner > .list,
  .mod-btn-download[data-col-wide=auto] > .inner > .list,
  .mod-btn-download[data-col="2"] > .inner > .list,
  .mod-btn-download[data-col="3"] > .inner > .list,
  .mod-btn-download[data-col="4"] > .inner > .list,
  .mod-btn-download[data-col="5"] > .inner > .list,
  .mod-btn-download[data-col="6"] > .inner > .list {
    margin-left: -26px;
  }
  .mod-btn-download[data-col-wide="2"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="3"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="4"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="5"] > .inner > .list > li,
  .mod-btn-download[data-col-wide="6"] > .inner > .list > li,
  .mod-btn-download[data-col-wide=auto] > .inner > .list > li,
  .mod-btn-download[data-col="2"] > .inner > .list > li,
  .mod-btn-download[data-col="3"] > .inner > .list > li,
  .mod-btn-download[data-col="4"] > .inner > .list > li,
  .mod-btn-download[data-col="5"] > .inner > .list > li,
  .mod-btn-download[data-col="6"] > .inner > .list > li {
    padding-left: 26px;
  }
}
.mod-btn-download[data-col] > .inner > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px), print {
  .mod-btn-download[data-col-wide] > .inner > .list > li.of-full,
  .mod-btn-download[data-col-wide] > .inner > .list > li.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
}
.mod-btn-download > .inner > .list > li .item::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-color: #222;
  -webkit-mask: no-repeat center;
          mask: no-repeat center;
}

.mod-btn-download > .inner > .list > li .item:not([class*=of-icon])::before {
  display: none;
}

.mod-btn-download > .inner > .list > li .item.of-icon-catalog::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMC03LjUxOGE3LjcgNy43IDAgMCAxIDYuMi0zLjQ4MiA3LjU1OSA3LjU1OSAwIDAgMSA2LjE1MSAzLjQ4MnYxNy40MDdzLTEuODI3LTQuMTE0LTYuMTUxLTQuMTE0YTcuNSA3LjUgMCAwIDAgLTYuMiAyLjg0OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDcgMTUuMzc5KSIvPjxwYXRoIGQ9Im0wLTcuNTE4YTcuNyA3LjcgMCAwIDEgNi4yLTMuNDgyIDcuNTU5IDcuNTU5IDAgMCAxIDYuMTUxIDMuNDgydjE2LjE0MWE3LjMzNyA3LjMzNyAwIDAgMCAtNi4xNTEtMi44NDhjLTQuMzE3IDAtNi4yIDQuMTE0LTYuMiA0LjExNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjgyMyAxNS4zNzkpIi8+PC9nPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMC03LjUxOGE3LjcgNy43IDAgMCAxIDYuMi0zLjQ4MiA3LjU1OSA3LjU1OSAwIDAgMSA2LjE1MSAzLjQ4MnYxNy40MDdzLTEuODI3LTQuMTE0LTYuMTUxLTQuMTE0YTcuNSA3LjUgMCAwIDAgLTYuMiAyLjg0OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNDcgMTUuMzc5KSIvPjxwYXRoIGQ9Im0wLTcuNTE4YTcuNyA3LjcgMCAwIDEgNi4yLTMuNDgyIDcuNTU5IDcuNTU5IDAgMCAxIDYuMTUxIDMuNDgydjE2LjE0MWE3LjMzNyA3LjMzNyAwIDAgMCAtNi4xNTEtMi44NDhjLTQuMzE3IDAtNi4yIDQuMTE0LTYuMiA0LjExNHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjgyMyAxNS4zNzkpIi8+PC9nPjwvZz48L3N2Zz4=");
}

.mod-btn-download > .inner > .list > li .item.of-icon-manual::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0yOC4zMjIgMTV2MTEuMjVhMi41NjEgMi41NjEgMCAwIDEgLTIuNjE3IDIuNWgtMTMuMDg4YTIuNTYxIDIuNTYxIDAgMCAxIC0yLjYxNy0yLjV2LTE4Ljc1YTIuNTYxIDIuNTYxIDAgMCAxIDIuNjE3LTIuNWg5LjE2MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjU3MiAtMS44NzUpIi8+PHBhdGggZD0ibTM0LjI1IDExLjI1aC00LjU0NGExLjcwNiAxLjcwNiAwIDAgMSAtMS43MDYtMS43MDZ2LTQuNTQ0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjUgLTEuODc1KSIvPjxwYXRoIGQ9Im0yOCA1YzUuNTcgMCA2LjI1IDMuNjgyIDYuMjUgNi4yNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC41IC0xLjg3NSkiLz48cGF0aCBkPSJtMTEgMTMuNWg3IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0ibTExIDE3LjVoNyIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xMSAyMS41aDciIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9nPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0yOC4zMjIgMTV2MTEuMjVhMi41NjEgMi41NjEgMCAwIDEgLTIuNjE3IDIuNWgtMTMuMDg4YTIuNTYxIDIuNTYxIDAgMCAxIC0yLjYxNy0yLjV2LTE4Ljc1YTIuNTYxIDIuNTYxIDAgMCAxIDIuNjE3LTIuNWg5LjE2MSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjU3MiAtMS44NzUpIi8+PHBhdGggZD0ibTM0LjI1IDExLjI1aC00LjU0NGExLjcwNiAxLjcwNiAwIDAgMSAtMS43MDYtMS43MDZ2LTQuNTQ0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjUgLTEuODc1KSIvPjxwYXRoIGQ9Im0yOCA1YzUuNTcgMCA2LjI1IDMuNjgyIDYuMjUgNi4yNSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC41IC0xLjg3NSkiLz48cGF0aCBkPSJtMTEgMTMuNWg3IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0ibTExIDE3LjVoNyIgc3Ryb2tlPSIjMjIyIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Im0xMSAyMS41aDciIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PC9nPjwvc3ZnPg==");
}

.mod-btn-download > .inner > .list > li .item.of-icon-software::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTUgMTcuMDAydi0xMiIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDU5IC0yMy4wODYpIi8+PHBhdGggZD0ibS0xNDMyLjkyMy0xNzE0MS4yMjV2MTBoMjB2LTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDM3LjkyMyAxNzE1My4yMjYpIi8+PC9nPjwvZz48L3N2Zz4=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAwaDMwdjMwaC0zMHoiLz48ZyBzdHJva2U9IiMyMjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMTUgMTcuMDAydi0xMiIvPjxwYXRoIGQ9Im0yMS4yOSAzNi4xMSAzLjc2OSAzLjg5IDMuNzY5LTMuODk1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDU5IC0yMy4wODYpIi8+PHBhdGggZD0ibS0xNDMyLjkyMy0xNzE0MS4yMjV2MTBoMjB2LTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDM3LjkyMyAxNzE1My4yMjYpIi8+PC9nPjwvZz48L3N2Zz4=");
}

.mod-btn-nav {
  margin: 40px 0;
  padding: 28px 0 0;
  overflow: visible;
  border-top: 1px solid #dbdbdb;
}

.mod-btn-nav > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 576px), print {
  .mod-btn-nav > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
  }
}

.mod-btn-nav > .inner > .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 576px), print {
  .mod-btn-nav > .inner > .btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 50%;
  }
}

.mod-btn-nav > .inner > .btn.of-noFixWidth a,
.mod-btn-nav > .inner > .btn.of-noFixWidth input,
.mod-btn-nav > .inner > .btn.of-noFixWidth button {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
}

.mod-btn-nav a,
.mod-btn-nav button[type] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  padding: 14px 18px;
  overflow: hidden;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .mod-btn-nav a,
  .mod-btn-nav button[type] {
    width: auto;
    min-width: 0;
  }
}

.mod-btn-nav a[href]:focus,
.mod-btn-nav a[href]:hover,
.mod-btn-nav button[type]:not(:disabled):focus,
.mod-btn-nav button[type]:not(:disabled):hover {
  background-color: #f4f4f4;
}

.mod-btn-nav a[href]:focus,
.mod-btn-nav a[href]:hover,
.mod-btn-nav button[type]:not(:disabled):focus,
.mod-btn-nav button[type]:not(:disabled):hover {
  background-color: #f4f4f4;
}

.mod-btn-nav .btn.back {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mod-btn-nav .btn.next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mod-btn-nav .btn.next a,
.mod-btn-nav .btn.next button[type] {
  padding: 14px 40px;
}
@media screen and (min-width: 576px), print {
  .mod-btn-nav .btn.next a,
  .mod-btn-nav .btn.next button[type] {
    padding-left: 18px;
  }
}

.mod-btn-nav .btn.back a,
.mod-btn-nav .btn.back button[type] {
  padding: 14px 40px;
}
@media screen and (min-width: 576px), print {
  .mod-btn-nav .btn.back a,
  .mod-btn-nav .btn.back button[type] {
    padding-right: 18px;
  }
}

.mod-btn-nav a::before,
.mod-btn-nav button[type]::before,
.mod-btn-nav a::after,
.mod-btn-nav button[type]::after {
  content: none;
}

.mod-btn-nav .btn.next a::after,
.mod-btn-nav .btn.next button[type]::after,
.mod-btn-nav .btn.back a::after,
.mod-btn-nav .btn.back button[type]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
  margin: auto 0;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: none;
  background-color: #c00;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center;
}

.mod-btn-nav .btn.next a::after,
.mod-btn-nav .btn.next button[type]::after {
  right: 16px;
  left: auto;
}

.mod-btn-nav .btn.back a::after,
.mod-btn-nav .btn.back button[type]::after {
  right: auto;
  left: 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.mod-btn-nav .btn .icon {
  position: relative;
}

.mod-btn-nav .btn .icon::before {
  z-index: 0;
  left: 11px;
  width: 15px;
  height: 15px;
  border-radius: 36px;
  background: #1a1a1a;
}

.mod-btn-nav .btn .icon::after,
.mod-btn-nav .btn .icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.mod-btn-nav .btn .icon::before {
  z-index: 1;
  left: 11px;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #1a1a1a;
}

.mod-btn-nav .btn .icon::after {
  z-index: 1;
  left: 17px;
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: 1px solid #fff;
  border-width: 1px 1px 0 0;
}

.mod-btn-nav > .inner > .btn.of-left .icon::after {
  border-width: 0 0 1px 1px;
}

.mod-lang-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 10px 0;
}
.mod-lang-switch.align-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mod-lang-switch.align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-lang-switch.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mod-lang-switch .lang-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.mod-lang-switch .lang-toggle a {
  text-decoration: none;
}
.mod-lang-switch .lang-toggle__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 40px;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  color: #222;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-lang-switch .lang-toggle__item[data-is-current] {
  border-color: #c00;
  background-color: #c00;
  color: #fff;
}
.mod-lang-switch .lang-toggle__item[href]:hover, .mod-lang-switch .lang-toggle__item[href]:focus {
  background-color: #f4f4f4;
}
.mod-lang-switch .lang-toggle__item:first-child {
  border-radius: 6px 0 0 6px;
}
.mod-lang-switch .lang-toggle__item:last-child {
  border-radius: 0 6px 6px 0;
}

.mod-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto 80px;
}
.mod-pager > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 300px;
  margin-left: -20px;
}
.mod-pager > .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  border-radius: 12px;
}
.mod-pager > .list li[data-first-item]::after, .mod-pager > .list li[data-last-item]::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQiIHZpZXdCb3g9IjAgMCAyMCA0IiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzVmNWY1ZiI+PGNpcmNsZSBjeD0iMTgiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iMTAiIGN5PSIyIiByPSIyIi8+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiLz48L2c+PC9zdmc+") center left no-repeat;
  background-size: auto 4px;
}
.mod-pager > .list li[data-first-item]::after {
  content: "";
  right: -10px;
  margin-left: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.mod-pager > .list li[data-last-item]::before {
  content: "";
  left: -10px;
  margin-right: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mod-pager > .list a {
  display: block;
  -webkit-transition: color 0.2s, background-color 0.2s, broder-color 0.2s;
  transition: color 0.2s, background-color 0.2s, broder-color 0.2s;
  border-radius: 12px;
  background-color: inherit;
  color: #707070;
  text-decoration: none;
}
.mod-pager > .list a:focus-visible {
  outline: none;
}
.mod-pager > .list a:focus-visible .pager-item {
  outline: 2px solid #222;
  outline-offset: 2px;
}
.mod-pager > .list a[href]:hover,
.mod-pager > .list a[href]:focus {
  background-color: #f4f4f4;
  color: #707070;
}
.mod-pager > .list a[data-is-current],
.mod-pager > .list a[data-is-current]:hover,
.mod-pager > .list a[data-is-current]:focus {
  -webkit-transition: none;
  transition: none;
  border-color: #c00;
  background-color: #c00;
  color: #fff;
  pointer-events: none;
}
.mod-pager .pager-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 46px;
  padding: 10px 4px;
  -webkit-transition: color 0.2s, background-color 0.2s, broder-color 0.2s;
  transition: color 0.2s, background-color 0.2s, broder-color 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: inherit;
  color: inherit;
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: 700;
}
.mod-pager [data-is-current] .pager-item {
  -webkit-transition: none;
  transition: none;
}
@media screen and (min-width: 768px), print {
  .mod-pager > .list li[data-first-item]::after, .mod-pager > .list li[data-last-item]::before {
    position: static;
    right: auto;
    left: auto;
    width: 44px;
    height: 46px;
    -webkit-transform: none;
            transform: none;
    background-position: center;
    background-size: auto 4px;
  }
  .mod-pager > .list li[data-first-item]::after {
    margin-left: 20px;
  }
  .mod-pager > .list li[data-last-item]::before {
    margin-right: 20px;
  }
}

/*! = Modules/List */
/* #044 汎用リスト */
.mod-list {
  margin: 0 0 30px;
}

.mod-list > .list > li {
  margin-bottom: 0;
  line-height: 1.65;
}

.mod-list > .list > li + li {
  margin-top: 12px;
}

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

.mod-list > .list > li > span:first-child,
.mod-list > .list > li > span ~ * {
  padding-left: 34px;
}

.mod-list > .list > li > span:first-child {
  display: block;
  position: relative;
}

.mod-list > .list > li > span:first-child + * {
  margin-top: 0;
}

.mod-list > .list > li > span:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 10px;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 10px;
  background-color: #c00;
}

.mod-list.of-dot-small > .list > li > span:first-child::before {
  top: 0.7em;
  left: 12px;
  width: 6px;
  height: 6px;
}

:is(table) .mod-list > .list > li > span:first-child::before {
  top: 0.7em;
  left: 12px;
  width: 6px;
  height: 6px;
}

/* コンテンツカラム　汎用 */
.mod-list[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-list[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-list[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-list.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-list.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-list[data-col] > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list[data-col] > .list {
  margin-top: -12px;
}

.mod-list[data-col] > .list > li {
  margin-top: 0;
  padding-top: 12px;
}

.mod-list[data-col="2"] > .list,
.mod-list[data-col="3"] > .list,
.mod-list[data-col="4"] > .list,
.mod-list[data-col="5"] > .list,
.mod-list[data-col="6"] > .list {
  margin-left: -20px;
}

.mod-list[data-col="2"] > .list > li,
.mod-list[data-col="3"] > .list > li,
.mod-list[data-col="4"] > .list > li,
.mod-list[data-col="5"] > .list > li,
.mod-list[data-col="6"] > .list > li {
  padding-left: 20px;
}

.mod-list[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-list[data-col=auto] > .list > li {
  padding-left: 20px;
}

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

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

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

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

.mod-list[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-list[data-col-wide] > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list[data-col-wide] > .list > li {
    margin-top: 0;
  }
  .mod-list[data-col] > .list,
  .mod-list[data-col-wide] > .list {
    margin-top: -12px;
  }
  .mod-list[data-col] > .list > li,
  .mod-list[data-col-wide] > .list > li {
    padding-top: 12px;
  }
  .mod-list[data-col-wide] > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list[data-col-wide="2"] > .list,
  .mod-list[data-col-wide="3"] > .list,
  .mod-list[data-col="2"] > .list,
  .mod-list[data-col="3"] > .list {
    margin-left: -20px;
  }
  .mod-list[data-col-wide="2"] > .list > li,
  .mod-list[data-col-wide="3"] > .list > li,
  .mod-list[data-col="2"] > .list > li,
  .mod-list[data-col="3"] > .list > li {
    padding-left: 20px;
  }
  .mod-list[data-col-wide="4"] > .list,
  .mod-list[data-col-wide="5"] > .list,
  .mod-list[data-col-wide="6"] > .list,
  .mod-list[data-col-wide=auto] > .list,
  .mod-list[data-col="4"] > .list,
  .mod-list[data-col="5"] > .list,
  .mod-list[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-list[data-col-wide="4"] > .list > li,
  .mod-list[data-col-wide="5"] > .list > li,
  .mod-list[data-col-wide="6"] > .list > li,
  .mod-list[data-col-wide=auto] > .list > li,
  .mod-list[data-col="4"] > .list > li,
  .mod-list[data-col="5"] > .list > li,
  .mod-list[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-list[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-list[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-list[data-col-wide="2"] > .list,
  .mod-list[data-col-wide="3"] > .list,
  .mod-list[data-col="2"] > .list,
  .mod-list[data-col="3"] > .list {
    margin-left: -26px;
  }
  .mod-list[data-col-wide="2"] > .list > li,
  .mod-list[data-col-wide="3"] > .list > li,
  .mod-list[data-col="2"] > .list > li,
  .mod-list[data-col="3"] > .list > li {
    padding-left: 26px;
  }
  .mod-list[data-col-wide="4"] > .list,
  .mod-list[data-col-wide="5"] > .list,
  .mod-list[data-col-wide="6"] > .list,
  .mod-list[data-col-wide=auto] > .list,
  .mod-list[data-col="4"] > .list,
  .mod-list[data-col="5"] > .list,
  .mod-list[data-col="6"] > .list {
    margin-left: -26px;
  }
  .mod-list[data-col-wide="4"] > .list > li,
  .mod-list[data-col-wide="5"] > .list > li,
  .mod-list[data-col-wide="6"] > .list > li,
  .mod-list[data-col-wide=auto] > .list > li,
  .mod-list[data-col="4"] > .list > li,
  .mod-list[data-col="5"] > .list > li,
  .mod-list[data-col="6"] > .list > li {
    padding-left: 26px;
  }
}
/* #046 左寄せテキスト（ビュレットなし）
------------------------------------ */
.mod-list-noBullet {
  margin: 0 0 30px;
}

.mod-list-ordered {
  margin: 0 0 30px;
  counter-reset: mod-list-ordered;
}

.mod-list-ordered > ol.list,
.mod-list-ordered > ul.list {
  display: block;
}

.mod-list-ordered > ol.list > li,
.mod-list-ordered > ul.list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 0;
  line-height: 1.65;
  counter-increment: mod-list-ordered;
}

.mod-list-ordered > ol.list > li + li,
.mod-list-ordered > ul.list > li + li {
  margin-top: 12px;
}

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

.mod-list-ordered > ol.list > li::before,
.mod-list-ordered > ul.list > li::before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: left;
  white-space: initial;
}

.mod-list-ordered > ol.list > li::before,
.mod-list-ordered > ul.list > li::before {
  content: counter(mod-list-ordered) ".";
}

.mod-list-ordered[data-auto-count-type=alphabet] > ol.list > li::before,
.mod-list-ordered[data-auto-count-type=alphabet] > ul.list > li::before {
  content: counter(mod-list-ordered, lower-alpha) ".";
}

.mod-list-ordered > ol.list > li > .symbol,
.mod-list-ordered > ul.list > li > .symbol {
  display: none;
}

.mod-list-ordered[data-list-symbol] > ol.list > li::before,
.mod-list-ordered[data-list-symbol] > ul.list > li::before {
  content: none;
}

.mod-list-ordered[data-list-symbol] > ol.list > li > .symbol,
.mod-list-ordered[data-list-symbol] > ul.list > li > .symbol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0.2em;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 30px;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: left;
  white-space: initial;
}
.mod-list-ordered[data-list-symbol] > ol.list > li > .symbol > span,
.mod-list-ordered[data-list-symbol] > ul.list > li > .symbol > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Roboto", sans-serif;
}

.mod-list-ordered[data-list-symbol=circle] > ol.list > li > .symbol > span,
.mod-list-ordered[data-list-symbol=circle] > ul.list > li > .symbol > span {
  width: 24px;
  height: 24px;
  border: 1px solid #c00;
  border-radius: 24px;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 24px;
}

.mod-list-ordered > ol.list > li > .content,
.mod-list-ordered > ul.list > li > .content {
  display: block;
  padding: 0 0 0 4px;
  vertical-align: initial;
}

.mod-list-ordered > ol.list > li > .content > :first-child,
.mod-list-ordered > ul.list > li > .content > :first-child {
  margin-top: 0;
}

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

@media screen and (min-width: 768px), print {
  .mod-list-ordered > ol.list > li > .content,
  .mod-list-ordered > ul.list > li > .content {
    padding-left: 4px;
  }
}
.mod-list-notice {
  margin-top: 0;
  margin-bottom: 30px;
}

.mod-list-notice > .list {
  display: table;
  width: 100%;
  font-size: 1.4rem;
}

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

.mod-list-notice > .list > li > * {
  display: table-cell;
  padding: 0 0 4px;
  font-size: 1.4rem;
  line-height: 1.65;
  vertical-align: baseline;
}

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

.mod-list-notice > .list > li > .symbol {
  min-width: 34px;
  padding-right: 4px;
  color: #767676;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  white-space: nowrap;
}

.mod-list-notice > .list > li > .content {
  width: 100%;
  color: #767676;
}

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

.mod-list-notice > .list > li > .content > :first-child {
  margin-top: 0;
}

@media screen and (min-width: 768px), print {
  .mod-list-notice > .list > li > * {
    padding-bottom: 4px;
  }
  .mod-list-notice > .list > li:last-child > * {
    padding-bottom: 0;
  }
  .mod-list-notice > .list > li > .symbol {
    padding-right: 4px;
  }
}
.mod-list-hasSymbol02 {
  margin: 0 0 40px;
}

.mod-list-hasSymbol02 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -20px 0 0 -20px;
}

.mod-list-hasSymbol02 > .list > *,
.mod-list-hasSymbol02 > .list .anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 0 20px;
}

.mod-list-hasSymbol02 > .list > * > .content,
.mod-list-hasSymbol02 > .list > * > .symbol,
.mod-list-hasSymbol02 > .list .anker .content,
.mod-list-hasSymbol02 > .list .anker .symbol {
  background: #f4f4f4;
}

.mod-list-hasSymbol02 > .list > * > .symbol,
.mod-list-hasSymbol02 > .list .anker .symbol {
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
  min-width: initial;
  max-width: initial;
  padding: 20px 14px 20px 20px;
  border-radius: 6px 0 0 6px;
}

.mod-list-hasSymbol02 > .list > * > .symbol img,
.mod-list-hasSymbol02 > .list > * > .symbol > span,
.mod-list-hasSymbol02 > .list .anker .symbol img,
.mod-list-hasSymbol02 > .list .anker .symbol > span {
  display: block;
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  width: 100%;
  min-width: 60px;
  max-width: 60px;
  height: auto;
}

.mod-list-hasSymbol02.of-small-symbol > .list > * > .symbol img,
.mod-list-hasSymbol02.of-small-symbol > .list > * > .symbol > span,
.mod-list-hasSymbol02.of-small-symbol > .list .anker .symbol img,
.mod-list-hasSymbol02.of-small-symbol > .list .anker .symbol > span {
  -ms-flex-preferred-size: 36px;
      flex-basis: 36px;
  min-width: 36px;
  max-width: 36px;
}

.mod-list-hasSymbol02 > .list > * > .symbol > span,
.mod-list-hasSymbol02 > .list .anker .symbol > span {
  display: block;
}

.mod-list-hasSymbol02 > .list > * > .content,
.mod-list-hasSymbol02 > .list .anker .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px 20px 20px 0;
  border-radius: 0 6px 6px 0;
  line-height: 1.65;
}

.mod-list-hasSymbol02.of-content-middle > .list > * > .content,
.mod-list-hasSymbol02.of-content-middle > .list .anker .content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-list-hasSymbol02 > .list > * > .content > span,
.mod-list-hasSymbol02 > .list .anker .content > span {
  font-size: 1.4rem;
}

.mod-list-hasSymbol02 > .list > * > .content > span > b,
.mod-list-hasSymbol02 > .list .anker .content > span > b {
  display: block;
  margin-bottom: 4px;
  font-size: 1.6rem;
  line-height: 1.375;
}

.mod-list-hasSymbol02 > .list > * > .content > :first-child,
.mod-list-hasSymbol02 > .list .anker .content > :first-child {
  margin-top: 0;
}

.mod-list-hasSymbol02 > .list > * > .content > :last-child,
.mod-list-hasSymbol02 > .list .anker .content > :last-child {
  margin-bottom: 0;
}

.mod-list-hasSymbol02 > .list > * > .content > span:first-child,
.mod-list-hasSymbol02 > .list .anker .content > span:first-child {
  display: block;
}

.mod-list-hasSymbol02 > .list > * > .content > span:not(:last-child) + *,
.mod-list-hasSymbol02 > .list .anker .content > span:not(:last-child) + * {
  margin-top: 6px;
}

.mod-list-hasSymbol02:not([data-col]) > .list > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-list-hasSymbol02[data-col=auto] > .list > * {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-list-hasSymbol02.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-list-hasSymbol02.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-list-hasSymbol02[data-col="1"] > .list > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-list-hasSymbol02[data-col="2"] > .list > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-list-hasSymbol02[data-col="3"] > .list > * {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-list-hasSymbol02[data-col="4"] > .list > * {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-list-hasSymbol02[data-col="5"] > .list > * {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-list-hasSymbol02[data-col="6"] > .list > * {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-list-hasSymbol02 > .list {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-list-hasSymbol02 > .list > * {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-list-hasSymbol02 > .list > * > .symbol,
  .mod-list-hasSymbol02 > .list .anker .symbol {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    min-width: initial;
    max-width: initial;
    padding: 30px 20px 30px 30px;
  }
  .mod-list-hasSymbol02 > .list > * > .symbol img,
  .mod-list-hasSymbol02 > .list > * > .symbol > span,
  .mod-list-hasSymbol02 > .list .anker .symbol img,
  .mod-list-hasSymbol02 > .list .anker .symbol > span {
    -ms-flex-preferred-size: 74px;
        flex-basis: 74px;
    min-width: 74px;
    max-width: 74px;
  }
  .mod-list-hasSymbol02.of-small-symbol > .list > * > .symbol img,
  .mod-list-hasSymbol02.of-small-symbol > .list > * > .symbol > span,
  .mod-list-hasSymbol02.of-small-symbol > .list .anker .symbol img,
  .mod-list-hasSymbol02.of-small-symbol > .list .anker .symbol > span {
    -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
    min-width: 48px;
    max-width: 48px;
  }
  .mod-list-hasSymbol02 > .list > * > .symbol img {
    width: 100%;
    height: auto;
  }
  .mod-list-hasSymbol02 > .list > * > .content,
  .mod-list-hasSymbol02 > .list .anker .content {
    padding: 30px 30px 30px 0;
  }
  .mod-list-hasSymbol02 > .list > * + * {
    margin-top: 0;
  }
  .mod-list-hasSymbol02[data-col-wide=auto] > .list > * {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  .mod-list-hasSymbol02[data-col-wide="1"] > .list > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .mod-list-hasSymbol02[data-col-wide="2"] > .list > * {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-hasSymbol02[data-col-wide="3"] > .list > * {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list-hasSymbol02[data-col-wide="4"] > .list > * {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list-hasSymbol02[data-col-wide="5"] > .list > * {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list-hasSymbol02[data-col-wide="6"] > .list > * {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
}
.mod-list-description-02 {
  margin: 0 0 40px;
}

.mod-list-description-02 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #dbdbdb;
}

.mod-list-description-02 > .list > div {
  display: block;
}

.mod-list-description-02 > .list > div > * {
  display: block;
  display: flow-root;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  border-bottom: none;
  vertical-align: initial;
}

.mod-list-description-02 > .list > div > dt {
  padding-top: 30px;
  padding-bottom: 16px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.mod-list-description-02 > .list > div > dd {
  padding-bottom: 30px;
  padding-left: 0;
  border-bottom: 1px solid #dbdbdb;
  line-height: 1.65;
}

.mod-list-description-02 > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description-02 > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .mod-list-description-02 > .list > div > * {
    padding: 0 20px;
  }
  .mod-list-description-02 > .list > div:first-child > * {
    padding-top: 0;
  }
  .mod-list-description-02 > .list > div:first-child > dt {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .mod-list-description-02 > .list > div:first-child > dd {
    padding-top: 0;
  }
  .mod-list-description-02 > .list > div > dt {
    padding-top: 40px;
    font-weight: 700;
  }
  .mod-list-description-02 > .list > div > dd {
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
}
.mod-list-description {
  margin: 0 0 40px;
}

.mod-list-description > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-description > .list > div {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

.mod-list-description > .list > div > dt {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.mod-list-description > .list > div > dd {
  line-height: 1.65;
}

.mod-list-description > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

.mod-list-description > .list > div > dd + dd {
  margin-top: 6px;
}

.mod-list-description > .list > div + div {
  padding: 40px 0 0;
}

.mod-list-description[data-col] > .list {
  margin-top: -40px;
}

.mod-list-description[data-col] > .list > div {
  padding-top: 40px;
}

.mod-list-description[data-col] > .list > div.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-list-description[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-list-description[data-col=auto] > .list > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

.mod-list-description.align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-list-description.align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-list-description[data-col="2"] > .list,
.mod-list-description[data-col="3"] > .list,
.mod-list-description[data-col="4"] > .list,
.mod-list-description[data-col="5"] > .list,
.mod-list-description[data-col="6"] > .list {
  margin-left: -10px;
}

.mod-list-description[data-col="2"] > .list > div,
.mod-list-description[data-col="3"] > .list > div,
.mod-list-description[data-col="4"] > .list > div,
.mod-list-description[data-col="5"] > .list > div,
.mod-list-description[data-col="6"] > .list > div {
  padding-left: 10px;
}

.mod-list-description[data-col="2"] > .list > div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-list-description[data-col="3"] > .list > div {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-list-description[data-col="4"] > .list > div {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-list-description[data-col="5"] > .list > div {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-list-description[data-col="6"] > .list > div {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

@media screen and (min-width: 768px), print {
  .mod-list-description {
    margin: 0 0 40px;
  }
  .mod-list-description > .list > div > dt {
    margin-bottom: 16px;
    padding-bottom: 12px;
    font-size: 2rem;
  }
  .mod-list-description[data-col-wide] > .list {
    margin-top: -40px;
  }
  .mod-list-description[data-col-wide] > .list > div {
    padding-top: 40px;
  }
  .mod-list-description[data-col-wide] > .list > div.of-full,
  .mod-list-description[data-col-wide] > .list > div.of-full-wide {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }
  .mod-list-description[data-col-wide] > .list > div.of-fillin,
  .mod-list-description[data-col-wide] > .list > div.of-fillin-wide {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    max-width: none;
  }
  .mod-list-description[data-col-wide="2"] > .list,
  .mod-list-description[data-col-wide="3"] > .list,
  .mod-list-description[data-col-wide="4"] > .list,
  .mod-list-description[data-col-wide="5"] > .list,
  .mod-list-description[data-col-wide="6"] > .list,
  .mod-list-description[data-col-wide=auto] {
    margin-left: -20px;
  }
  .mod-list-description[data-col-wide="2"] > .list > div,
  .mod-list-description[data-col-wide="3"] > .list > div,
  .mod-list-description[data-col-wide="4"] > .list > div,
  .mod-list-description[data-col-wide="5"] > .list > div,
  .mod-list-description[data-col-wide="6"] > .list > div,
  .mod-list-description[data-col-wide=auto] > .list > div {
    padding-left: 20px;
  }
  .mod-list-description[data-col-wide="2"] > .list > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-list-description[data-col-wide="3"] > .list > div {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-list-description[data-col-wide="4"] > .list > div {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-list-description[data-col-wide="5"] > .list > div {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-list-description[data-col-wide="6"] > .list > div {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-list-description[data-col-wide=auto] > .list > div {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-list-description[data-col-wide] > .list {
    margin-top: -40px;
  }
  .mod-list-description[data-col-wide] > .list > div {
    padding-top: 40px;
  }
  .mod-list-description[data-col-wide="2"] > .list,
  .mod-list-description[data-col-wide="3"] > .list,
  .mod-list-description[data-col-wide="4"] > .list,
  .mod-list-description[data-col-wide="5"] > .list,
  .mod-list-description[data-col-wide="6"] > .list,
  .mod-list-description[data-col-wide=auto] {
    margin-left: -26px;
  }
  .mod-list-description[data-col-wide="2"] > .list > div,
  .mod-list-description[data-col-wide="3"] > .list > div,
  .mod-list-description[data-col-wide="4"] > .list > div,
  .mod-list-description[data-col-wide="5"] > .list > div,
  .mod-list-description[data-col-wide="6"] > .list > div,
  .mod-list-description[data-col-wide=auto] > .list > div {
    padding-left: 26px;
  }
}
.mod-list-description > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

.mod-list-description > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description > .list > div + div {
  padding: 40px 0 0;
}

@media screen and (min-width: 768px), print {
  .mod-list-description > .list > div + div {
    padding-top: 40px;
  }
}
.mod-list-description-03 {
  margin: 0 0 30px;
}

.mod-list-description-03 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-description-03 > .list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 100%;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mod-list-description-03 > .list > div:first-child {
  margin-top: 0;
}

.mod-list-description-03 > .list > div > * {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}

.mod-list-description-03 > .list > div > dt {
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 16px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.mod-list-description-03 > .list > div > dd {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  padding-left: 0;
  line-height: 1.65;
}

.mod-list-description-03 > .list > div > dd > :first-child {
  margin-top: 0;
}

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

.mod-list-description-03 > .list > div > dd > span {
  display: block;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px), print {
  .mod-list-description-03 > .list > div {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    margin-top: 0;
  }
  .mod-list-description-03 > .list > div > dt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 146px;
    min-width: 146px;
    margin: 0;
    padding: 0;
    border-bottom: none;
    font-size: 1.6rem;
    line-height: 1.65;
  }
  .mod-list-description-03 > .list > div > dd {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 100%;
            flex: 2 1 100%;
    padding-left: 20px;
  }
}
.mod-list-news {
  margin: 0 0 40px;
  padding: 0;
}

.mod-list-news.of-list-bottom-line {
  margin-bottom: 0;
}
.mod-list-news.of-list-bottom-line > .list > li:last-child {
  margin-bottom: 16px;
  border-bottom: 1px solid #dbdbdb;
}
.mod-list-news.of-list-bottom-line > .list > li:last-child > .content {
  margin-bottom: 16px;
}

.mod-list-news + .mod-link {
  margin-top: 0;
}

.mod-list-news > .list > li + li {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #dbdbdb;
}

.mod-list-news > .list > li .state,
.mod-list-news > .list > li > .state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 16px;
}

.mod-list-news > .list > li .state .date,
.mod-list-news > .list > li > .state .date {
  min-width: 0;
  color: #767676;
}

.mod-list-news > .list > li .state .date:not(:last-child),
.mod-list-news > .list > li > .state .date:not(:last-child) {
  margin-right: 10px;
}

.mod-list-news > .list > li .state .tag,
.mod-list-news > .list > li div > .state .tag,
.mod-list-news > .list > li > .state .tag,
.mod-list-news > .list > li > div > .state .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: auto;
  min-height: 23px;
  padding: 3px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}

.mod-list-news > .list > li .content,
.mod-list-news > .list > li > .content {
  margin: 0;
}

.mod-list-news > .list > li .content > :first-child,
.mod-list-news > .list > li > .content > :first-child {
  margin-top: 0;
}

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

.mod-list-news > .list > li .content > * + .list,
.mod-list-news > .list > li .content > * + .notice,
.mod-list-news > .list > li .content > * + .summary,
.mod-list-news > .list > li > .content > * + .list,
.mod-list-news > .list > li > .content > * + .notice,
.mod-list-news > .list > li > .content > * + .summary {
  margin: 16px 0;
}

.mod-list-news > .list > li .content .summary ~ [class^=mod-],
.mod-list-news > .list > li > .content .summary ~ [class^=mod-] {
  margin-bottom: 12px;
}

.mod-list-news > .list > li .content > .summary .mod-list-news > .list > li > .content > .summary {
  margin-bottom: 16px;
}

.mod-list-news > .list > li .content > .summary a,
.mod-list-news > .list > li > .content > .summary a {
  color: #222;
  text-decoration: none;
}

.mod-list-news > .list > li .content > dl.list > div > dt .mod-list-news > .list > li > .content > dl.list > div > dt {
  margin: 0 0 1px;
  font-weight: 700;
}

.mod-list-news > .list > li .content > dl.list > div > dd .mod-list-news > .list > li > .content > dl.list > div > dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 2px;
}

.mod-list-news > .list > li .content > dl.list > div > dd > span + span,
.mod-list-news > .list > li > .content > dl.list > div > dd > span + span {
  position: relative;
  margin: 0 0 0 6px;
  padding: 0 0 0 8px;
}

.mod-list-news > .list > li .content > dl.list > div > dd > span + span::before,
.mod-list-news > .list > li > .content > dl.list > div > dd > span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1em;
  margin: auto 0;
  border-left: 1px solid #a0a0a0;
}

.mod-list-news > .list > li .content > * + .notice,
.mod-list-news > .list > li > .content > * + .notice {
  margin: 10px 0 20px;
}

.mod-list-news > .list > li .content > .notice > *,
.mod-list-news > .list > li > .content > .notice > * {
  display: table-cell;
}

.mod-list-news > .list > li .content > .notice > small .mod-list-news > .list > li > .content > .notice > small {
  width: 100%;
  padding: 0 0 0 7px;
}

.mod-list-news > .list > li .content > ul.list > li + li,
.mod-list-news > .list > li > .content > ul.list > li + li {
  margin-top: 4px;
}

.mod-list-news > .list > li .content > dl.list > div + div,
.mod-list-news > .list > li > .content > dl.list > div + div {
  margin-top: 4px;
}

@media screen and (min-width: 768px), print {
  .mod-list-news > .list > li {
    display: block;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .mod-list-news > .list > li + li {
    margin-top: 16px;
    padding-top: 16px;
  }
  .mod-list-news > .list > li .state {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
  .mod-list-news > .list > li .state .date {
    margin-right: 10px;
  }
  .mod-list-news > .list > li .state .date:not(:last-child) {
    margin-right: 10px;
  }
  .mod-list-news > .list > li .state .tag {
    width: auto;
    margin: auto 0;
  }
  .mod-list-news > .list > li .content {
    margin-left: 0;
  }
  .mod-list-news > .list > li .content > * + .list,
  .mod-list-news > .list > li .content > * + .summary {
    margin: 10px 0;
  }
  .mod-list-news > .list > li .content > .summary a[href]:hover,
  .mod-list-news > .list > li > .content > .summary a[href]:hover {
    text-decoration: underline;
  }
  .mod-list-news > .list > li .content > * + dl.list {
    margin-top: 10px;
  }
  .mod-list-news > .list > li .content > dl.list > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-news > .list > li .content > dl.list > div > dt {
    margin-right: 10px;
  }
  .mod-list-news > .list > li .content > dl.list > div > dd > span + span {
    margin-left: 20px;
    padding-left: 20px;
  }
  .mod-list-news > .list > li .content > .notice {
    margin-left: 0;
  }
  .mod-list-news > .list > li .content > .notice > small {
    padding-left: 3px;
  }
}
.mod-list-article {
  margin: 0 0 40px;
  padding: 0;
}
.mod-list-article__list {
  display: block;
}
.mod-list-article__item {
  display: -ms-grid;
  display: grid;
  position: relative;
  -ms-grid-columns: 1fr;
      -ms-grid-columns: 1fr;
          grid-template: auto/1fr;
          grid-template-areas: "head" "body" "article-image" "tags";
  padding-block: 28px;
  border-bottom: 1px solid #dbdbdb;
  gap: 12px;
}
@media screen and (min-width: 768px), print {
  .mod-list-article__item {
    -ms-grid-columns: 320px 30px auto;
        -ms-grid-columns: 320px 30px auto;
            grid-template: auto 1fr auto/320px auto;
            grid-template-areas: "article-image head" "article-image body" "article-image tags";
    padding-block: 28px;
    gap: 0 30px;
  }
}
.mod-list-article__head {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  grid-area: head;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 10px;
}
@media screen and (min-width: 768px), print {
  .mod-list-article__head {
    margin-bottom: 14px;
  }
}
.mod-list-article__body {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  grid-area: body;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  gap: 12px;
}
.mod-list-article .summary {
  color: #222;
  font-size: 1.6rem;
  line-height: 1.65;
}
.mod-list-article .summary a {
  color: #222;
  font-size: 1.6rem;
  line-height: 1.65;
  text-decoration: none;
}
.mod-list-article .summary a[href]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
.mod-list-article .summary a[href]:focus-visible::after {
  background-color: rgba(0, 0, 0, 0.02);
}
@media (hover: hover) and (pointer: fine) {
  .mod-list-article .summary a[href]:hover {
    text-decoration: underline;
  }
  .mod-list-article .summary a[href]:hover::after {
    background-color: rgba(0, 0, 0, 0.02);
  }
}
.mod-list-article .sub-text {
  color: #6e6e6e;
  font-size: 1.4rem;
  line-height: 1.65;
}
.mod-list-article .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-list-article .tag[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-list-article .tag[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (hover: hover) and (pointer: fine) {
  .mod-list-article .tag[href]:hover {
    background: #c00;
    color: #fff;
  }
}
.mod-list-article .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #767676;
  font-size: 1.6rem;
}
.mod-list-article .category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 21px;
  padding: 2px 10px;
  border-radius: 40px;
  background-color: #f4f4f4;
  color: #222;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}
.mod-list-article .article-image {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  grid-area: article-image;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.mod-list-article .article-image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.mod-list-article .article-tags {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  grid-area: tags;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 768px), print {
  .mod-list-article .article-tags {
    margin-top: 14px;
  }
}

.mod-list-article + .mod-link {
  margin-top: 0;
}

.mod-list-faq .c-accordion .accordion-list .accordion-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: #f4f4f4;
}

.mod-list-faq .c-accordion .accordion-list .accordion-summary .mark-question {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  margin-right: 8px;
  padding: 15px 0 15px 15px;
  background-color: transparent;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-list-faq.of-uniform-indent .c-accordion .accordion-list .accordion-summary .mark-question {
  min-width: 55px;
}

.mod-list-faq .c-accordion .accordion-list .accordion-summary .content {
  padding: 15px 48px 15px 0;
  line-height: 1.65;
}

.mod-list-faq .accordion-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
}

.mod-list-faq .accordion-content::before {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.mod-list-faq .accordion-content .mark-answer {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  margin-right: 8px;
  padding: 15px 0 15px 15px;
  background-color: transparent;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-list-faq.of-uniform-indent .accordion-content .mark-answer {
  min-width: 55px;
}

.mod-list-faq .accordion-content .accordion-innerWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding-left: 1em;
}

.mod-list-faq .accordion-content > .content {
  padding: 15px 15px 15px 0;
  line-height: 1.65;
}

.mod-list-faq .accordion-summary {
  background-color: transparent;
}

.mod-list-faq .c-accordion .accordion-list {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mod-list-faq .c-accordion .accordion-list:first-child {
  margin-top: 0;
}

.mod-list-faq .c-accordion .accordion-list:last-child {
  margin-bottom: 40px;
}

.mod-list-faq .c-accordion .accordion-list + .accordion-list {
  border-top: 1px solid #dbdbdb;
}

.mod-list-faq .c-accordion .accordion-list .accordion-summary input[type=button] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  color: transparent;
  text-align: left;
}

.mod-list-faq .c-accordion .accordion-summary::before {
  right: 15px;
}

.mod-list-faq .c-accordion .accordion-summary::after {
  content: none;
}

.mod-list-faq .c-accordion .accordion-content.is-active::before {
  content: none;
}

@media screen and (min-width: 768px), print {
  .mod-list-faq .c-accordion .accordion-list .accordion-summary .mark-question {
    padding: 20px 0 20px 20px;
  }
  .mod-list-faq .c-accordion .accordion-list .accordion-summary .content {
    padding: 20px 64px 20px 0;
  }
  .mod-list-faq .accordion-content .mark-answer {
    padding: 20px 0 20px 20px;
  }
  .mod-list-faq.of-uniform-indent .accordion-content .mark-answer {
    min-width: 60px;
  }
  .mod-list-faq .accordion-content > .content {
    padding: 20px 20px 20px 0;
    line-height: 1.65;
  }
  .mod-list-faq .c-accordion .accordion-summary::before {
    right: 20px;
  }
}
.mod-list-toc {
  display: block;
  margin: 0 calc(50% - 50vw) 30px;
  padding: 20px 20px 28px;
  background-color: #f4f4f4;
}
@media screen and (min-width: 768px), print {
  .mod-list-toc {
    margin-inline: auto;
    padding: 40px;
  }
}
:where(.mod-box, .mod-box-02) .mod-list-toc {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}
@media screen and (min-width: 768px), print {
  :where(.mod-box, .mod-box-02) .mod-list-toc {
    margin-inline: auto;
    padding: 0;
  }
}
.mod-list-toc a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  color: #222;
  line-height: 1.65;
  text-decoration: none;
}
.mod-list-toc a[href] {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .mod-list-toc a[href]:hover {
    color: #6e6e6e;
  }
}
.mod-list-toc li {
  color: #222;
  line-height: 1.65;
}
.mod-list-toc > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-list-toc > * + ul {
  margin-top: -10px;
}
.mod-list-toc > ul > li {
  margin: 0;
  padding: 20px 0;
}
.mod-list-toc > ul > li + li {
  border-top: 1px solid #dbdbdb;
}
.mod-list-toc > ul > li:first-child {
  padding-top: 0;
}
.mod-list-toc > ul > li:last-child {
  padding-bottom: 12px;
}
.mod-list-toc > ul > li > a {
  padding: 0 0 0 40px;
}
.mod-list-toc > ul > li > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}
.mod-list-toc > ul > li > a::before {
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 5px;
  width: 17px;
  height: 26.4px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
.mod-list-toc > ul > li > a::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mod-list-toc > :where(ul) ul {
  display: block;
  padding-top: 12px;
  padding-left: 40px;
}
.mod-list-toc > :where(ul) ul > li + li {
  margin-top: 12px;
}

.mod-tab-ui {
  position: relative;
  margin: 0 auto 40px;
  overflow: hidden;
}

.mod-tab-ui__menu-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 72px;
  padding: 12px 40px 12px 20px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-bottom: 2px solid #c00;
  border-radius: 8px 8px 0 0;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0ibTAgMCAuMDE2IDcuNTYxIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA2LjY0MyA5LjYwNikiLz48cGF0aCBkPSJtMCA3LjU2MS4wMTYtNy41NjEiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLS43MDcxMDcgMTIuMDEyIDE0Ljk1MikiLz48L2c+PC9zdmc+") no-repeat calc(100% - 13px) center;
  background-size: 24px;
  color: #222;
  font-size: 1.6rem;
}

.mod-tab-ui__dropdown-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
.mod-tab-ui__dropdown-trigger:focus-visible {
  outline-offset: -3px;
}

.mod-tab-ui__current-view {
  display: -webkit-box;
  overflow: hidden;
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mod-tab-ui__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  background: #fff;
}

.mod-tab-ui__list-item [role=tab] {
  border-top: 1px solid #dbdbdb;
}

.mod-tab-ui__button {
  width: 100%;
  height: 100%;
  padding: 10px 14px;
  border: none;
  background: #f4f4f4;
  font-size: 1.4rem;
  cursor: pointer;
}
.mod-tab-ui__button[aria-selected=true] {
  border-bottom: 2px solid #c00;
  background: #fff;
  font-weight: 700;
}
.mod-tab-ui__button:focus-visible {
  outline-offset: -4px;
}

.mod-tab-ui__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 240px;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-top: none;
}
.mod-tab-ui__panel[aria-hidden=true] {
  display: none;
}
.mod-tab-ui__panel[aria-hidden=false] {
  display: block;
}
.mod-tab-ui__panel:focus-visible {
  outline: #222 solid 2px;
  outline-offset: -4px;
}

.mod-tab-ui__panel-text {
  font-size: 1.6rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px), print {
  .mod-tab-ui__button {
    text-align: left;
  }
  .mod-tab-ui__button[aria-selected=true] {
    display: none;
  }
  .mod-tab-ui__menu {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    top: 71px;
    width: 1px;
    height: 1px;
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s;
    opacity: 0;
  }
  .mod-tab-ui__menu.is-open {
    visibility: visible;
    z-index: 3;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .mod-tab-ui__menu.is-open::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 72px);
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
  }
}
@media screen and (min-width: 768px), print {
  .mod-tab-ui__menu-current {
    display: none;
  }
  .mod-tab-ui__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-radius: 8px 8px 0 0;
  }
  .mod-tab-ui__list-item {
    width: 100%;
  }
  .mod-tab-ui__list-item:not(:last-child) {
    border-right: 1px solid #dbdbdb;
  }
  .mod-tab-ui__list-item [role=tab] {
    border-top: none;
  }
  .mod-tab-ui__panel {
    padding: 40px;
  }
}
.mod-tags {
  display: block;
  margin: 0 0 10px;
}
.mod-tags .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px;
}
:where(.mod-list-description-02, .mod-general-search-result) .mod-tags .tags {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: initial !important;
  -webkit-box-pack: initial !important;
      -ms-flex-pack: initial !important;
          justify-content: initial !important;
  max-width: initial !important;
  margin-top: -8px !important;
}
.mod-tags .tag {
  margin-top: 8px;
  margin-left: 8px;
}
:where(.mod-list-description-02, .mod-general-search-result) .mod-tags .tag {
  padding: initial !important;
  border: initial !important;
  border-radius: initial !important;
  background-color: transparent !important;
  color: initial !important;
  font-size: initial !important;
}
.mod-tags .tag span,
.mod-tags .tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-tags .tag a[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-tags .tag a[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.mod-tags .tag a[href]:hover {
  background: #cc1011;
  color: #fff;
}

/*! = Modules/Box */
.mod-box {
  margin: 0 0 30px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
}

.mod-btn + .mod-box {
  margin-top: 40px;
}

.mod-box > .inner {
  padding: 32px 20px;
}

.mod-box > .inner > .title {
  position: relative;
  margin: 0 0 16px;
  padding: 0;
  color: #333;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.mod-box > .inner > .title::before {
  content: none;
  display: none;
}

.mod-box > .inner > .title + .content {
  padding-left: 0;
}

.mod-box.of-error > .inner > .title + .content {
  padding-left: 0;
}

.mod-box .mod-list-description {
  margin: 0;
}

[class*=mod-box] strong {
  color: #c00;
}

.mod-box > .inner > .title strong,
.mod-box > .inner > .title strong,
.mod-box > .inner > .title b,
.mod-box > .inner > .title b {
  color: #333;
}

@media screen and (min-width: 768px), print {
  .mod-box > .inner {
    padding: 40px;
  }
  .mod-box > .inner > .title {
    margin-bottom: 16px;
    padding: 0;
    font-size: 2rem;
  }
  .mod-box .mod-list-description {
    margin: 0 -20px;
  }
}
.mod-box.of-important,
.mod-box.of-error {
  margin-top: 0;
  margin-bottom: 30px;
  border-width: 2px;
  border-color: #c00;
  background-color: #ffebeb;
}

.mod-box.of-important > .inner > .title,
.mod-box.of-error > .inner > .title {
  padding-left: 0;
  border-left: 0;
}

.mod-box.of-important > .inner > .title strong,
.mod-box.of-error > .inner > .title strong,
.mod-box.of-important > .inner > .title b,
.mod-box.of-error > .inner > .title b {
  color: #222;
}

.mod-box.of-important > .inner > .title::before,
.mod-box.of-error > .inner > .title::before {
  content: none;
  display: none;
}

.mod-box.of-important > .inner > .title + .content,
.mod-box.of-error > .inner > .title + .content {
  margin-top: 16px;
  margin-bottom: 0;
}

.mod-box.of-background {
  margin-top: 0;
  margin-bottom: 30px;
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}

.mod-box.of-background > .inner > .title {
  padding-left: 0;
  border-left: 0;
}

.mod-box.of-background > .inner > .title::before {
  content: none;
  display: none;
}

.mod-box.of-background > .inner > .title + .content {
  margin-top: 16px;
  margin-bottom: 0;
}

.mod-box .mod-txt p {
  margin-top: 0;
  margin-bottom: 0;
}

.mod-box-product {
  position: relative;
  max-width: 1120px;
  margin: 0 0 40px;
}
.mod-box-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, 1fr);
  grid-template-rows: repeat(auto-fit, 1fr);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-box-product__inner {
    grid-template-columns: repeat(auto-fill, minmax(354px, 1fr));
    gap: 20px;
  }
}
@media screen and (min-width: 992px), print {
  .mod-box-product__inner {
    gap: 26px;
  }
}
.mod-box-product__inner > .item {
  display: contents;
}
.mod-box-product__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 0 0;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
}

.mod-box-product-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 18px;
}
.mod-box-product-header .hdg {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  padding-bottom: 12px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: left;
}

.mod-box-product-body {
  display: block;
  padding: 0 18px 20px;
}
.mod-box-product-body .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 10px;
}
.mod-box-product-body .product-link {
  display: block;
  position: relative;
  text-decoration: none;
}
.mod-box-product-body .product-link .category {
  margin-right: 8px;
}
@media screen and (min-width: 768px), print {
  .mod-box-product-body .product-link .category {
    margin-right: 16px;
  }
}
.mod-box-product-body .product-link .category span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 26px;
  padding: 4px 12px 5px;
  border-radius: 24px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
}
.mod-box-product-body .product-link .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  padding: 0 0 0 28px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
  text-decoration: none;
}
.mod-box-product-body .product-link .link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  width: 17px;
  height: 23.1px;
  margin: auto 0;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
.mod-box-product-body .product-link .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 10px;
}
.mod-box-product-body .product-link .image .item {
  position: relative;
  overflow: hidden;
  aspect-ratio: 320/180;
}
.mod-box-product-body .product-link .image img:not(.image-icon) {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.mod-box-product-body .product-link:hover .link {
  text-decoration: underline;
}
.mod-box-product-body .product-link:hover .image img:not(.image-icon) {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mod-box-product-body .image-icon {
  display: block;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
  width: 60px;
  height: 50px;
}
.mod-box-product-body .product-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 28px;
}
.mod-box-product-body .state {
  margin-right: auto;
  font-size: 1.4rem;
  font-weight: 700;
}
.mod-box-product-body .color {
  margin-left: auto;
}
.mod-box-product-body .color > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-box-product-body .color > .list > li {
  margin-left: 10px;
}
.mod-box-product-body .color > .list > li .item {
  border: 1px solid #dbdbdb;
}
.mod-box-product-body .color > .list > li .item {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  background: #f4f4f4;
}
.mod-box-product-body .color > .list > li .item span {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}
.mod-box-product-body .color > .list > li:hover .item,
.mod-box-product-body .color > .list > li[aria-selected=true] .item {
  border: 2px solid #c00;
}
.mod-box-product-body .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px 0 0;
}
.mod-box-product-body .recommend .recommend-targets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: -4px;
  margin-left: -4px;
}
.mod-box-product-body .recommend .recommend-target {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4px;
  margin-left: 4px;
  padding: 3px 10px;
  border: 1px solid #dbdbdb;
  border-radius: 48px;
  background: #e2e2e2;
  color: #222;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.mod-box-product-body .summary {
  margin-top: 10px;
  color: #222;
}
.mod-box-product-body .tag {
  margin-top: 12px;
  margin-bottom: 20px;
}
.mod-box-product-body .tag .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -4px;
  margin-left: -4px;
}
.mod-box-product-body .tag .list li {
  padding-top: 4px;
  padding-left: 4px;
}
.mod-box-product-body .tag .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px;
  border: 1px solid #dbdbdb;
  background: #f4f4f4;
  color: #222;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.mod-box-product-body .spec {
  margin-top: 20px;
}
.mod-box-product-body .spec .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -4px;
  margin-left: -4px;
}
.mod-box-product-body .spec .list li {
  padding-top: 4px;
  padding-left: 4px;
}
.mod-box-product-body .spec .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 46px;
}
.mod-box-product-body .spec .list li img {
  width: 100%;
  height: auto;
}
.mod-box-product-body .support {
  margin-top: 10px;
}
.mod-box-product-body .support .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.mod-box-product-body .support .list li {
  padding-top: 10px;
  padding-left: 10px;
}
.mod-box-product-body .support .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-box-product-body .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.mod-box-product-body .review a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #222;
  font-size: 1.6rem;
}
.mod-box-product-body .review a:hover {
  opacity: 0.7;
}
.mod-box-product-body .review-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #0f6bff;
  font-size: 1.6rem;
  text-decoration: underline;
}
.mod-box-product-body .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 120px;
  height: 24px;
  font-size: 3rem;
  line-height: 1;
  white-space: nowrap;
}
.mod-box-product-body .rating .star-rating {
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 2.2rem;
}
.mod-box-product-body .rating .star-rating::before, .mod-box-product-body .rating .star-rating::after {
  content: "☆☆☆☆☆";
  position: absolute;
  top: 0;
  left: 0;
  color: #f5c84d;
}
.mod-box-product-body .rating .star-rating::after {
  content: "★★★★★";
  overflow: hidden;
  color: #f5c84d;
}
.mod-box-product-body .rating .star-rating[data-rate="0"]::after {
  width: 0rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.1"]::after {
  width: 0.22rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.2"]::after {
  width: 0.44rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.3"]::after {
  width: 0.66rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.4"]::after {
  width: 0.88rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.5"]::after {
  width: 1.1rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.6"]::after {
  width: 1.32rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.7"]::after {
  width: 1.54rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.8"]::after {
  width: 1.76rem;
}
.mod-box-product-body .rating .star-rating[data-rate="0.9"]::after {
  width: 1.98rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1"]::after {
  width: 2.2rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.1"]::after {
  width: 2.42rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.2"]::after {
  width: 2.64rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.3"]::after {
  width: 2.86rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.4"]::after {
  width: 3.08rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.5"]::after {
  width: 3.3rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.6"]::after {
  width: 3.52rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.7"]::after {
  width: 3.74rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.8"]::after {
  width: 3.96rem;
}
.mod-box-product-body .rating .star-rating[data-rate="1.9"]::after {
  width: 4.18rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2"]::after {
  width: 4.4rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.1"]::after {
  width: 4.62rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.2"]::after {
  width: 4.84rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.3"]::after {
  width: 5.06rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.4"]::after {
  width: 5.28rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.5"]::after {
  width: 5.5rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.6"]::after {
  width: 5.72rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.7"]::after {
  width: 5.94rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.8"]::after {
  width: 6.16rem;
}
.mod-box-product-body .rating .star-rating[data-rate="2.9"]::after {
  width: 6.38rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3"]::after {
  width: 6.6rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.1"]::after {
  width: 6.82rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.2"]::after {
  width: 7.04rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.3"]::after {
  width: 7.26rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.4"]::after {
  width: 7.48rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.5"]::after {
  width: 7.7rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.6"]::after {
  width: 7.92rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.7"]::after {
  width: 8.14rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.8"]::after {
  width: 8.36rem;
}
.mod-box-product-body .rating .star-rating[data-rate="3.9"]::after {
  width: 8.58rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4"]::after {
  width: 8.8rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.1"]::after {
  width: 9.02rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.2"]::after {
  width: 9.24rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.3"]::after {
  width: 9.46rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.4"]::after {
  width: 9.68rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.5"]::after {
  width: 9.9rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.6"]::after {
  width: 10.12rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.7"]::after {
  width: 10.34rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.8"]::after {
  width: 10.56rem;
}
.mod-box-product-body .rating .star-rating[data-rate="4.9"]::after {
  width: 10.78rem;
}
.mod-box-product-body .rating .star-rating[data-rate="5"]::after {
  width: 11rem;
}
@media screen and (min-width: 992px), print {
  .mod-box-product-body .spec .list li > span {
    width: 50px;
  }
}

.mod-box-product-footer {
  margin-top: auto;
}
.mod-box-product-footer .product-link a {
  display: block;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 40px;
  padding: 0;
  outline-offset: -4px;
  background-color: #e2e2e2;
  color: #222;
  font-size: 1.4rem;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}
.mod-box-product-footer .product-link a:hover {
  text-decoration: underline;
}
.mod-box-product-footer .product-link a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 20px;
  width: 18px;
  height: 26.4px;
  margin: auto 0;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
.mod-box-product-footer .shop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 78px;
  padding: 12px 0 12px 18px;
  background: #222;
  color: #fff;
}
.mod-box-product-footer .shop-price {
  margin-block: auto;
  font-size: 1.1rem;
}
.mod-box-product-footer .shop-price > :not(.price) {
  margin-bottom: 4px;
}
.mod-box-product-footer .shop-price .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: auto;
  font-size: 1.1rem;
  font-weight: 700;
}
.mod-box-product-footer .shop-price .price .unit {
  margin-left: 4px;
  font-size: 1.3rem;
}
.mod-box-product-footer .shop-price .price .num {
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
}
.mod-box-product-footer .shop-price .price .note {
  margin-left: 4px;
  font-size: 1.3rem;
}
.mod-box-product-footer .btn-shop {
  min-width: 120px;
  margin-left: auto;
  border-left: 1px solid #fff;
}
.mod-box-product-footer .btn-shop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  min-height: 54px;
  padding: 0 18px 0 10px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  outline-color: #fff;
  outline-offset: -4px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.mod-box-product-footer .btn-shop a:hover {
  opacity: 0.7;
}
.mod-box-product-footer .btn-shop a::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 4px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
          mask: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MzBoLTMweiIvPjxnIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMSAyaDE2bDIgMTNoLTIweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA5Ljk2OSkiLz48cGF0aCBkPSJtLTExNjI2LjMtMzQ0OC4zYzAtLjAxLS4xLTQuNjMgNC40LTQuNjMgNC42IDAgNC4zIDQuNjMgNC4zIDQuNjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2MzcgMzQ1Ny40NCkiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
}
@media screen and (min-width: 768px), print {
  .mod-box-product-footer .shop-price {
    font-size: 1.2rem;
  }
  .mod-box-product-footer .shop-price .price {
    font-size: 1.1rem;
  }
  .mod-box-product-footer .shop-price .price .unit {
    font-size: 1.3rem;
  }
  .mod-box-product-footer .shop-price .price .num {
    font-size: 2rem;
  }
  .mod-box-product-footer .shop-price .price .note {
    font-size: 1.3rem;
  }
  .mod-box-product-footer .btn-shop a {
    padding-left: 18px;
  }
}
@media screen and (min-width: 992px), print {
  .mod-box-product-footer .shop-price {
    font-size: 1.2rem;
  }
  .mod-box-product-footer .shop-price .price {
    font-size: 1.2rem;
  }
  .mod-box-product-footer .shop-price .price .unit {
    font-size: 1.6rem;
  }
  .mod-box-product-footer .shop-price .price .num {
    font-size: 2rem;
  }
  .mod-box-product-footer .shop-price .price .note {
    font-size: 1.4rem;
  }
  .mod-box-product-footer .btn-shop a {
    padding-left: 20px;
  }
}

.mod-box-reference {
  display: block;
  position: relative;
  margin: 0 0 30px;
  padding: 5px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #e0c1c1;
}
.mod-box-reference::before, .mod-box-reference::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: #e0c1c1 no-repeat center;
  background-size: contain;
  inset: auto;
}
.mod-box-reference.of-grayscale {
  background-color: #dbdbdb;
}
.mod-box-reference.of-grayscale::before, .mod-box-reference.of-grayscale::after {
  background-color: #dbdbdb;
}
.mod-box-reference::before {
  top: 0;
  left: 0;
  border-radius: 6px 0 0 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDQwdjQwaC00MHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJtMjMuODU2LTQzLjk2Yy00LjkyOCAyLjY4OC03LjQ0OCA2LjU1Mi03LjQ0OCAxMS44NzIgMCA0LjE0NCAxLjY4IDYuNSA0LjU5MiA2LjUuMDUuMDAyLjA5OS4wMDMuMTQ5LjAwMyAxLjk4NiAwIDMuNjIxLTEuNjM1IDMuNjIxLTMuNjIxIDAtLjEyLS4wMDYtLjIzOS0uMDE4LS4zNTguMDAxLS4wMzEuMDAxLS4wNjIuMDAxLS4wOTMgMC0xLjk1MS0xLjYwNS0zLjU1Ni0zLjU1Ni0zLjU1Ni0uMDY2IDAtLjEzMS4wMDEtLjE5Ny4wMDUtLjE4OC0uMDA5LS4zNzcuMDEtLjU2LjA1Ni4wNTYtMy42NCAxLjczNi01LjgyNCA1LjA0LTcuOXptLTEyLjMyIDBjLTQuOTI4IDIuNjg4LTcuNDQ4IDYuNTUyLTcuNDQ4IDExLjg3MiAwIDQuMTQ0IDEuNjggNi41IDQuNTkyIDYuNS4wNTMuMDAyLjEwNy4wMDMuMTYuMDAzIDIuMDA5IDAgMy42NjItMS42NTMgMy42NjItMy42NjIgMC0uMTA1LS4wMDUtLjIxMS0uMDE0LS4zMTcgMC0uMDE1IDAtLjAzMSAwLS4wNDYgMC0xLjk3NS0xLjYyNS0zLjYtMy42LTMuNi0uMDY5IDAtLjEzOS4wMDItLjIwOC4wMDYtLjE4OC0uMDA5LS4zNzcuMDEtLjU2LjA1Ni4wNTYtMy42NCAxLjczNi01LjgyNCA1LjA0LTcuOXoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4yMTYgNTQuNzc2KSIvPjwvc3ZnPg==");
}
.mod-box-reference::after {
  right: 0;
  bottom: 0;
  border-radius: 0 0 6px 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDQwdjQwaC00MHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJtNS43MTItMjUuNTkyYzQuOTI4LTIuNjg4IDcuNDQ4LTYuNTUyIDcuNDQ4LTExLjg3MiAwLTQuMTQ0LTEuNjgtNi41LTQuNTkyLTYuNS0uMDUtLjAwMi0uMDk5LS4wMDMtLjE0OS0uMDAzLTEuOTg2IDAtMy42MjEgMS42MzUtMy42MjEgMy42MjEgMCAuMTIuMDA2LjIzOS4wMTguMzU4LS4wMDEuMDMtLjAwMS4wNi0uMDAxLjA4OSAwIDEuOTUxIDEuNjA1IDMuNTU2IDMuNTU2IDMuNTU2LjA2NiAwIC4xMzEtLjAwMS4xOTctLjAwNS4xODguMDA5LjM3Ny0uMDEuNTYtLjA1Ni0uMDU2IDMuNjQtMS43MzYgNS44MjQtNS4wNCA3Ljl6bTEyLjMyIDBjNC45MjgtMi42ODggNy40NDgtNi41NTIgNy40NDgtMTEuODcyIDAtNC4xNDQtMS42OC02LjUtNC41OTItNi41LS4wNTMtLjAwMi0uMTA3LS4wMDMtLjE2LS4wMDMtMi4wMDkgMC0zLjY2MiAxLjY1My0zLjY2MiAzLjY2MiAwIC4xMDUuMDA1LjIxMS4wMTQuMzE3di4wNDZjMCAxLjk3NSAxLjYyNSAzLjYgMy42IDMuNi4wNjkgMCAuMTM5LS4wMDIuMjA4LS4wMDYuMTg4LjAwOS4zNzctLjAxLjU2LS4wNTYtLjA1NiAzLjY0LTEuNzM2IDUuODI0LTUuMDQgNy45eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjIxNiA1NC43NzYpIi8+PC9zdmc+");
}
.mod-box-reference > .inner {
  padding: calc(50px - 5px) calc(40px - 5px);
  border-radius: calc(6px / 2);
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .mod-box-reference > .inner {
    padding: calc(50px - 5px);
  }
}
.mod-box-reference .reference-content {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.65;
}
.mod-box-reference .reference-source {
  display: block;
  margin-top: 20px;
  color: #767676;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.65;
  text-align: right;
}
.mod-box-reference .reference-source cite {
  font-style: normal;
}
.mod-box-reference .reference-source a {
  color: #0f6bff;
  text-decoration: none;
}
.mod-box-reference .reference-source a[href]:hover, .mod-box-reference .reference-source a[href]:focus {
  text-decoration: underline;
}
.mod-box-reference .cite-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mod-box-reference .cite-label::after {
  content: ":";
  display: block;
  padding: 0 0.1em;
}

/*! = Modules/Panel */
.mod-pnl-04 {
  margin: 0 0 40px;
}

.mod-pnl-04 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -20px;
  margin-left: -20px;
}

.mod-pnl-04 > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
}
.mod-pnl-04 > .list > li + li {
  margin-top: 0;
}
.mod-pnl-04 > .list > li .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px;
  padding-top: 10px;
}
.mod-pnl-04 > .list > li .tag {
  margin-top: 8px;
  margin-left: 8px;
}
.mod-pnl-04 > .list > li .tag span,
.mod-pnl-04 > .list > li .tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-pnl-04 > .list > li .tag a[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-pnl-04 > .list > li .tag a[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.mod-pnl-04 > .list > li .tag a[href]:hover {
  background: #cc1011;
  color: #fff;
}
.mod-pnl-04 > .list > li > .pnl, .mod-pnl-04 > .list > li > div .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  color: #222;
  text-decoration: none;
}
.mod-pnl-04 > .list > li > .pnl > .category, .mod-pnl-04 > .list > li > .pnl .title, .mod-pnl-04 > .list > li > div .pnl > .category, .mod-pnl-04 > .list > li > div .pnl .title {
  position: static;
  top: 0;
  left: 0;
}
.mod-pnl-04 > .list > li > .pnl .title, .mod-pnl-04 > .list > li > div .pnl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 8px 0;
  background: transparent;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  text-align: left;
}
.mod-pnl-04 > .list > li > .pnl .title::before, .mod-pnl-04 > .list > li > div .pnl .title::before {
  content: "";
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 25.92px;
  margin-right: 4px;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.44;
}
.mod-pnl-04 > .list > li > .pnl:focus > .title, .mod-pnl-04 > .list > li > .pnl:hover > .title, .mod-pnl-04 > .list > li > div .pnl:focus > .title, .mod-pnl-04 > .list > li > div .pnl:hover > .title {
  background: transparent;
  text-decoration: underline;
}
.mod-pnl-04 > .list > li > .pnl > .image, .mod-pnl-04 > .list > li > div .pnl > .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  overflow: hidden;
  aspect-ratio: 360/222;
}
.mod-pnl-04 > .list > li .pnl > .image > span, .mod-pnl-04 > .list > li > div .pnl > .image > span {
  display: block;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.mod-pnl-04 > .list > li > .pnl > .image img, .mod-pnl-04 > .list > li > div .pnl > .image img {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -o-object-fit: contain;
     object-fit: contain;
  inset: 0;
}
.mod-pnl-04 > .list > li > .pnl:focus > .image img, .mod-pnl-04 > .list > li > .pnl:hover > .image img, .mod-pnl-04 > .list > li > div .pnl:focus > .image img, .mod-pnl-04 > .list > li > div .pnl:hover > .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mod-pnl-04 > .list > li > .pnl > .description, .mod-pnl-04 > .list > li > div .pnl > .description {
  color: #767676;
  font-size: 1.6rem;
  line-height: 1.65;
}
.mod-pnl-04 > .list > li > .pnl > .description dl, .mod-pnl-04 > .list > li > div .pnl > .description dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.mod-pnl-04 > .list > li > .pnl > .description dt, .mod-pnl-04 > .list > li > div .pnl > .description dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-pnl-04 > .list > li > .pnl > .description dt::after, .mod-pnl-04 > .list > li > div .pnl > .description dt::after {
  content: "：";
  display: block;
  margin-left: auto;
}
:lang(en) .mod-pnl-04 > .list > li > .pnl > .description dt::after, :lang(en) .mod-pnl-04 > .list > li > div .pnl > .description dt::after {
  content: ":";
  padding-inline: 0.3em;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-04 {
    margin-bottom: 40px;
  }
  .mod-pnl-04 > .list {
    margin-top: -20px;
  }
  .mod-pnl-04 > .list > li {
    padding-top: 20px;
  }
  .mod-pnl-04 > .list > li + li {
    margin-top: 0;
  }
  .mod-pnl-04 > .list > li > .pnl .title, .mod-pnl-04 > .list > li > div .pnl .title {
    -webkit-transition: 0.2s background-color ease-out;
    transition: 0.2s background-color ease-out;
  }
}
.mod-pnl-04[data-col="2"] > .list,
.mod-pnl-04[data-col="3"] > .list,
.mod-pnl-04[data-col="4"] > .list,
.mod-pnl-04[data-col="5"] > .list,
.mod-pnl-04[data-col="6"] > .list {
  margin-left: -10px;
}

.mod-pnl-04[data-col="2"] > .list > li,
.mod-pnl-04[data-col="3"] > .list > li,
.mod-pnl-04[data-col="4"] > .list > li,
.mod-pnl-04[data-col="5"] > .list > li,
.mod-pnl-04[data-col="6"] > .list > li {
  padding-left: 10px;
}

.mod-pnl-04 > .list > li,
.mod-pnl-04[data-col="1"] > .list > li,
.mod-pnl-04[data-col="3"] > .list > li,
.mod-pnl-04[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-pnl-04[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-pnl-04[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-04[data-col-wide="2"] > .list,
  .mod-pnl-04[data-col-wide="3"] > .list,
  .mod-pnl-04[data-col-wide="4"] > .list,
  .mod-pnl-04[data-col="2"] > .list,
  .mod-pnl-04[data-col="3"] > .list,
  .mod-pnl-04[data-col="4"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-04[data-col-wide="2"] > .list > li,
  .mod-pnl-04[data-col-wide="3"] > .list > li,
  .mod-pnl-04[data-col-wide="4"] > .list > li,
  .mod-pnl-04[data-col="2"] > .list > li,
  .mod-pnl-04[data-col="3"] > .list > li,
  .mod-pnl-04[data-col="4"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl-04[data-col-wide="1"] > .list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .mod-pnl-04[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-04[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-04[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-04[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-04 > .list {
    margin-top: -26px;
  }
  .mod-pnl-04 > .list > li {
    padding-top: 26px;
  }
  .mod-pnl-04[data-col-wide="2"] > .list,
  .mod-pnl-04[data-col-wide="3"] > .list,
  .mod-pnl-04[data-col-wide="4"] > .list,
  .mod-pnl-04[data-col="2"] > .list,
  .mod-pnl-04[data-col="3"] > .list,
  .mod-pnl-04[data-col="4"] > .list {
    margin-left: -26px;
  }
  .mod-pnl-04[data-col-wide="2"] > .list > li,
  .mod-pnl-04[data-col-wide="3"] > .list > li,
  .mod-pnl-04[data-col-wide="4"] > .list > li,
  .mod-pnl-04[data-col="2"] > .list > li,
  .mod-pnl-04[data-col="3"] > .list > li,
  .mod-pnl-04[data-col="4"] > .list > li {
    padding-left: 26px;
  }
}
.mod-pnl-02 {
  margin: 0 0 40px;
}

.mod-pnl-02 > .list > li + * {
  margin-top: 20px;
  padding-top: 0;
  border-top: none;
}

.mod-pnl-02 > .list > li > .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-02 > .list > li > .pnl > .image {
  padding: 0;
}

.mod-pnl-02 > .list > li > .pnl > .image > span {
  width: auto;
}

.mod-pnl-02 > .list > li > .pnl > .image img {
  display: block;
  width: 80px;
  height: auto;
}

.mod-pnl-02 .pnl > .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.mod-pnl-02 .pnl > .image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  max-width: 80px;
  height: auto;
  margin: 0 auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.mod-pnl-02 .pnl:focus > .image img, .mod-pnl-02 .pnl:hover > .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mod-pnl-02 > .list > li > .pnl > .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10px;
  line-height: 1.65;
}

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

.mod-pnl-02 > .list > li > .pnl > .content > .title {
  position: relative;
  padding: 0 0 0 24px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::after,
.mod-pnl-02 > .list > li > .pnl > .content > .title::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::before {
  content: "";
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 25.92px;
  margin-right: 4px;
  border-radius: 0;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.44;
}

.mod-pnl-02 > .list > li > .pnl > .content > .title::after {
  content: none;
}

.mod-pnl-02 > .list > li > .pnl > .content > .description {
  margin: 6px 0 0;
  color: #767676;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-02 {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .mod-pnl-02 > .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px 0 0 -20px;
  }
  .mod-pnl-02 > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    margin: 0;
    padding: 20px 0 0 20px;
    border: 0;
  }
  .mod-pnl-02 > .list > li > .pnl > .image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100px;
    height: 100px;
    padding: 0;
    overflow: hidden;
  }
  .mod-pnl-02 > .list > li > .pnl > .image > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-pnl-02 > .list > li > .pnl > .image img {
    width: auto;
    max-width: 100px;
    height: auto;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  }
  .mod-pnl-02 > .list > li > .pnl > .content {
    padding-left: 20px;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .title::after {
    top: 0;
    left: 0;
    width: 18px;
    height: 25.92px;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .description {
    margin-top: 8px;
  }
  .mod-pnl-02 > .list > li > .pnl > .content > .title + .description {
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-02 > .list {
    margin: -26px 0 0 -26px;
  }
  .mod-pnl-02 > .list > li {
    padding: 26px 0 0 26px;
  }
}
.mod-pnl-03 {
  margin: 0 0 40px;
}

.mod-pnl-03 > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -20px;
}

.mod-pnl-03 > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}

.mod-pnl-03 > .list > li > .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: none;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-03 > .list > li > .pnl:hover {
  text-decoration: none;
}

.mod-pnl-03 > .list > li > .pnl > .icon {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  grid-area: icon;
  background: #e2e2e2;
}

.mod-pnl-03 > .list > li > .pnl .title {
  grid-area: title;
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 8px 0 6px;
  background: transparent;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444;
}

.mod-pnl-03 > .list > li > .pnl:hover .title {
  text-decoration: underline;
}

.mod-pnl-03 > .list > li > .pnl .title > span {
  display: block;
  position: relative;
  padding: 0 0 0 24px;
}

.mod-pnl-03 > .list > li > .pnl .title > span::after,
.mod-pnl-03 > .list > li > .pnl .title > span::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto 0;
}

.mod-pnl-03 > .list > li > .pnl .title > span::before {
  content: "";
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 25.92px;
  margin-right: 4px;
  border-radius: 0;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.44;
}

.mod-pnl-03 > .list > li > .pnl .title > span::after {
  content: none;
}

.mod-pnl-03 > .list > li > .pnl .description {
  grid-area: description;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #767676;
  text-decoration: none;
}

.mod-pnl-03 > .list > li > .pnl > .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: image;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: auto;
  max-width: 100%;
  min-height: initial;
  padding: 0;
}

.mod-pnl-03 > .list > li > .pnl img {
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.mod-pnl-03 > .list > li > .pnl:hover img {
  opacity: 1;
}

.mod-pnl-03 .pnl > .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  aspect-ratio: 360/222;
}
.mod-pnl-03 .pnl > .image > span {
  display: block;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.mod-pnl-03 .pnl > .image img {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -o-object-fit: cover;
     object-fit: cover;
  inset: 0;
}
.mod-pnl-03 .pnl:focus > .image img, .mod-pnl-03 .pnl:hover > .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mod-pnl-03[data-col="2"] > .list,
.mod-pnl-03[data-col="3"] > .list,
.mod-pnl-03[data-col="4"] > .list,
.mod-pnl-03[data-col="5"] > .list,
.mod-pnl-03[data-col="6"] > .list {
  margin-left: -10px;
}

.mod-pnl-03[data-col="2"] > .list > li,
.mod-pnl-03[data-col="3"] > .list > li,
.mod-pnl-03[data-col="4"] > .list > li,
.mod-pnl-03[data-col="5"] > .list > li,
.mod-pnl-03[data-col="6"] > .list > li {
  padding-left: 10px;
}

.mod-pnl-03[data-col="1"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-pnl-03[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-pnl-03[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-pnl-03[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-pnl-03[data-col="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-03[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl-03[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl-03[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-03 > .list > li {
    padding-top: 20px;
  }
  .mod-pnl-03 > .list > li > .pnl .description {
    text-decoration: none;
  }
  .mod-pnl-03 > .list > li > .pnl > .image {
    min-height: initial;
  }
  .mod-pnl-03 > .list > li > .pnl > .image img {
    max-width: 100%;
    height: auto;
  }
  .mod-pnl-03[data-col-wide="2"] > .list,
  .mod-pnl-03[data-col-wide="3"] > .list,
  .mod-pnl-03[data-col="2"] > .list,
  .mod-pnl-03[data-col="3"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list,
  .mod-pnl-03[data-col-wide="5"] > .list,
  .mod-pnl-03[data-col-wide="6"] > .list,
  .mod-pnl-03[data-col-wide=auto] > .list,
  .mod-pnl-03[data-col="4"] > .list,
  .mod-pnl-03[data-col="5"] > .list,
  .mod-pnl-03[data-col="6"] > .list {
    margin-left: -20px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li,
  .mod-pnl-03[data-col-wide="3"] > .list > li,
  .mod-pnl-03[data-col="2"] > .list > li,
  .mod-pnl-03[data-col="3"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li,
  .mod-pnl-03[data-col-wide="5"] > .list > li,
  .mod-pnl-03[data-col-wide="6"] > .list > li,
  .mod-pnl-03[data-col-wide=auto] > .list > li,
  .mod-pnl-03[data-col="4"] > .list > li,
  .mod-pnl-03[data-col="5"] > .list > li,
  .mod-pnl-03[data-col="6"] > .list > li {
    padding-left: 20px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-03[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-03[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl-03[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-03[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-03 > .list {
    margin-top: -26px;
  }
  .mod-pnl-03 > .list > li {
    padding-top: 26px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list,
  .mod-pnl-03[data-col-wide="3"] > .list,
  .mod-pnl-03[data-col="2"] > .list,
  .mod-pnl-03[data-col="3"] > .list {
    margin-left: -26px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list,
  .mod-pnl-03[data-col-wide="5"] > .list,
  .mod-pnl-03[data-col-wide="6"] > .list,
  .mod-pnl-03[data-col-wide=auto] > .list,
  .mod-pnl-03[data-col="4"] > .list,
  .mod-pnl-03[data-col="5"] > .list,
  .mod-pnl-03[data-col="6"] > .list {
    margin-left: -26px;
  }
  .mod-pnl-03[data-col-wide="2"] > .list > li,
  .mod-pnl-03[data-col-wide="3"] > .list > li,
  .mod-pnl-03[data-col="2"] > .list > li,
  .mod-pnl-03[data-col="3"] > .list > li {
    padding-left: 26px;
  }
  .mod-pnl-03[data-col-wide="4"] > .list > li,
  .mod-pnl-03[data-col-wide="5"] > .list > li,
  .mod-pnl-03[data-col-wide="6"] > .list > li,
  .mod-pnl-03[data-col-wide=auto] > .list > li,
  .mod-pnl-03[data-col="4"] > .list > li,
  .mod-pnl-03[data-col="5"] > .list > li,
  .mod-pnl-03[data-col="6"] > .list > li {
    padding-left: 26px;
  }
}
.mod-pnl-03.of-wide-horizontal > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}
.mod-pnl-03.of-wide-horizontal[data-col="2"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="3"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="4"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="5"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-03.of-wide-horizontal > .list > li > .pnl .title {
    padding-bottom: 12px;
  }
  .mod-pnl-03.of-wide-horizontal > .list > li > .pnl {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, var(--pnl-03-col-wide-horizontal-image-size)) 0 minmax(var(--pnl-03-col-wide-horizontal-content-min-width), 1fr);
        -ms-grid-columns: minmax(0, var(--pnl-03-col-wide-horizontal-image-size)) 0 minmax(var(--pnl-03-col-wide-horizontal-content-min-width), 1fr);
            grid-template: auto 1fr/minmax(0, var(--pnl-03-col-wide-horizontal-image-size)) minmax(var(--pnl-03-col-wide-horizontal-content-min-width), 1fr);
            grid-template-areas: "image title" "image description";
    gap: 0;
  }
  .mod-pnl-03.of-wide-horizontal > .list > li > .pnl .title {
    padding-top: 0;
    padding-left: 20px;
  }
  .mod-pnl-03.of-wide-horizontal > .list > li > .pnl .description {
    padding-left: 20px;
  }
  .mod-pnl-03.of-wide-horizontal > .list > li > .pnl .image {
    max-width: var(--pnl-03-col-wide-horizontal-image-size);
  }
  .mod-pnl-03.of-wide-horizontal > .list > li {
    --pnl-03-col-wide-horizontal-image-size: 360px;
    --pnl-03-col-wide-horizontal-content-min-width: 67%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 40px;
  }
  .mod-pnl-03.of-wide-horizontal[data-col="2"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="3"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="4"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="5"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="6"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="2"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="3"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="4"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="5"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="6"] > .list > li {
    --pnl-03-col-wide-horizontal-image-size: 265px;
    --pnl-03-col-wide-horizontal-content-min-width: 51%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-03.of-wide-horizontal > .list {
    margin-top: -40px;
  }
  .mod-pnl-03.of-wide-horizontal > .list > li {
    padding-top: 40px;
  }
  .mod-pnl-03.of-wide-horizontal[data-col="2"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="3"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="4"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="5"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="6"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="2"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="3"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="4"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="5"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="6"] > .list {
    margin-top: -20px;
  }
  .mod-pnl-03.of-wide-horizontal[data-col="2"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="3"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="4"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="5"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="6"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="2"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="3"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="4"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="5"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="6"] > .list > li {
    padding-top: 20px;
  }
  .mod-pnl-03 > .list > li > .pnl .title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mod-pnl-03 > .list > li > .pnl .description {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mod-pnl-03 > .list > li > .pnl > .image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-03.of-wide-horizontal[data-col="2"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="3"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="4"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="5"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col="6"]:not([data-col-wide]) > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="2"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="3"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="4"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="5"] > .list, .mod-pnl-03.of-wide-horizontal[data-col-wide="6"] > .list {
    margin-top: -26px;
  }
  .mod-pnl-03.of-wide-horizontal[data-col="2"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="3"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="4"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="5"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col="6"]:not([data-col-wide]) > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="2"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="3"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="4"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="5"] > .list > li, .mod-pnl-03.of-wide-horizontal[data-col-wide="6"] > .list > li {
    padding-top: 26px;
  }
}

.mod-pnl-large {
  overflow: hidden;
}
.mod-pnl-large.of-dynamic {
  width: 100vw;
  margin: 0 calc(50% - 50vw) 40px;
}
.mod-pnl-large .pnl-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #222;
  color: #fff;
  text-decoration: none;
}
.mod-pnl-large .pnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
.mod-pnl-large .pnl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.mod-pnl-large .pnl:focus-visible::after {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
.mod-pnl-large .pnl:last-child {
  padding-bottom: 10px;
}
.mod-pnl-large .pnl .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  padding: 30px;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.mod-pnl-large .pnl .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  overflow: hidden;
}
.mod-pnl-large .pnl .image [hidden].of-wide {
  display: none;
}
.mod-pnl-large .pnl .image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -o-object-fit: cover;
     object-fit: cover;
}
.mod-pnl-large .pnl:focus .image img,
.mod-pnl-large .pnl:hover .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mod-pnl-large .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: auto;
  padding: 0 20px 30px;
}
.mod-pnl-large .tag span,
.mod-pnl-large .tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-pnl-large .tag a[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-pnl-large .tag a[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.mod-pnl-large .tag a[href]:hover {
  background: #cc1011;
  color: #fff;
}
.mod-pnl-large.of-tags-clickable .pnl {
  position: relative;
}
.mod-pnl-large.of-tags-clickable .tags {
  position: relative;
  padding: 25px;
}
.mod-pnl-large.of-tags-clickable .tags::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% + 80px);
  height: 1px;
  margin: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #707070;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-large > .list > li .pnl .title {
    -webkit-transition: 0.2s background-color ease-out;
    transition: 0.2s background-color ease-out;
  }
  .mod-pnl-large .pnl:last-child {
    padding-bottom: 20px;
  }
  .mod-pnl-large .pnl .title {
    padding: 40px 40px 20px;
    font-size: 2rem;
    line-height: 1.65;
  }
  .mod-pnl-large .pnl .image [hidden].of-wide {
    display: block;
  }
  .mod-pnl-large .pnl .image [hidden].of-wide + img {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.mod-pnl-large > .list, .mod-pnl-large[data-col="1"] > .list, .mod-pnl-large[data-col-wide="1"] > .list, .mod-pnl-large[data-col="2"] > .list, .mod-pnl-large[data-col-wide="2"] > .list, .mod-pnl-large[data-col="3"] > .list, .mod-pnl-large[data-col-wide="3"] > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  gap: 1px;
  background: #707070;
}
.mod-pnl-large > .list::after {
  content: none;
  width: auto;
  height: auto;
  background-color: #222;
}
.mod-pnl-large > .list > li {
  height: 100%;
}
.mod-pnl-large .pnl .title, .mod-pnl-large[data-col="1"] .pnl .title, .mod-pnl-large[data-col-wide="1"] .pnl .title {
  padding: 20px 20px 10px;
}
.mod-pnl-large .pnl .image, .mod-pnl-large[data-col="1"] .pnl .image, .mod-pnl-large[data-col-wide="1"] .pnl .image {
  aspect-ratio: 375/420;
}
.mod-pnl-large.of-tags-clickable .pnl .title, .mod-pnl-large[data-col="1"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="1"].of-tags-clickable .pnl .title {
  padding: 20px;
}
.mod-pnl-large.of-tags-clickable .tags, .mod-pnl-large[data-col="1"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="1"].of-tags-clickable .tags {
  padding: 20px;
}
.mod-pnl-large[data-col="2"] .pnl .title, .mod-pnl-large[data-col-wide="2"] .pnl .title, .mod-pnl-large[data-col="3"] .pnl .title, .mod-pnl-large[data-col-wide="3"] .pnl .title {
  padding: 30px 20px 20px;
}
.mod-pnl-large[data-col="2"] .tags, .mod-pnl-large[data-col-wide="2"] .tags, .mod-pnl-large[data-col="3"] .tags, .mod-pnl-large[data-col-wide="3"] .tags {
  padding: 0 20px 30px;
}
.mod-pnl-large[data-col="2"] .pnl .image, .mod-pnl-large[data-col-wide="2"] .pnl .image, .mod-pnl-large[data-col="3"] .pnl .image, .mod-pnl-large[data-col-wide="3"] .pnl .image {
  aspect-ratio: 600/380;
}
.mod-pnl-large[data-col="2"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="2"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col="3"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="3"].of-tags-clickable .pnl .title {
  padding: 20px;
}
.mod-pnl-large[data-col="2"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="2"].of-tags-clickable .tags, .mod-pnl-large[data-col="3"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="3"].of-tags-clickable .tags {
  padding: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-large > .list, .mod-pnl-large[data-col="1"] > .list, .mod-pnl-large[data-col-wide="1"] > .list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .mod-pnl-large .pnl .title, .mod-pnl-large[data-col="1"] .pnl .title, .mod-pnl-large[data-col-wide="1"] .pnl .title {
    padding: 40px 40px 20px;
    font-size: 2rem;
  }
  .mod-pnl-large .tags, .mod-pnl-large[data-col="1"] .tags, .mod-pnl-large[data-col-wide="1"] .tags {
    padding: 0 40px 40px;
  }
  .mod-pnl-large .pnl .image, .mod-pnl-large[data-col="1"] .pnl .image, .mod-pnl-large[data-col-wide="1"] .pnl .image {
    aspect-ratio: 1200/450;
  }
  .mod-pnl-large.of-tags-clickable .pnl .title, .mod-pnl-large[data-col="1"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="1"].of-tags-clickable .pnl .title {
    padding: 25px;
  }
  .mod-pnl-large.of-tags-clickable .tags, .mod-pnl-large[data-col="1"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="1"].of-tags-clickable .tags {
    padding: 25px;
  }
  .mod-pnl-large[data-col="2"] > .list, .mod-pnl-large[data-col-wide="2"] > .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .mod-pnl-large[data-col="2"] > .list::after, .mod-pnl-large[data-col-wide="2"] > .list::after {
    content: "";
    width: calc(100% * 1);
  }
  .mod-pnl-large[data-col="2"] .pnl .title, .mod-pnl-large[data-col-wide="2"] .pnl .title {
    padding: 60px 40px 30px;
    font-size: 2rem;
  }
  .mod-pnl-large[data-col="2"] .tags, .mod-pnl-large[data-col-wide="2"] .tags {
    padding: 0 40px 60px;
  }
  .mod-pnl-large[data-col="2"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="2"].of-tags-clickable .pnl .title {
    padding: 25px;
  }
  .mod-pnl-large[data-col="2"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="2"].of-tags-clickable .tags {
    padding: 25px;
  }
  .mod-pnl-large[data-col="3"] > .list, .mod-pnl-large[data-col-wide="3"] > .list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .mod-pnl-large[data-col="3"] > .list::after, .mod-pnl-large[data-col-wide="3"] > .list::after {
    content: "";
    width: calc(100% * 2);
  }
  .mod-pnl-large[data-col="3"] .pnl .title, .mod-pnl-large[data-col-wide="3"] .pnl .title {
    padding: 40px 30px 20px;
    font-size: 1.8rem;
  }
  .mod-pnl-large[data-col="3"] .tags, .mod-pnl-large[data-col-wide="3"] .tags {
    padding: 0 30px 50px;
  }
  .mod-pnl-large[data-col="3"].of-tags-clickable .pnl .title, .mod-pnl-large[data-col-wide="3"].of-tags-clickable .pnl .title {
    padding: 25px;
  }
  .mod-pnl-large[data-col="3"].of-tags-clickable .tags, .mod-pnl-large[data-col-wide="3"].of-tags-clickable .tags {
    padding: 25px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-large .pnl .title, .mod-pnl-large[data-col="1"] .pnl .title, .mod-pnl-large[data-col-wide="1"] .pnl .title {
    padding: 40px 80px 20px;
  }
  .mod-pnl-large .tags, .mod-pnl-large[data-col="1"] .tags, .mod-pnl-large[data-col-wide="1"] .tags {
    padding: 0 80px 40px;
  }
  .mod-pnl-large .pnl .image, .mod-pnl-large[data-col="1"] .pnl .image, .mod-pnl-large[data-col-wide="1"] .pnl .image {
    aspect-ratio: 1200/450;
  }
  .mod-pnl-large[data-col="2"] .pnl .title, .mod-pnl-large[data-col-wide="2"] .pnl .title {
    padding: 60px 80px 30px;
  }
  .mod-pnl-large[data-col="2"] .tags, .mod-pnl-large[data-col-wide="2"] .tags {
    padding: 0 80px 60px;
  }
  .mod-pnl-large[data-col="3"] .pnl .title, .mod-pnl-large[data-col-wide="3"] .pnl .title {
    padding: 40px 40px 20px;
  }
  .mod-pnl-large[data-col="3"] .tags, .mod-pnl-large[data-col-wide="3"] .tags {
    padding: 0 40px 50px;
  }
}

.mod-pnl-large-float {
  margin: 0 -20px 40px;
}
.mod-pnl-large-float > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mod-pnl-large-float > .list > li + li {
  margin-top: 20px;
}
.mod-pnl-large-float__card {
  position: relative;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  grid-row: 3/3;
  width: calc(100% - 40px);
  max-width: 526px;
  margin: -48px 0 0;
  padding: 30px 20px;
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.mod-pnl-large-float__image {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  width: 100%;
  max-width: 820px;
  aspect-ratio: 820/507;
}
.mod-pnl-large-float__image img {
  width: 100%;
  height: auto;
  aspect-ratio: inherit;
}
.mod-pnl-large-float__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
}
.mod-pnl-large-float__item:nth-of-type(odd) .mod-pnl-large-float__card {
  margin-right: auto;
  border-radius: 0 6px 6px 0;
}
.mod-pnl-large-float__item:nth-of-type(even) .mod-pnl-large-float__card {
  margin-left: auto;
  border-radius: 6px 0 0 6px;
}
.mod-pnl-large-float__title {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
.mod-pnl-large-float__description {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.65;
}
.mod-pnl-large-float__link {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  text-decoration: none;
}
.mod-pnl-large-float__link::before, .mod-pnl-large-float__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  background: #c00;
}
.mod-pnl-large-float__link::before {
  z-index: 1;
  width: calc(100% - 10px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.mod-pnl-large-float__link::after {
  z-index: 2;
  width: 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s 0.2s;
  transition: -webkit-transform 0.4s 0.2s;
  transition: transform 0.4s 0.2s;
  transition: transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;
}
.mod-pnl-large-float__link > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
  padding: 0 38px 0 0;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
  text-decoration: none;
}
.mod-pnl-large-float__link > span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  right: 10px;
  width: 17px;
  height: 23.1px;
  margin: auto 0;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
.mod-pnl-large-float__link:hover::before {
  opacity: 0;
}
.mod-pnl-large-float__link:hover::after {
  width: 100%;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.mod-pnl-large-float__link:hover > span::before {
  right: 0;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-large-float {
    margin: 0 -20px 40px;
  }
  .mod-pnl-large-float > .list > li + li {
    margin-top: 40px;
  }
  .mod-pnl-large-float__item:nth-of-type(odd) .mod-pnl-large-float__image {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  .mod-pnl-large-float__item:nth-of-type(even) .mod-pnl-large-float__image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 992px), print {
  .mod-pnl-large-float {
    margin: 0 auto 40px;
  }
  .mod-pnl-large-float > .list > li + li {
    margin-top: 40px;
  }
  .mod-pnl-large-float__card {
    min-height: 325px;
    margin-top: 0;
    padding: 40px;
  }
  .mod-pnl-large-float__item:nth-of-type(odd) {
    padding-bottom: 30px;
  }
  .mod-pnl-large-float__item:nth-of-type(odd) .mod-pnl-large-float__card {
    border-radius: 6px;
  }
  .mod-pnl-large-float__item:nth-of-type(odd) .mod-pnl-large-float__card {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin-top: auto;
    margin-bottom: -30px;
  }
  .mod-pnl-large-float__item:nth-of-type(even) .mod-pnl-large-float__card {
    border-radius: 6px;
  }
  .mod-pnl-large-float__item:nth-of-type(even) .mod-pnl-large-float__card {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin-top: auto;
    margin-bottom: auto;
  }
  .mod-pnl-large-float__title {
    margin-bottom: 10px;
    font-size: 2.8rem;
  }
  .mod-pnl-large-float__description {
    margin-bottom: 40px;
  }
}

.mod-pnl-large-slide {
  width: 100%;
  margin: 0 auto 40px;
  overflow: visible;
}
.mod-pnl-large-slide.of-hide-grandient .pnl-card::after, .mod-pnl-large-slide.of-banner .pnl-card::after {
  display: none;
}
.mod-pnl-large-slide.of-banner .pnl-card .title {
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-pnl-large-slide.of-banner .description {
  display: none;
}
.mod-pnl-large-slide.of-banner .tags {
  display: none;
}
.mod-pnl-large-slide .pnl-card {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  color: #fff;
  text-decoration: none;
}
.mod-pnl-large-slide .pnl-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%);
}
.mod-pnl-large-slide .pnl-card .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.mod-pnl-large-slide .pnl-card .image [hidden].of-wide {
  display: none;
}
.mod-pnl-large-slide .pnl-card .image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.mod-pnl-large-slide .pnl-card:focus .image img,
.mod-pnl-large-slide .pnl-card:hover .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mod-pnl-large-slide .pnl {
  display: -ms-grid;
  display: grid;
  position: absolute;
  z-index: 1;
  top: 0;
          grid-template-areas: "span" "tags" "title" "description";
  -ms-grid-rows: 1fr auto auto auto;
  grid-template-rows: 1fr auto auto auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-decoration: none;
}
.mod-pnl-large-slide .pnl:focus-visible {
  outline-offset: -4px;
}
.mod-pnl-large-slide .pnl:focus-visible + .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mod-pnl-large-slide .pnl::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mod-pnl-large-slide .pnl:last-child {
  padding-bottom: 10px;
}
.mod-pnl-large-slide .pnl .title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  display: block;
  z-index: 1;
  grid-area: title;
  width: 100%;
  height: auto;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  text-decoration: none;
}
.mod-pnl-large-slide .pnl .description {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  z-index: 1;
  grid-area: description;
  width: 100%;
  height: auto;
  padding: 8px 0 0;
  overflow: hidden;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.03rem;
  line-height: 1.65;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.mod-pnl-large-slide .tags {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: tags;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: auto;
  padding: 0 0 12px;
  gap: 8px;
}
@media screen and (min-width: 768px), print{
  .mod-list-article__head {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mod-list-article__body {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mod-list-article .article-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }
  .mod-list-article .article-tags {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .mod-pnl-large-slide .pnl .title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mod-pnl-large-slide .pnl .description {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mod-pnl-large-slide .tags {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
}
.mod-pnl-large-slide .tag span,
.mod-pnl-large-slide .tag a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #ffebeb;
  border-radius: 48px;
  background: #ffebeb;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.mod-pnl-large-slide .tag a[href] {
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #cc1011;
  border-radius: 48px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
  color: #cc1011;
  font-weight: bold;
  text-decoration: none;
}
.mod-pnl-large-slide .tag a[href]::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
  height: 12px;
  margin-right: 6px;
  background-color: currentcolor;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m3.046%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-.245)%22%2F%3E%3Cpath%20d%3D%22m7.093%200-1.513%2012h1.66l1.513-12z%22%20transform%3D%22translate(-1.041)%22%2F%3E%3Cpath%20d%3D%22m.503%203.374h8.497v1.66h-8.497z%22%2F%3E%3Cpath%20d%3D%22m0%206.966h8.497v1.66h-8.497z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.mod-pnl-large-slide .tag a[href]:hover {
  background: #cc1011;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-large-slide > .list > li .pnl .title {
    -webkit-transition: 0.2s background-color ease-out;
    transition: 0.2s background-color ease-out;
  }
  .mod-pnl-large-slide .pnl-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0) 100%);
  }
  .mod-pnl-large-slide .pnl-card .image [hidden].of-wide {
    display: block;
  }
  .mod-pnl-large-slide .pnl-card .image [hidden].of-wide + img {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  .mod-pnl-large-slide .pnl:last-child {
    padding-bottom: 20px;
  }
  .mod-pnl-large-slide .pnl .title {
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .mod-pnl-large-slide .pnl .description {
    padding: 12px 0 0;
    font-size: 1.6rem;
    line-height: 1.65;
    -webkit-line-clamp: 1;
  }
}
.mod-pnl-large-slide > .list, .mod-pnl-large-slide[data-col="1"] > .list, .mod-pnl-large-slide[data-col-wide="1"] > .list, .mod-pnl-large-slide[data-col="2"] > .list, .mod-pnl-large-slide[data-col-wide="2"] > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.mod-pnl-large-slide > .list > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-left: 10px;
}
.mod-pnl-large-slide > .list > div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-top: 10px;
  padding-left: 10px;
}
.mod-pnl-large-slide .pnl .title, .mod-pnl-large-slide[data-col="1"] .pnl .title, .mod-pnl-large-slide[data-col-wide="1"] .pnl .title {
  padding: 0;
}
.mod-pnl-large-slide .pnl .description, .mod-pnl-large-slide[data-col="1"] .pnl .description, .mod-pnl-large-slide[data-col-wide="1"] .pnl .description {
  padding: 8px 0 0;
}
.mod-pnl-large-slide .pnl .tags, .mod-pnl-large-slide[data-col="1"] .pnl .tags, .mod-pnl-large-slide[data-col-wide="1"] .pnl .tags {
  padding: 0 0 12px;
}
.mod-pnl-large-slide.of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col="1"].of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col-wide="1"].of-tags-clickable .pnl .description {
  padding: 8px 0 0;
}
.mod-pnl-large-slide[data-col="2"] .pnl-card::after, .mod-pnl-large-slide[data-col-wide="2"] .pnl-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%);
}
.mod-pnl-large-slide[data-col="2"] .pnl .description, .mod-pnl-large-slide[data-col-wide="2"] .pnl .description {
  padding: 8px 0 0;
}
.mod-pnl-large-slide[data-col="2"] .pnl .tags, .mod-pnl-large-slide[data-col-wide="2"] .pnl .tags {
  padding: 0 0 12px;
}
.mod-pnl-large-slide[data-col="2"].of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col-wide="2"].of-tags-clickable .pnl .description {
  padding: 8px 0 0;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-large-slide .pnl, .mod-pnl-large-slide[data-col="1"] .pnl, .mod-pnl-large-slide[data-col-wide="1"] .pnl {
    padding: 40px;
  }
  .mod-pnl-large-slide .pnl .title, .mod-pnl-large-slide[data-col="1"] .pnl .title, .mod-pnl-large-slide[data-col-wide="1"] .pnl .title {
    font-size: 2.4rem;
    line-height: 1.3;
  }
  .mod-pnl-large-slide .pnl .description, .mod-pnl-large-slide[data-col="1"] .pnl .description, .mod-pnl-large-slide[data-col-wide="1"] .pnl .description {
    padding: 12px 0 0;
    font-size: 1.6rem;
    line-height: 1.65;
    -webkit-line-clamp: 1;
  }
  .mod-pnl-large-slide .pnl .image, .mod-pnl-large-slide[data-col="1"] .pnl .image, .mod-pnl-large-slide[data-col-wide="1"] .pnl .image {
    aspect-ratio: 1200/450;
  }
  .mod-pnl-large-slide.of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col="1"].of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col-wide="1"].of-tags-clickable .pnl .description {
    padding: 12px 0 0;
  }
  .mod-pnl-large-slide[data-col="2"] .pnl-card::after, .mod-pnl-large-slide[data-col-wide="2"] .pnl-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%);
  }
  .mod-pnl-large-slide[data-col="2"] .pnl, .mod-pnl-large-slide[data-col-wide="2"] .pnl {
    padding: 30px 40px;
  }
  .mod-pnl-large-slide[data-col="2"] > .list, .mod-pnl-large-slide[data-col-wide="2"] > .list {
    margin-top: -10px;
    margin-left: -10px;
  }
  .mod-pnl-large-slide[data-col="2"] > .list > li,
  .mod-pnl-large-slide[data-col="2"] > .list > div, .mod-pnl-large-slide[data-col-wide="2"] > .list > li,
  .mod-pnl-large-slide[data-col-wide="2"] > .list > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding-top: 10px;
    padding-left: 10px;
  }
  .mod-pnl-large-slide[data-col="2"] .pnl .title, .mod-pnl-large-slide[data-col-wide="2"] .pnl .title {
    font-size: 2.4rem;
  }
  .mod-pnl-large-slide[data-col="2"] .pnl .description, .mod-pnl-large-slide[data-col-wide="2"] .pnl .description {
    padding: 12px 0 0;
    font-size: 1.6rem;
    -webkit-line-clamp: 2;
  }
  .mod-pnl-large-slide[data-col="2"].of-tags-clickable .pnl .description, .mod-pnl-large-slide[data-col-wide="2"].of-tags-clickable .pnl .description {
    padding: 12px 0 0;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-large-slide > .list, .mod-pnl-large-slide[data-col="1"] > .list, .mod-pnl-large-slide[data-col-wide="1"] > .list {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-pnl-large-slide > .list > li,
  .mod-pnl-large-slide > .list > div, .mod-pnl-large-slide[data-col="1"] > .list > li,
  .mod-pnl-large-slide[data-col="1"] > .list > div, .mod-pnl-large-slide[data-col-wide="1"] > .list > li,
  .mod-pnl-large-slide[data-col-wide="1"] > .list > div {
    padding-top: 26px;
    padding-left: 26px;
  }
  .mod-pnl-large-slide[data-col="2"] > .list, .mod-pnl-large-slide[data-col-wide="2"] > .list {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-pnl-large-slide[data-col="2"] > .list > li,
  .mod-pnl-large-slide[data-col="2"] > .list > div, .mod-pnl-large-slide[data-col-wide="2"] > .list > li,
  .mod-pnl-large-slide[data-col-wide="2"] > .list > div {
    padding-top: 26px;
    padding-left: 26px;
  }
}

.mod-pnl-catalog {
  margin: 0 0 40px;
}

.mod-pnl-catalog > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -20px;
}

.mod-pnl-catalog > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding-top: 20px;
}

.mod-pnl-catalog > .list > li > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-grid-columns: initial;
  grid-template-columns: initial;
  -ms-grid-rows: initial;
  grid-template-rows: initial;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 30px 20px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
  color: inherit;
  text-decoration: none;
}

.mod-pnl-catalog > .list > li > .item > [data-catalog-type] {
  display: -ms-inline-grid;
  display: inline-grid;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  padding-inline: 8px;
  border-radius: 5px 0;
  background: #f4f4f4;
  color: #222;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  isolation: isolate;
  place-items: center;
}
@media screen and (min-width: 768px), print {
  .mod-pnl-catalog > .list > li > .item > [data-catalog-type] {
    height: 40px;
    padding-inline: 11px;
    font-size: 1.4rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .mod-pnl-catalog > .list > li > .item:hover {
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  }
}
.mod-pnl-catalog > .list > li > .item > .title {
  grid-column: initial;
  grid-row: initial;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 0 20px;
}

.mod-pnl-catalog > .list > li > .item > .title > .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  font-size: 1.2rem;
}

.mod-pnl-catalog > .list > li > .item > .title > .tag:not(:empty) {
  padding-bottom: 4px;
}

.mod-pnl-catalog > .list > li > .item > .title > .tag > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 51px;
  min-height: 21px;
  padding: 0 12px;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}

.mod-pnl-catalog > .list > li > .item > .title > .tag > span.of-new {
  background: #ffebeb;
  color: #c00;
  text-transform: uppercase;
}

.mod-pnl-catalog > .list > li > .item > .title > .name {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}

.mod-pnl-catalog > .list > li > .item > .title > .name[class*=of-icon-] > span {
  margin-right: 0.1em;
}

.mod-pnl-catalog > .list > li > .item > .title > .name::after,
.mod-pnl-catalog > .list > li > .item > .title > .name::before {
  content: none;
}

.mod-pnl-catalog > .list > li > .item > .title > .name::after {
  content: "";
  display: inline-block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 1.5em;
  -webkit-transform: none;
          transform: none;
  border-radius: 0;
  background: no-repeat center left;
  background-size: 30px auto;
  line-height: 1.5;
  vertical-align: text-bottom;
}

.mod-pnl-catalog > .list > li > .item > .title > .name.of-icon-file::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMzAgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgzMHYyNGgtMzB6Ii8+PHBhdGggZD0ibS0yIDFoMjJ2MjJoLTIyeiIvPjxnIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJtMjMuMzUzIDEyLjYzdjguNTg0YzAgMS4wNDctLjg2MSAxLjkwOC0xLjkwOCAxLjkwOGgtOS41MzdjLTEuMDQ3IDAtMS45MDgtLjg2MS0xLjkwOC0xLjkwOHYtMTQuMzA2YzAtMS4wNDcuODYxLTEuOTA4IDEuOTA4LTEuOTA4aDYuNjc2IiBzdHJva2U9IiMyMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjIzMSAtMi4wMykiLz48cGF0aCBkPSJtMzIuNzY5IDkuNzY5aC0zLjQ2OWMtLjcxMyAwLTEuMy0uNTg3LTEuMy0xLjN2LTMuNDY5IiBzdHJva2U9IiMyMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi42NDcgLTIuMDMpIi8+PHBhdGggZD0ibTI4IDVjMi42MTYgMCA0Ljc2OSAyLjE1MyA0Ljc2OSA0Ljc2OSIgc3Ryb2tlPSIjMjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuNjQ3IC0yLjAzKSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTAuNzc4KSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTQuMDU1KSIvPjxwYXRoIGQ9Im0wIDBoNi42NjkiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wNzggMTcuMzMyKSIvPjwvZz48L2c+PC9zdmc+");
}

.mod-pnl-catalog > .list > li > .item > .title > .name.of-icon-excel::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MjRoLTMweiIvPjxwYXRoIGQ9Im0xMyAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtOWMtMS4xMDQgMC0yIC44OTYtMiAydjE0YzAgMS4xMDQuODk2IDIgMiAyaDljMS4xMDQgMCAyLS44OTYgMi0yeiIgc3Ryb2tlPSIjMDA3NzQwIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIvPjxwYXRoIGQ9Im0wIDBoNi45MDUiIHN0cm9rZT0iIzAwNzc0MCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMTQuNSkiLz48cGF0aCBkPSJtMCAwaDYuOTA1IiBzdHJva2U9IiMwMDc3NDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDE3LjUpIi8+PC9nPjxnIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1KSI+PHBhdGggZD0ibTEwLjgzMyA3LjVoLTguNjY2Yy0uOTE5IDAtMS42NjctLjY3My0xLjY2Ny0xLjV2LTRjMC0uODI3Ljc0OC0xLjUgMS42NjctMS41aDguNjY2Yy45MTkgMCAxLjY2Ny42NzMgMS42NjcgMS41djRjMCAuODI3LS43NDggMS41LTEuNjY3IDEuNXoiIGZpbGw9IiMwMDc3NDAiLz48cGF0aCBkPSJtMi4xNjcgMWMtLjY0NCAwLTEuMTY3LjQ0OS0xLjE2NyAxdjRjMCAuNTUxLjUyMyAxIDEuMTY3IDFoOC42NjZjLjY0NCAwIDEuMTY3LS40NDkgMS4xNjctMXYtNGMwLS41NTEtLjUyMy0xLTEuMTY3LTF6bTAtMWg4LjY2NmMxLjE5NyAwIDIuMTY3Ljg5NSAyLjE2NyAydjRjMCAxLjEwNS0uOTcgMi0yLjE2NyAyaC04LjY2NmMtMS4xOTcgMC0yLjE2Ny0uODk1LTIuMTY3LTJ2LTRjMC0xLjEwNS45Ny0yIDIuMTY3LTJ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Im0uMDQ4IDBoLjc2NGwuMjU2LS41OGMuMDY4LS4xNTYuMTMyLS4zMTIuMi0uNWguMDE2Yy4wOC4xODQuMTQ4LjM0LjIyLjVsLjI4LjU4aC44bC0uODI0LTEuNS43NjgtMS40NzZoLS43NTZsLS4yMTYuNTMyYy0uMDYuMTQtLjEyNC4zLS4xOTIuNDg4aC0uMDE2Yy0uMDg0LS4xOTItLjE1Mi0uMzQ4LS4yMTYtLjQ4OGwtLjI0LS41MzJoLS43OTJsLjc2OCAxLjQ0NHptMy4xMjQgMGgxLjg3MnYtLjZoLTEuMTU2di0yLjM3NmgtLjcxNnptMy4zOC4wNTZjLjA0Ni4wMDYuMDkyLjAxLjEzOC4wMS41MjYgMCAuOTY3LS40MTYuOTk4LS45NDIuMDEyLS4zNzMtLjIzLS43MS0uNTg4LS44MTZsLS4zNzItLjE0OGMtLjI2NC0uMS0uNDUyLS4xNjgtLjQ1Mi0uMzMycy4xMzYtLjI0OC4zNTYtLjI0OGMuMjI0LjAwMy40NDEuMDgzLjYxMi4yMjhsLjM1Ni0uNDQ4Yy0uMjU5LS4yNTItLjYwNy0uMzkzLS45NjgtLjM5Mi0uMDM0LS4wMDQtLjA2OS0uMDA2LS4xMDQtLjAwNi0uNTA5IDAtLjkzOC4zOTgtLjk3Ni45MDYuMDA1LjM3MS4yNDcuNy42LjgxNmwuMzguMTZjLjI1Ni4xMDguNDIuMTY0LjQyLjMzNnMtLjEyNC4yNi0uMzg4LjI2Yy0uMjY4LS4wMTYtLjUyMy0uMTIyLS43MjQtLjNsLS40LjQ5MmMuMzA2LjI3My43MDIuNDI0IDEuMTEyLjQyNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42MzEgMTAuNSkiLz48L3N2Zz4=");
}

.mod-pnl-catalog > .list > li > .item > .title > .name.of-icon-pdf::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgdmlld0JveD0iMCAwIDMwIDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Im0wIDBoMzB2MjRoLTMweiIvPjxwYXRoIGQ9Im0xMyAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtOWMtMS4xMDQgMC0yIC44OTYtMiAydjE0YzAgMS4xMDQuODk2IDIgMiAyaDljMS4xMDQgMCAyLS44OTYgMi0yeiIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIvPjxwYXRoIGQ9Im0wIDBoNi45MDUiIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYgMTQuNSkiLz48cGF0aCBkPSJtMCAwaDYuOTA1IiBzdHJva2U9IiNjMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDE3LjUpIi8+PC9nPjxnIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA1KSI+PHBhdGggZD0ibTEwLjgzMyA3LjVoLTguNjY2Yy0uOTE5IDAtMS42NjctLjY3My0xLjY2Ny0xLjV2LTRjMC0uODI3Ljc0OC0xLjUgMS42NjctMS41aDguNjY2Yy45MTkgMCAxLjY2Ny42NzMgMS42NjcgMS41djRjMCAuODI3LS43NDggMS41LTEuNjY3IDEuNXoiIGZpbGw9IiNjMDAiLz48cGF0aCBkPSJtMi4xNjcgMWMtLjY0NCAwLTEuMTY3LjQ0OS0xLjE2NyAxdjRjMCAuNTUxLjUyMyAxIDEuMTY3IDFoOC42NjZjLjY0NCAwIDEuMTY3LS40NDkgMS4xNjctMXYtNGMwLS41NTEtLjUyMy0xLTEuMTY3LTF6bTAtMWg4LjY2NmMxLjE5NyAwIDIuMTY3Ljg5NSAyLjE2NyAydjRjMCAxLjEwNS0uOTcgMi0yLjE2NyAyaC04LjY2NmMtMS4xOTcgMC0yLjE2Ny0uODk1LTIuMTY3LTJ2LTRjMC0xLjEwNS45Ny0yIDIuMTY3LTJ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Im0uMzY0IDBoLjU5MnYtMS4wNTJoLjRjLjYzNiAwIDEuMTQ0LS4zIDEuMTQ0LS45OCAwLS43LS41LS45MjgtMS4xNi0uOTI4aC0uOTc2em0uNTkyLTEuNTJ2LS45NzJoLjMzNmMuNDA4IDAgLjYyNC4xMTYuNjI0LjQ2cy0uMi41MTItLjYuNTEyem0yLjA3NiAxLjUyaC44NDRjLjAzOS4wMDMuMDc3LjAwNS4xMTYuMDA1LjcyOCAwIDEuMzI3LS41OTkgMS4zMjctMS4zMjcgMC0uMDU3LS4wMDQtLjExNC0uMDExLS4xNy4wMDctLjA1NC4wMS0uMTA4LjAxLS4xNjIgMC0uNzIxLS41OTQtMS4zMTYtMS4zMTYtMS4zMTYtLjA1MyAwLS4xMDYuMDA0LS4xNTguMDFoLS44MTJ6bS41OTItLjQ3NnYtMi4wMTJoLjE4NGMuNTUyIDAgLjkuMjcyLjkgMXMtLjM0OCAxLjAxMi0uOSAxLjAxMnptMi4yNjQuNDc2aC41OTJ2LTEuMmgxLjA1MnYtLjVoLTEuMDUydi0uNzcyaDEuMjMydi0uNDg4aC0xLjgyNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi40NjIgMTAuNSkiLz48L3N2Zz4=");
}

.mod-pnl-catalog > .list > li > .item > .title > .name.of-icon-zip::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMCAwaDMwdjI0aC0zMHoiIGZpbGw9Im5vbmUiLz48ZyBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im0xMC45MjkgMGgtMTAuMDQ4Yy0uNDg0IDAtLjg4Mi4zOTgtLjg4Mi44ODIgMCAuNDgzLjM5OC44ODEuODgyLjg4MWg3LjkxOWwtMi43MjUgMi43MjVjLS4xNjUuMTY1LS4yNTguMzktLjI1OC42MjMgMCAuNDg0LjM5OC44ODIuODgyLjg4Mi4yMzMgMCAuNDU4LS4wOTMuNjIzLS4yNThsNC4yMzEtNC4yMzVjLjE2My0uMTY1LjI1NC0uMzg3LjI1NC0uNjE5IDAtLjQ4Mi0uMzk2LS44NzktLjg3OC0uODgxeiIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTAuMzczIDMuOTQpIi8+PHBhdGggZD0ibS44ODEgMGMtLjQ4Mi4wMDItLjg3Ny4zOTktLjg3Ny44ODEgMCAuMjMyLjA5MS40NTQuMjU0LjYxOWw0LjIzMSA0LjIzYy4xNjIuMTQ4LjM3NC4yMy41OTQuMjMuNDgzIDAgLjg4MS0uMzk3Ljg4MS0uODgxIDAtLjIxOC0uMDgxLS40MjktLjIyOC0uNTkxbC00LjIzNi00LjIzYy0uMTY0LS4xNjQtLjM4Ny0uMjU3LS42MTktLjI1OHoiIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAtMSAwIDE0LjYwMyA5Ljc1NykiLz48cGF0aCBkPSJtLTMzNTkuNjMgOTE1NC45MmgtMTcuMjNjLS40OSAwLS44OC0uNC0uODgtLjg5di01Ljg3YzAtLjQ4LjM5LS44OC44OC0uODguNDggMCAuODguNC44OC44OHY0Ljk5aDE1LjQ3di00Ljk5YzAtLjQ4LjQtLjg4Ljg4LS44OHMuODguNC44OC44OHY1Ljg3YzAgLjQ5LS40Ljg5LS44OC44OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzNzcuNzQyIC05MTM0Ljg2MikiLz48L2c+PC9zdmc+");
}

.mod-pnl-catalog > .list > li > .item > .visual {
  grid-column: initial;
  grid-row: initial;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 142px;
  margin: 0 auto 20px;
  padding: 0;
}

.mod-pnl-catalog > .list > li > .item > .visual span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
}

.mod-pnl-catalog > .list > li > .item > .visual img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.mod-pnl-catalog > .list > li > .item > .detail {
  grid-column: initial;
  grid-row: initial;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list {
  display: table;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div {
  display: table-row;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div > * {
  display: table-cell;
  padding: 10px 0;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.4rem;
  line-height: 1.5;
  vertical-align: top;
}

.mod-pnl-catalog > .list > li > .item > .detail > .list > div > dt {
  padding-right: 0;
  font-weight: 700;
  letter-spacing: normal;
  white-space: nowrap;
}

.mod-pnl-catalog[data-col="2"] > .list,
.mod-pnl-catalog[data-col="3"] > .list,
.mod-pnl-catalog[data-col="4"] > .list,
.mod-pnl-catalog[data-col="5"] > .list,
.mod-pnl-catalog[data-col="6"] > .list {
  margin-left: -26px;
}

.mod-pnl-catalog[data-col="2"] > .list > li,
.mod-pnl-catalog[data-col="3"] > .list > li,
.mod-pnl-catalog[data-col="4"] > .list > li,
.mod-pnl-catalog[data-col="5"] > .list > li,
.mod-pnl-catalog[data-col="6"] > .list > li {
  padding-left: 26px;
}

.mod-pnl-catalog[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-pnl-catalog[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-pnl-catalog[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-pnl-catalog[data-col="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-pnl-catalog[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-pnl-catalog[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-pnl-catalog[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-pnl-catalog {
    margin: 0 0 40px;
  }
  .mod-pnl-catalog > .list > li {
    max-width: 50%;
  }
  .mod-pnl-catalog > .list > li > .item {
    padding: 50px 40px;
  }
  .mod-pnl-catalog > .list > li > .item > .title {
    margin-bottom: 20px;
  }
  .mod-pnl-catalog > .list > li > .item > .title > .tag > span {
    padding: 4px 8px;
  }
  .mod-pnl-catalog > .list > li > .item > .title > .tag:not(:empty) {
    padding-bottom: 10px;
  }
  .mod-pnl-catalog > .list > li > .item > .title > .name {
    font-size: 2rem;
    line-height: 1.3;
  }
  .mod-pnl-catalog > .list > li > .item > .title > .name .icn-pdf {
    margin-left: 8px;
  }
  .mod-pnl-catalog > .list > li > .item > .visual {
    max-width: 100%;
    height: 286px;
    max-height: 286px;
    margin-bottom: 40px;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > * {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.6rem;
    line-height: 1.65;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > dt {
    padding-right: 20px;
  }
  .mod-pnl-catalog > .list > li > .item > .detail > .list > div > dd {
    width: 100%;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list,
  .mod-pnl-catalog[data-col-wide="3"] > .list,
  .mod-pnl-catalog[data-col="2"] > .list,
  .mod-pnl-catalog[data-col="3"] > .list {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-pnl-catalog[data-col-wide="4"] > .list,
  .mod-pnl-catalog[data-col-wide="5"] > .list,
  .mod-pnl-catalog[data-col-wide="6"] > .list,
  .mod-pnl-catalog[data-col-wide=auto] > .list,
  .mod-pnl-catalog[data-col="4"] > .list,
  .mod-pnl-catalog[data-col="5"] > .list,
  .mod-pnl-catalog[data-col="6"] > .list {
    margin-top: -20px;
    margin-left: -20px;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list > li,
  .mod-pnl-catalog[data-col-wide="3"] > .list > li,
  .mod-pnl-catalog[data-col="2"] > .list > li,
  .mod-pnl-catalog[data-col="3"] > .list > li {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-pnl-catalog[data-col-wide="4"] > .list > li,
  .mod-pnl-catalog[data-col-wide="5"] > .list > li,
  .mod-pnl-catalog[data-col-wide="6"] > .list > li,
  .mod-pnl-catalog[data-col-wide=auto] > .list > li,
  .mod-pnl-catalog[data-col="4"] > .list > li,
  .mod-pnl-catalog[data-col="5"] > .list > li,
  .mod-pnl-catalog[data-col="6"] > .list > li {
    padding-top: 20px;
    padding-left: 20px;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-pnl-catalog[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-pnl-catalog[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-pnl-catalog[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-pnl-catalog[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-pnl-catalog[data-col-wide=auto] > .list > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-pnl-catalog[data-col-wide="2"] > .list,
  .mod-pnl-catalog[data-col-wide="3"] > .list,
  .mod-pnl-catalog[data-col="2"] > .list,
  .mod-pnl-catalog[data-col="3"] > .list {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-pnl-catalog[data-col-wide="4"] > .list,
  .mod-pnl-catalog[data-col-wide="5"] > .list,
  .mod-pnl-catalog[data-col-wide="6"] > .list,
  .mod-pnl-catalog[data-col-wide=auto] > .list,
  .mod-pnl-catalog[data-col="4"] > .list,
  .mod-pnl-catalog[data-col="5"] > .list,
  .mod-pnl-catalog[data-col="6"] > .list {
    margin-top: -26px;
    margin-left: -26px;
  }
  .mod-pnl-catalog[data-col-wide="2"] > .list > li,
  .mod-pnl-catalog[data-col-wide="3"] > .list > li,
  .mod-pnl-catalog[data-col="2"] > .list > li,
  .mod-pnl-catalog[data-col="3"] > .list > li {
    padding-top: 26px;
    padding-left: 26px;
  }
  .mod-pnl-catalog[data-col-wide="4"] > .list > li,
  .mod-pnl-catalog[data-col-wide="5"] > .list > li,
  .mod-pnl-catalog[data-col-wide="6"] > .list > li,
  .mod-pnl-catalog[data-col-wide=auto] > .list > li,
  .mod-pnl-catalog[data-col="4"] > .list > li,
  .mod-pnl-catalog[data-col="5"] > .list > li,
  .mod-pnl-catalog[data-col="6"] > .list > li {
    padding-top: 26px;
    padding-left: 26px;
  }
}
/*! = Modules/Media */
.media iframe {
  border: none;
}

.mod-media {
  margin: 20px auto 40px;
}

.mod-media > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mod-media > .inner > .caption {
  max-width: 100%;
  padding-top: 6px;
  font-size: 1.4rem;
  line-height: 1.65;
}

.mod-media > .inner > .caption a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0 0 24px;
  padding-top: 0.15em;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.65;
  text-decoration: none;
}
.mod-media > .inner > .caption a:hover {
  text-decoration: underline;
}
.mod-media > .inner > .caption a:focus-visible {
  outline-offset: -2px;
}

.mod-media > .inner > .caption a::after,
.mod-media > .inner > .caption a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.mod-media > .inner > .caption a::before {
  z-index: 0;
  top: 0;
  bottom: auto;
  left: 0;
  width: 24px;
  height: 26.4px;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: 17px;
  line-height: 1.65;
}

.mod-media > .inner > .media {
  max-width: 100%;
  min-height: 0;
  text-align: center;
}

.mod-media > .inner > .media iframe,
.mod-media > .inner > .media img,
.mod-media > .inner > .media picture,
.mod-media > .inner > .media video {
  display: block;
  max-width: 100%;
  height: auto;
}

.mod-media > .inner > .media > a {
  display: block;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.mod-media > .inner > .media > a:focus-visible::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: auto;
  border: #222 solid 2px;
  inset: 0;
}
.mod-media > .inner > .media > a:focus-visible {
  outline-offset: -2px;
}
@media (hover: hover) and (pointer: fine) {
  .mod-media > .inner > .media > a:hover {
    opacity: 0.7;
  }
}

.img-caption-center .caption {
  margin: 0 auto;
  text-align: center;
}
.img-caption-center .caption a {
  margin: 0 auto;
  text-align: left;
}

.img-caption-center .media {
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .mod-media > .inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-media > .inner > .caption {
    padding-top: 12px;
    line-height: 1.65;
  }
}
.mod-media-lyt {
  margin-top: 0;
  margin-bottom: 30px;
}

.mod-media-lyt > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -30px 0 0 -20px;
}

.mod-media-lyt > .inner > .content,
.mod-media-lyt > .inner > .media {
  padding: 30px 0 0 20px;
}

.mod-media-lyt > .inner > .content > :first-child,
.mod-media-lyt > .inner > .media > :first-child {
  margin-top: 0;
}

.mod-media-lyt > .inner > .content > :last-child,
.mod-media-lyt > .inner > .media > :last-child {
  margin-bottom: 0;
}

.mod-media-lyt > .inner > .content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.mod-media-lyt > .inner > .media {
  min-height: 0%;
  margin-right: auto;
  margin-left: auto;
}

.mod-media-lyt > .inner > .media > .mod-media {
  margin-top: 0;
  margin-left: 0;
}

.mod-media-lyt > .inner > .media > .mod-media > .inner > .media img {
  width: 100%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom) > .inner > .media {
  width: 100%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom) > .inner > .media > .mod-media > .inner > .media img {
  max-width: 100%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom)[data-fix-media-ratio="70"] > .inner > .media {
  min-width: 70%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom)[data-fix-media-ratio="60"] > .inner > .media {
  min-width: 60%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom)[data-fix-media-ratio="50"] > .inner > .media {
  min-width: 50%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom)[data-fix-media-ratio="40"] > .inner > .media {
  min-width: 40%;
}

.mod-media-lyt[data-fix-media-ratio]:not(.of-imageTop):not(.of-imageBottom)[data-fix-media-ratio="30"] > .inner > .media {
  min-width: 30%;
}

.mod-media-lyt.of-imageBottom > .inner > .media > .mod-media,
.mod-media-lyt.of-imageTop > .inner > .media > .mod-media {
  margin-top: 0;
}

.mod-media-lyt.of-imageBottom > .inner > .media > .mod-media > .inner > .media img,
.mod-media-lyt.of-imageTop > .inner > .media > .mod-media > .inner > .media img {
  max-width: 100%;
}

.mod-media-lyt.of-imageTop > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod-media-lyt.of-imageBottom > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.mod-media-lyt.of-imageRight > .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.mod-media-lyt.align-middle > .inner {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.mod-media-lyt.align-bottom > .inner {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.mod-media-lyt + .mod-btn {
  margin-top: 0;
}

.mod-media-lyt[class*=of-image] + .mod-btn {
  margin-top: 20px;
}

.mod-btn + .mod-media-lyt[class*=of-image] {
  margin-top: 56px;
}

.mod-media-lyt + .mod-box-productItems > .inner {
  margin-top: 0;
}

.mod-media-lyt.dy-media-lyt > .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.mod-media-lyt.dy-media-lyt.of-imageTop > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.mod-media-lyt.dy-media-lyt.of-imageBottom > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod-media-lyt.dy-media-lyt.of-imageRight > .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.mod-media-lyt > .inner > .media > .mod-media > .inner > .caption {
  width: 100%;
}

@media screen and (max-width: 767px), print {
  .mod-media-lyt > .inner > .media {
    width: 100%;
  }
}
@media screen and (min-width: 768px), print {
  .mod-media-lyt.of-imageBottom-wide > .inner > .media > .mod-media,
  .mod-media-lyt.of-imageTop-wide > .inner > .media > .mod-media {
    margin-top: 0;
  }
  .mod-media-lyt[class*=of-image][class*=of-image] .mod-media {
    padding-right: 0;
    padding-left: 0;
  }
  .mod-media-lyt > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-media-lyt.of-imageTop-wide > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mod-media-lyt.of-imageBottom-wide > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mod-media-lyt.of-imageRight-wide > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-media-lyt.of-imageLeft-wide > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media > .mod-media > .inner > .media img {
    max-width: 100%;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide)[data-fix-media-ratio-wide="70"] > .inner > .media {
    min-width: 70%;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide)[data-fix-media-ratio-wide="60"] > .inner > .media {
    min-width: 60%;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide)[data-fix-media-ratio-wide="50"] > .inner > .media {
    min-width: 50%;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide)[data-fix-media-ratio-wide="40"] > .inner > .media {
    min-width: 40%;
  }
  .mod-media-lyt[data-fix-media-ratio-wide]:not(.of-imageTop-wide):not(.of-imageBottom-wide)[data-fix-media-ratio-wide="30"] > .inner > .media {
    min-width: 30%;
  }
  .mod-media-lyt:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: 360px;
  }
  .mod-media-lyt > .inner > .media > .mod-media {
    margin-top: 4px;
  }
  .mod-media-lyt > .inner > .media > .mod-media > .inner > .media img {
    height: auto;
  }
  .mod-media-lyt.align-top-wide > .inner {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .mod-media-lyt.align-middle-wide > .inner {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .mod-media-lyt.align-bottom-wide > .inner {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .mod-media-lyt > .inner > .media {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .mod-media-lyt.dy-media-lyt.of-imageTop-wide > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mod-media-lyt.dy-media-lyt.of-imageBottom-wide > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mod-media-lyt.dy-media-lyt.of-imageRight-wide > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-media-lyt.dy-media-lyt.of-imageLeft-wide > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.mod-media-lyt.of-imageLeft-float > .inner,
.mod-media-lyt.of-imageRight-float > .inner {
  display: block;
  margin: 0;
}

.mod-media-lyt.of-imageLeft-float > .inner::after,
.mod-media-lyt.of-imageRight-float > .inner::after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.mod-media-lyt.of-imageLeft-float > .inner > .media,
.mod-media-lyt.of-imageRight-float > .inner > .media {
  display: block;
  min-width: auto;
  max-width: none;
  padding-left: 0;
}

.mod-media-lyt.of-imageLeft-float > .inner > .media {
  width: 100%;
  margin-right: 0;
  float: none;
}

.mod-media-lyt.of-imageRight-float > .inner > .media {
  width: 100%;
  margin-left: 0;
  float: none;
}

.mod-media-lyt.of-imageLeft-float .mod-media > .inner > .caption,
.mod-media-lyt.of-imageRight-float .mod-media > .inner > .caption {
  padding-bottom: 5px;
}

.mod-media-lyt.of-imageLeft-float > .inner > .content,
.mod-media-lyt.of-imageRight-float > .inner > .content {
  padding-left: 0;
}

.mod-media-lyt.of-imageLeft-float .mod-media > .inner > .caption,
.mod-media-lyt.of-imageRight-float .mod-media > .inner > .caption,
.mod-media-lyt.of-imageLeft-wide-float .mod-media > .inner > .caption,
.mod-media-lyt.of-imageRight-wide-float .mod-media > .inner > .caption {
  padding-bottom: 16px;
}

.mod-media-lyt.of-imageLeft > .inner,
.mod-media-lyt.of-imageRight > .inner,
.mod-media-lyt.of-imageLeft-wide-float > .inner,
.mod-media-lyt.of-imageRight-wide-float > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod-media-lyt.of-imageTop.of-imageLeft-wide-float > .inner,
.mod-media-lyt.of-imageTop.of-imageRight-wide-float > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mod-media-lyt.of-imageBottom.of-imageLeft-wide-float > .inner,
.mod-media-lyt.of-imageBottom.of-imageRight-wide-float > .inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (max-width: 767px), print {
  .mod-media-lyt.of-imageLeft-float > .inner > .media,
  .mod-media-lyt.of-imageRight-float > .inner > .media {
    width: 50%;
  }
}
@media screen and (min-width: 768px), print {
  .mod-media-lyt.of-imageLeft-float > .inner > .media {
    margin-right: 20px;
  }
  .mod-media-lyt.of-imageRight-float > .inner > .media {
    margin-left: 20px;
  }
  .mod-media-lyt.of-imageLeft-wide-float > .inner,
  .mod-media-lyt.of-imageRight-wide-float > .inner {
    display: block;
    margin: -30px 0 0;
  }
  .mod-media-lyt.of-imageLeft > .inner,
  .mod-media-lyt.of-imageLeft-wide > .inner,
  .mod-media-lyt.of-imageLeft-wide-float > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-media-lyt.of-imageRight > .inner,
  .mod-media-lyt.of-imageRight-wide > .inner,
  .mod-media-lyt.of-imageRight-wide-float > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-media-lyt.of-imageLeft-wide-float > .inner::after,
  .mod-media-lyt.of-imageRight-wide-float > .inner::after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
  }
  .mod-media-lyt.of-imageLeft-wide-float > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float > .inner > .media {
    display: block;
    width: auto;
    min-width: auto;
    max-width: none;
    padding-left: 0;
  }
  .mod-media-lyt.of-imageLeft-float > .inner > .media {
    margin-right: 20px;
    float: left;
  }
  .mod-media-lyt.of-imageLeft-wide-float > .inner > .media {
    margin-right: 20px;
    float: left;
  }
  .mod-media-lyt.of-imageRight-float > .inner > .media {
    margin-left: 20px;
    float: right;
  }
  .mod-media-lyt.of-imageRight-wide-float > .inner > .media {
    margin-left: 20px;
    float: right;
  }
  .mod-media-lyt.of-imageLeft-wide-float .mod-media > .inner > .caption,
  .mod-media-lyt.of-imageRight-wide-float .mod-media > .inner > .caption {
    padding-bottom: 5px;
  }
  .mod-media-lyt.of-imageLeft-wide-float > .inner > .content,
  .mod-media-lyt.of-imageRight-wide-float > .inner > .content {
    padding-left: 0;
  }
}
.mod-media-lyt.of-large-content > .inner {
  margin-top: -20px;
}

.mod-media-lyt.of-large-content > .inner > .content,
.mod-media-lyt.of-large-content > .inner > .media {
  padding-top: 20px;
}

@media screen and (min-width: 768px), print {
  .mod-media-lyt.of-large-content > .inner > .media {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    min-width: 265px !important;
    max-width: 265px !important;
  }
}
.mod-media-lyt.of-imageLeft-float.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 100px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 110px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 120px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 130px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 140px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 150px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 160px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 170px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 180px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 190px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 200px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 210px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 220px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 230px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 240px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 250px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 260px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 270px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 280px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 290px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 300px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 310px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 320px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 330px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 340px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 350px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 360px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 370px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 380px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 390px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 400px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 410px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 420px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 430px;
}

.mod-media-lyt.of-imageLeft-float.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
.mod-media-lyt.of-imageRight-float.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 440px;
}

.mod-media-lyt.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 100px;
}

.mod-media-lyt.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 110px;
}

.mod-media-lyt.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 120px;
}

.mod-media-lyt.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 130px;
}

.mod-media-lyt.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 140px;
}

.mod-media-lyt.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 150px;
}

.mod-media-lyt.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 160px;
}

.mod-media-lyt.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 170px;
}

.mod-media-lyt.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 180px;
}

.mod-media-lyt.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 190px;
}

.mod-media-lyt.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 200px;
}

.mod-media-lyt.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 210px;
}

.mod-media-lyt.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 220px;
}

.mod-media-lyt.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 230px;
}

.mod-media-lyt.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 240px;
}

.mod-media-lyt.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 250px;
}

.mod-media-lyt.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 260px;
}

.mod-media-lyt.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 270px;
}

.mod-media-lyt.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 280px;
}

.mod-media-lyt.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 290px;
}

.mod-media-lyt.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 300px;
}

.mod-media-lyt.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 310px;
}

.mod-media-lyt.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 320px;
}

.mod-media-lyt.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 330px;
}

.mod-media-lyt.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 340px;
}

.mod-media-lyt.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 350px;
}

.mod-media-lyt.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 360px;
}

.mod-media-lyt.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 370px;
}

.mod-media-lyt.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 380px;
}

.mod-media-lyt.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 390px;
}

.mod-media-lyt.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 400px;
}

.mod-media-lyt.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 410px;
}

.mod-media-lyt.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 420px;
}

.mod-media-lyt.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 430px;
}

.mod-media-lyt.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
  max-width: 440px;
}

@media screen and (min-width: 768px), print {
  .mod-media-lyt.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 170px;
            flex: 0 0 170px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
            flex: 0 0 190px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
            flex: 0 0 220px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
            flex: 0 0 260px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
            flex: 0 0 280px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 290px;
            flex: 0 0 290px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
            flex: 0 0 310px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
            flex: 0 0 330px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
            flex: 0 0 340px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 370px;
            flex: 0 0 370px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
            flex: 0 0 380px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 390px;
            flex: 0 0 390px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
            flex: 0 0 410px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 420px;
            flex: 0 0 420px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 430px;
            flex: 0 0 430px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 440px;
            flex: 0 0 440px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 450px;
            flex: 0 0 450px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 460px;
            flex: 0 0 460px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 470px;
            flex: 0 0 470px;
    min-width: auto;
    max-width: none;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w100:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 100px;
    max-width: 100px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w110:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 110px;
    max-width: 110px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w120:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 120px;
    max-width: 120px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w130:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 130px;
    max-width: 130px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w140:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 140px;
    max-width: 140px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w150:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 150px;
    max-width: 150px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w160:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 160px;
    max-width: 160px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w170:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 170px;
    max-width: 170px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w180:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 180px;
    max-width: 180px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w190:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 190px;
    max-width: 190px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w200:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 200px;
    max-width: 200px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w210:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 210px;
    max-width: 210px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w220:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 220px;
    max-width: 220px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w230:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 230px;
    max-width: 230px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w240:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 240px;
    max-width: 240px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w250:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 250px;
    max-width: 250px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w260:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 260px;
    max-width: 260px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w270:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 270px;
    max-width: 270px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w280:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 280px;
    max-width: 280px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w290:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 290px;
    max-width: 290px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w300:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 300px;
    max-width: 300px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w310:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 310px;
    max-width: 310px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w320:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 320px;
    max-width: 320px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w330:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 330px;
    max-width: 330px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w340:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 340px;
    max-width: 340px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w350:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 350px;
    max-width: 350px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w360:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 360px;
    max-width: 360px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w370:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 370px;
    max-width: 370px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w380:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 380px;
    max-width: 380px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w390:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 390px;
    max-width: 390px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w400:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 400px;
    max-width: 400px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w410:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 410px;
    max-width: 410px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w420:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 420px;
    max-width: 420px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w430:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 430px;
    max-width: 430px;
  }
  .mod-media-lyt.of-imageLeft-wide-float.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media,
  .mod-media-lyt.of-imageRight-wide-float.pc-of-image-w440:not([data-fix-media-ratio]):not(.of-imageTop-wide):not(.of-imageBottom-wide) > .inner > .media {
    min-width: 440px;
    max-width: 440px;
  }
}
.mod-media.of-badge {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  --gatter-padding-y: 6px;
  --gatter-padding-x: 6px;
}
.mod-media.of-badge > .inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mod-media.of-badge .media-figure {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 0;
}
.mod-media.of-badge > .inner > .caption {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.mod-media.of-badge > .inner > .media, .mod-media.of-badge > .inner > .media-figure .media {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mod-media.of-badge > .inner > .media img, .mod-media.of-badge > .inner > .media-figure .media img {
  width: inherit;
  height: inherit;
}
.mod-media.of-badge > .inner > .media, .mod-media.of-badge > .inner > a[href].media, .mod-media.of-badge > .inner > .media-figure .media, .mod-media.of-badge > .inner > .media-figure a[href].media {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  overflow: hidden;
}
.mod-media.of-badge > .inner > .media img, .mod-media.of-badge > .inner > a[href].media img, .mod-media.of-badge > .inner > .media-figure .media img, .mod-media.of-badge > .inner > .media-figure a[href].media img {
  display: inline-block;
  position: relative;
  top: 50%;
  width: inherit;
  min-width: auto;
  max-width: 100%;
  height: inherit;
  min-height: auto;
  max-height: none;
  margin: auto;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -o-object-fit: contain;
     object-fit: contain;
  translate: 0 -50%;
}
.mod-media.of-badge > .inner > a[href].media:hover img, .mod-media.of-badge > .inner > .media-figure a[href].media:hover img {
  -webkit-transform: none;
          transform: none;
  opacity: 0.7;
}
@media screen and (min-width: 576px), print {
  .mod-media.of-badge {
    --gatter-padding-y: 12px;
    --gatter-padding-x: 12px;
  }
}
.mod-media.of-badge > .inner .media-caption {
  margin-top: 0;
}
.mod-media.of-badge > .inner > .caption {
  margin-top: 0;
}
.mod-media.of-badge.of-padless {
  --gatter-padding-y: 0;
  --gatter-padding-x: 0;
}
.mod-media.of-badge.of-padless > .inner .media-caption {
  margin-top: 6px;
}
.mod-media.of-badge.of-padless > .inner > .caption {
  margin-top: 6px;
}
.mod-media.of-badge > .inner > .media, .mod-media.of-badge > .inner > a[href].media, .mod-media.of-badge > .inner > .media-figure .media, .mod-media.of-badge > .inner > .media-figure a[href].media {
  height: 54px;
  max-height: 100%;
}
@media screen and (min-width: 576px), print {
  .mod-media.of-badge > .inner > .media, .mod-media.of-badge > .inner > a[href].media, .mod-media.of-badge > .inner > .media-figure .media, .mod-media.of-badge > .inner > .media-figure a[href].media {
    height: 72px;
  }
}
@media screen and (min-width: 768px), print {
  .mod-media.of-badge > .inner > .media, .mod-media.of-badge > .inner > a[href].media, .mod-media.of-badge > .inner > .media-figure .media, .mod-media.of-badge > .inner > .media-figure a[href].media {
    height: 88px;
  }
}
.mod-media.of-badge > .inner > .media img, .mod-media.of-badge > .inner > a[href].media img, .mod-media.of-badge > .inner > .media-figure .media img, .mod-media.of-badge > .inner > .media-figure a[href].media img {
  padding: var(--gatter-padding-y) var(--gatter-padding-x);
}
.mod-media.of-badge.of-badge-large > .inner > .media, .mod-media.of-badge.of-badge-large > .inner > a[href].media, .mod-media.of-badge.of-badge-large > .inner > .media-figure .media, .mod-media.of-badge.of-badge-large > .inner > .media-figure a[href].media {
  height: 120px;
}

.mod-media.of-badge-play-store {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  --gatter-padding-y: 6px;
  --gatter-padding-x: 6px;
  --badge-adjust-play-store-rate: 1.18;
}
.mod-media.of-badge-play-store > .inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mod-media.of-badge-play-store .media-figure {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.mod-media.of-badge-play-store > .inner > .caption {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.mod-media.of-badge-play-store > .inner > .media, .mod-media.of-badge-play-store > .inner > .media-figure .media {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mod-media.of-badge-play-store > .inner > .media img, .mod-media.of-badge-play-store > .inner > .media-figure .media img {
  width: inherit;
  height: inherit;
}
.mod-media.of-badge-play-store > .inner > .media, .mod-media.of-badge-play-store > .inner > a[href].media, .mod-media.of-badge-play-store > .inner > .media-figure .media, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  overflow: hidden;
}
.mod-media.of-badge-play-store > .inner > .media img, .mod-media.of-badge-play-store > .inner > a[href].media img, .mod-media.of-badge-play-store > .inner > .media-figure .media img, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media img {
  display: inline-block;
  position: relative;
  top: 50%;
  width: inherit;
  min-width: auto;
  max-width: 100%;
  height: inherit;
  min-height: auto;
  max-height: none;
  margin: auto;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -o-object-fit: contain;
     object-fit: contain;
  translate: 0 -50%;
}
.mod-media.of-badge-play-store > .inner > a[href].media:hover img, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media:hover img {
  -webkit-transform: none;
          transform: none;
  opacity: 0.7;
}
@media screen and (min-width: 576px), print {
  .mod-media.of-badge-play-store {
    --gatter-padding-y: 12px;
    --gatter-padding-x: 12px;
    --badge-adjust-play-store-rate: 1.04;
  }
}
@media screen and (min-width: 768px), print {
  .mod-media.of-badge-play-store {
    --badge-adjust-play-store-rate: 1.08;
  }
}
.mod-media.of-badge-play-store > .inner .media-caption {
  margin-top: 0;
}
.mod-media.of-badge-play-store > .inner > .caption {
  margin-top: 0;
}
.mod-media.of-badge-play-store.of-padless {
  --gatter-padding-y: 0;
  --gatter-padding-x: 0;
  --badge-adjust-play-store-rate: 1.3;
}
.mod-media.of-badge-play-store.of-padless > .inner .media-caption {
  margin-top: 6px;
}
.mod-media.of-badge-play-store.of-padless > .inner > .caption {
  margin-top: 6px;
}
.mod-media.of-badge-play-store > .inner > .media, .mod-media.of-badge-play-store > .inner > a[href].media, .mod-media.of-badge-play-store > .inner > .media-figure .media, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media {
  height: 54px;
  max-height: 100%;
}
@media screen and (min-width: 576px), print {
  .mod-media.of-badge-play-store > .inner > .media, .mod-media.of-badge-play-store > .inner > a[href].media, .mod-media.of-badge-play-store > .inner > .media-figure .media, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media {
    height: 72px;
  }
}
@media screen and (min-width: 768px), print {
  .mod-media.of-badge-play-store > .inner > .media, .mod-media.of-badge-play-store > .inner > a[href].media, .mod-media.of-badge-play-store > .inner > .media-figure .media, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media {
    height: 88px;
  }
}
.mod-media.of-badge-play-store > .inner > .media img, .mod-media.of-badge-play-store > .inner > a[href].media img, .mod-media.of-badge-play-store > .inner > .media-figure .media img, .mod-media.of-badge-play-store > .inner > .media-figure a[href].media img {
  height: calc((100% + var(--gatter-padding-y)) * var(--badge-adjust-play-store-rate));
  padding: var(--gatter-padding-y) var(--gatter-padding-x);
}
.mod-media.of-badge-play-store.of-badge-large > .inner > .media, .mod-media.of-badge-play-store.of-badge-large > .inner > a[href].media, .mod-media.of-badge-play-store.of-badge-large > .inner > .media-figure .media, .mod-media.of-badge-play-store.of-badge-large > .inner > .media-figure a[href].media {
  height: 120px;
}

.mod-media {
  display: block;
  max-width: 1120px;
  margin: auto;
  margin: 0 auto 40px;
  overflow: hidden;
}

.mod-media .media-figure {
  display: -ms-grid;
  display: grid;
  color: #767676;
}

.mod-media > .inner .media-img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mod-media > .inner > .media .media-caption,
.mod-media > .inner .media-caption {
  display: block;
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  max-width: 100%;
  margin-top: 6px;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
  text-align: left;
}

.mod-media > .inner > a.media .media-caption {
  padding: 0 0 0 24px;
  padding-top: 0.15em;
  color: #767676;
}
.mod-media > .inner > a.media .media-caption::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  bottom: auto;
  left: 0;
  width: 24px;
  height: 26.4px;
  margin: auto 0;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: 17px;
  line-height: 1.65;
}

.mod-media > .inner > a.media {
  display: block;
  position: relative;
  margin: 0 auto;
  text-decoration: none;
}
.mod-media > .inner > a.media:focus-visible {
  outline: none;
}
.mod-media > .inner > a.media:focus-visible::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  border: #222 solid 2px;
  inset: 0;
}
.mod-media > .inner > a.media .media-caption {
  text-decoration: none;
}
.mod-media > .inner > a.media:hover .media-caption {
  text-decoration: underline;
}

.mod-media > .inner > a[href].media img {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  margin: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.mod-media > .inner > a[href].media:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.mod-media > .inner > .media [hidden].of-wide {
  display: none;
}

@media screen and (min-width: 768px), print {
  .mod-media > .inner > .media .media-caption {
    margin-top: 12px;
  }
  .mod-media > .inner > .media [hidden].of-wide {
    display: block;
  }
  .mod-media > .inner > .media [hidden].of-wide + img {
    position: absolute !important;
    width: 1px;
    min-width: 1px;
    height: 1px;
    min-height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.mod-media-embedVideo {
  width: 784px;
  max-width: 100%;
  margin: 20px auto 60px;
}

.mod-media-embedVideo.of-full {
  width: 100%;
}

.mod-media-embedVideo > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod-media-embedVideo > .inner > .media {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 0%;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.mod-media-embedVideo[data-aspect="16:9"] > .inner > .media {
  padding-top: 56.25%;
}

.mod-media-embedVideo[data-aspect="9:16"] > .inner > .media {
  padding-top: 177.7778%;
}

.mod-media-embedVideo[data-aspect="4:3"] > .inner > .media {
  padding-top: 75%;
}

.mod-media-embedVideo[data-aspect="3:4"] > .inner > .media {
  padding-top: 133.3333%;
}

.mod-media-embedVideo > .inner > .media iframe {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.mod-media-embedVideo > .inner > .caption {
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 100%;
  padding-top: 6px;
  color: #767676;
  font-size: 1.4rem;
  line-height: 1.65;
}

@media screen and (min-width: 768px), print {
  .mod-media-embedVideo > .inner > .caption {
    padding-top: 12px;
  }
}
.str-mainvisual-02 {
  margin-bottom: 40px;
}

:where(.mod-carousel-ref) .str-mainvisual-02 {
  margin-bottom: 0;
}

.str-mainvisual-02.var-02 {
  background-color: #f4f4f4;
}

.str-mainvisual-02 .mod-media {
  display: block;
  max-width: 1120px;
  margin: auto;
  overflow: hidden;
  background-color: #f4f4f4;
}

.str-mainvisual-02 .mod-media > .inner {
  position: relative;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.str-mainvisual-02 a.media {
  display: block;
  position: relative;
  width: auto;
  margin: auto;
}

.str-mainvisual-02 .mod-media > .inner .media {
  display: block;
  margin: 0 auto;
}

.str-mainvisual-02 .mod-media > .inner img,
.str-mainvisual-02 a.media img {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  width: auto;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  margin: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.str-mainvisual-02 a.media-link:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

@media screen and (min-width: 768px), print {
  .str-mainvisual-02 > .inner > .slider {
    border-bottom: 0;
    background: initial;
  }
  .str-mainvisual-02 a.media-link {
    max-width: 1120px;
    margin: 0 auto;
  }
  .str-mainvisual-02 .mod-media > .inner img,
  .str-mainvisual-02 a.media img {
    max-height: 320px;
  }
}
.str-mainvisual {
  margin: 0 0 20px;
}

.str-mainvisual > .inner {
  max-width: 1120px;
  margin: 0 auto;
}

.str-mainvisual > .inner > .image.of-wide {
  display: none;
}

.str-mainvisual > .inner > .image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.str-mainvisual > .inner > .spec {
  margin: 20px 20px 0;
  font-size: 1.2rem;
}

.str-mainvisual > .inner > .spec > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin: 0;
}

.str-mainvisual > .inner > .spec > .list > li {
  padding: 0;
  text-align: right;
}

.str-mainvisual > .inner > .spec > .list > li img {
  display: block;
}

.str-mainvisual > .inner > .spec > .list > li sup {
  top: 0;
  font-size: 100%;
}

@media screen and (min-width: 768px), print {
  .str-mainvisual > .inner > .image.of-wide {
    display: block;
  }
  .str-mainvisual > .inner > .image.of-wide + .image {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .str-mainvisual > .inner > .spec {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 992px), print {
  .str-mainvisual > .inner {
    max-width: 1120px;
  }
  .str-mainvisual > .inner > .spec {
    width: calc(100% - 80px);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1120px), print {
  .str-mainvisual > .inner > .spec {
    width: 100%;
  }
}
.str-keyvisual-main-top {
  position: relative;
  margin-bottom: 40px;
}
.str-keyvisual-main-top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 225px;
  background: rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(57%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 57%, rgba(0, 0, 0, 0.5) 100%);
}
@media screen and (min-width: 768px), print {
  .str-keyvisual-main-top::after {
    height: 204px;
  }
}
.str-keyvisual-main-top .container {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  max-height: 600px;
}
.str-keyvisual-main-top .container .keyvisual-content,
.str-keyvisual-main-top .container .keyvisual-bg,
.str-keyvisual-main-top .container .keyvisual-actions {
  -ms-grid-row: 1;
  grid-area: 1/-1;
}
.str-keyvisual-main-top .keyvisual-actions {
  display: block;
  z-index: 1;
  width: 100%;
  margin: auto auto 0;
}
@media screen and (min-width: 768px), print {
  .str-keyvisual-main-top .keyvisual-actions {
    width: auto;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.str-keyvisual-main-top .keyvisual-link {
  text-decoration: none;
}
.str-keyvisual-main-top .keyvisual-link::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  pointer-events: auto;
}
.str-keyvisual-main-top .keyvisual-link .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 50px;
  padding: 12px 18px;
  overflow: hidden;
  -webkit-transition: color 0.2s, background 0.2s, -webkit-backdrop-filter 0.2s;
  transition: color 0.2s, background 0.2s, -webkit-backdrop-filter 0.2s;
  transition: color 0.2s, background 0.2s, backdrop-filter 0.2s;
  transition: color 0.2s, background 0.2s, backdrop-filter 0.2s, -webkit-backdrop-filter 0.2s;
  border: 2px solid #fff;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.str-keyvisual-main-top .keyvisual-link:focus-visible .btn {
  outline: #222 solid 2px;
  outline-offset: 1px;
  background: #fff;
  color: #222;
  -webkit-backdrop-filter: initial;
          backdrop-filter: initial;
}
@media (hover: hover) and (pointer: fine) {
  .str-keyvisual-main-top .keyvisual-link:hover .btn {
    background: #fff;
    color: #222;
    -webkit-backdrop-filter: initial;
            backdrop-filter: initial;
  }
}
.str-keyvisual-main-top .keyvisual-content {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 20px 20px;
}
@media screen and (min-width: 768px), print {
  .str-keyvisual-main-top .keyvisual-content {
    padding: 50px 40px 40px;
  }
}
.str-keyvisual-main-top .keyvisual-bg {
  max-height: inherit;
  overflow: hidden;
}
.str-keyvisual-main-top .keyvisual-bg img {
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.str-keyvisual-main-top .keyvisual-bg [hidden].of-wide {
  display: none;
}
@media screen and (min-width: 768px), print {
  .str-keyvisual-main-top .keyvisual-bg [hidden].of-wide {
    display: block;
  }
  .str-keyvisual-main-top .keyvisual-bg [hidden].of-wide + img {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.str-keyvisual-main-top .keyvisual-message {
  padding-bottom: 50px;
  color: #fff;
}
.str-keyvisual-main-top .keyvisual-message > .title {
  margin-bottom: 10px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.3;
}
.str-keyvisual-main-top .keyvisual-message > .subtitle {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .str-keyvisual-main-top .keyvisual-message > .title {
    font-size: 4.4rem;
    line-height: 1.3;
  }
  .str-keyvisual-main-top .keyvisual-message > .subtitle {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

.str-mainvisual-productTop {
  margin: 0 auto 42px;
}

.str-mainvisual-productTop > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -2px;
  margin-left: -2px;
}

.str-mainvisual-productTop > .list > li {
  border-top: 2px solid transparent;
  border-left: solid 2px transparent;
}

.str-mainvisual-productTop > .list > li:first-child {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.str-mainvisual-productTop > .list > li:first-child ~ * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.str-mainvisual-productTop > .list > li > .item img {
  display: block;
  width: 100%;
  height: auto;
}

.str-mainvisual-productTop > .list > li > .item {
  display: block;
}

@media screen and (min-width: 768px), print {
  .str-mainvisual-productTop {
    max-width: 1120px;
    margin-bottom: 67px;
  }
  .str-mainvisual-productTop > .list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: auto;
    height: auto;
    aspect-ratio: 1240/439;
  }
  .str-mainvisual-productTop > .list > li {
    position: relative;
  }
  .str-mainvisual-productTop > .list > li:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  .str-mainvisual-productTop > .list > li:first-child + li + li {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .str-mainvisual-productTop > .list > li:first-child ~ * {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    max-width: none;
  }
  .str-mainvisual-productTop > .list > li:first-child + li {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .str-mainvisual-productTop > .list > li > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .str-mainvisual-productTop > .list > li > .item img,
  .str-mainvisual-productTop > .list > li > .item > .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: auto;
    overflow: hidden;
  }
  .str-mainvisual-productTop > .list > li > .item > .image img {
    -webkit-transition: 0.2s opacity ease-out;
    transition: 0.2s opacity ease-out;
  }
  .str-mainvisual-productTop > .list > li > .item:focus img,
  .str-mainvisual-productTop > .list > li > .item:hover img {
    opacity: 0.8;
  }
}
/*! = Modules/Support */
.inline-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  max-width: 1200px;
  margin: 0 -20px;
  padding: 40px 20px;
  background-color: #f4f4f4;
}
.inline-scroll .inner-wrap {
  width: 100%;
  max-width: 100%;
  min-height: 484px;
  max-height: 484px;
  margin: auto;
  padding: 20px;
  overflow: auto;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
@media screen and (min-width: 768px), print {
  .inline-scroll {
    margin: 0 -20px;
    padding: 40px;
  }
  .inline-scroll .inner-wrap {
    min-height: 280px;
    max-height: 280px;
    padding: 30px;
  }
}
@media screen and (min-width: 992px), print {
  .inline-scroll {
    margin: 0 -40px;
  }
}

/*! = Modules/Table */
[class^=mod-tbl].w-auto {
  max-width: none;
}

[class^=mod-tbl].of-scroll {
  margin-bottom: 10px;
}

[class^=mod-tbl] > .inner > table {
  font-size: 1.4rem;
}

[class^=mod-tbl].of-scroll > .inner[tabindex] {
  overflow: auto;
  overflow-y: clip !important;
  -webkit-overflow-scrolling: touch;
}

[class^=mod-tbl].of-scroll > .inner[tabindex] > table {
  width: 100%;
  min-width: 100%;
  max-width: 1120px;
  margin-bottom: 20px;
  table-layout: fixed;
}
@media screen and (max-width: 1199px), print {
  [class^=mod-tbl].of-scroll > .inner[tabindex] > table {
    min-width: 560px;
  }
}

[class^=mod-tbl] .mod-btn a {
  min-width: auto;
}

[class^=mod-tbl] .mod-txt {
  margin-bottom: 0;
}

[class^=mod-tbl] .mod-txt p {
  margin-bottom: 0;
}

/* あまりの数値は割る2したあとで%を足すことで割り出せる */
[class^=mod-tbl].of-scroll.of-tblmin-cell2 .inner table {
  min-width: calc(100% + 384px + 304px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell3 .inner table {
  min-width: calc(100% + 384px + 228px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell4 .inner table {
  min-width: calc(100% + 384px + 304px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell5 .inner table {
  min-width: calc(100% + 384px + 380px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell6 .inner table {
  min-width: calc(100% + 384px + 456px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell7 .inner table {
  min-width: calc(100% + 384px + 532px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell8 .inner table {
  min-width: calc(100% + 384px + 608px);
}

[class^=mod-tbl].of-scroll.of-tblmin-cell9 .inner table {
  min-width: calc(100% + 384px + 684px);
}

[class^=mod-tbl] .spec-list > b,
[class^=mod-tbl] .spec-list > strong {
  display: block;
  font-weight: bold;
}
[class^=mod-tbl] .spec-list dl > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em 0;
  border-bottom: 1px solid #dbdbdb;
}
[class^=mod-tbl] .spec-list dl > div:last-child {
  margin-bottom: 0.8em;
  border-bottom: none;
}
[class^=mod-tbl] .spec-list dl > div dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[class^=mod-tbl] .spec-list dl > div dt::after {
  content: "：";
  display: inline-block;
  margin-right: 0.5em;
  margin-left: auto;
}
:lang(en) [class^=mod-tbl] .spec-list dl > div dt::after {
  content: ":";
  margin-right: 0;
  padding-inline: 0.3em;
}

.mod-tbl {
  width: auto;
  max-width: 1120px;
  margin: 0 auto 30px;
}

.mod-tbl > .inner > table {
  border-collapse: collapse;
}

.mod-tbl > .inner > table > caption {
  margin: 0 0 12px;
  color: #222;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  .mod-tbl > .inner > table > caption {
    max-width: initial;
    margin-bottom: 12px;
  }
}

.mod-tbl > .inner > table colgroup > col {
  width: auto;
}

.mod-tbl table tr,
.mod-tbl .mod-tbl tr,
.mod-tbl .mod-tbl.var-02 > .inner > table tr {
  border: none;
}

.mod-tbl > .inner > table > tbody {
  background-color: #fff;
}

.mod-tbl > .inner > table tbody > tr > td,
.mod-tbl > .inner > table thead > tr > td,
.mod-tbl > .inner > table thead > tr > th,
.mod-tbl > .inner > table tbody > tr > th {
  padding: 15px 20px;
}

.mod-tbl > .inner > table > * > * > td,
.mod-tbl > .inner > table > * > * > th {
  border: 1px solid #c9a7a7;
  text-align: left;
  vertical-align: top;
}

.mod-tbl > .inner > table > thead > * > th,
.mod-tbl > .inner > table > thead > * > td {
  border-color: #c9a7a7;
  background-color: #771f1f;
  color: #fff;
}

.mod-tbl > .inner > table > * > * > td::before,
.mod-tbl > .inner > table > * > * > th::before {
  content: none;
}

.mod-tbl > .inner > table > tbody > tr > th {
  background-color: #e6c0c0;
}

.mod-tbl.of-grayscale > .inner > table > * > * > td,
.mod-tbl.of-grayscale > .inner > table > * > * > th {
  border-color: #b7b7b7;
}

.mod-tbl.of-grayscale > .inner > table > thead > * > th,
.mod-tbl.of-grayscale > .inner > table > thead > * > td {
  border-color: #b7b7b7;
  background-color: #7f7f7f;
  color: #fff;
}

.mod-tbl.of-grayscale > .inner > table > tbody > tr > th {
  background-color: #e0e0e0;
}

.mod-tbl > .inner > table > thead > * > th {
  vertical-align: top;
}

.mod-tbl > .inner > table > thead > tr > th .name {
  margin: 5px 0 10px;
}

.mod-tbl .mod-btn {
  margin-bottom: 0;
}

.mod-tbl > .inner > table > thead > * > th {
  vertical-align: top;
}

.mod-tbl > .inner > table > * > * > td,
.mod-tbl > .inner > table > * > * > th {
  padding: 15px 20px;
}

@media screen and (min-width: 768px), print {
  .mod-tbl > .inner > table > thead > tr > th .name {
    margin: 0 0 15px;
  }
}
.mod-tbl > .inner > table > thead {
  background: #771f1f;
}

.mod-tbl.of-grayscale > .inner > table > thead {
  background: #7f7f7f;
}

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

.mod-tbl.of-grayscale > .inner > table > tbody {
  background: #fff;
}

.mod-tbl > .inner > table tbody > tr,
.mod-tbl > .inner > table thead > tr {
  border: none;
}

.mod-tbl > .inner > table tbody > tr > th,
.mod-tbl > .inner > table thead > tr > th {
  padding: 12px 20px;
  text-align: left;
}

.mod-tbl.of-th-left th,
.mod-tbl thead.of-th-left th,
.mod-tbl tbody.of-th-left th {
  text-align: left;
}

.mod-tbl.of-th-middle th,
.mod-tbl thead.of-th-middle th,
.mod-tbl tbody.of-th-middle th {
  vertical-align: middle;
}

.mod-tbl th {
  background-color: #fff;
}

.mod-tbl > .inner > table td .cell {
  display: contents;
}

.mod-tbl .mod-btn {
  margin-bottom: 0;
}

.mod-tbl img + .mod-btn {
  margin-top: 20px;
  margin-bottom: 0;
}

.mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(even) {
  background-color: transparent;
}

.mod-tbl.var-02 > .inner > table > tbody > tr:nth-child(odd) th {
  background: #e6c0c0;
}

.mod-tbl.var-02.of-grayscale > .inner > table > tbody > tr:nth-child(odd) th {
  background: #e0e0e0;
}

.mod-tbl.var-02 > .inner > table > tbody tr:nth-child(even) td {
  background-color: rgba(230, 192, 192, 0.3);
}

.mod-tbl.var-02.of-grayscale > .inner > table tr:nth-child(even) td {
  background-color: rgba(224, 224, 224, 0.3);
}

.mod-tbl.var-04 > .inner > table thead > tr > th {
  padding: 6px 10px;
}

.mod-tbl.var-04 > .inner thead tr:not(.tbl-heading) th {
  background-color: #fff;
  font-weight: 400;
}

.mod-tbl.var-04 tbody tr:not(.tbl-heading):nth-child(2n+1) {
  border: none;
  background-color: #fff;
}

.mod-tbl.var-04 > .inner thead tr:not(.tbl-heading):nth-child(2n+1) th,
.mod-tbl.var-04 > .inner tbody tr:nth-child(2n+1) td {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  vertical-align: bottom;
}

.mod-tbl.var-03 > .inner > table thead > tr > th {
  padding: 6px 10px;
}

.mod-tbl.var-04 > .inner > table > tbody > tr:nth-child(even) {
  background: #f4f4f4;
}

@media screen and (min-width: 768px), print {
  .mod-tbl:not(.of-scroll) {
    margin: 0 auto 20px;
  }
}
.mod-tbl.of-striped tr:nth-child(even) {
  background-color: transparent;
}

.mod-tbl.of-striped tbody tr:nth-child(even) td {
  background-color: rgba(230, 192, 192, 0.3);
}

.mod-tbl.of-striped.of-grayscale tbody tr:nth-child(even) td {
  background-color: rgba(224, 224, 224, 0.3);
}

.mod-tbl td.emphasis,
.mod-tbl th.emphasis,
.mod-tbl > .inner > table > * > * > td.emphasis,
.mod-tbl > .inner > table > * > * > th.emphasis {
  position: relative;
  z-index: 1;
  color: #222;
  font-weight: 700;
}
.mod-tbl td.emphasis::after,
.mod-tbl th.emphasis::after,
.mod-tbl > .inner > table > * > * > td.emphasis::after,
.mod-tbl > .inner > table > * > * > th.emphasis::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  outline: 1px solid #222;
}

.mod-tbl td.emphasis,
.mod-tbl th.emphasis,
.mod-tbl > .inner > table > * > * > td.emphasis,
.mod-tbl > .inner > table > * > * > th.emphasis {
  color: #771f1f;
}
.mod-tbl td.emphasis::after,
.mod-tbl th.emphasis::after,
.mod-tbl > .inner > table > * > * > td.emphasis::after,
.mod-tbl > .inner > table > * > * > th.emphasis::after {
  outline-color: #771f1f;
}

.mod-tbl.of-grayscale td.emphasis,
.mod-tbl.of-grayscale th.emphasis,
.mod-tbl.of-grayscale > .inner > table > * > * > td.emphasis,
.mod-tbl.of-grayscale > .inner > table > * > * > th.emphasis {
  color: #222;
}
.mod-tbl.of-grayscale td.emphasis::after,
.mod-tbl.of-grayscale th.emphasis::after,
.mod-tbl.of-grayscale > .inner > table > * > * > td.emphasis::after,
.mod-tbl.of-grayscale > .inner > table > * > * > th.emphasis::after {
  outline-color: #222;
}

.mod-tbl.of-vertical > .inner > table {
  width: auto;
  min-width: 100%;
  max-width: 1120px;
  margin-bottom: 10px;
  table-layout: fixed;
}

@media screen and (max-width: 767px), print {
  .mod-tbl.of-vertical > .inner > table {
    width: 100%;
    border: 1px solid #dbdbdb;
  }
  .mod-tbl.of-vertical col,
  .mod-tbl.of-vertical .w-5,
  .mod-tbl.of-vertical .w-10,
  .mod-tbl.of-vertical .w-15,
  .mod-tbl.of-vertical .w-20,
  .mod-tbl.of-vertical .w-25,
  .mod-tbl.of-vertical .w-30,
  .mod-tbl.of-vertical .w-35,
  .mod-tbl.of-vertical .w-40,
  .mod-tbl.of-vertical .w-45,
  .mod-tbl.of-vertical .w-50,
  .mod-tbl.of-vertical .w-55,
  .mod-tbl.of-vertical .w-60,
  .mod-tbl.of-vertical .w-65,
  .mod-tbl.of-vertical .w-70,
  .mod-tbl.of-vertical .w-75,
  .mod-tbl.of-vertical .w-80,
  .mod-tbl.of-vertical .w-85,
  .mod-tbl.of-vertical .w-90,
  .mod-tbl.of-vertical .w-95,
  .mod-tbl.of-vertical .w-100,
  .mod-tbl.of-vertical .w-16,
  .mod-tbl.of-vertical .w-33,
  .mod-tbl.of-vertical .w-66,
  .mod-tbl.of-vertical .w-83 {
    display: block;
  }
  .mod-tbl.of-vertical > .inner > table > tbody > tr > th,
  .mod-tbl.of-vertical > .inner > table > tbody > tr > td {
    display: block;
  }
  .mod-tbl.of-vertical > .inner > table > * > * > td,
  .mod-tbl.of-vertical > .inner > table > * > * > th {
    border: none;
  }
  .mod-tbl.of-vertical > .inner > table > * > * > th {
    margin-top: 0;
  }
  .mod-tbl.of-vertical > .inner > table > tbody > * > td ~ td {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .mod-tbl.of-vertical col,
  .mod-tbl.of-vertical .w-5,
  .mod-tbl.of-vertical .w-10,
  .mod-tbl.of-vertical .w-15,
  .mod-tbl.of-vertical .w-20,
  .mod-tbl.of-vertical .w-25,
  .mod-tbl.of-vertical .w-30,
  .mod-tbl.of-vertical .w-35,
  .mod-tbl.of-vertical .w-40,
  .mod-tbl.of-vertical .w-45,
  .mod-tbl.of-vertical .w-50,
  .mod-tbl.of-vertical .w-55,
  .mod-tbl.of-vertical .w-60,
  .mod-tbl.of-vertical .w-65,
  .mod-tbl.of-vertical .w-70,
  .mod-tbl.of-vertical .w-75,
  .mod-tbl.of-vertical .w-80,
  .mod-tbl.of-vertical .w-85,
  .mod-tbl.of-vertical .w-90,
  .mod-tbl.of-vertical .w-95,
  .mod-tbl.of-vertical .w-100,
  .mod-tbl.of-vertical .w-16,
  .mod-tbl.of-vertical .w-33,
  .mod-tbl.of-vertical .w-66,
  .mod-tbl.of-vertical .w-83 {
    display: table-column !important;
  }
  .mod-tbl.of-vertical > .inner > table > tbody > tr > th,
  .mod-tbl.of-vertical > .inner > table > tbody > tr > td {
    display: table-cell !important;
  }
}
.mod-tbl [data-row-th-clone-cell] {
  display: none;
}

@media screen and (max-width: 767px), print {
  @supports (display: contents) {
    .mod-tbl:not(.of-scroll):not(.of-vertical) {
      margin-bottom: 30px;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) table {
      border-top: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) table thead th {
      border: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) table thead th:first-child:empty {
      display: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table colgroup > col {
      width: auto;
      min-width: auto;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table > thead > tr > th {
      border: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table > tbody > tr > th:first-child {
      display: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead > tr > td, .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead > tr > th + td {
      padding: 0;
      border: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody > tr:first-child > td:first-of-type {
      border-top: 1px solid #dbdbdb;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead + tbody > tr:first-child > td:first-of-type {
      border-top: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody > tr > td, .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody > tr > th + td {
      padding: 12px 20px;
      border-top: none;
      border-color: #dbdbdb;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody > tr:last-child > td:last-child {
      border-bottom: 1px solid #dbdbdb;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table > tbody td {
      background: #fff;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical).of-grayscale > .inner > table > tbody td {
      background: #fff;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table td[data-row-th]::before {
      content: none;
      display: none;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table td[data-row-th] [data-row-th-clone-cell] {
      display: block;
      margin: -12px -20px 12px;
      padding: 12px 20px;
      border-bottom: none;
      background-color: #e6c0c0;
      font-weight: 700;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical).of-grayscale > .inner > table td[data-row-th] [data-row-th-clone-cell] {
      background-color: #e0e0e0;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table td .cell {
      display: block;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table th {
      display: block;
      width: auto;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table td {
      display: block;
      width: auto;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead, .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody, .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tr {
      display: contents;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table {
      display: -ms-grid;
      display: grid;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(1) {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(2) {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(3) {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(4) {
      -webkit-box-ordinal-group: 8;
          -ms-flex-order: 7;
              order: 7;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(5) {
      -webkit-box-ordinal-group: 10;
          -ms-flex-order: 9;
              order: 9;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(6) {
      -webkit-box-ordinal-group: 12;
          -ms-flex-order: 11;
              order: 11;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table thead tr :nth-child(7) {
      -webkit-box-ordinal-group: 14;
          -ms-flex-order: 13;
              order: 13;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(1) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(2) {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(3) {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(4) {
      -webkit-box-ordinal-group: 9;
          -ms-flex-order: 8;
              order: 8;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(5) {
      -webkit-box-ordinal-group: 11;
          -ms-flex-order: 10;
              order: 10;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(6) {
      -webkit-box-ordinal-group: 13;
          -ms-flex-order: 12;
              order: 12;
    }
    .mod-tbl:not(.of-scroll):not(.of-vertical) > .inner > table tbody tr :nth-child(7) {
      -webkit-box-ordinal-group: 15;
          -ms-flex-order: 14;
              order: 14;
    }
  }
}
.mod-tbl-general {
  max-width: 1120px;
  margin: 0 auto 10px;
}

@media screen and (max-width: 575px), print {
  .mod-tbl-general.of-scroll > .inner[tabindex] > table {
    min-width: calc(575px - 40px);
  }
}

.mod-tbl-general > .inner > table {
  border-collapse: collapse;
}

.mod-tbl-general > .inner > table > caption {
  margin: 0 0 12px;
  color: #222;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  .mod-tbl-general > .inner > table > caption {
    max-width: initial;
    margin-bottom: 12px;
  }
}

.mod-tbl-general > .inner > table colgroup > col {
  width: auto;
}

.mod-tbl-general > .inner > table > tbody {
  background-color: #fff;
}

.mod-tbl-general > .inner > table > * > * > td,
.mod-tbl-general > .inner > table > * > * > th {
  padding: 15px 20px;
  border: 1px solid #dbdbdb;
  text-align: left;
  vertical-align: top;
}

.mod-tbl-general > .inner > table > * > * > td::before,
.mod-tbl-general > .inner > table > * > * > th::before {
  content: none;
}

.mod-tbl-general > .inner > table > * > * > th {
  font-weight: 700;
}

.mod-tbl-general > .inner > table > * > * > td {
  font-weight: 400;
}

.mod-tbl-general > .inner > table > * > * > th > .mod-btn {
  font-weight: normal;
}

.mod-tbl-general.of-color > .inner > table > * > * > td,
.mod-tbl-general.of-color > .inner > table > * > * > th {
  border-color: #c9a7a7;
}

.mod-tbl-general.of-color > .inner > table > thead > * > th,
.mod-tbl-general.of-color > .inner > table > thead > * > td {
  border-color: #c9a7a7;
  background-color: #771f1f;
  color: #fff;
}

.mod-tbl-general.of-color > .inner > table > tbody > tr > th {
  background-color: #e6c0c0;
}

.mod-tbl-general.of-grayscale > .inner > table > * > * > td,
.mod-tbl-general.of-grayscale > .inner > table > * > * > th {
  border-color: #b7b7b7;
}

.mod-tbl-general.of-grayscale > .inner > table > thead > * > th,
.mod-tbl-general.of-grayscale > .inner > table > thead > * > td {
  border-color: #b7b7b7;
  background-color: #7f7f7f;
  color: #fff;
}

.mod-tbl-general.of-grayscale > .inner > table > tbody > tr > th {
  background-color: #e0e0e0;
}

.mod-tbl-general > .inner > table > thead > * > th {
  vertical-align: top;
}

.mod-tbl-general > .inner > table > thead > tr > th .name {
  margin: 5px 0 10px;
}

.mod-tbl-general .mod-btn {
  margin-bottom: 0;
}

.mod-tbl-general > .inner > table > thead > * > th {
  vertical-align: top;
}

@media screen and (min-width: 768px), print {
  .mod-tbl-general > .inner > table > * > * > td,
  .mod-tbl-general > .inner > table > * > * > th {
    padding: 15px 20px;
  }
  .mod-tbl-general > .inner > table > thead > tr > th .name {
    margin: 0 0 15px;
  }
}
.mod-tbl-general.of-striped tr:nth-child(even) {
  background-color: transparent;
}

.mod-tbl-general.of-striped.of-color tbody tr:nth-child(even) td {
  background-color: rgba(230, 192, 192, 0.3);
}

.mod-tbl-general.of-striped.of-grayscale tbody tr:nth-child(even) td {
  background-color: rgba(224, 224, 224, 0.3);
}

.mod-tbl-general td.emphasis,
.mod-tbl-general th.emphasis,
.mod-tbl-general > .inner > table > * > * > td.emphasis,
.mod-tbl-general > .inner > table > * > * > th.emphasis {
  position: relative;
  z-index: 1;
  color: #222;
  font-weight: 700;
}
.mod-tbl-general td.emphasis::after,
.mod-tbl-general th.emphasis::after,
.mod-tbl-general > .inner > table > * > * > td.emphasis::after,
.mod-tbl-general > .inner > table > * > * > th.emphasis::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  outline: 1px solid #222;
}

.mod-tbl-general.of-color td.emphasis,
.mod-tbl-general.of-color th.emphasis,
.mod-tbl-general.of-color > .inner > table > * > * > td.emphasis,
.mod-tbl-general.of-color > .inner > table > * > * > th.emphasis {
  color: #771f1f;
}
.mod-tbl-general.of-color td.emphasis::after,
.mod-tbl-general.of-color th.emphasis::after,
.mod-tbl-general.of-color > .inner > table > * > * > td.emphasis::after,
.mod-tbl-general.of-color > .inner > table > * > * > th.emphasis::after {
  outline-color: #771f1f;
}

.mod-tbl-general.of-grayscale td.emphasis,
.mod-tbl-general.of-grayscale th.emphasis,
.mod-tbl-general.of-grayscale > .inner > table > * > * > td.emphasis,
.mod-tbl-general.of-grayscale > .inner > table > * > * > th.emphasis {
  color: #222;
}
.mod-tbl-general.of-grayscale td.emphasis::after,
.mod-tbl-general.of-grayscale th.emphasis::after,
.mod-tbl-general.of-grayscale > .inner > table > * > * > td.emphasis::after,
.mod-tbl-general.of-grayscale > .inner > table > * > * > th.emphasis::after {
  outline-color: #222;
}

.mod-tbl-calendar > .inner[tabindex] {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mod-tbl-calendar > .inner[tabindex] > table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 20px;
  overflow-wrap: break-word;
  table-layout: auto;
  border-collapse: collapse;
}

.mod-tbl-calendar {
  margin: 0 auto 10px;
}

.mod-tbl-calendar .inner {
  margin: 0;
  overflow-x: auto;
}

.mod-tbl-calendar .inner table {
  min-width: 500px;
  border-collapse: collapse;
  font-size: 1.4rem;
}

.mod-tbl-calendar > .inner > table > caption {
  margin: 0 0 12px;
  color: #222;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px), print {
  .mod-tbl-calendar > .inner > table > caption {
    max-width: initial;
    margin-bottom: 12px;
  }
}

.mod-tbl-calendar > .inner > table > thead {
  background: #771f1f;
}

.mod-tbl-calendar.of-grayscale > .inner > table > thead {
  background: #7f7f7f;
}

.mod-tbl-calendar > .inner > table > tbody {
  background: #fff;
}

.mod-tbl-calendar .inner table td,
.mod-tbl-calendar .inner table th {
  border: 1px solid #e1e1e1;
}

.mod-tbl-calendar .inner table th {
  width: auto;
  background: #757575;
  color: initial;
  font-weight: 700;
}

.mod-tbl-calendar .inner table td {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
  height: 50px;
  color: #333;
  text-align: center;
}

.mod-tbl-calendar .inner table thead th {
  border: 1px solid #771f1f;
  border-bottom: none;
  background-color: #771f1f;
  color: #fff;
  vertical-align: middle;
}

.mod-tbl-calendar.of-grayscale .inner table thead th {
  border-bottom: none;
  border-color: #7f7f7f;
  background-color: #7f7f7f;
}

.mod-tbl-calendar > .inner > table > thead > tr > th:first-child {
  border-left: 1px solid #771f1f;
}

.mod-tbl-calendar > .inner > table > thead > tr > th:first-child:empty {
  border-left: none;
}

.mod-tbl-calendar > .inner > table > thead > tr > th:not(:last-child) {
  border-right-color: #fff;
}

.mod-tbl-calendar > .inner > table > tbody > tr > th {
  border: 1px solid #dbdbdb;
  border-top: 1px solid #e6c0c0;
  border-right: none;
  border-bottom: none;
  border-left: none;
  background-color: #e6c0c0;
}

.mod-tbl-calendar.of-grayscale > .inner > table > tbody > tr > th {
  background-color: #e0e0e0;
}

.mod-tbl-calendar > .inner > table tbody > tr > td,
.mod-tbl-calendar > .inner > table thead > tr > td {
  border: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  color: #222;
  font-size: 1.6rem;
}

.mod-tbl-calendar > .inner > table tbody > tr > th + td,
.mod-tbl-calendar > .inner > table thead > tr > th + td {
  border: 1px solid #dbdbdb;
  color: #222;
  font-size: 1.6rem;
}

.mod-tbl-calendar > .inner > table tbody > tr + tr > th {
  border-top-color: #fff;
}

.mod-tbl-calendar > .inner > table thead + tbody > tr > th {
  border-top-color: #fff;
}

.mod-tbl-calendar > .inner > table tbody > tr:first-child > td {
  border-top: 1px solid #dbdbdb;
}

.mod-tbl-calendar > .inner > table thead + tbody > tr > th + td {
  border-top: 1px solid #dbdbdb;
}

.mod-tbl-calendar > .inner > table thead + tbody > tr:first-child > td,
.mod-tbl-calendar > .inner > table thead + tbody > tr:first-child > th + td {
  border-top: none;
}

.mod-tbl-calendar .inner table td.saturday {
  background: #e4f6ff;
}

.mod-tbl-calendar .inner table td.sunday {
  background: #fcefef;
}

.mod-tbl-calendar .inner table td.holiday {
  background: #f1f1f1;
}

.mod-tbl-calendar .inner table tr th:first-child {
  width: 97px;
  min-width: 97px;
}

.mod-tbl-calendar .inner table thead th {
  height: 44px;
}

@media screen and (min-width: 768px), print {
  .mod-tbl-calendar .inner {
    margin: 0;
  }
}
/*! = Modules/Form */
/* フォーム - 汎用 */
.mod-form-fieldset > .inner > .group > .label,
.mod-form-select > label,
.mod-form-split > legend,
.mod-form-txt > label {
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 1.6rem;
}

.mod-form-fieldset > .inner > .group > .label > .required,
.mod-form-select > label > .required,
.mod-form-split > legend > .required,
.mod-form-txt > label > .required {
  display: inline-block;
  position: relative;
  top: -2px;
  margin: 0 0 0 5px;
  padding: 5px 5px 4px;
  border: 1px solid #ff5757;
  background: 0 0;
  color: #ff5757;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.mod-form-fieldset > .inner > .group > .label ~ .note,
.mod-form-select > label ~ .note,
.mod-form-split > legend ~ .note,
.mod-form-txt > label ~ .note {
  margin-left: 16px;
}

.mod-form-fieldset > .inner > .group > .label .func-img,
.mod-form-select > label .func-img,
.mod-form-split > legend .func-img,
.mod-form-txt > label .func-img {
  display: inline-block;
  position: relative;
  margin: 0 0 0 8px;
  vertical-align: text-top;
}

.mod-form-select > p,
.mod-form-split > p,
.mod-form-txt > p {
  margin: 0 0 7px;
  font-size: 1.4rem;
}

.mod-form-select > p.of-invalid,
.mod-form-split > p.of-invalid,
.mod-form-txt > p.of-invalid {
  color: #d30e38;
}

.mod-form-select > p.of-notice,
.mod-form-split > p.of-notice,
.mod-form-txt > p.of-notice {
  display: table;
  font-size: 1.2rem;
}

.mod-form-select > p.of-notice > *,
.mod-form-split > p.of-notice > *,
.mod-form-txt > p.of-notice > * {
  display: table-cell;
}

.mod-form-select > p.of-notice > span,
.mod-form-split > p.of-notice > span,
.mod-form-txt > p.of-notice > span {
  padding: 0 4px 0 0;
}

.mod-form-select > p + p,
.mod-form-split > p + p,
.mod-form-txt > p + p {
  margin-top: -8px;
}

.mod-form-select .select > span > select,
.mod-form-txt > input,
.mod-form-txt > textarea {
  display: block;
  padding: 11px 14px;
  border: 1px solid #ccc;
  font-size: 1.6rem;
  line-height: 1.15;
}

.mod-form-select .select > span > select[aria-invalid=true],
.mod-form-txt > input[aria-invalid=true],
.mod-form-txt > textarea[aria-invalid=true] {
  border-color: #d30e38;
  background: pink;
}

.mod-form-select .select > span > select:focus,
.mod-form-txt > input:focus,
.mod-form-txt > textarea:focus {
  outline: 2px auto #333;
}

.mod-form-select .select > span > select[readonly],
.mod-form-txt > input[readonly],
.mod-form-txt > textarea[readonly] {
  padding-right: 0;
  padding-left: 0;
  border: 0;
}

.mod-form-select .select > span > select:not(:last-child),
.mod-form-txt > input:not(:last-child),
.mod-form-txt > textarea:not(:last-child) {
  margin: 0 0 4px;
}

.mod-form-select .select {
  position: relative;
  z-index: 1;
  background: #fff;
}

.mod-form-select .select > span {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  background-color: #f7f7f7;
}

.mod-form-select .select > span::before {
  content: "";
  display: block;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  margin: auto 0;
  background: #fff;
}

.mod-form-select .select > span > select {
  position: relative;
  width: 100%;
  min-height: 40px;
  padding-right: 44px;
  border: 0;
  background: 0 0;
}

.mod-form-select .select > span > select:disabled {
  z-index: 2;
  opacity: 0.8;
  background: #e6e6e6;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mod-form-select .select::after,
.mod-form-select .select::before {
  content: "";
  display: block;
  position: absolute;
}

.mod-form-select .select::before {
  z-index: 1;
  top: 0;
  right: 1.05em;
  bottom: 0;
  width: 1.3em;
  height: 1.3em;
  margin: auto 0;
  border-radius: 2px;
  background: #1a1a1a;
  pointer-events: none;
}

.mod-form-select .select::after {
  display: block;
  position: absolute;
  z-index: 1;
  top: -0.25em;
  right: 1.45em;
  bottom: 0;
  width: 0.5em;
  height: 0.5em;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #e9e9e9;
  border-width: 0 1px 1px 0;
  pointer-events: none;
}

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

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

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

.mod-form-txt > label {
  margin: 0 0 5px;
}

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

.mod-form-txt > input,
.mod-form-txt > textarea {
  width: 100%;
  min-height: 38px;
}

.mod-form-txt > textarea {
  max-width: calc(100% - 2px);
  min-height: 136px;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-form-checkbox:not(.mod-checkbox).align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-form-checkbox:not(.mod-checkbox).align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-form-checkbox:not(.mod-checkbox) label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 1px;
  font-size: 1.6rem;
}

.mod-form-checkbox:not(.mod-checkbox) label span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 164px;
  min-height: 40px;
  padding: 6px 22px 6px 46px;
  -webkit-transition: 0.2s color ease-out, 0.2s background ease-out;
  transition: 0.2s color ease-out, 0.2s background ease-out;
  border-radius: 0.6em;
  background: #f7f7f7;
}

.mod-form-checkbox:not(.mod-checkbox) label span::after,
.mod-form-checkbox:not(.mod-checkbox) label span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}

.mod-form-checkbox:not(.mod-checkbox) label span::before {
  top: 0;
  left: 16px;
  width: 20px;
  height: 20px;
  border: solid #505050;
  border-width: 2px;
  background: #fff;
}

.mod-form-checkbox:not(.mod-checkbox) label span::after {
  top: -8px;
  left: 26px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
  border: solid #505050;
  border-width: 0 2px 2px 0;
  opacity: 0;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 0;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox]:checked + span::after {
  opacity: 1;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox]:disabled + span {
  background: #ddd;
  color: #7b7b7b;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox]:disabled + span::before {
  background: #e1e1e1;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox]:disabled + span::after {
  opacity: 0;
}

.mod-form-checkbox:not(.mod-checkbox) label input[type=checkbox]:focus + span {
  outline: 1px dashed #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.mod-form-checkbox:not(.mod-checkbox) > .list,
.mod-form-radio:not(.mod-radio) > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px 0 0 -20px;
}

.mod-form-checkbox:not(.mod-checkbox) > .list > li,
.mod-form-radio:not(.mod-radio) > .list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 10px 0 0 20px;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col] label,
.mod-form-radio:not(.mod-radio)[data-col] label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col] span,
.mod-form-radio:not(.mod-radio)[data-col] span {
  min-width: 0;
}

.mod-form-radio:not(.mod-radio) {
  margin: 0 0 32px;
  padding: 0;
  border: 0;
}

.mod-form-radio:not(.mod-radio)[data-col] > .list > li.of-full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  max-width: 100%;
}

.mod-form-radio:not(.mod-radio)[data-col] > .list > li.of-fillin {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  max-width: none;
}

.mod-form-radio:not(.mod-radio)[data-col=auto] > .list > li {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.mod-form-radio:not(.mod-radio) > .list {
  margin-top: -20px;
}

.mod-form-radio:not(.mod-radio) > .list > li {
  padding-top: 20px;
}

.mod-form-radio:not(.mod-radio).align-left > .list {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.mod-form-radio:not(.mod-radio).align-right > .list {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.mod-form-radio:not(.mod-radio)[data-col="2"] > .list,
.mod-form-radio:not(.mod-radio)[data-col="3"] > .list,
.mod-form-radio:not(.mod-radio)[data-col="4"] > .list,
.mod-form-radio:not(.mod-radio)[data-col="5"] > .list,
.mod-form-radio:not(.mod-radio)[data-col="6"] > .list {
  margin-left: -11px;
}

.mod-form-radio:not(.mod-radio)[data-col="2"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="3"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="4"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="5"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="6"] > .list > li {
  padding-left: 11px;
}

.mod-form-radio:not(.mod-radio)[data-col=auto] > .list {
  margin-left: -20px;
}

.mod-form-radio:not(.mod-radio)[data-col=auto] > .list > li {
  padding-left: 20px;
}

.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="1"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="2"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="3"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="4"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="5"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col-wide="6"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-form-radio:not(.mod-radio)[data-col-wide="1"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col-wide="2"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col-wide="3"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col-wide="4"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col-wide="5"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col-wide="6"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-form-radio:not(.mod-radio)[data-col] > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px 0 0 -20px;
}

.mod-form-radio:not(.mod-radio)[data-col] > .list > li {
  padding: 10px 0 0 20px;
}

.mod-form-radio:not(.mod-radio) label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 16px;
}

.mod-form-radio:not(.mod-radio) label span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 6px 22px 6px 46px;
  -webkit-transition: 0.2s color ease-out, 0.2s background ease-out;
  transition: 0.2s color ease-out, 0.2s background ease-out;
  border-radius: 4px;
  background: #f7f7f7;
}

.mod-form-radio:not(.mod-radio) label span::after,
.mod-form-radio:not(.mod-radio) label span::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  margin: auto 0;
}

.mod-form-radio:not(.mod-radio) label span::before {
  top: 0;
  left: 1em;
  width: 1.3em;
  height: 1.3em;
  border: 2px solid #505050;
  border-radius: 44px;
  background: #fff;
}

.mod-form-radio:not(.mod-radio) label span::after {
  top: 0;
  left: 1.35em;
  width: 0.6em;
  height: 0.6em;
  -webkit-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
  border-radius: 24px;
  opacity: 0;
  background: #505050;
}

.mod-form-radio:not(.mod-radio) label input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  opacity: 0;
}

.mod-form-radio:not(.mod-radio) label input[type=radio]:checked + span::after {
  opacity: 1;
}

.mod-form-radio:not(.mod-radio) label input[type=radio]:disabled + span {
  color: #999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mod-form-radio:not(.mod-radio) label input[type=radio]:disabled + span::before {
  background: #f5f5f5;
}

.mod-form-radio:not(.mod-radio) label input[type=radio]:disabled + span::after {
  opacity: 0;
}

.mod-form-radio:not(.mod-radio) label input[type=radio]:focus + span {
  outline: 1px dashed #333;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -1px;
}

.mod-form-select {
  margin: 0 0 32px;
  padding: 0;
  border: 0;
}

.mod-form-select > label ~ .select {
  margin: 10px 0 0;
}

.mod-form-select .select select:disabled {
  color: #999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mod-form-split {
  margin: 0 0 32px;
  padding: 0;
  border: 0;
}

.mod-form-split > legend ~ .lyt {
  margin: 10px 0 0;
}

.mod-form-split > .lyt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.7rem;
}

.mod-form-split > .lyt > .joint {
  margin: 0 8px;
  white-space: nowrap;
}

.mod-form-split > .lyt > .joint:first-child {
  margin-left: 0;
}

.mod-form-split > .lyt > div > :first-child {
  margin-top: 0;
}

.mod-form-split > .lyt > div > :last-child {
  margin-bottom: 0;
}

.mod-form-split > .lyt > div:not(.joint) + div:not(.joint) {
  margin: 0 0 0 8px;
}

.mod-form-split[data-type^=name] > .lyt > .joint {
  -ms-flex-preferred-size: 36px;
      flex-basis: 36px;
  min-width: 36px;
  max-width: 36px;
}

.mod-form-split .mod-form-txt {
  width: 100%;
  max-width: 70px;
}

.mod-form-fieldset {
  margin: 0 0 40px;
  border: solid #ddd;
  border-width: 0;
}

.mod-form-fieldset + [class^=mod-form] {
  border-top: 1px solid #ccc;
}

.mod-form-fieldset + [class^=mod-form]:not(.mod-form-fieldset) {
  margin-top: -44px;
  padding-top: 12px;
}

.mod-form-fieldset + [class^=mod-form].mod-form-fieldset {
  margin-top: -40px;
}

.mod-form-fieldset + .mod-btn {
  margin-top: -30px;
}

.mod-form-fieldset > .inner {
  padding: 20px 0;
}

.mod-form-fieldset > .inner > .group {
  display: flow-root;
  padding: 0;
  border: 0;
}

html[data-browser-trident=true] .mod-form-fieldset > .inner > .group {
  display: block;
}

.mod-form-fieldset > .inner > .group::after {
  content: "";
  display: block;
  clear: both;
}

.mod-form-fieldset > .inner > .group > .label {
  top: 6px;
  margin: 0 0 17px;
  padding: 0 41px 0 0;
}

.mod-form-fieldset > .inner > .group > .label > .required {
  position: absolute;
  top: 3px;
  right: 0;
}

.mod-form-fieldset > .inner > .group > .content > :first-child {
  margin-top: 0;
}

.mod-form-fieldset > .inner > .group > .content > :last-child {
  margin-bottom: 0;
}

.mod-form-fieldset > .inner > .group > .content > .mod-form-checkbox:not(.mod-checkbox):first-child {
  margin-top: 5px;
}

.mod-form-fieldset > .inner > div.group > legend {
  background: red;
}

.mod-form-fieldset > .inner > fieldset.group > label {
  background: red;
}

.mod-form-fieldset.var-02 > .inner > .group > .label {
  width: auto;
  margin: 0 0 20px;
  padding: 0 0 0 12px;
  float: none;
  overflow: hidden;
  border-left: 6px solid #505050;
  font-size: 1.8rem;
  font-weight: 700;
}

.mod-form-fieldset.var-02 > .inner > .group > .label .required {
  display: inline-block;
  position: relative;
  top: -2px;
  margin: 0 0 0 5px;
  padding: 5px 5px 4px;
  border: 1px solid #ff5757;
  background: 0 0;
  color: #ff5757;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.mod-form-fieldset.var-02 > .inner > .group > .label ~ .content {
  width: auto;
  padding-left: 0;
  float: none;
}

.mod-form-lyt > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -30px 0 0 -42px;
}

.mod-form-lyt > .inner > .item {
  padding: 30px 0 0 42px;
}

.mod-form-lyt > .inner > .item > :first-child {
  margin-top: 0;
}

.mod-form-lyt > .inner > .item > :last-child {
  margin-bottom: 0;
}

.mod-form-lyt > .inner > .item:not(.of-submit) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.mod-form-lyt > .inner > .item.of-submit {
  margin: 0 auto;
}

.mod-form-lyt > .inner > .item [class^=mod-form] {
  width: 100%;
}

.mod-filter > .inner > .hdg {
  padding: 10px 15px;
  border-bottom: 1px solid #999;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.mod-filter .hdg-al4 {
  position: relative;
  margin-bottom: 5px;
  padding-left: 10px;
  font-size: 1.4rem;
}

.mod-filter .hdg-al4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1.1em;
  margin: auto 0;
  border-left: 3px solid #333;
}

.mod-filter .hdg + .hdg-al4 {
  margin-top: 10px;
}

.mod-filter > .inner > .control {
  padding: 0;
}

.mod-filter > .inner > .control > .section {
  padding: 11px 10px 0;
}

.mod-filter > .inner > .control > .section + .section {
  border-top: 1px solid #e4e4e4;
}

.mod-filter > .inner > .control > .section > .hdg {
  margin: 0 0 4px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
}

.mod-filter > .inner > .control > .section > .body + .hdg {
  margin-top: 20px;
}

.mod-filter > .inner > .control > .section > .body > .group {
  margin: 2px 0 11px;
  padding: 0;
  border: 0;
}

.mod-filter > .inner > .control > .section > .body > .group > .caption {
  margin: 0 0 5px;
  font-size: 1.4rem;
  font-weight: 700;
}

.mod-filter > .inner > .control > .section > .body > .group > .content {
  margin: 0 0 0 2px;
}

.mod-filter > .inner > .control > .section > .body > .group > .content > :first-child {
  margin-top: 0;
}

.mod-filter > .inner > .control > .section > .body > .group > .content > :last-child {
  margin-bottom: 0;
}

.mod-filter > .inner > .control > .section > .body > .group > .content > .mod-form-select > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}

.mod-form-select[data-col] > .list > li {
  padding: 10px 0 0 10px;
}

.mod-form-select[data-col="1"] > .list > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mod-form-select[data-col="2"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col="2"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="2"] > .list > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

.mod-form-select[data-col="3"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col="3"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="3"] > .list > li {
  -ms-flex-preferred-size: 33.3333%;
      flex-basis: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;
}

.mod-form-select[data-col="4"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col="4"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="4"] > .list > li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  min-width: 25%;
  max-width: 25%;
}

.mod-form-select[data-col="5"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col="5"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="5"] > .list > li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  min-width: 20%;
  max-width: 20%;
}

.mod-form-select[data-col="6"] > .list > li,
.mod-form-checkbox:not(.mod-checkbox)[data-col="6"] > .list > li,
.mod-form-radio:not(.mod-radio)[data-col="6"] > .list > li {
  -ms-flex-preferred-size: 16.6667%;
      flex-basis: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
}

.mod-filter > .inner > .control > .section:last-child {
  margin-bottom: 0;
}

.mod-filter > .inner > .filter-runBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border-top: 1px solid #e4e4e4;
}

.mod-filter > .inner > .filter-runBtn > .inner {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0;
}

.mod-filter > .inner > .filter-runBtn .clear,
.mod-filter > .inner > .filter-runBtn .search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 10px;
  text-align: center;
}

.mod-filter > .inner > .filter-runBtn .of-single .clear,
.mod-filter > .inner > .filter-runBtn .of-single .search {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.mod-filter button[type] {
  min-width: auto;
}

.mod-filter .inner > .filter-runBtn .clear button {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 13px 14px 11px;
  border: 1px solid #999;
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
}

.mod-filter .inner > .filter-runBtn .search button {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 13px 14px 11px;
  border: none;
  border-radius: 4px;
  background-color: #c00;
  color: #fff;
}

.mod-filter .inner > .filter-runBtn button::before,
.mod-filter .inner > .filter-runBtn button::after {
  content: none;
}

.c-accordion .mod-filter > .inner > .control > .section > .hdg {
  text-align: left;
}

.c-accordion .close {
  position: relative;
  text-align: center;
}

.c-accordion .mod-filter.is-active .js-closeBtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.4em;
  right: 1em;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #1a1a1a;
}

.notfound-search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 14px;
  background-color: #fcefef;
  color: #c00;
  text-align: center;
}

.notfound-search + * {
  margin-top: 20px;
}

html[data-script-enabled=true] .c-accordion .close {
  display: block;
  border-top: 1px solid #e8e8e8;
  background: #f7f7f7;
}

.c-accordion .close button {
  width: 100%;
  padding: 8px 10px;
  font-weight: 700;
}

.c-accordion .close button:focus {
  outline: 2px solid #333;
  outline-offset: -3px;
}

.c-accordion .close::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 1.3em;
  right: 1em;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #1a1a1a;
}

@media screen and (min-width: 768px), print {
  .c-accordion .close button {
    padding: 14px;
  }
  .notfound-search + * {
    margin-top: 40px;
  }
}
/* #135 汎用検索条件 - 汎用 */
.contentsBlock.mod-filter {
  margin: auto;
}

.mod-form-select {
  margin-bottom: 0;
}

.mod-form-select .mod-lyt {
  margin-bottom: 0;
}

.mod-form-select [data-col-wide="2"] > .inner {
  margin-left: -20px;
}

.mod-form-select [data-col-wide="2"] > .inner > .col {
  padding-top: 10px;
  padding-left: 20px;
}

.mod-box-productItems .checkBlock {
  position: relative;
}

.mod-box-productItems:last-child {
  margin-bottom: 20px;
}

.accordion-list .conversion-check {
  margin-bottom: 0;
}

.conversion-check input[type=checkbox] {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.conversion-check .checkBlock.is-checked .checkbox {
  display: none;
}

.conversion-check .checkBlock .header .hdg {
  padding: 0 20px;
}

.conversion-thumbnail-list input[type=checkbox] {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  opacity: 0;
}

.conversion-thumbnail-list input[type=checkbox]:checked + span {
  display: block;
  position: relative;
}

.conversion-thumbnail-list input[type=checkbox]:checked + span::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.conversion-check input[type=checkbox]:focus,
.conversion-thumbnail-list input[type=checkbox]:focus {
  outline: none;
}

.js-filter .c-accordion .accordion-list .btn-accordion:hover,
.js-filter .c-accordion .accordion-list .btn-accordion:focus {
  opacity: 0.7;
  background-color: #f7f7f7;
}

.mod-conversion .filter-bottom {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #333;
}

.mod-conversion .conversion-thumbnail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: -0.5rem;
}

.mod-conversion .conversion-thumbnail-list li {
  width: 100%;
  max-width: 33.3333333333%;
  padding: 0.5rem;
}

.mod-conversion .conversion-thumbnail-list .title {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}

.mod-conversion .conversion-thumbnail-list .image {
  position: relative;
}

.mod-conversion .conversion-thumbnail-list img {
  max-width: 100%;
}

.mod-conversion .conversion-thumbnail-list input {
  display: block;
}

.mod-conversion .conversion-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-top: 10px;
  padding-left: 0;
}

.mod-conversion .conversion-btn .mod-btn {
  margin: 0;
}

.mod-btn input {
  border: none;
  background-color: transparent;
}

.mod-conversion .conversion-btn .mod-btn .input-arrow-r {
  border: none;
  background-color: transparent;
}

.mod-conversion .conversion-btn .mod-btn .btn.of-full .input-arrow-r {
  width: 100%;
}

.mod-conversion .conversion-btn .mod-btn .input-arrow-r input {
  width: 100%;
  -webkit-transition: 0.2s background ease-out;
  transition: 0.2s background ease-out;
  border: none;
  background-color: #e62e2e;
  color: #fff;
  cursor: pointer;
}

.mod-conversion .conversion-btn .mod-btn input:disabled {
  background-color: #ccc;
  color: #676767;
  cursor: default;
}

.mod-btn .input-arrow-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 220px;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #999;
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.mod-btn .input-arrow-r input {
  padding: 18px 12px;
}

html[data-script-enabled=true] .js-filter .result,
html[data-script-enabled=true] .mod-filter > .result {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .mod-filter {
    margin: 47px 0 0;
  }
  .mod-filter > .inner {
    background: 0 0;
  }
  .mod-filter > .inner > .hdg {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    font-size: 2.2rem;
    font-weight: 400;
    letter-spacing: 2px;
  }
  .mod-filter > .inner > .control {
    margin: 0 0 13px;
    padding: 0 0 4px;
  }
  .mod-filter > .inner > .control > .section {
    margin: 0;
    padding: 8px 20px 10px;
  }
  .mod-filter > .inner > .control > .section:last-child {
    border-bottom: 0;
  }
  .mod-filter > .inner > .control > .section > .hdg {
    position: relative;
    top: -5px;
    min-width: 20%;
    margin-top: 13px;
    margin-bottom: 0;
    padding: 0 10px 0 0;
    font-size: 1.8rem;
    text-align: left;
  }
  .mod-filter > .inner > .control > .section + .section > .hdg:first-child {
    padding-top: 0;
  }
  .mod-filter .hdg-al4 {
    font-size: 1.6rem;
  }
  .mod-filter > .inner > .control > .section > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-filter > .inner > .control > .section > .body > .group {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  .mod-filter > .inner > .control > .section > .body > .group > .caption {
    display: block;
    position: relative;
    top: 10px;
    width: 15.8%;
    margin: 0 0 11px;
    padding: 0 14px 0 0;
    float: left;
    font-weight: 400;
    text-align: right;
  }
  .mod-filter > .inner > .control > .section > .body > .group > .caption::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 38px;
    margin: auto 0;
    border-right: 1.3px solid #ccc;
  }
  .mod-filter > .inner > .control > .section > .body > .group > .content {
    margin: 0 0 11px;
  }
  .mod-filter > .inner > .control > .section > .body > .group > .content > .mod-form-select > .list {
    margin-top: -10px;
    margin-left: -20px;
  }
  .mod-filter > .inner > .control > .section > .body + [class^=hdg] {
    margin-top: 10px;
  }
  .mod-form-select[data-col] > .list > li {
    padding: 10px 0 0 20px;
  }
  .mod-form-select[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-form-select[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    min-width: 33.333%;
    max-width: 33.333%;
  }
  .mod-form-select[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-form-select[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-form-select .select::after {
    right: 1.45em;
  }
  .mod-form-select .select > span > select {
    min-height: 48px;
  }
  .mod-form-checkbox:not(.mod-checkbox) label span,
  .mod-form-radio:not(.mod-radio) label span {
    min-height: 48px;
    padding: 11px 22px 10px 56px;
  }
  .mod-form-radio:not(.mod-radio) label span::before {
    left: 1em;
  }
  .mod-form-radio:not(.mod-radio) label span::after {
    left: 1.35em;
  }
  .mod-form-checkbox:not(.mod-checkbox)[data-col-wide="2"] > .list > li,
  .mod-form-radio:not(.mod-radio)[data-col-wide="2"] > .list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
  }
  .mod-form-checkbox:not(.mod-checkbox)[data-col-wide="3"] > .list > li,
  .mod-form-radio:not(.mod-radio)[data-col-wide="3"] > .list > li {
    -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
  .mod-form-checkbox:not(.mod-checkbox)[data-col-wide="4"] > .list > li,
  .mod-form-radio:not(.mod-radio)[data-col-wide="4"] > .list > li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;
  }
  .mod-form-checkbox:not(.mod-checkbox)[data-col-wide="5"] > .list > li,
  .mod-form-radio:not(.mod-radio)[data-col-wide="5"] > .list > li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;
  }
  .mod-form-checkbox:not(.mod-checkbox)[data-col-wide="6"] > .list > li,
  .mod-form-radio:not(.mod-radio)[data-col-wide="6"] > .list > li {
    -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%;
    min-width: 16.6667%;
    max-width: 16.6667%;
  }
  .mod-filter > .inner > .filter-runBtn {
    margin: -14px 0 -10px;
  }
  .mod-filter > .inner > .filter-runBtn .clear,
  .mod-filter > .inner > .filter-runBtn .search {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-top: 14px;
  }
  .mod-filter .inner > .filter-runBtn .clear button {
    width: auto;
  }
  .mod-filter .inner > .filter-runBtn .search button {
    width: 220px;
  }
  .mod-filter .filter-runBtn .search button[type]:not(:disabled):focus,
  .mod-filter .filter-runBtn .search button[type]:not(:disabled):hover {
    background-color: #e62e2e;
  }
  .c-accordion .close {
    margin-top: 14px;
  }
  /* #135 汎用検索条件 - 汎用 */
  .mod-btn .input-arrow-r {
    font-size: 1.8rem;
  }
  .mod-btn .input-arrow-r::before {
    width: 18px;
    height: 18px;
  }
  .mod-conversion .conversion-list .content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-conversion .conversion-thumbnail-list li {
    min-width: 172px;
    max-width: 20%;
  }
  .mod-conversion .conversion-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    margin-top: 0;
    padding-left: 50px;
  }
  .mod-conversion .conversion-btn .mod-btn .input-arrow-r input:not(:disabled):focus,
  .mod-conversion .conversion-btn .mod-btn .input-arrow-r input:not(:disabled):hover {
    background-color: #e62e2e;
  }
  html[data-script-enabled=true] .mod-filter {
    border: 0;
  }
}
.input-error-message {
  display: block;
  width: 100%;
  margin-top: 10px;
  color: #c00;
}

.input-hint {
  display: block;
  width: 100%;
  margin-top: 12px;
}
@media screen and (min-width: 768px), print {
  .input-hint {
    margin-top: 16px;
  }
}

.input-grid-half-fill {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 20px;
}
.input-grid-half-fill > [data-input-grid-col]:not(:last-child) > .input-hint {
  margin-bottom: -8px;
}
@media screen and (min-width: 768px), print {
  .input-grid-half-fill {
    grid-template-columns: repeat(auto-fill, minmax(auto, calc(50% - 10px)));
  }
  .input-grid-half-fill > [data-input-grid-col]:not(:last-child) > .input-hint {
    margin-bottom: 0;
  }
}

.input-grid-triple-fill {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 15px;
}
.input-grid-triple-fill > [data-input-grid-col]:not(:last-child) > .input-hint {
  margin-bottom: -8px;
}
@media screen and (min-width: 768px), print {
  .input-grid-triple-fill {
    grid-template-columns: repeat(auto-fill, minmax(auto, calc(33.333% - 10px)));
  }
  .input-grid-triple-fill > [data-input-grid-col]:not(:last-child) > .input-hint {
    margin-bottom: 0;
  }
}

.input-birth {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30% 30%;
  grid-template-columns: auto 30% 30%;
  gap: 8px;
}
@media screen and (min-width: 768px), print {
  .input-birth {
    -ms-grid-columns: 180px 130px 130px;
    grid-template-columns: 180px 130px 130px;
    gap: 20px;
  }
}

.mod-input-label {
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-input-label .required {
  margin-left: 12px;
}
.mod-input-label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

.mod-input-grid {
  display: block;
  margin: 0 0 40px;
}
.mod-input-grid fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.mod-input-grid-container {
  display: -ms-grid;
  display: grid;
}
.mod-input-grid-container.-gutter {
  gap: 16px;
}
@media screen and (min-width: 768px), print {
  .mod-input-grid-container.-gutter {
    gap: 20px;
  }
}

legend.mod-input-label + .mod-input-grid-container {
  margin-top: 10px;
}

.mod-text-field {
  --field-size: 335px;
  margin: 0 0 20px;
}
.mod-text-field.w-manual-size {
  max-width: var(--field-size, 335px);
}
.mod-text-field label + label {
  margin: 0;
}
.mod-text-field__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mod-text-field__label {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-text-field__label .required {
  margin-left: 12px;
}
.mod-text-field__label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-text-field__input {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 13px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  color: #222;
  font-size: 1.6rem;
}
.mod-text-field__input::-webkit-input-placeholder {
  color: #767676;
}
.mod-text-field__input::-moz-placeholder {
  color: #767676;
}
.mod-text-field__input:-ms-input-placeholder {
  color: #767676;
}
.mod-text-field__input::-ms-input-placeholder {
  color: #767676;
}
.mod-text-field__input::placeholder {
  color: #767676;
}
.mod-text-field__input.is-error, .mod-text-field__input:invalid {
  background-color: #ffebeb;
}
.mod-text-field__input:disabled {
  background-color: #f4f4f4;
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-text-field__label + * {
  margin-top: 10px;
}
.mod-text-field__action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  max-width: var(--field-size);
  margin-top: 10px;
}
.mod-text-field.w-manual-size .mod-text-field__action {
  max-width: 100%;
}
.mod-text-field__action mod-text-field__input {
  margin-top: 0;
}
.mod-text-field__action > .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
}
@media screen and (min-width: 768px), print {
  .mod-text-field__action > .mod-btn {
    margin-left: 20px;
  }
}
.mod-text-field__action > .mod-btn .btn a,
.mod-text-field__action > .mod-btn .btn button {
  min-height: 0;
}

.mod-datepicker {
  margin: 0 0 20px;
}
.mod-datepicker label + label {
  margin: 0;
}
.mod-datepicker__field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mod-datepicker__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-datepicker__label .required {
  margin-left: 12px;
}
.mod-datepicker__label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-datepicker__input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 178px;
  height: 50px;
  margin: 0 auto;
  padding: 13px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjcgMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyN3YyN2gtMjd6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xMS41NDUgMTBoLTQuNDM2Yy0uNjA4IDAtMS4xMDkuNTAxLTEuMTA5IDEuMTA5djE1LjUyNmMwIC42MDguNTAxIDEuMTA5IDEuMTA5IDEuMTA5aDE3Ljc0M2MuNjA4IDAgMS4xMDktLjUwMSAxLjEwOS0xLjEwOXYtMTUuNTI2YzAtLjYwOC0uNTAxLTEuMTA5LTEuMTA5LTEuMTA5aC0xLjEwOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNjczIC00LjQ1NSkiLz48cGF0aCBkPSJtOS4wMDEgMy4wMDF2NCIvPjxwYXRoIGQ9Im0xOC4wMDEgMy4wMDF2NCIvPjxwYXRoIGQ9Im0xMi4wMDEgNS4wMDFoNiIvPjxwYXRoIGQ9Im0xNy41IDI1LjY2MyAyLjc3MiAyLjc3MiA0LjQzNi00LjQzNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNzk2IC0xMC42OTIpIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat calc(100% - 10px) center;
  background-size: 27px;
  color: #222;
  font-size: 1.6rem;
  cursor: pointer;
}
.mod-datepicker__input::-webkit-input-placeholder {
  color: #767676;
}
.mod-datepicker__input::-moz-placeholder {
  color: #767676;
}
.mod-datepicker__input:-ms-input-placeholder {
  color: #767676;
}
.mod-datepicker__input::-ms-input-placeholder {
  color: #767676;
}
.mod-datepicker__input::placeholder {
  color: #767676;
}
.mod-datepicker__input.is-error, .mod-datepicker__input:invalid {
  background-color: #ffebeb;
}
.mod-datepicker__input:disabled {
  background-color: #f4f4f4;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjcgMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyN3YyN2gtMjd6Ii8+PGcgc3Ryb2tlPSIjNzY3Njc2IiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xMS41NDUgMTBoLTQuNDM2Yy0uNjA4IDAtMS4xMDkuNTAxLTEuMTA5IDEuMTA5djE1LjUyNmMwIC42MDguNTAxIDEuMTA5IDEuMTA5IDEuMTA5aDE3Ljc0M2MuNjA4IDAgMS4xMDktLjUwMSAxLjEwOS0xLjEwOXYtMTUuNTI2YzAtLjYwOC0uNTAxLTEuMTA5LTEuMTA5LTEuMTA5aC0xLjEwOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuNjczIC00LjQ1NSkiLz48cGF0aCBkPSJtOS4wMDEgMy4wMDF2NCIvPjxwYXRoIGQ9Im0xOC4wMDEgMy4wMDF2NCIvPjxwYXRoIGQ9Im0xMi4wMDEgNS4wMDFoNiIvPjxwYXRoIGQ9Im0xNy41IDI1LjY2MyAyLjc3MiAyLjc3MiA0LjQzNi00LjQzNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNzk2IC0xMC42OTIpIi8+PC9nPjwvZz48L3N2Zz4=");
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-datepicker__label + * {
  margin-top: 10px;
}
.mod-datepicker__range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px;
}
.mod-datepicker__range > span {
  display: block;
  margin: auto 8px;
  color: #767676;
}
.mod-datepicker__range .mod-datepicker__input {
  width: 100%;
  padding: 13px 12px;
}
@media screen and (min-width: 768px), print {
  .mod-datepicker__range > span {
    margin: auto 16px;
  }
  .mod-datepicker__range .mod-datepicker__input {
    width: 100%;
    padding: 13px 20px;
  }
}
:where(.c-accordion) .mod-datepicker__range .mod-datepicker__input {
  background-position: calc(100% - 6px) center;
}
@media screen and (max-width: 374px), print {
  :where(.c-accordion) .mod-datepicker__range > span {
    margin: auto 4px;
    font-size: 1.2rem;
  }
}

:where(.air-datepicker-global-container) .air-datepicker {
  --adp-color: #222;
}
:where(.air-datepicker-global-container) .air-datepicker-body--day-name {
  --adp-day-name-color: var(--adp-color);
}

.mod-text-area {
  display: block;
  margin: 0 0 20px;
}
.mod-text-area label + label {
  margin: 0;
}
.mod-text-area__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mod-text-area__label {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-text-area__label .required {
  margin-left: 12px;
}
.mod-text-area__label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-text-area__input {
  display: block;
  width: 100%;
  height: auto;
  min-height: calc(24.25em + 13px * 2);
  margin: 0 auto;
  padding: 13px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  color: #222;
  font-size: 1.6rem;
  line-height: 1.75;
  resize: vertical;
}
@media screen and (min-width: 768px), print {
  .mod-text-area__input {
    min-height: calc(6.75em + 13px * 2);
  }
}
.mod-text-area__input::-webkit-input-placeholder {
  color: #767676;
}
.mod-text-area__input::-moz-placeholder {
  color: #767676;
}
.mod-text-area__input:-ms-input-placeholder {
  color: #767676;
}
.mod-text-area__input::-ms-input-placeholder {
  color: #767676;
}
.mod-text-area__input::placeholder {
  color: #767676;
}
.mod-text-area__input.is-error, .mod-text-area__input:invalid {
  background-color: #ffebeb;
}
.mod-text-area__input:disabled {
  background-color: #f4f4f4;
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-text-area__label + * {
  margin-top: 10px;
}

.mod-pulldown-select {
  --field-size: 335px;
  margin: 0 0 20px;
}
.mod-pulldown-select.w-manual-size {
  max-width: var(--field-size, 335px);
}
.mod-pulldown-select label + label {
  margin: 0;
}
.mod-pulldown-select__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mod-pulldown-select__label {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-pulldown-select__label .required {
  margin-left: 12px;
}
.mod-pulldown-select__label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-pulldown-select__input {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjEuNSI+PHBhdGggZD0ibTAgMCAuMDE2IDcuNTYxIiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyA2LjY0MyA5LjYwNikiLz48cGF0aCBkPSJtMCA3LjU2MS4wMTYtNy41NjEiIHRyYW5zZm9ybT0ibWF0cml4KC0uNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLS43MDcxMDcgMTIuMDEyIDE0Ljk1MikiLz48L2c+PC9zdmc+") no-repeat calc(100% - 13px) center;
  background-size: 24px;
  color: #222;
  font-size: 1.6rem;
}
.mod-pulldown-select__input select {
  width: 100%;
  height: 50px;
  padding: 13px 20px;
  padding-right: 40px;
  border: none;
  border-radius: inherit;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #222;
  font-size: 1.6rem;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-pulldown-select__input select::-ms-expand {
  display: none;
}
.mod-pulldown-select__input select:focus-visible {
  outline: 2px solid #222;
  outline-offset: 3px;
}
.mod-pulldown-select__input select:disabled {
  background-color: #f4f4f4;
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-pulldown-select__input.is-error {
  background-color: #ffebeb;
}
.mod-pulldown-select__label + * {
  margin-top: 10px;
}
.mod-pulldown-select__search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: var(--field-size);
}
.mod-pulldown-select.w-manual-size .mod-pulldown-select__search {
  max-width: 100%;
}
.mod-pulldown-select__search mod-pulldown-select__input {
  margin-top: 0;
}
.mod-pulldown-select__search > .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
}
@media screen and (min-width: 768px), print {
  .mod-pulldown-select__search > .mod-btn {
    margin-left: 20px;
  }
}
.mod-pulldown-select__search > .mod-btn .btn a,
.mod-pulldown-select__search > .mod-btn .btn button {
  min-height: 0;
}

.mod-radio {
  margin: 0 0 20px;
}
.mod-radio legend {
  display: block;
}
.mod-radio fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.mod-radio input[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-radio__legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-radio__legend .required {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -0.1em;
  margin-left: 12px;
}
.mod-radio__legend .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-radio__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 100%;
}
.mod-radio__items > li {
  display: inherit;
  list-style: none;
}
.mod-radio__items label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0;
  padding-right: 12px;
  padding-left: 40px;
  line-height: 1.5;
  cursor: pointer;
}
.mod-radio__items > label + label {
  margin-top: 0;
}
.mod-radio .checked-line {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 10px);
  height: 2px;
  margin: auto;
  background-color: #c00;
}
.mod-radio .symbol {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=") no-repeat center;
  background-size: 24px;
}
.mod-radio.is-error input[type=radio] + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZWJlYiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
}
.mod-radio input[type=radio]:invalid + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZWJlYiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
}
.mod-radio input[type=radio]:checked + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PGcgZmlsbD0iI2MwMCI+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjYiLz48L2c+PC9zdmc+");
}
.mod-radio input[type=radio]:focus-visible + .symbol {
  border-radius: 24px;
  outline: 2px solid #222;
  outline-offset: 2px;
}
.mod-radio input[type=radio]:disabled + .symbol {
  opacity: 1;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI0M3QzdDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
  color: inherit;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-radio input[type=radio]:checked:disabled + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI0M3QzdDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
}
.mod-radio label.is-disabled {
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-radio.of-inline .mod-radio__items {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 16px 10px;
}
@media screen and (min-width: 768px), print {
  .mod-radio.of-inline .mod-radio__items label {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px), print {
  .mod-radio.of-inline .mod-radio__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 16px 20px;
  }
}

.mod-radio-card {
  margin: 0 0 30px;
}
.mod-radio-card legend {
  display: block;
}
.mod-radio-card fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.mod-radio-card input[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-radio-card__legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-radio-card__legend .required {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -0.1em;
  margin-left: 12px;
}
.mod-radio-card__legend .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-radio-card__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.mod-radio-card__items > label + label {
  margin-top: 16px;
}
.mod-radio-card__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
}
.mod-radio-card__card + .mod-radio-card__card {
  margin-top: 12px;
}
.mod-radio-card .tap-area {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.mod-radio-card .symbol {
  display: block;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: 20px;
  width: 24px;
  height: 24px;
  margin: auto;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=") no-repeat center;
  background-size: 24px;
}
.mod-radio-card .checked-line {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 10px);
  height: 2px;
  margin: auto;
  background-color: #c00;
}
.mod-radio-card input[type=radio]:checked + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PGcgZmlsbD0iI2MwMCI+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjYiLz48L2c+PC9zdmc+");
}
.mod-radio-card input[type=radio]:checked ~ .checked-line {
  display: block;
}
.mod-radio-card.is-error .mod-radio-card__card {
  background-color: #ffebeb;
}
.mod-radio-card input[type=radio]:focus-visible + .symbol {
  border-radius: 24px;
  outline: 2px solid #222;
  outline-offset: 2px;
}
.mod-radio-card input[type=radio]:disabled + .symbol {
  opacity: 1;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI0M3QzdDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
  color: inherit;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-radio-card input[type=radio]:checked:disabled + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgMjMuNWMtMy4wNzIgMC01Ljk2LTEuMTk2LTguMTMyLTMuMzY4cy0zLjM2OC01LjA2LTMuMzY4LTguMTMyIDEuMTk2LTUuOTYgMy4zNjgtOC4xMzIgNS4wNi0zLjM2OCA4LjEzMi0zLjM2OCA1Ljk2IDEuMTk2IDguMTMyIDMuMzY4IDMuMzY4IDUuMDYgMy4zNjggOC4xMzItMS4xOTYgNS45Ni0zLjM2OCA4LjEzMi01LjA2IDMuMzY4LTguMTMyIDMuMzY4eiIgZmlsbD0iI0M3QzdDNyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibTEyIDFjLTIuOTM4IDAtNS43MDEgMS4xNDQtNy43NzggMy4yMjItMi4wNzggMi4wNzctMy4yMjIgNC44NC0zLjIyMiA3Ljc3OHMxLjE0NCA1LjcwMSAzLjIyMiA3Ljc3OGMyLjA3NyAyLjA3OCA0Ljg0IDMuMjIyIDcuNzc4IDMuMjIyczUuNzAxLTEuMTQ0IDcuNzc4LTMuMjIyYzIuMDc4LTIuMDc3IDMuMjIyLTQuODQgMy4yMjItNy43NzhzLTEuMTQ0LTUuNzAxLTMuMjIyLTcuNzc4Yy0yLjA3Ny0yLjA3OC00Ljg0LTMuMjIyLTcuNzc4LTMuMjIybTAtMWM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMi0xMi01LjM3My0xMi0xMiA1LjM3My0xMiAxMi0xMnoiIGZpbGw9IiNkYmRiZGIiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIGZpbGw9Im5vbmUiIHI9IjYiLz48L3N2Zz4=");
}
.mod-radio-card label.is-disabled ~ .item-content {
  background-color: #f4f4f4;
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-radio-card .item-content {
  display: block;
  padding: 20px 20px 20px 60px;
}
.mod-radio-card .item-content > [class*=mod-] {
  margin: 0 !important;
}
@media screen and (min-width: 768px), print {
  .mod-radio-card .symbol {
    top: 0;
    bottom: 0;
  }
  .mod-radio-card .item-content {
    display: block;
    padding: 30px 30px 30px 60px;
  }
}
.mod-radio-card .radio-card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.mod-radio-card .radio-card-detail > .detail {
  padding-top: 10px;
}
.mod-radio-card .radio-card-detail > .detail > .detail-title {
  display: block;
  padding-bottom: 10px;
}
.mod-radio-card .radio-card-detail > .detail > p {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  .mod-radio-card .radio-card-detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-radio-card .radio-card-detail > .detail {
    padding-top: 0;
    padding-left: 12px;
  }
  .mod-radio-card .radio-card-detail > .detail > p {
    font-size: 1.6rem;
  }
}

.mod-checkbox {
  margin: 0 0 20px;
}
.mod-checkbox legend {
  display: block;
}
.mod-checkbox fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.mod-checkbox input[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-checkbox__legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-checkbox__legend .required {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -0.1em;
  margin-left: 12px;
}
.mod-checkbox__legend .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-checkbox__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px 20px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 100%;
}
.mod-checkbox__items > li {
  display: inherit;
  list-style: none;
}
.mod-checkbox__items label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0;
  padding-right: 12px;
  padding-left: 40px;
  line-height: 1.5;
  cursor: pointer;
}
.mod-checkbox__items > label + label {
  margin-top: 0;
}
.mod-checkbox .checked-line {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 10px);
  height: 2px;
  margin: auto;
  background-color: #c00;
}
.mod-checkbox .symbol {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0uNS41aDIzdjIzaC0yM3oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZGJkYiIvPjwvc3ZnPg==") no-repeat center;
  background-size: 24px;
}
.mod-checkbox.is-error input[type=checkbox] + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI2ZmZWJlYiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibS41LjVoMjN2MjNoLTIzeiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGJkYmRiIi8+PC9zdmc+");
}
.mod-checkbox input[type=checkbox]:invalid + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI2ZmZWJlYiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0ibS41LjVoMjN2MjNoLTIzeiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGJkYmRiIi8+PC9zdmc+");
}
.mod-checkbox input[type=checkbox]:checked + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI2ZmZiIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MwMCI+PHBhdGggZD0ibS41LjVoMjN2MjNoLTIzeiIvPjxwYXRoIGQ9Im0tMzI0MC44NSA5NjM1LjU4IDUuNSA1LjUgOC41My04LjUyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI0NS44MyAtOTYyNC44MikiLz48L2c+PC9zdmc+");
}
.mod-checkbox input[type=checkbox]:focus-visible + .symbol {
  outline: 2px solid #222;
  outline-offset: 2px;
}
.mod-checkbox input[type=checkbox]:disabled + .symbol {
  opacity: 1;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI0M3QzdDNyIvPjxwYXRoIGQ9Im0uNS41aDIzdjIzaC0yM3oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZGJkYiIvPjwvc3ZnPg==");
  color: inherit;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-checkbox input[type=checkbox]:checked:disabled + .symbol {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDBoMjR2MjRoLTI0eiIgZmlsbD0iI0M3QzdDNyIvPjxwYXRoIGQ9Im0uNS41aDIzdjIzaC0yM3oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZGJkYiIvPjwvc3ZnPg==");
}
.mod-checkbox__other {
  max-width: 550px;
  margin-top: 20px;
}
.mod-checkbox:not(.of-filter) label.is-disabled {
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-checkbox.of-filter .mod-checkbox__items {
  display: -ms-grid;
  display: grid;
  gap: 10px 20px;
}
.mod-checkbox.of-filter .mod-checkbox__items label {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 12px 24px 12px 60px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}
.mod-checkbox.of-filter .symbol {
  top: 0.8em;
  left: 20px;
  margin: auto 0;
}
.mod-checkbox.of-filter input[type=checkbox]:checked ~ .checked-line {
  display: block;
}
.mod-checkbox.of-filter label.is-disabled {
  background-color: #f4f4f4;
  color: #767676;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px), print {
  .mod-checkbox.of-filter .mod-checkbox__items {
    display: -ms-inline-grid;
    display: inline-grid;
  }
  .mod-checkbox.of-filter[class*=w-] .mod-checkbox__items {
    display: -ms-grid;
    display: grid;
  }
}
.mod-checkbox.of-inline .mod-checkbox__items {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mod-checkbox.of-inline .mod-checkbox__items > label,
.mod-checkbox.of-inline .mod-checkbox__items > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.mod-checkbox.of-inline .mod-checkbox__items > label + label {
  margin-top: 0;
}
@media screen and (min-width: 768px), print {
  .mod-checkbox.of-inline .mod-checkbox__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.mod-checkbox.of-inline.of-filter .mod-checkbox__items {
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
  gap: 16px 20px;
}
.mod-checkbox.of-inline.of-filter .mod-checkbox__items > label,
.mod-checkbox.of-inline.of-filter .mod-checkbox__items > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 768px), print {
  .mod-checkbox.of-inline:not(.of-filter) .mod-checkbox__items label {
    padding-right: 0;
  }
}

.mod-upload {
  margin: 0 auto 30px;
}
.mod-upload__preview {
  display: block;
  position: relative;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background-color: #e2e2e2;
}
.mod-upload__preview::before {
  content: "";
  display: block;
  padding-top: 60%;
}
.mod-upload__preview img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mod-upload__title {
  color: #222;
  font-weight: 700;
}
.mod-upload__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 10px;
  margin-right: auto;
}
.mod-upload__container.of-slim {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mod-upload__file-name {
  display: inline-block;
  margin-top: 16px;
  color: #767676;
  font-size: 1.4rem;
}
.mod-upload .mod-btn {
  margin-top: 20px;
  margin-bottom: 0;
}
.mod-upload .mod-upload__container.of-slim .mod-btn {
  margin-top: 0;
  margin-right: 20px;
}
.mod-upload .mod-upload__button {
  position: relative;
  width: 100%;
}
.mod-upload .mod-upload__button button {
  width: 100%;
  min-width: 266px;
}
.mod-upload.is-error .mod-upload__button button {
  background-color: #ffebeb;
}
.mod-upload__input[type=file] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media screen and (min-width: 768px), print {
  .mod-upload {
    margin-right: 0;
    margin-left: 0;
  }
  .mod-upload__container {
    width: auto;
    max-width: inherit;
  }
  .mod-upload__container .mod-upload__button {
    width: auto;
  }
  .mod-upload__container .mod-upload__button button {
    min-width: 266px;
  }
  .mod-upload__container.of-slim {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.mod-form-flow {
  display: block;
  margin: 0 0 30px;
}
.mod-form-flow .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-form-flow .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: initial;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 70px;
  color: #222;
}
.mod-form-flow .step + .step {
  margin-left: -18px;
}
.mod-form-flow .step::before, .mod-form-flow .step::after {
  content: "";
  display: block;
  top: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 22px;
  height: inherit;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}
.mod-form-flow .step::before {
  margin-right: -1px;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMyA3MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMiA3NSAyMC0zNS0yMC0zNWgyMnY3MHoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIgLTUpIi8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMyA3MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMiA3NSAyMC0zNS0yMC0zNWgyMnY3MHoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIgLTUpIi8+PC9zdmc+");
}
.mod-form-flow .step::after {
  margin-left: -1px;
  mask-position-x: right center;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMiA3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNCA3NWgtMXYtNzBoMWwyMCAzNXoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTQuOTk5KSIvPjwvc3ZnPg==");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMiA3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNCA3NWgtMXYtNzBoMWwyMCAzNXoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTQuOTk5KSIvPjwvc3ZnPg==");
}
.mod-form-flow .step a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: inherit;
  height: inherit;
  text-decoration: none;
}
.mod-form-flow .step a:focus {
  outline: none;
}
.mod-form-flow .step a:focus-visible {
  z-index: 2;
  -webkit-box-shadow: 0 0 0 2px #000;
          box-shadow: 0 0 0 2px #000;
}
.mod-form-flow .step a:focus-visible .num {
  text-decoration: none;
}
.mod-form-flow .step a:focus-visible .text {
  text-decoration: none;
}
.mod-form-flow .step a .num {
  text-decoration: none;
}
.mod-form-flow .step a .text {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .mod-form-flow .step a:hover .num {
    text-decoration: none;
  }
  .mod-form-flow .step a:hover .text {
    text-decoration: none;
  }
}
.mod-form-flow .step-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: inherit;
  padding: 0 0 0 10px;
  background-color: #f4f4f4;
}
.mod-form-flow .step.is-current,
.mod-form-flow .step[aria-current=step] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
}
.mod-form-flow .step.is-current .step-arrow,
.mod-form-flow .step[aria-current=step] .step-arrow {
  max-width: 100%;
  padding-right: 4px;
  padding-left: 10px;
  background-color: #c00;
}
.mod-form-flow .step.is-current::before, .mod-form-flow .step.is-current::after,
.mod-form-flow .step[aria-current=step]::before,
.mod-form-flow .step[aria-current=step]::after {
  background-color: #c00;
}
.mod-form-flow .step:first-child::before {
  content: none;
}
.mod-form-flow .step:first-child .step-arrow {
  padding-right: 0;
  padding-left: 14px;
  border-radius: 6px 0 0 6px;
}
.mod-form-flow .step:last-child {
  margin-left: -18px;
}
.mod-form-flow .step:last-child::after {
  content: none;
}
.mod-form-flow .step:last-child .step-arrow {
  padding-right: 10px;
  padding-left: 4px;
  border-radius: 0 6px 6px 0;
}
.mod-form-flow .step:last-child.is-current .step-arrow, .mod-form-flow .step:last-child[aria-current=step] .step-arrow {
  padding-left: 10px;
}
.mod-form-flow .step .step-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-form-flow .step .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #c00;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.mod-form-flow .step.is-current .num,
.mod-form-flow .step[aria-current=step] .num {
  background-color: #fff;
  color: #222;
}
.mod-form-flow .step .text {
  display: -webkit-box;
  position: relative;
  z-index: 1;
  width: 100%;
  margin-left: 10px;
  overflow: hidden;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2857;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.mod-form-flow .step.is-current .text,
.mod-form-flow .step[aria-current=step] .text {
  color: #fff;
  font-weight: 700;
}
.mod-form-flow .step b .text {
  font-weight: 700;
}
@media screen and (max-width: 1199px), print {
  .mod-form-flow .step:not(.is-current, [aria-current=step]) .text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    border: 0 !important;
    font-size: 1.8rem;
    white-space: nowrap !important; /* 3 */
    clip-path: inset(50%) !important; /* 2 */
  }
}
@media screen and (min-width: 768px), print {
  .mod-form-flow .step {
    width: 100%;
    max-width: 165px;
    height: 80px;
  }
  .mod-form-flow .step + .step {
    margin-left: -10px;
  }
  .mod-form-flow .step::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMiA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjYgODBoLTIybDIwLTQwLTIwLTQwaDIyeiIgZmlsbD0iI2MwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNCkiLz48L3N2Zz4=");
            mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMiA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjYgODBoLTIybDIwLTQwLTIwLTQwaDIyeiIgZmlsbD0iI2MwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNCkiLz48L3N2Zz4=");
  }
  .mod-form-flow .step::after {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMSA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNDgxLTExNDBoMjF2ODBoLTIxeiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ4MSAxMTQwKSI+PHBhdGggZD0ibTAgMGgyNjVsMjAgNDAtMjAgNDBoLTI2NWwyMC00MHoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxNyAtMTE0MCkiLz48L2c+PC9zdmc+");
            mask-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyMSA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNDgxLTExNDBoMjF2ODBoLTIxeiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ4MSAxMTQwKSI+PHBhdGggZD0ibTAgMGgyNjVsMjAgNDAtMjAgNDBoLTI2NWwyMC00MHoiIGZpbGw9IiNjMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIxNyAtMTE0MCkiLz48L2c+PC9zdmc+");
  }
  .mod-form-flow .step-arrow {
    padding: 12px;
  }
  .mod-form-flow .step.is-current,
  .mod-form-flow .step[aria-current=step] {
    max-width: 100%;
  }
  .mod-form-flow .step.is-current .step-arrow,
  .mod-form-flow .step[aria-current=step] .step-arrow {
    padding-right: 10px;
    padding-left: 16px;
  }
  .mod-form-flow .step:first-child .step-arrow {
    padding-right: 12px;
    padding-left: 12px;
  }
  .mod-form-flow .step:last-child .step-arrow {
    padding-right: 24px;
    padding-left: 20px;
  }
  .mod-form-flow .step:last-child.is-current .step-arrow, .mod-form-flow .step:last-child[aria-current=step] .step-arrow {
    padding-right: 24px;
    padding-left: 16px;
  }
  .mod-form-flow .step .text {
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.375;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-form-flow .step {
    position: relative;
    max-width: initial;
    margin-left: 0;
    padding: 0;
  }
  .mod-form-flow .step + .step {
    margin-left: 0;
  }
  .mod-form-flow .step:first-child {
    max-width: initial;
  }
  .mod-form-flow .step:last-child {
    max-width: initial;
  }
  .mod-form-flow .step.is-current,
  .mod-form-flow .step[aria-current=step] {
    max-width: initial;
  }
  .mod-form-flow .step:first-child .step-arrow {
    padding-right: 44px;
    padding-left: 30px;
  }
  .mod-form-flow .step:last-child .step-arrow {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.mod-submit {
  position: relative;
}
.mod-submit .submit-btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 220px;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  padding: 14px 18px;
  overflow: hidden;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  border: 1px solid #c00;
  border-radius: 6px;
  background-color: #c00;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #222;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}
.mod-submit .submit-btn button:disabled {
  opacity: 0.4;
  cursor: default;
}
.mod-submit .submit-btn button:not(:disabled):focus,
.mod-submit .submit-btn button:not(:disabled):hover {
  border-color: #c00;
  background-color: #fff;
  color: #c00;
}
.mod-submit .submit-lyt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 40px;
}
.mod-submit .submit-lyt > * + * {
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-submit .submit-lyt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mod-submit .submit-lyt > * {
    margin-top: 0;
  }
  .mod-submit .submit-lyt > * + * {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-submit .submit-lyt > * + * {
    margin-left: 26px;
  }
}

.mod-postcode {
  margin: 0 0 20px;
}
.mod-postcode label + label {
  margin: 0;
}
.mod-postcode__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mod-postcode__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: text-top;
}
.mod-postcode__label .required {
  margin-left: 12px;
}
.mod-postcode__label .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-postcode__input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 492px;
  margin: 10px 0 0;
}
.mod-postcode__input-wrap .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
}
.mod-postcode__input-wrap .mod-btn > .inner > .btn {
  width: 100%;
}
.mod-postcode__input-wrap .mod-btn .btn button,
.mod-postcode__input-wrap .mod-btn .btn a {
  width: 100% !important;
  min-height: 0;
}
.mod-postcode__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.mod-postcode__input > span {
  display: block;
  margin: auto 7px;
  color: #767676;
}
.mod-postcode__input input[type=text] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 13px 12px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  background-size: 27px;
  color: #222;
  font-size: 1.6rem;
}
.mod-postcode__input input[type=text]::-webkit-input-placeholder {
  color: #767676;
}
.mod-postcode__input input[type=text]::-moz-placeholder {
  color: #767676;
}
.mod-postcode__input input[type=text]:-ms-input-placeholder {
  color: #767676;
}
.mod-postcode__input input[type=text]::-ms-input-placeholder {
  color: #767676;
}
.mod-postcode__input input[type=text]::placeholder {
  color: #767676;
}
.mod-postcode__input input[type=text].is-error, .mod-postcode__input input[type=text]:invalid {
  background-color: #ffebeb;
}
@media screen and (min-width: 768px), print {
  .mod-postcode__input-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-postcode__input-wrap .mod-btn {
    width: auto;
    margin-top: 0;
    margin-left: 20px;
  }
  .mod-postcode__input input[type=text] {
    width: 100%;
    padding: 13px 20px;
  }
}

/*! = Modules/Layout */
.mod-lyt-product-info {
  margin: 0 auto 40px;
}
.mod-lyt-product-info__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 40px 20px;
}
@media screen and (min-width: 768px), print {
  .mod-lyt-product-info__container {
    -ms-grid-columns: minmax(280px, 1fr) minmax(auto, 645px);
    grid-template-columns: minmax(280px, 1fr) minmax(auto, 645px);
  }
}
@media screen and (min-width: 1200px), print {
  .mod-lyt-product-info__container {
    -ms-grid-columns: minmax(auto, 455px) minmax(auto, 645px);
    grid-template-columns: minmax(auto, 455px) minmax(auto, 645px);
  }
}
.mod-lyt-product-info__container + * {
  margin-top: 40px;
}
.mod-lyt-product-info__detail {
  position: relative;
  max-width: 1120px;
  margin: 0;
}
.mod-lyt-product-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, 1fr);
  grid-template-rows: repeat(auto-fit, 1fr);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-lyt-product-info__inner {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 40px 20px;
  }
}
.mod-lyt-product-info__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 0 0;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
}

.mod-product-info-table__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mod-product-info-table__header .hdg {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  padding-bottom: 12px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table__header .hdg {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-product-info-table__header .hdg {
    font-size: 3.4rem;
  }
}
.mod-product-info-table__header .name {
  font-family: "Roboto", sans-serif;
}
.mod-product-info-table .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding: 20px 10px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.mod-product-info-table .product-info__item {
  margin-bottom: 20px;
}
.mod-product-info-table .product-info__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-product-info-table .product-info__color {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border: 1px solid #dbdbdb;
  background: #f4f4f4;
}
.mod-product-info-table .product-info__color.selected {
  border: 2px solid #c00;
}
.mod-product-info-table .product-info__data {
  margin-right: 30px;
}
.mod-product-info-table .product-info__data dt,
.mod-product-info-table .product-info__data dd {
  display: table-cell;
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
}
.mod-product-info-table .product-info__data dt {
  position: relative;
  width: auto;
  min-width: 96px;
  padding-right: 1em;
}
.mod-product-info-table .product-info__data dt::after {
  content: ":";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .product-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 20px 0;
  }
  .mod-product-info-table .product-info__data:not(:last-child) {
    margin-bottom: 4px;
  }
  .mod-product-info-table .product-info__data dt,
  .mod-product-info-table .product-info__data dd {
    font-size: 1.6rem;
  }
}
.mod-product-info-table .product-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 10px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.mod-product-info-table .product-summary__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .product-summary {
    padding: 20px;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-product-info-table .product-summary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.mod-product-info-table .product-info + .product-summary {
  border-top: none;
}
.mod-product-info-table .product-other {
  margin: 26px 0 0;
}
.mod-product-info-table .value-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 80px;
  margin: -6px 0 30px;
  padding: 15px;
  border-radius: 6px;
  background: #f4f4f4;
}
.mod-product-info-table .value-price-box .value {
  font-size: 1.4rem;
  font-weight: 700;
}
.mod-product-info-table .value-price-box .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mod-product-info-table .value-price-box .price .unit {
  margin-left: 4px;
  font-size: 1.4rem;
}
.mod-product-info-table .value-price-box .price .num {
  margin-bottom: -0.2em;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
}
.mod-product-info-table .value-price-box .price .note {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .value-price-box {
    margin-bottom: 20px;
  }
  .mod-product-info-table .value-price-box .value {
    font-size: 1.6rem;
  }
}
.mod-product-info-table .tag {
  margin-top: 16px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .tag {
    margin-top: 20px;
  }
}
.mod-product-info-table .tag .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.mod-product-info-table .tag .list li {
  padding-top: 10px;
  padding-left: 10px;
}
.mod-product-info-table .tag .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px;
  border: 1px solid #dbdbdb;
  background: #f4f4f4;
  color: #222;
  font-size: 1.2rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.mod-product-info-table .spec {
  margin-top: 16px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .spec {
    margin-top: 20px;
  }
}
.mod-product-info-table .spec .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px;
}
.mod-product-info-table .spec .list li {
  padding-top: 8px;
  padding-left: 8px;
  line-height: 1;
}
.mod-product-info-table .spec .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
}
.mod-product-info-table .spec .list li img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .spec .list {
    margin-top: -10px;
    margin-left: -10px;
  }
  .mod-product-info-table .spec .list li {
    padding-top: 10px;
    padding-left: 10px;
  }
}
.mod-product-info-table .support {
  margin-top: 16px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-table .support {
    margin-top: 20px;
  }
}
.mod-product-info-table .support .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
}
.mod-product-info-table .support .list li {
  padding-top: 10px;
  padding-left: 10px;
  line-height: 1;
}
.mod-product-info-table .support .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-product-info-table .review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 767px), print {
  .mod-product-info-table .review {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 44px;
    border-radius: 6px;
    background: #f4f4f4;
  }
}
.mod-product-info-table .review a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #0f6bff;
}
.mod-product-info-table .review a:hover {
  opacity: 0.7;
}
.mod-product-info-table .review-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
}
.mod-product-info-table .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 120px;
  height: 24px;
  color: #e2e2e2;
  font-size: 3rem;
  line-height: 1;
  white-space: nowrap;
}
.mod-product-info-table .rating .star-rating {
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 2.2rem;
}
.mod-product-info-table .rating .star-rating::before, .mod-product-info-table .rating .star-rating::after {
  content: "☆☆☆☆☆";
  position: absolute;
  top: 0;
  left: 0;
  color: #f5c84d;
}
.mod-product-info-table .rating .star-rating::after {
  content: "★★★★★";
  overflow: hidden;
  color: #f5c84d;
}
.mod-product-info-table .rating .star-rating[data-rate="0"]::after {
  width: 0rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.1"]::after {
  width: 0.22rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.2"]::after {
  width: 0.44rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.3"]::after {
  width: 0.66rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.4"]::after {
  width: 0.88rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.5"]::after {
  width: 1.1rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.6"]::after {
  width: 1.32rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.7"]::after {
  width: 1.54rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.8"]::after {
  width: 1.76rem;
}
.mod-product-info-table .rating .star-rating[data-rate="0.9"]::after {
  width: 1.98rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1"]::after {
  width: 2.2rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.1"]::after {
  width: 2.42rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.2"]::after {
  width: 2.64rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.3"]::after {
  width: 2.86rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.4"]::after {
  width: 3.08rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.5"]::after {
  width: 3.3rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.6"]::after {
  width: 3.52rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.7"]::after {
  width: 3.74rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.8"]::after {
  width: 3.96rem;
}
.mod-product-info-table .rating .star-rating[data-rate="1.9"]::after {
  width: 4.18rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2"]::after {
  width: 4.4rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.1"]::after {
  width: 4.62rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.2"]::after {
  width: 4.84rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.3"]::after {
  width: 5.06rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.4"]::after {
  width: 5.28rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.5"]::after {
  width: 5.5rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.6"]::after {
  width: 5.72rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.7"]::after {
  width: 5.94rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.8"]::after {
  width: 6.16rem;
}
.mod-product-info-table .rating .star-rating[data-rate="2.9"]::after {
  width: 6.38rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3"]::after {
  width: 6.6rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.1"]::after {
  width: 6.82rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.2"]::after {
  width: 7.04rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.3"]::after {
  width: 7.26rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.4"]::after {
  width: 7.48rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.5"]::after {
  width: 7.7rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.6"]::after {
  width: 7.92rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.7"]::after {
  width: 8.14rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.8"]::after {
  width: 8.36rem;
}
.mod-product-info-table .rating .star-rating[data-rate="3.9"]::after {
  width: 8.58rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4"]::after {
  width: 8.8rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.1"]::after {
  width: 9.02rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.2"]::after {
  width: 9.24rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.3"]::after {
  width: 9.46rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.4"]::after {
  width: 9.68rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.5"]::after {
  width: 9.9rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.6"]::after {
  width: 10.12rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.7"]::after {
  width: 10.34rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.8"]::after {
  width: 10.56rem;
}
.mod-product-info-table .rating .star-rating[data-rate="4.9"]::after {
  width: 10.78rem;
}
.mod-product-info-table .rating .star-rating[data-rate="5"]::after {
  width: 11rem;
}
.mod-product-info-table .mod-product-store-card__price {
  margin-top: 20px;
}

.mod-product-info-store {
  padding: 20px;
  border-radius: 6px;
  background: #f4f4f4;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-store {
    padding: 40px;
  }
}
* + .mod-product-info-store {
  margin-top: 30px;
}
.mod-product-info-store__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.mod-product-info-store__title {
  font-size: 2rem;
}
.mod-product-info-store__body {
  margin: 20px 0 16px;
}
.mod-product-info-store__body .shop-value {
  grid-area: store-name;
  margin-bottom: 4px;
  font-size: 1.2rem;
}
.mod-product-info-store__body .tag {
  grid-area: store-tag;
}
.mod-product-info-store__body .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: store-price;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 16px;
  margin-left: auto;
}
.mod-product-info-store__body .price .unit {
  margin-left: 4px;
  font-size: 1.4rem;
}
.mod-product-info-store__body .price .num {
  margin-bottom: -0.2em;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
}
.mod-product-info-store__body .price .note {
  font-size: 1.4rem;
}
.mod-product-info-store__body .mod-btn {
  grid-area: store-button;
  margin-bottom: 0;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-store__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px minmax(280px, auto);
        -ms-grid-columns: 1fr 20px minmax(280px, auto);
            grid-template: auto auto/1fr minmax(280px, auto);
            grid-template-areas: "store-name store-price" "store-tag store-button";
    margin-bottom: 20px;
    gap: 20px;
  }
  .mod-product-info-store__body:not(:has(.shop-value)) {
            grid-template-areas: "store-tag store-price" "store-tag .";
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    row-gap: 0;
  }
  .mod-product-info-store__body .shop-value {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
  .mod-product-info-store__body .price {
    margin-bottom: 0;
  }
  .mod-product-info-store__body .price .unit {
    font-size: 1.6rem;
  }
  .mod-product-info-store__body .price .num {
    font-size: 2.6rem;
  }
  .mod-product-info-store__body .price .note {
    font-size: 1.6rem;
  }
  .mod-product-info-store__body .shop-value {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mod-product-info-store__body .tag {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mod-product-info-store__body:not(:has(.shop-value)) > .tag {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .mod-product-info-store__body .price {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mod-product-info-store__body:not(:has(.shop-value)) > .price {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .mod-product-info-store__body .mod-btn {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.mod-product-info-store__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #dbdbdb;
}
.mod-product-info-store__footer .mod-btn {
  margin-bottom: 0;
  margin-left: auto;
}
.mod-product-info-store__footer .note {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-store__footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 20px;
  }
  .mod-product-info-store__footer .note {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-product-info-store__footer {
    gap: 60px;
  }
}
.mod-product-info-store .tag {
  margin-top: 0;
  margin-bottom: 16px;
}
.mod-product-info-store .tag .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -5px;
}
.mod-product-info-store .tag .list li {
  padding-top: 5px;
  padding-left: 5px;
}
.mod-product-info-store .tag .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 27px;
  padding: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  color: #222;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-store .tag {
    margin-bottom: 0;
  }
  .mod-product-info-store .tag .list {
    margin-top: -10px;
    margin-left: -10px;
  }
  .mod-product-info-store .tag .list li {
    padding-top: 10px;
    padding-left: 10px;
  }
  .mod-product-info-store .tag .list li > span {
    min-height: 30px;
    font-size: 1.2rem;
  }
}

.mod-lyt-product-info-list {
  margin: 0 0 40px;
}
.mod-lyt-product-info-list__container {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-lyt-product-info-list__container {
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
  }
}

.mod-product-info-card {
  padding: 20px;
  border-radius: 6px;
  background: #f4f4f4;
}
.mod-product-info-card__header {
  padding-bottom: 10px;
}
.mod-product-info-card__header .hdg {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-card__header {
    padding-bottom: 0;
  }
  .mod-product-info-card__header .hdg {
    font-size: 2rem;
  }
}
.mod-product-info-card__picture {
  width: 100%;
  margin: 0 auto auto 0;
  border: 1px solid #dbdbdb;
}
.mod-product-info-card__picture img {
  width: 100%;
  height: auto;
}
.mod-product-info-card__tag {
  padding-bottom: 10px;
}
.mod-product-info-card__tag .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -8px;
}
.mod-product-info-card__tag .tag {
  margin-top: 8px;
  margin-left: 8px;
}
.mod-product-info-card__tag .tag span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #c00;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-card__tag {
    padding-top: 15px;
    padding-bottom: 0;
  }
}
.mod-product-info-card__actions {
  padding-top: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-card__actions {
    padding-top: 10px;
  }
}
.mod-product-info-card__actions .mod-btn {
  margin-top: 0;
  margin-bottom: 0;
}
.mod-product-info-card .mod-btn.btn--thin > .inner {
  margin-top: -10px;
  margin-left: -10px;
}
.mod-product-info-card .mod-btn.btn--thin .btn a {
  min-height: 44px;
  margin: 10px 0 0 10px;
  padding: 4px;
}
.mod-product-info-card__content {
  display: -ms-grid;
  display: grid;
  gap: 0;
}
.mod-product-info-card__tag {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
}
@media screen and (min-width: 768px), print {
  .mod-product-info-card__content {
    -ms-grid-columns: 43.5% auto;
    grid-template-columns: 43.5% auto;
    -ms-grid-rows: -webkit-min-content auto -webkit-max-content;
    -ms-grid-rows: min-content auto max-content;
    grid-template-rows: -webkit-min-content auto -webkit-max-content;
    grid-template-rows: min-content auto max-content;
    height: 100%;
    gap: 15px;
  }
  .mod-product-info-card__header {
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1/1;
  }
  .mod-product-info-card__picture {
    -ms-grid-column: 1;
    grid-column: 1/1;
    grid-row: 2/-1;
    width: auto;
  }
  .mod-product-info-card__tag {
    -ms-grid-column: 2;
    grid-column: 2/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .mod-product-info-card__actions {
    -ms-grid-column: 2;
    grid-column: 2/2;
    -ms-grid-row: 3;
    grid-row: 3/3;
    -ms-grid-row-align: end;
        align-self: end;
  }
}

.mod-lyt-product-store-card {
  margin: 0 0 40px;
}
.mod-lyt-product-store-card__container {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-lyt-product-store-card__container {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}
@media screen and (min-width: 992px), print {
  .mod-lyt-product-store-card__container {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }
}

.mod-product-store-card {
  padding: 20px;
  border-radius: 6px;
  background: #f4f4f4;
}
.mod-product-store-card__header {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #dbdbdb;
}
.mod-product-store-card__header .hdg {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  .mod-product-store-card__header .hdg {
    font-size: 2.4rem;
  }
}
.mod-product-store-card__color {
  margin-bottom: 14px;
}
.mod-product-store-card__color .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mod-product-store-card__color .color {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #dbdbdb;
  background: #f4f4f4;
}
.mod-product-store-card__picture {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
}
.mod-product-store-card__picture img {
  aspect-ratio: 720/450;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.mod-product-store-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.mod-product-store-card__price .shop-value {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-right: 24px;
  margin-bottom: 6px;
  font-size: 1.2rem;
}
.mod-product-store-card__price .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mod-product-store-card__price .price .unit {
  margin-left: 4px;
  font-size: 1.4rem;
}
.mod-product-store-card__price .price .num {
  margin-bottom: -0.2em;
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
}
.mod-product-store-card__price .price .note {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px), print {
  .mod-product-store-card__price {
    margin-bottom: 20px;
  }
  .mod-product-store-card__price .shop-value {
    font-size: 1.4rem;
  }
  .mod-product-store-card__price .price .num {
    font-size: 2.6rem;
  }
  .mod-product-store-card__price .price .unit {
    font-size: 1.6rem;
  }
  .mod-product-store-card__price .price .note {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px), print {
  .mod-product-store-card__price {
    margin-bottom: 20px;
  }
  .mod-product-store-card__price .price {
    margin-top: -0.3em;
  }
  .mod-product-store-card__price .shop-value {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-bottom: 0;
  }
}
.mod-product-store-card__tag {
  margin-bottom: 20px;
}
.mod-product-store-card__tag .tag .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -5px;
}
.mod-product-store-card__tag .tag .list li {
  padding-top: 5px;
  padding-left: 5px;
}
.mod-product-store-card__tag .tag .list li > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 27px;
  padding: 5px;
  border: 1px solid #dbdbdb;
  background: #fff;
  color: #222;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  .mod-product-store-card__tag .tag .list {
    margin-top: -10px;
    margin-left: -10px;
  }
  .mod-product-store-card__tag .tag .list li {
    padding-top: 10px;
    padding-left: 10px;
  }
  .mod-product-store-card__tag .tag .list li > span {
    min-height: 30px;
    font-size: 1.2rem;
  }
}
.mod-product-store-card__actions .mod-btn {
  margin-top: 0;
  margin-bottom: 0;
}
.mod-product-store-card .mod-btn.btn--thin > .inner {
  margin-top: -10px;
  margin-left: -10px;
}
.mod-product-store-card .mod-btn.btn--thin .btn a {
  min-height: 44px;
  margin: 10px 0 0 10px;
  padding: 4px;
}
.mod-product-store-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
.mod-product-store-card__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mod-product-store-card__color {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mod-product-store-card__picture {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mod-product-store-card__tag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mod-product-store-card__actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin-top: auto;
}

/*! = Modules/GeneralSearch */
.c-accordion .accordion-container > .mod-general-filter {
  margin-bottom: 0;
}

.mod-general-search {
  margin: 0 auto 20px;
}
.mod-general-search + .result {
  margin-bottom: 20px;
}
.mod-general-search .c-accordion .accordion-list:first-child {
  margin-top: 0;
}
.mod-general-search .c-accordion .accordion-list:last-child {
  margin-bottom: 0;
}
.mod-general-search__content {
  padding: 30px 15px;
}
.mod-general-search__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  background: #f4f4f4;
}
.mod-general-search__actions.of-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.mod-general-search__actions.of-horizontal .mod-btn {
  margin-left: auto;
}
.mod-general-search__actions .mod-general-search-result {
  margin-top: 0;
}
.mod-general-search__actions .mod-btn[data-col] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 200px;
  white-space: nowrap;
}
@media screen and (min-width: 768px), print {
  .mod-general-search__content {
    padding: 30px 20px;
  }
  .mod-general-search__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-general-search__actions .mod-general-search-result {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    margin-right: auto;
  }
  .mod-general-search__actions .mod-btn {
    margin-left: auto;
  }
}

.mod-general-search-form__item {
  padding: 30px 0 0;
}
.mod-general-search-form__item:first-child {
  padding-top: 0;
}
.mod-general-search-form__label {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.56;
}
.mod-general-search-form__sub-label {
  display: block;
  margin-bottom: 16px;
}
.mod-general-search-form dd ~ dd {
  margin-top: 20px;
}
.mod-general-search-form dd > :last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-general-search-form__label {
    font-size: 2rem;
    line-height: 1.4;
  }
  .mod-general-search-form__sub-label {
    margin-bottom: 12px;
  }
  .mod-general-search-form dd ~ dd {
    margin-top: 16px;
  }
}

.mod-general-search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  margin: 0 auto 40px;
}
.mod-general-search-result .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 26px;
}
.mod-general-search-result .value {
  margin-left: 0;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
}
.mod-general-search-result .unit {
  margin-left: 0.4em;
}
.mod-general-search-result .output > :not(.mod-pnl-04, .mod-box-product) .tags,
.mod-general-search-result .output > .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 930px;
  margin: 20px auto;
}
.mod-general-search-result .output > :not(.mod-pnl-04, .mod-box-product) .tag,
.mod-general-search-result .output > .tags .tag {
  padding: 6px 5px 7px;
  border: 1px solid #dbdbdb;
  color: #767676;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  .mod-general-search-result .value {
    margin-left: 1em;
  }
}

.mod-general-filter {
  margin: 0 auto 40px;
}
.mod-general-filter__content {
  padding: 0 0 20px;
}
.mod-general-filter__content > :last-child {
  margin-bottom: 0;
}
.mod-general-filter__result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  margin-top: 0;
}
.mod-general-filter__result .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 26px;
}
.mod-general-filter__result .value {
  margin-left: 0;
  color: #c00;
  font-family: "Roboto", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
}
.mod-general-filter__result .unit {
  margin-left: 0.4em;
}
.mod-general-filter__result .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 930px;
  margin-top: 20px;
}
.mod-general-filter__result .tag {
  padding: 6px 5px 7px;
  border: 1px solid #dbdbdb;
  color: #767676;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px), print {
  .mod-general-filter__result {
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    margin-right: auto;
  }
  .mod-general-filter__result .value {
    margin-left: 1em;
  }
}
.mod-general-filter__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 6px;
  background: #f4f4f4;
  gap: 10px;
}
.mod-general-filter__actions.of-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.mod-general-filter__actions.of-horizontal .mod-btn {
  margin-left: auto;
}
.mod-general-filter__actions .mod-btn[data-col] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 200px;
  white-space: nowrap;
}
@media screen and (min-width: 768px), print {
  .mod-general-filter__content {
    padding-bottom: 30px;
  }
  .mod-general-filter__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-general-filter__actions .mod-btn {
    margin-left: auto;
  }
}

.mod-checkbox-tag {
  margin: 0 0 20px;
}
.mod-checkbox-tag legend {
  display: block;
}
.mod-checkbox-tag fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.mod-checkbox-tag input[type=checkbox] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-checkbox-tag__legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mod-checkbox-tag__legend {
    font-size: 2rem;
  }
}
.mod-checkbox-tag__legend .required {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -0.1em;
  margin-left: 12px;
}
.mod-checkbox-tag__legend .required > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 22px;
  padding: 3px 10px;
  border-radius: 48px;
  background: #c00;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.mod-checkbox-tag__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 10px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 100%;
}
.mod-checkbox-tag__items label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0;
  line-height: 1.5;
  cursor: pointer;
}
.mod-checkbox-tag__items > label + label,
.mod-checkbox-tag__items > li + li {
  margin-top: 0;
}
.mod-checkbox-tag__items .tag {
  padding: 8px 20px;
  background-color: #fff;
  color: #767676;
}
.mod-checkbox-tag__items .tag {
  padding: 4px 20px;
  border: 2px solid #dbdbdb;
  border-radius: 48px;
  background-color: #fff;
  color: #767676;
  font-size: 1.4rem;
  line-height: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .mod-checkbox-tag__items .tag:hover {
    background-color: #f4f4f4;
  }
}
.mod-checkbox-tag__items input[type=checkbox]:focus-visible + .tag {
  outline: 2px solid #222;
  outline-offset: 2px;
}
.mod-checkbox-tag__items input[type=checkbox]:checked + .tag {
  border-color: #c00;
  background-color: #c00;
  color: #fff;
  font-weight: 700;
}

/*! = Modules/JavaScript - Gallery */
.mod-tab-galley {
  margin: 40px 0;
}

.mod-tab-galley .gallery-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}

.mod-tab-galley .gallery-thumbnail {
  overflow: hidden;
}

.mod-tab-galley .gallery-thumbnail > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 0;
  margin-left: 0;
  gap: 10px;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail {
  position: relative;
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
  min-width: initial;
  max-width: initial;
  margin-bottom: 0;
  padding-left: 0;
  overflow: hidden;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail:not([role=tab]) {
  display: block;
  margin-bottom: 0;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  line-height: initial;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, opacity 0.3s ease-out;
  transition: border-color 0.3s, opacity 0.3s ease-out;
  border: 1px solid #dedede;
  border-radius: inherit;
  opacity: 1;
  background: transparent;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a {
  display: block;
  position: relative;
  width: 100%;
  min-width: initial;
  border-radius: 6px;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-tab-galley .gallery-overview .item img,
.mod-tab-galley .gallery-thumbnail .thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 6px;
  vertical-align: top;
}

.mod-tab-galley .gallery-overview > .item {
  position: relative;
  border-radius: 6px;
}

.mod-tab-galley .gallery-overview > .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:active::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:focus::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:hover::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:active::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:focus::before,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:hover::before {
  opacity: 1;
}

.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:active::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:focus::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail span:hover::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:active::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:focus::after,
.mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a:hover::after {
  opacity: 1;
}

@media screen and (min-width: 768px), print {
  .mod-tab-galley .gallery-thumbnail {
    padding: 0;
  }
  .mod-tab-galley .gallery-thumbnail > .list {
    grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
    margin-left: 0;
  }
  .mod-tab-galley[data-small-thumbnail] .gallery-thumbnail > .list {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  }
  .mod-tab-galley .gallery-thumbnail > .list > .thumbnail {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    min-width: initial;
    max-width: initial;
    padding-left: 0;
  }
  .mod-tab-galley .gallery-thumbnail > .list > .thumbnail span,
  .mod-tab-galley .gallery-thumbnail > .list > .thumbnail > a {
    min-width: initial;
  }
  .mod-tab-galley .gallery-overview {
    min-height: 0.1%;
    margin-top: 20px;
  }
  .mod-tab-galley .gallery-overview > .item {
    margin-bottom: 10px;
  }
  .mod-tab-galley .gallery-overview .item,
  .mod-tab-galley .gallery-thumbnail .thumbnail {
    text-align: center;
  }
  .mod-tab-galley .gallery-overview .item img,
  .mod-tab-galley .gallery-thumbnail .thumbnail img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    vertical-align: top;
  }
}
.mod-tab-gallery {
  margin: 0 0 40px;
}

.mod-tab-gallery .gallery-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}

.mod-tab-gallery .gallery-thumbnail {
  overflow: hidden;
}

.mod-tab-gallery .gallery-thumbnail > .list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 0;
  margin-left: 0;
  gap: 10px;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail {
  position: relative;
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
  min-width: initial;
  max-width: initial;
  margin-bottom: 0;
  padding-left: 0;
  overflow: hidden;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail:not([role=tab]) {
  display: block;
  margin-bottom: 0;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  line-height: initial;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, opacity 0.3s ease-out;
  transition: border-color 0.3s, opacity 0.3s ease-out;
  border: 1px solid #dedede;
  border-radius: inherit;
  opacity: 1;
  background: transparent;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a {
  display: block;
  position: relative;
  width: 100%;
  min-width: initial;
  border-radius: 6px;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-tab-gallery .gallery-overview .item img,
.mod-tab-gallery .gallery-thumbnail .thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 6px;
  vertical-align: top;
}

.mod-tab-gallery .gallery-overview > .item {
  position: relative;
  border-radius: 6px;
}

.mod-tab-gallery .gallery-overview > .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:active::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:focus::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:hover::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:active::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:focus::before,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:hover::before {
  opacity: 1;
}

.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:active::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:focus::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span:hover::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:active::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:focus::after,
.mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a:hover::after {
  opacity: 1;
}

@media screen and (min-width: 768px), print {
  .mod-tab-gallery .gallery-thumbnail {
    padding: 0;
  }
  .mod-tab-gallery .gallery-thumbnail > .list {
    grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
    margin-left: 0;
  }
  .mod-tab-gallery[data-small-thumbnail] .gallery-thumbnail > .list {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  }
  .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    min-width: initial;
    max-width: initial;
    padding-left: 0;
  }
  .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail span,
  .mod-tab-gallery .gallery-thumbnail > .list > .thumbnail > a {
    min-width: initial;
  }
  .mod-tab-gallery .gallery-overview {
    min-height: 0.1%;
    margin-top: 20px;
  }
  .mod-tab-gallery .gallery-overview > .item {
    margin-bottom: 10px;
  }
  .mod-tab-gallery .gallery-overview .item,
  .mod-tab-gallery .gallery-thumbnail .thumbnail {
    text-align: center;
  }
  .mod-tab-gallery .gallery-overview .item img,
  .mod-tab-gallery .gallery-thumbnail .thumbnail img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    vertical-align: top;
  }
}
/*! = Modules/JavaScript - Carousel */
:root {
  --swiper-theme-color: #c00;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --swiper-pagination-bullet-inactive-color: #959595;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 12px;
}

.mod-carousel-ref {
  --swiper-theme-color: #c00;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --swiper-pagination-bullet-inactive-color: #959595;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 12px;
  --mod-carousel-ref-offset-side-padding: 12%;
  --mod-carousel-ref-offset-md-side-padding: 12%;
  position: relative;
  overflow: visible;
}
.mod-carousel-ref.of-dynamic {
  padding: 0 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .mod-carousel-ref.of-dynamic {
    padding: 0 20px;
  }
}
@media screen and (min-width: 992px), print {
  .mod-carousel-ref.of-dynamic {
    padding: 0 40px;
  }
}
.mod-carousel-ref.of-dynamic .mod-carousel-ref__inner {
  max-width: 1120px;
  margin: 0 auto;
}
.mod-carousel-ref [data-carousel-slides] {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  overflow: visible;
}
.mod-carousel-ref [data-carousel-slides] .list > li {
  margin-top: 0;
  padding-top: 0;
}
.mod-carousel-ref [data-carousel-slides]:not(.swiper-initialized) {
  padding-bottom: 16px !important;
  overflow-x: scroll !important;
}
.mod-carousel-ref [data-carousel-slides] .list {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
.mod-carousel-ref.of-dynamic [data-carousel-slides] {
  margin-left: -10px;
  padding-right: 0;
}
.mod-carousel-ref.of-dynamic [data-carousel-slides] .list > li {
  padding-left: 0;
}
.mod-carousel-ref.of-dynamic [data-carousel-slides]:not(:last-child) {
  margin-right: 10px;
}
@media screen and (min-width: 768px), print {
  .mod-carousel-ref.of-dynamic [data-carousel-slides] {
    margin-left: 0;
    padding-right: 0;
  }
  .mod-carousel-ref.of-dynamic [data-carousel-slides][data-dynamic-carousel=true] .list > li {
    padding-left: 0;
  }
  .mod-carousel-ref.of-dynamic [data-carousel-slides][data-dynamic-carousel=true] .list > li:not(:last-child) {
    margin-right: 10px;
  }
  .mod-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"][data-dynamic-carousel=true] .list > li {
    padding-left: 0;
  }
  .mod-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"][data-dynamic-carousel=true] .list > li:not(:last-child) {
    margin-right: 10px;
  }
}

.js-carousel-ref .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  width: 100%;
  height: 100%;
}
.js-carousel-ref .swiper-slide {
  height: auto;
  margin-top: 0;
}
.js-carousel-ref .swiper-initialized .swiper-slide {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: 100%;
  min-width: auto !important;
  max-width: none !important;
}
.js-carousel-ref .swiper-initialized .swiper-slide:focus-visible {
  outline-offset: -2px;
}
@media screen and (min-width: 1200px), print {
  .js-carousel-ref .swiper-initialized .swiper-slide {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  .js-carousel-ref .swiper-initialized .swiper-slide:not(.swiper-slide-visible) {
    opacity: 1;
  }
}
.js-carousel-ref .swiper-slide-invisible-blank {
  visibility: visible;
  padding-top: 0;
}
.js-carousel-ref .swiper-slide-invisible-blank::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.js-carousel-ref .swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1160px;
  height: 40px;
  margin-top: 30px;
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref .swiper-controls {
    width: 100%;
  }
}
.js-carousel-ref .swiper-controls[data-carousel-controls-lock] {
  display: none;
}
.js-carousel-ref .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
  right: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 40px;
  padding: 0 30px;
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref .swiper-pagination {
    padding: 0 40px;
  }
}
.js-carousel-ref .swiper-pagination > [class^=swiper-pagination] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.js-carousel-ref .swiper-horizontal > .swiper-pagination-bullets,
.js-carousel-ref .swiper-pagination-bullets.swiper-pagination-horizontal,
.js-carousel-ref .swiper-pagination-custom,
.js-carousel-ref .swiper-pagination-fraction {
  width: auto;
}
.js-carousel-ref[data-autoplay] .swiper-pagination {
  padding-right: 20px;
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref[data-autoplay] .swiper-pagination {
    padding-right: 15px;
  }
}
.js-carousel-ref .swiper-pagination-fraction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  font-size: 2rem;
  line-height: 1;
}
.js-carousel-ref .swiper-pagination-fraction .swiper-pagination-current {
  min-width: 2em;
  margin: 0;
  font-size: 2rem;
}
.js-carousel-ref .swiper-pagination-fraction .swiper-pagination-total {
  min-width: 2em;
  margin: 0;
  font-size: 2rem;
}
.js-carousel-ref .swiper-pagination-bullets .swiper-pagination-bullet {
  border: 2px solid var(--swiper-pagination-bullet-inactive-color);
  background-color: transparent;
}
.js-carousel-ref .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border-color: var(--swiper-theme-color);
  background-color: var(--swiper-theme-color);
}
.js-carousel-ref [data-carousel-prev],
.js-carousel-ref [data-carousel-next] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 36px;
  margin: 0;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  border: none;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (hover: hover) and (pointer: fine) {
  .js-carousel-ref [data-carousel-prev]:hover,
  .js-carousel-ref [data-carousel-next]:hover {
    background-color: #f4f4f4;
  }
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref [data-carousel-prev],
  .js-carousel-ref [data-carousel-next] {
    width: 40px;
    height: 40px;
  }
}
.js-carousel-ref [data-carousel-prev]::after,
.js-carousel-ref [data-carousel-next]::after {
  content: none;
}
.js-carousel-ref [data-carousel-prev]::before,
.js-carousel-ref [data-carousel-next]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: 36px;
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref [data-carousel-prev]::before,
  .js-carousel-ref [data-carousel-next]::before {
    background-size: 40px;
  }
}
.js-carousel-ref [data-carousel-next]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIC0xIDQwIDQwKSI+PHBhdGggZD0ibTQwIDZjMC0zLjMxMS0yLjY4OS02LTYtNmgtMjhjLTMuMzExIDAtNiAyLjY4OS02IDZ2MjhjMCAzLjMxMSAyLjY4OSA2IDYgNmgyOGMzLjMxMSAwIDYtMi42ODkgNi02eiIvPjxnIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMCAxMS4zMTQuMDEtMTEuMzE0IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyAxNC45OTYgMTkuOTkyKSIvPjxwYXRoIGQ9Im0wIDAgLjAxIDExLjMxMyIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgMjIuOTk2IDEyLjAwOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}
.js-carousel-ref [data-carousel-prev]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTQwIDZjMC0zLjMxMS0yLjY4OS02LTYtNmgtMjhjLTMuMzExIDAtNiAyLjY4OS02IDZ2MjhjMCAzLjMxMSAyLjY4OSA2IDYgNmgyOGMzLjMxMSAwIDYtMi42ODkgNi02eiIvPjxnIHN0cm9rZT0iI2MwMCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJtMCAxMS4zMTQuMDEtMTEuMzE0IiB0cmFuc2Zvcm09Im1hdHJpeCguNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgLjcwNzEwNyAxNC45OTYgMTkuOTkyKSIvPjxwYXRoIGQ9Im0wIDAgLjAxIDExLjMxMyIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAuNzA3MTA3IC0uNzA3MTA3IC43MDcxMDcgMjIuOTk2IDEyLjAwOCkiLz48L2c+PC9nPjwvc3ZnPg==");
}

.js-carousel-ref:not(.of-dynamic) [data-carousel-slides] {
  margin-left: 0;
  padding-right: var(--mod-carousel-ref-offset-side-padding, 12%);
  overflow: hidden;
}
.js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"], .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"], .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] {
  margin-left: 0;
}
.js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] .swiper-slide {
  padding-left: 0;
}
.js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] .swiper-slide:not(:last-child) {
  margin-right: 20px;
}
.js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-controls {
  width: calc(100% + var(--mod-carousel-ref-offset-side-padding, 12%));
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides], .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"], .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"], .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] {
    margin-left: 0;
    padding-right: var(--mod-carousel-ref-offset-md-side-padding, 12%);
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"] .swiper-slide, .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] .swiper-slide {
    padding-left: 0;
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"] .swiper-slide:not(:last-child), .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] .swiper-slide:not(:last-child) {
    margin-right: 20px;
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="2"] .swiper-slide {
    width: calc((100% - 20px * 1) / 2);
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="3"] .swiper-slide {
    width: calc((100% - 20px * 2) / 3);
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides][data-col-wide="4"] .swiper-slide {
    width: calc((100% - 20px * 3) / 4);
  }
  .js-carousel-ref:not(.of-dynamic) [data-carousel-slides] .swiper-controls {
    width: calc(100% + var(--mod-carousel-ref-offset-md-side-padding, 12%));
  }
}

.js-carousel-ref.of-dynamic [data-carousel-slides] {
  margin-left: 0;
}
.js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"], .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"], .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] {
  margin-left: 0;
}
.js-carousel-ref.of-dynamic [data-carousel-slides] .swiper-slide, .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide, .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide, .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide {
  padding-left: 0;
}
.js-carousel-ref.of-dynamic [data-carousel-slides] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide:not(:last-child) {
  margin-right: 10px;
}
@media screen and (min-width: 768px), print {
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide {
    width: calc((100% - 10px * 1) / 2);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide {
    width: calc((100% - 10px * 2) / 3);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide {
    width: calc((100% - 10px * 3) / 4);
  }
}
@media screen and (min-width: 992px), print {
  .js-carousel-ref.of-dynamic [data-carousel-slides] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide:not(:last-child) {
    margin-right: 20px;
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide {
    width: calc((100% - 20px * 1) / 2);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide {
    width: calc((100% - 20px * 2) / 3);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide {
    width: calc((100% - 20px * 3) / 4);
  }
}
@media screen and (min-width: 1200px), print {
  .js-carousel-ref.of-dynamic [data-carousel-slides] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide:not(:last-child), .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide:not(:last-child) {
    margin-right: 26px;
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="2"] .swiper-slide {
    width: calc((100% - 26px * 1) / 2);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="3"] .swiper-slide {
    width: calc((100% - 26px * 2) / 3);
  }
  .js-carousel-ref.of-dynamic [data-carousel-slides][data-col-wide="4"] .swiper-slide {
    width: calc((100% - 26px * 3) / 4);
  }
}

.progress-circle {
  display: -ms-grid;
  display: grid;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin: 0 30px 0 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: center;
          transform-origin: center;
  border-radius: 60px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  place-items: center;
}
@media screen and (min-width: 768px), print {
  .progress-circle {
    width: 40px;
    height: 40px;
    margin: 0 45px 0 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.swiper-pagination-lock ~ .progress-circle {
  display: none;
}
.progress-circle__svg-circle {
  display: block;
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  width: inherit;
  height: inherit;
  margin: auto;
  overflow: visible;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  inset: 0;
}
.progress-circle__circle-base {
  fill: #dbdbdb;
}
.progress-circle__progress {
  position: relative;
  stroke-width: 50;
  stroke-dasharray: 0, 157;
  fill: #dbdbdb;
}
.progress-circle .a-progress-circle {
  stroke: #c00;
}
@-webkit-keyframes a-progress-circle {
  50%, 100% {
    stroke-dasharray: 157, 157, 0, 0;
  }
}
@keyframes a-progress-circle {
  50%, 100% {
    stroke-dasharray: 157, 157, 0, 0;
  }
}
.progress-circle__play, .progress-circle__pause {
  position: relative;
  z-index: -1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  width: 36px;
  height: 36px;
  margin: auto;
  border-radius: 60px;
  background: transparent center no-repeat;
  background-size: contain;
}
.progress-circle__play:focus-visible, .progress-circle__pause:focus-visible {
  outline-offset: 4px;
}
.progress-circle__play {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Im0yMCAwYzEwLjk3MiAwIDIwIDkuMDI4IDIwIDIwcy05LjAyOCAyMC0yMCAyMC0yMC05LjAyOC0yMC0yMCA5LjAyOC0yMCAyMC0yMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtNi4xMDYgMS43ODljLjE2OS0uMzM4LjUxNi0uNTUzLjg5NS0uNTUzLjM3OCAwIC43MjUuMjE1Ljg5NC41NTNsNS4zODIgMTAuNzY0Yy4wNjkuMTM5LjEwNS4yOTIuMTA1LjQ0NyAwIC41NDktLjQ1MSAxLTEgMWgtMTAuNzY0Yy0uNTQ4IDAtLjk5OS0uNDUyLS45OTktMSAwLS4xNTUuMDM2LS4zMDguMTA1LS40NDd6IiBmaWxsPSIjYzAwIiB0cmFuc2Zvcm09Im1hdHJpeCgwIDEgLTEgMCAyOSAxMykiLz48L2c+PC9zdmc+");
}
.progress-circle__pause {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDAgMjBjMC0xMS4wMzgtOC45NjItMjAtMjAtMjBzLTIwIDguOTYyLTIwIDIwIDguOTYyIDIwIDIwIDIwIDIwLTguOTYyIDIwLTIweiIgZmlsbD0iI2ZmZiIvPjxnIGZpbGw9IiNjMDAiPjxwYXRoIGQ9Im0xOCAxMy41YzAtLjgyOC0uNjcyLTEuNS0xLjUtMS41cy0xLjUuNjcyLTEuNSAxLjV2MTNjMCAuODI4LjY3MiAxLjUgMS41IDEuNXMxLjUtLjY3MiAxLjUtMS41eiIvPjxwYXRoIGQ9Im0yNSAxMy41YzAtLjgyOC0uNjcyLTEuNS0xLjUtMS41cy0xLjUuNjcyLTEuNSAxLjV2MTNjMCAuODI4LjY3MiAxLjUgMS41IDEuNXMxLjUtLjY3MiAxLjUtMS41eiIvPjwvZz48L3N2Zz4=");
}
[data-carousel-progress=pause] .progress-circle__play {
  z-index: 1;
}
[data-carousel-progress=play] .progress-circle__pause {
  z-index: 1;
}

.mod-sticky-buttons {
  --mod-sticky-buttons-icon-size: 34px;
  --mod-sticky-buttons-icon-button-size: 54px;
  --mod-sticky-buttons-icon-button-size-lg: 100px;
  --mod-sticky-buttons-trigger-size: 48px;
  --mod-sticky-buttons-skin-default: #f4f4f4;
  --mod-sticky-buttons-skin-default-line: #dbdbdb;
  --mod-sticky-buttons-skin-default-hover: #e2e2e2;
  --mod-sticky-buttons-skin-default-text: #222;
  --mod-sticky-buttons-skin-primary: #df0000;
  --mod-sticky-buttons-skin-primary-line: #df0000;
  --mod-sticky-buttons-skin-primary-hover: #ea5c5c;
  --mod-sticky-buttons-skin-primary-text: #fff;
  --mod-sticky-buttons-items-count: 1;
  display: none;
}
.mod-sticky-buttons[data-initialized=true] {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
[data-drawer-opened] .mod-sticky-buttons {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.mod-sticky-buttons__menu-toggle {
  display: block;
  position: absolute;
  z-index: 201;
  right: -2px;
  bottom: calc(-1 * var(--mod-sticky-buttons-trigger-size) - 10px);
  width: var(--mod-sticky-buttons-trigger-size);
  height: var(--mod-sticky-buttons-trigger-size);
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  border: 2px solid var(--mod-sticky-buttons-skin-primary-line);
  border-radius: 6px 0 0 6px;
  background-color: var(--mod-sticky-buttons-skin-primary);
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mod-sticky-buttons__menu-toggle::-webkit-details-marker {
  display: none;
}
@media screen and (min-width: 992px), print {
  .mod-sticky-buttons__menu-toggle {
    top: calc(-1 * var(--mod-sticky-buttons-trigger-size) - 10px);
    bottom: auto;
  }
}
.mod-sticky-buttons__details.is-opened .mod-sticky-buttons__menu-toggle {
  background-color: #fff;
  color: #df0000;
}
.mod-sticky-buttons__toggle-icon {
  display: block;
  position: absolute;
  width: var(--mod-sticky-buttons-icon-size);
  height: var(--mod-sticky-buttons-icon-size);
  margin: auto;
  color: inherit;
  inset: 0;
}
.mod-sticky-buttons__details:not(.is-opened) .mod-sticky-buttons__toggle-icon .menu-open {
  display: block;
}
.mod-sticky-buttons__details.is-opened .mod-sticky-buttons__toggle-icon .menu-open {
  display: none;
}
.mod-sticky-buttons__details:not(.is-opened) .mod-sticky-buttons__toggle-icon .menu-close {
  display: none;
}
.mod-sticky-buttons__details.is-opened .mod-sticky-buttons__toggle-icon .menu-close {
  display: block;
}
.mod-sticky-buttons__toggle-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  font-size: 1.8rem;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}
.mod-sticky-buttons__details {
  display: block;
  position: fixed;
  z-index: 201;
  right: 0;
  bottom: var(--mod-sticky-buttons-trigger-size);
  margin: auto;
  margin-bottom: calc(var(--mod-sticky-buttons-trigger-size) + 10px);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-animation: show-sticky-menu 0.2s forwards;
          animation: show-sticky-menu 0.2s forwards;
  opacity: 1;
}
@media screen and (min-width: 992px), print {
  .mod-sticky-buttons__details {
    height: calc(var(--mod-sticky-buttons-icon-button-size-lg) * var(--mod-sticky-buttons-items-count));
    margin-top: calc(var(--mod-sticky-buttons-trigger-size) + 10px);
    margin-bottom: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .first-hidden .mod-sticky-buttons__details {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: none;
    transition: none;
  }
}
.mod-sticky-buttons.is-hidden .mod-sticky-buttons__details {
  -webkit-animation: hide-sticky-menu 0.2s forwards;
          animation: hide-sticky-menu 0.2s forwards;
}
@-webkit-keyframes show-sticky-menu {
  0% {
    visibility: hidden;
    right: calc(-1 * var(--mod-sticky-buttons-trigger-size));
    opacity: 0;
  }
  100% {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
}
@keyframes show-sticky-menu {
  0% {
    visibility: hidden;
    right: calc(-1 * var(--mod-sticky-buttons-trigger-size));
    opacity: 0;
  }
  100% {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes hide-sticky-menu {
  0% {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    right: calc(-1 * var(--mod-sticky-buttons-trigger-size));
    opacity: 0;
  }
}
@keyframes hide-sticky-menu {
  0% {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    right: calc(-1 * var(--mod-sticky-buttons-trigger-size));
    opacity: 0;
  }
}
.mod-sticky-buttons__list {
  display: block;
  position: relative;
}
.mod-sticky-buttons__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 160px;
  max-width: 320px;
  height: auto;
  min-height: var(--mod-sticky-buttons-icon-button-size);
  margin-top: -1px;
  padding-right: 20px;
  padding-left: var(--mod-sticky-buttons-icon-button-size);
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  border: 1px solid var(--mod-sticky-buttons-skin-default-line);
  border-right: none;
  background-color: var(--mod-sticky-buttons-skin-default);
  color: var(--mod-sticky-buttons-skin-default-text);
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mod-sticky-buttons__button:focus-visible {
  outline-offset: -3px;
}
@media (hover: hover) and (pointer: fine) {
  .mod-sticky-buttons__button:hover {
    background-color: var(--mod-sticky-buttons-skin-default-hover);
  }
}
@media screen and (min-width: 992px), print {
  .mod-sticky-buttons__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: var(--mod-sticky-buttons-icon-button-size-lg);
    max-width: 240px;
    height: var(--mod-sticky-buttons-icon-button-size-lg);
    padding: 8px 8px 20px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
  }
}
.mod-sticky-buttons__button[data-skin=primary] {
  z-index: 1;
  border-color: var(--mod-sticky-buttons-skin-primary-line);
  background-color: var(--mod-sticky-buttons-skin-primary);
  color: var(--mod-sticky-buttons-skin-primary-text);
}
@media (hover: hover) and (pointer: fine) {
  .mod-sticky-buttons__button[data-skin=primary]:hover {
    background-color: var(--mod-sticky-buttons-skin-primary-hover);
  }
}
.mod-sticky-buttons__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--mod-sticky-buttons-icon-size);
  height: var(--mod-sticky-buttons-icon-size);
  margin: 10px;
  color: inherit;
}
@media screen and (min-width: 992px), print {
  .mod-sticky-buttons__icon {
    position: relative;
  }
}
.mod-sticky-buttons__icon svg {
  stroke: currentcolor;
  fill: currentcolor;
}
.mod-sticky-buttons__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 992px), print {
  .mod-sticky-buttons__label {
    width: inherit;
  }
}
.mod-sticky-buttons__item {
  display: block;
  position: relative;
}
.mod-sticky-buttons__item:first-child .mod-sticky-buttons__button {
  border-radius: 6px 0 0;
}
.mod-sticky-buttons__item:last-child .mod-sticky-buttons__button {
  border-radius: 0 0 0 6px;
}
.mod-sticky-buttons__item:first-child:last-child .mod-sticky-buttons__button {
  border-radius: 6px 0 0 6px;
}

/*! = Modules/MyPageOnly */
.mypage-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.str-outer > .str-inner .mypage-container {
  margin-right: -20px;
  margin-left: -20px;
}
.str-outer > .str-inner .mypage-container.of-outline {
  margin-right: auto;
  margin-left: auto;
}
.mypage-container__inner {
  width: 100%;
  max-width: 1120px;
  margin: auto;
  padding: 40px 20px;
  background-color: #f4f4f4;
}
.mypage-container.of-outline {
  margin: 20px auto;
}
.mypage-container.of-outline .mypage-container__inner {
  max-width: 1120px;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
}
@media screen and (min-width: 992px), print {
  .str-outer > .str-inner .mypage-container {
    margin-right: -40px;
    margin-left: -40px;
  }
  .mypage-container__inner {
    padding: 40px;
  }
  .mypage-container.of-outline {
    margin: 40px auto;
  }
  .mypage-container.of-outline .mypage-container__inner {
    padding: 40px;
  }
}

.mypage-container ~ .mypage-container {
  margin-top: 20px;
}
@media screen and (min-width: 992px), print {
  .mypage-container ~ .mypage-container {
    margin-top: 40px;
  }
}

.mod-mypage-desc-links .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  margin-top: -20px;
  margin-left: -20px;
}
.mod-mypage-desc-links .item {
  padding-top: 20px;
  padding-left: 20px;
}
.mod-mypage-desc-links .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 20px 52px 20px 20px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.mod-mypage-desc-links .card[href]:focus, .mod-mypage-desc-links .card[href]:hover {
  background-color: #f4f4f4;
}
.mod-mypage-desc-links .card::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 17px;
  height: 26.4px;
  margin: auto 0;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
.mod-mypage-desc-links .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.65;
}
.mod-mypage-desc-links .card-content p {
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-desc-links .card {
    padding: 30px 52px 30px 30px;
  }
  .mod-mypage-desc-links .card-title {
    margin-bottom: 8px;
    font-size: 1.8rem;
  }
  .mod-mypage-desc-links .card-content p {
    font-size: 1.6rem;
  }
}

.mod-mypage-user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  gap: 10px;
}
.mod-mypage-user-info__service {
  margin-top: 20px;
}
.mod-mypage-user-info__service-name {
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.46;
}
.mod-mypage-user-info__service-expired {
  margin-top: 8px;
  color: #222;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.65;
}
.mod-mypage-user-info__code {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  color: #222;
}
@media (hover: hover) and (pointer: fine) {
  .mod-mypage-user-info__code:hover .mod-mypage-user-info__code-image {
    opacity: 0.7;
  }
  .mod-mypage-user-info__code:hover .mod-mypage-user-info__code-text {
    text-decoration: underline;
  }
}
.mod-mypage-user-info__code-image {
  display: block;
  margin-left: auto;
  aspect-ratio: 75/75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.mod-mypage-user-info__code-text {
  position: relative;
  margin-top: 10px;
  padding-left: 34px;
  color: #222;
  color: #222;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.65;
}
.mod-mypage-user-info__code-text::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 17px;
  height: 26.4px;
  margin: auto 0;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB2aWV3Qm94PSIwIDAgMTcgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgxN3YxN2gtMTd6Ii8+PGcgc3Ryb2tlPSIjYzAwIj48cGF0aCBkPSJtMTMuNSA4LjVoLTExIi8+PHBhdGggZD0ibTE0LjUgOC40OTktNS42OTUtNS42NSIvPjxwYXRoIGQ9Im0xNC41IDguNS01LjY5NSA1LjY1Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat center;
  background-size: contain;
  line-height: 1.65;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-user-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
  .mod-mypage-user-info__code-text {
    margin-top: 20px;
  }
}

.mod-mypage-card-list > .list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, 1fr);
  grid-template-rows: repeat(auto-fit, 1fr);
  gap: 20px;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-card-list > .list {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  }
}
.mod-mypage-card-list .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
  border-radius: 6px;
  outline: 1px solid #dbdbdb;
  background-color: #fff;
}
.mod-mypage-card-list .card .expiration {
  margin-top: auto;
  margin-left: auto;
  padding-top: 20px;
  font-size: 1.4rem;
}
.mod-mypage-card-list .card .expiration strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #c00;
  font-weight: 400;
}
.mod-mypage-card-list .card .expiration strong::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 8px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiBmaWxsPSIjYzAwIiByPSIxMCIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGQ9Im0wIC43OTF2NC43MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDQuNSkiLz48cGF0aCBkPSJtMCAwdi41MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDE0LjUpIi8+PC9nPjwvc3ZnPg==");
}
.mod-mypage-card-list .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-card-list .card-title::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background: no-repeat center;
  background-size: 40px;
}
.mod-mypage-card-list .card-title[data-icon=point]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxMi41IiByPSI5LjUiLz48cGF0aCBkPSJtLTE2OTAwLjQtMjA3NzJ2LTcuN2gzYzEgMCAxLjkuOSAxLjkgMS45IDAgMS4xLS45IDItMS45IDJoLS4zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjkxMSAyMDc4OC43KSIvPjwvZz48L2c+PC9zdmc+");
}
.mod-mypage-card-list .card-title[data-icon=coupon]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im0xOSAxNGgtMThjLS41NDkgMC0xLS40NTEtMS0xdi0zLjcxNGMuMTEyLjAzMS4yMjguMDQ3LjM0NS4wNDcuOTU1IDAgMS43MjQtMS4wNDYgMS43MjQtMi4zMzNzLS43NjktMi4zMzMtMS43MjQtMi4zMzNjLS4xMTcgMC0uMjMzLjAxNS0uMzQ1LjA0NnYtMy43MTNjMC0uNTQ5LjQ1MS0xIDEtMWgxOGMuNTQ5IDAgMSAuNDUxIDEgMXYzLjcxM2MtLjExMi0uMDMxLS4yMjgtLjA0Ny0uMzQ1LS4wNDctLjk1MSAwLTEuNzI0IDEuMDQ3LTEuNzI0IDIuMzM0cy43NzQgMi4zMzMgMS43MjQgMi4zMzNjLjExNyAwIC4yMzMtLjAxNi4zNDUtLjA0N3YzLjcxNGMwIC41NDktLjQ1MSAxLTEgMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNSA1LjQ5OSkiLz48cGF0aCBkPSJtMTYuNDkyIDEyLjUwMnYuMDMxIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0ibTE2LjQ5MiAxNi4zMjR2LjAzMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Im0xNi40OTIgOC42ODF2LjAzMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L2c+PC9zdmc+");
}
.mod-mypage-card-list .card-title[data-icon=mairu]::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTAgMGgyNXYyNWgtMjV6Ii8+PGcgc3Ryb2tlPSIjYzAwIiBzdHJva2Utd2lkdGg9IjIiPjxlbGxpcHNlIGN4PSIxMi41IiBjeT0iNy43OTgiIHJ4PSI4IiByeT0iNC41Ii8+PHBhdGggZD0ibTI4Ljc4NyAyMi40Yy0xLjMyOCAxLjUyMS00LjM2MyAyLjU4My03Ljg5NCAyLjU4M3MtNi41MzctMS4wNTUtNy44OTMtMi41NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjUgLTcuOSkiLz48cGF0aCBkPSJtMjguNzg3IDMwLjRjLTEuMzI4IDEuNTIxLTQuMzYzIDIuNTgzLTcuODk0IDIuNTgzcy02LjUzNy0xLjA1NS03Ljg5My0yLjU2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguNSAtMTEuMjgxKSIvPjwvZz48L2c+PC9zdmc+");
}
.mod-mypage-card-list .card-content .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80px;
  margin: 20px auto;
  padding: 25px 8px 15px;
  background: #f4f4f4;
}
.mod-mypage-card-list .card-content .view-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-mypage-card-list .card-content .rank {
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  aspect-ratio: 1/1;
  -webkit-transform: translateY(0.3em);
          transform: translateY(0.3em);
}
.mod-mypage-card-list .card-content .num {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.mod-mypage-card-list .card-content .unit {
  display: block;
  margin-bottom: 0.3em;
  margin-left: 8px;
  font-size: 2rem;
}
.mod-mypage-card-list .card-content .num {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.mod-mypage-card-list .card-content .detail-list li {
  margin-top: -6px;
}
.mod-mypage-card-list .card-content .detail-list li {
  font-size: 1.4rem;
}
.mod-mypage-card-list .card-content .detail-list li + li {
  margin-top: 4px;
}
.mod-mypage-card-list .card-content > .mod-link {
  margin-top: 20px;
  margin-bottom: 0;
}
.mod-mypage-card-list .card-content > .mod-list-notice {
  margin-top: 5px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-card-list .detail-list + .mod-link {
    margin-top: 15px;
  }
  .mod-mypage-card-list .card-content > .mod-link {
    margin-bottom: 10px;
  }
  .mod-mypage-card-list .card-content > .mod-list-notice {
    margin-bottom: 0;
  }
}

.mod-product-info__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.mod-product-info__header .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}
.mod-product-info__header .mod-btn .btn button,
.mod-product-info__header .mod-btn .btn a {
  min-height: 0;
}

.mod-product-info__title {
  margin-top: -5px;
  font-size: 2rem;
  font-weight: 700;
}

.mod-product-info__input {
  margin-top: 20px;
}
.mod-product-info__input:first-child {
  margin-top: 0;
}

.mod-product-info__list {
  margin-top: 30px;
}
.mod-product-info__list:first-child {
  margin-top: 0;
}
.mod-product-info__list > .item + .item {
  margin-top: 30px;
}
.mod-product-info__list dt,
.mod-product-info__list dd {
  font-size: 1.6rem;
}
.mod-product-info__list dt {
  font-weight: 700;
}
.mod-product-info__list dd {
  margin-top: 10px;
}
.mod-product-info__list .info-text-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-product-info__list .info-text-btn .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info__list .info-text-btn .mod-btn {
    margin-left: 20px;
  }
}
.mod-product-info__list .info-text-btn .mod-btn .btn button,
.mod-product-info__list .info-text-btn .mod-btn .btn a {
  min-height: 0;
}
.mod-product-info__list .info-text-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mod-product-info__list .info-text-link .mod-link {
  margin-left: 20px;
}
.mod-product-info__list .info-btn-list .mod-btn {
  margin-top: 0;
  margin-bottom: 0;
}
.mod-product-info__list .info-btn-list .mod-btn .inner {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.mod-product-info__list .info-btn-list .mod-btn .btn a,
.mod-product-info__list .info-btn-list .mod-btn .btn button {
  width: 100%;
  min-height: 84px;
}
@media screen and (min-width: 768px), print {
  .mod-product-info__list .mod-product-info__header {
    margin-bottom: 40px;
  }
  .mod-product-info__list .mod-product-info__title {
    margin-top: 0;
    font-size: 2.4rem;
  }
}

.mod-mypage-desc-card .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  margin-top: -20px;
  margin-left: -20px;
}
.mod-mypage-desc-card .list > li {
  padding-top: 20px;
  padding-left: 20px;
}
.mod-mypage-desc-card .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
  text-decoration: none;
}
.mod-mypage-desc-card .card.is-error {
  background-color: #ffebeb;
}
.mod-mypage-desc-card .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 4px;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.65;
}
.mod-mypage-desc-card .item-name {
  font-size: 1.8rem;
}
.mod-mypage-desc-card .error-message {
  color: #c00;
  font-size: 1.4rem;
}
.mod-mypage-desc-card .card-content p {
  color: #222;
  font-size: 1.4rem;
  line-height: 1.65;
}
.mod-mypage-desc-card .price-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-desc-card .price-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.3em;
  font-size: 1.4rem;
  font-weight: 400;
}
.mod-mypage-desc-card .num-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-desc-card .num-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.3em;
  font-size: 1.4rem;
  font-weight: 400;
}
.mod-mypage-desc-card .item-detail {
  margin-top: 8px;
}
.mod-mypage-desc-card .item-detail dt,
.mod-mypage-desc-card .item-detail dd {
  color: #222;
  font-size: 1.4rem;
}
.mod-mypage-desc-card .item-detail > .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mod-mypage-desc-card .item-detail > .cell + .cell {
  margin-top: 8px;
}
.mod-mypage-desc-card .item-detail dt {
  position: relative;
  width: auto;
  padding-right: 1em;
}
.mod-mypage-desc-card .item-detail dt::after {
  content: ":";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  text-align: center;
}
.mod-mypage-desc-card .detail-list {
  margin: 12px 0;
}
.mod-mypage-desc-card .detail-list > div {
  display: table;
}
.mod-mypage-desc-card .detail-list > div + div {
  margin-top: 2px;
}
.mod-mypage-desc-card .detail-list dt,
.mod-mypage-desc-card .detail-list dd {
  display: table-cell;
  color: #767676;
  font-size: 1.4rem;
}
.mod-mypage-desc-card .detail-list dt {
  position: relative;
  width: auto;
  min-width: 70px;
  padding-right: 1em;
}
.mod-mypage-desc-card .detail-list dt::after {
  content: ":";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  text-align: center;
}
.mod-mypage-desc-card .detail-list li + li {
  margin-top: 4px;
}
.mod-mypage-desc-card > .mod-btn:last-child {
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-desc-card .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px;
  }
  .mod-mypage-desc-card .card-title {
    margin-bottom: 8px;
    font-size: 1.8rem;
  }
  .mod-mypage-desc-card .item-name {
    font-size: 2.2rem;
  }
  .mod-mypage-desc-card .error-message {
    margin-top: 12px;
    font-size: 1.6rem;
  }
  .mod-mypage-desc-card .card-content {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .mod-mypage-desc-card .card-content p {
    font-size: 1.6rem;
  }
  .mod-mypage-desc-card .item-detail > .cell {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mod-mypage-desc-card .item-detail dt,
  .mod-mypage-desc-card .item-detail dd {
    font-size: 1.6rem;
  }
  .mod-mypage-desc-card .item-detail dt {
    margin-bottom: 0.2em;
    padding-right: 0.3em;
  }
  .mod-mypage-desc-card .item-detail dt::after {
    display: inline-block;
    position: static;
  }
  .mod-mypage-desc-card .price-unit {
    font-size: 2.6rem;
  }
  .mod-mypage-desc-card .price-unit > .unit {
    font-size: 1.6rem;
  }
  .mod-mypage-desc-card .num-unit {
    font-size: 1.6rem;
  }
  .mod-mypage-desc-card .num-unit > .unit {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
  }
}

.mod-mypage-price-table .price-table {
  margin: 30px 0;
}
.mod-mypage-price-table .price-card {
  width: 100%;
  padding: 30px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
}
.mod-mypage-price-table .price-card:not(:last-child) {
  margin-bottom: 20px;
}
.mod-mypage-price-table .product-price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-weight: 700;
}
.mod-mypage-price-table .product-price-item dt {
  max-width: 70%;
  color: #767676;
  font-size: 1.6rem;
}
.mod-mypage-price-table .product-price-item dd {
  margin-left: auto;
  color: #767676;
  font-size: 1.4rem;
}
.mod-mypage-price-table .product-price-item + .product-price-item {
  margin-top: 20px;
}
.mod-mypage-price-table .option-product-price {
  margin-top: 20px;
}
.mod-mypage-price-table .product-price .product-price-item.product-name {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mod-mypage-price-table .product-price .product-price-item.product-name dt {
  max-width: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.mod-mypage-price-table .product-price .product-price-item.product-name dd {
  margin-left: 0;
  padding: 20px 0 0 85px;
}
.mod-mypage-price-table .price-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
}
.mod-mypage-price-table .price-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.3em;
  font-size: 1.4rem;
  font-weight: 400;
}
.mod-mypage-price-table .num-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
}
.mod-mypage-price-table .num-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.3em;
  font-size: 1.4rem;
  font-weight: 400;
}
.mod-mypage-price-table .total-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-price-table .total-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.3em;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod-mypage-price-table .price-table__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-price-table .price-table {
    margin: 40px 0;
  }
  .mod-mypage-price-table .price-card {
    padding: 24px 40px;
  }
  .mod-mypage-price-table .product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-mypage-price-table .product-price-item,
  .mod-mypage-price-table .option-price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mod-mypage-price-table .product-price-item dt,
  .mod-mypage-price-table .option-price-item dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    margin-bottom: 20px;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    text-align: right;
  }
  .mod-mypage-price-table .product-price-item dd,
  .mod-mypage-price-table .option-price-item dd {
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }
  .mod-mypage-price-table .product-price-item dt,
  .mod-mypage-price-table .product-price-item dd,
  .mod-mypage-price-table .option-price-item dt,
  .mod-mypage-price-table .option-price-item dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6rem;
  }
  .mod-mypage-price-table .product-price .product-price-item.product-name {
    width: 70%;
  }
  .mod-mypage-price-table .product-price .product-price-item.product-name dd {
    padding-top: 0;
    padding-left: 0;
  }
  .mod-mypage-price-table .product-price .product-price-item:nth-child(2) {
    width: 120px;
  }
  .mod-mypage-price-table .product-price .product-price-item:nth-child(2) dt,
  .mod-mypage-price-table .product-price .product-price-item:nth-child(2) dd {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mod-mypage-price-table .product-price .product-price-item:nth-child(3) {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: calc(30% - 120px);
    white-space: nowrap;
  }
  .mod-mypage-price-table .product-price .product-price-item:nth-child(3) dt,
  .mod-mypage-price-table .product-price .product-price-item:nth-child(3) dd {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mod-mypage-price-table .product-price-item + .product-price-item {
    margin-top: 0;
  }
  .mod-mypage-price-table .option-product-price .product-price-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mod-mypage-price-table .option-product-price .product-price-item dt {
    width: 70%;
    max-width: 70%;
    margin-bottom: 0;
    padding: 0;
    border: none;
    text-align: left;
  }
  .mod-mypage-price-table .option-product-price .product-price-item dd {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .mod-mypage-price-table .price-unit {
    font-size: 2rem;
  }
  .mod-mypage-price-table .price-unit > .unit {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .mod-mypage-price-table .num-unit {
    font-size: 2rem;
  }
  .mod-mypage-price-table .num-unit > .unit {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    font-size: 1.6rem;
    font-weight: 700;
    white-space: nowrap !important;
    clip-path: inset(50%) !important;
  }
  .mod-mypage-price-table .total-unit {
    font-size: 2rem;
  }
  .mod-mypage-price-table .total-unit > .unit {
    font-size: 1.6rem;
  }
  .mod-mypage-price-table .price-table__total {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 2rem;
  }
}

.mod-mypage-mairu-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.mod-mypage-mairu-info-box > * + * {
  margin-top: 20px;
}
.mod-mypage-mairu-info-box .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.mod-mypage-mairu-info-box .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 335px;
  margin: auto;
}
.mod-mypage-mairu-info-box .image img {
  width: 100%;
  height: auto;
}
.mod-mypage-mairu-info-box .info {
  width: 100%;
  margin-top: 20px;
  margin-bottom: -20px;
}
.mod-mypage-mairu-info-box .info-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
}
.mod-mypage-mairu-info-box .info-title .value {
  margin-left: auto;
}
.mod-mypage-mairu-info-box .info-summary {
  margin-top: 28px;
}
.mod-mypage-mairu-info-box .info-summary .text-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mod-mypage-mairu-info-box .info-summary .text-goal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 8px;
}
.mod-mypage-mairu-info-box .info-summary .text-goal .num {
  display: inline-block;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35;
}
.mod-mypage-mairu-info-box .info-summary .text-goal .suffix {
  display: block;
  margin-bottom: 0.2em;
  margin-left: 8px;
}
.mod-mypage-mairu-info-box .info .detail-list {
  margin-top: 24px;
}
.mod-mypage-mairu-info-box .card .detail-list {
  margin-top: 16px;
}
.mod-mypage-mairu-info-box .detail-list li {
  margin-top: -6px;
}
.mod-mypage-mairu-info-box .detail-list li {
  font-size: 1.4rem;
}
.mod-mypage-mairu-info-box .detail-list li + li {
  margin-top: 4px;
}
.mod-mypage-mairu-info-box .info > .mod-list-notice {
  margin-top: 8px;
}
.mod-mypage-mairu-info-box .card {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
}
.mod-mypage-mairu-info-box .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-mairu-info-box .card-content .expiration {
  margin-top: 12px;
  font-size: 1.4rem;
}
.mod-mypage-mairu-info-box .card-content .expiration strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #c00;
  font-weight: 400;
}
.mod-mypage-mairu-info-box .card-content .expiration strong::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 8px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiBmaWxsPSIjYzAwIiByPSIxMCIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGQ9Im0wIC43OTF2NC43MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDQuNSkiLz48cGF0aCBkPSJtMCAwdi41MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDE0LjUpIi8+PC9nPjwvc3ZnPg==");
}
.mod-mypage-mairu-info-box .card-content .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80px;
  margin: 8px auto;
  padding: 25px 20px 15px;
  background: #f4f4f4;
}
.mod-mypage-mairu-info-box .card-content .num {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.mod-mypage-mairu-info-box .card-content .unit {
  display: block;
  margin-bottom: 0.3em;
  margin-left: 8px;
  font-size: 2rem;
}
.mod-mypage-mairu-info-box .card-content .num {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.mod-mypage-mairu-info-box .card-content .detail-list li {
  margin-top: -6px;
}
.mod-mypage-mairu-info-box .card-content .detail-list li {
  font-size: 1.4rem;
}
.mod-mypage-mairu-info-box .card-content .detail-list li + li {
  margin-top: 4px;
}
.mod-mypage-mairu-info-box .card-content > .mod-link {
  margin-top: 20px;
  margin-bottom: 0;
}
.mod-mypage-mairu-info-box .card-content > .mod-list-notice {
  margin-top: 5px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-mairu-info-box {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-mypage-mairu-info-box > * + * {
    margin-top: 0;
    margin-left: 30px;
  }
  .mod-mypage-mairu-info-box .image {
    max-width: 240px;
    margin-top: 0;
    margin-left: 0;
  }
  .mod-mypage-mairu-info-box .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
            flex-flow: column-reverse wrap;
  }
  .mod-mypage-mairu-info-box .info-title {
    font-size: 2rem;
  }
  .mod-mypage-mairu-info-box .info-title .value {
    margin-left: 10px;
  }
  .mod-mypage-mairu-info-box .info-summary .text-between {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mod-mypage-mairu-info-box .card {
    max-width: 336px;
  }
}
@media screen and (min-width: 992px), print {
  .mod-mypage-mairu-info-box .info {
    margin-top: 0;
    margin-left: 25px;
  }
  .mod-mypage-mairu-info-box .info-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap;
  }
}

.mod-mypage-mairu-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mod-mypage-mairu-cards .card + .card {
  margin-top: 20px;
}
.mod-mypage-mairu-cards .card {
  width: 100%;
  height: 100%;
  padding: 30px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background-color: #fff;
}
.mod-mypage-mairu-cards .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: 700;
}
.mod-mypage-mairu-cards .card-content .expiration {
  margin-top: 12px;
  font-size: 1.4rem;
}
.mod-mypage-mairu-cards .card-content .expiration strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #c00;
  font-weight: 400;
}
.mod-mypage-mairu-cards .card-content .expiration strong::before {
  content: "";
  display: block;
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 8px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border: 0;
  background: no-repeat center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiBmaWxsPSIjYzAwIiByPSIxMCIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGQ9Im0wIC43OTF2NC43MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDQuNSkiLz48cGF0aCBkPSJtMCAwdi41MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDE0LjUpIi8+PC9nPjwvc3ZnPg==");
}
.mod-mypage-mairu-cards .card-content .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80px;
  margin: 8px auto;
  padding: 25px 20px 15px;
  background: #f4f4f4;
}
.mod-mypage-mairu-cards .card-content .num {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  font-weight: 700;
}
.mod-mypage-mairu-cards .card-content .prefix-unit {
  display: block;
  margin-right: 6px;
  margin-bottom: 0.3em;
  font-size: 2rem;
}
.mod-mypage-mairu-cards .card-content .unit {
  display: block;
  margin-bottom: 0.3em;
  margin-left: 8px;
  font-size: 2rem;
}
.mod-mypage-mairu-cards .card-content .detail-list li {
  margin-top: -6px;
}
.mod-mypage-mairu-cards .card-content .detail-list li {
  font-size: 1.4rem;
}
.mod-mypage-mairu-cards .card-content .detail-list li + li {
  margin-top: 4px;
}
.mod-mypage-mairu-cards .card-content > .mod-link {
  margin-top: 20px;
  margin-bottom: 0;
}
.mod-mypage-mairu-cards .card-content > .mod-list-notice {
  margin-top: 5px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .mod-mypage-mairu-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mod-mypage-mairu-cards .card + .card {
    margin-top: 0;
    margin-left: 20px;
  }
  .mod-mypage-mairu-cards .card {
    width: 50%;
  }
}

.mod-point-exchange-list > .item + .item {
  margin-top: 30px;
}
.mod-point-exchange-list dt,
.mod-point-exchange-list dd {
  font-size: 1.6rem;
}
.mod-point-exchange-list dt {
  font-weight: 700;
}
.mod-point-exchange-list .mairu-unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 4px;
  font-size: 2rem;
  font-weight: 700;
  font-weight: "Roboto", sans-serif;
}
.mod-point-exchange-list .mairu-unit > .unit {
  margin-bottom: 0.16em;
  margin-left: 0.8em;
  font-size: 1.4rem;
  font-weight: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.mod-point-exchange-list .exchange-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.mod-point-exchange-list .exchange-rate img {
  display: block;
  margin-right: 20px;
}
.mod-point-exchange-list .exchange-rate .rate {
  font-size: 1.4rem;
}
.mod-point-exchange-list .exchange-pt-search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 536px;
}
.mod-point-exchange-list .exchange-pt-search > * + * {
  margin-left: 12px;
}
.mod-point-exchange-list .exchange-pt-search .mod-pulldown-select {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
}
.mod-point-exchange-list .exchange-pt-search .mod-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: -10px;
}
.mod-point-exchange-list .exchange-pt-search .mod-btn .btn a,
.mod-point-exchange-list .exchange-pt-search .mod-btn .btn button {
  min-height: 0;
}
@media screen and (min-width: 768px), print {
  .mod-point-exchange-list .exchange-pt-search > * + * {
    margin-left: 20px;
  }
}

/*! = ModulesAdjustStyles */
.str-outer.of-comparison {
  overflow: visible;
  overflow-x: clip;
}

.mod-conversion {
  padding-bottom: 0;
}
.mod-conversion .filter-bottom {
  position: sticky;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.mod-conversion .conversion-list > .inner {
  padding: 14px;
}
.mod-conversion .conversion-thumbnail-list .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-conversion .conversion-btn .mod-btn > .inner {
  margin: 0;
}

/*! = Modules/Utils */
/* 特定の要素のテキスト配置指定 - 汎用 */
.text-align-left {
  text-align: left !important;
}

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

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

.text-align-top {
  vertical-align: top !important;
}

.text-align-middle {
  vertical-align: middle !important;
}

.text-align-bottom {
  vertical-align: bottom !important;
}

@media screen and (min-width: 768px), print {
  .text-align-left-wide {
    text-align: left !important;
  }
  .text-align-center-wide {
    text-align: center !important;
  }
  .text-align-right-wide {
    text-align: right !important;
  }
  .text-align-top-wide {
    vertical-align: top !important;
  }
  .text-align-middle-wide {
    vertical-align: middle !important;
  }
  .text-align-bottom-wide {
    vertical-align: bottom !important;
  }
}
/* 特定のbtnの配置指定 - 汎用 */
[class*=mod-] .btn.of-aling-leftSp {
  margin-right: auto;
  margin-left: 0;
}

[class*=mod-] .btn.of-align-centerSp {
  margin-right: auto;
  margin-left: auto;
}

[class*=mod-] .btn.of-aling-rightSp {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (min-width: 768px), print {
  [class*=mod-] .btn.of-aling-leftSp {
    margin-right: 0;
    margin-left: 0;
  }
  [class*=mod-] .btn.of-align-centerSp {
    margin-right: 0;
    margin-left: 0;
  }
  [class*=mod-] .btn.of-aling-rightSp {
    margin-right: 0;
    margin-left: 0;
  }
  [class*=mod-] .btn.of-align-leftPc {
    margin-right: auto;
    margin-left: 0;
  }
  [class*=mod-] .btn.of-align-centerPc {
    margin-right: auto;
    margin-left: auto;
  }
  [class*=mod-] .btn.of-align-rightPc {
    margin-right: 0;
    margin-left: auto;
  }
}
/* 特定の要素サイズ指定 - 汎用 */
[id^=MLC_MODULE],
[id^=MLC_MODULE] *,
[id^=MLC_MODULE]::before,
[id^=MLC_MODULE]::after,
[class^=MLC_MODULE] {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

/* UtilityClass/Width percent */
.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;
}

/* UtilityClass/Width px */
.w-314 {
  width: 314px !important;
}

.w-400 {
  width: 400px !important;
}

/* UtilityClass/MaxWidth px */
.max-w-400 {
  max-width: 400px !important;
}

.max-w-500 {
  max-width: 500px !important;
}

.max-w-600 {
  max-width: 600px !important;
}

.max-w-700 {
  max-width: 700px !important;
}

.max-w-800 {
  max-width: 800px !important;
}

.max-w-900 {
  max-width: 900px !important;
}

/* UtilityClass/Width to fixed size 横幅サイズ固定に変換  */
.w-5.of-fixed-size {
  width: calc(1.4rem + 40px) !important;
}

.w-10.of-fixed-size {
  width: calc(1.4rem + 81.3333333333px) !important;
}

.w-15.of-fixed-size {
  width: calc(1.4rem + 122.6666666667px) !important;
}

.w-20.of-fixed-size {
  width: calc(1.4rem + 164px) !important;
}

.w-25.of-fixed-size {
  width: calc(1.4rem + 205.3333333333px) !important;
}

.w-30.of-fixed-size {
  width: calc(1.4rem + 246.6666666667px) !important;
}

.w-35.of-fixed-size {
  width: calc(1.4rem + 288px) !important;
}

.w-40.of-fixed-size {
  width: calc(1.4rem + 329.3333333333px) !important;
}

.w-45.of-fixed-size {
  width: calc(1.4rem + 370.6666666667px) !important;
}

.w-50.of-fixed-size {
  width: calc(1.4rem + 412px) !important;
}

@media screen and (min-width: 768px), print {
  .w-5.of-fixed-size {
    width: 60px !important;
  }
  .w-10.of-fixed-size {
    width: 122px !important;
  }
  .w-15.of-fixed-size {
    width: 184px !important;
  }
  .w-20.of-fixed-size {
    width: 246px !important;
  }
  .w-25.of-fixed-size {
    width: 308px !important;
  }
  .w-30.of-fixed-size {
    width: 370px !important;
  }
  .w-35.of-fixed-size {
    width: 432px !important;
  }
  .w-40.of-fixed-size {
    width: 494px !important;
  }
  .w-45.of-fixed-size {
    width: 556px !important;
  }
  .w-50.of-fixed-size {
    width: 618px !important;
  }
}
/* 特定のmargin指定 - 汎用 */
.mt-0 {
  margin-top: 0 !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

/* 特定のpadding指定 - 汎用 */
.pt-0 {
  padding-top: 0 !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

/* 共通：Text break */
.txt--break.of--block {
  display: block;
}

.txt--break.of--inline {
  display: inline;
}

.txt--break.of--one-word {
  display: inline-block;
}

.txt--break--pc {
  display: inline;
}

.txt--break--sp {
  display: block;
}

/* 隠しテキスト
------------------------------------ */
.invisible-always {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px), print {
  .invisible-wide {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px), print {
  .invisible-narrow {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
/* 隠しテキストと音声読み上げなしの組み合わせ
------------------------------------ */
.invisible-always.no-reading {
  visibility: hidden;
}

@media screen and (min-width: 768px), print {
  .invisible-wide.no-reading {
    visibility: hidden;
  }
}
@media screen and (max-width: 767px), print {
  .invisible-narrow.no-reading {
    visibility: hidden;
  }
}
/* 表示・非表示用（個別デザインと共用）
------------------------------------ */
.of--pc,
[class].of--pc {
  display: none;
}

.of--sp,
[class].of--sp {
  display: inherit;
}

@media screen and (min-width: 768px), print {
  .of--pc,
  [class].of--pc {
    display: inherit;
  }
  .of--sp,
  [class].of--sp {
    display: none;
  }
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 767px), print {
  .pc-only {
    display: none !important;
  }
}