@charset "UTF-8";
/* ======================================================
 * base.css
 * ------------------------------------------------------
 * Reset
 * Base
 * Util
 * data-col
 * data-size
====================================================== */

/* ======================================================
 * Reset
====================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome,
Firefox,
and Safari.
 */
main h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace,
monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome,
Edge,
IE,
Opera,
and Safari.
 */
abbr[title] {
  /* 2 */
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome,
Edge,
and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace,
monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
#header sub,
#footer sub,
#header sup,
#footer sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
#header sub,
#footer sub {
  bottom: -0.25em;
}
#header sup,
#footer sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
#header button,
#footer button,
#header input,
#footer input,
#header optgroup,
#footer optgroup,
#header select,
#footer select,
#header textarea,
#footer textarea {
  /* 1 */
  margin: 0;
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
#header button,
#footer button,
#header input,
#footer input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge,
Firefox,
and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
#header button,
#footer button,
#header select,
#footer select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 1 */
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome,
Firefox,
and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge,
IE 10+,
and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ======================================================
 * base
 * ------------------------------------------------------
 * Basic
====================================================== */
/* ======================================================
 * Basic
====================================================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  word-wrap: break-word;
  /* background-color: #fff; */
  color: #333;
}
@media print, screen and (min-width: 768px) {
  /*
  body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
  }
   */
  #header,
  #footer:not(.footer-normal) {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767.98px) {
  /*
  body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
  }
   */
   #header,
   #footer:not(.footer-normal) {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
  }
}
/*
body *,
body *:before,
body *:after {
  box-sizing: border-box;
}
 */
#header,
#header *,
#header *:before,
#header *:after {
  box-sizing: border-box;
}
#footer:not(.footer-normal),
#footer:not(.footer-normal) *,
#footer:not(.footer-normal) *:before,
#footer:not(.footer-normal) *:after {
  box-sizing: border-box;
}
/* ----- img ----- */
#header img,
#footer:not(.footer-normal) img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ----- a ----- */
#header a,
#footer:not(.footer-normal) a {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
#header a:link,
#footer:not(.footer-normal) a:link {
  color: #333;
  text-decoration: none;
}
#header a:visited,
#footer:not(.footer-normal) a:visited {
  color: #333;
  text-decoration: none;
}
#header a:hover,
#footer:not(.footer-normal) a:hover {
  color: #333;
  text-decoration: none;
}
#header a:active,
#footer:not(.footer-normal) a:active {
  color: #333;
  text-decoration: none;
}
/* tel */
@media print, screen and (min-width: 768px) {
  a[href^="tel:"] {
    display: inline-block;
    color: #333;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
  }
}
/* ----- form ----- */
#header input,
#footer input,
#header select,
#footer select,
#header textarea,
#footer textarea,
#header button,
#footer button,
#header pre,
#footer pre {
  border-radius: 0;
  box-shadow: none;
  color: #333;
}
@media print, screen and (min-width: 768px) {
  #header input,
  #footer input,
  #header select,
  #footer select,
  #header textarea,
  #footer textarea,
  #header button,
  #footer button,
  #header pre,
  #footer pre {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 767.98px) {
  #header input,
  #footer input,
  #header select,
  #footer select,
  #header textarea,
  #footer textarea,
  #header button,
  #footer button,
  #header pre,
  #footer pre {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
input[type="submit"],
button:not([disabled]) {
  cursor: pointer;
}
/* placeholder */
::-webkit-input-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
/* ----- modaal-overlay ----- */
.modaal-overlay {
  z-index: 9998 !important;
}
@media print {
  body {
    page: print-width;
    width: 1280px !important;
    margin: 0 auto !important;
  }
  body[data-browser^="ie"] {
    zoom: 1.9 !important;
    -webkit-transform: scale(0.45) !important;
    -webkit-transform-origin: 0 0 !important;
            transform: scale(0.45) !important;
            transform-origin: 0 0 !important;
  }
  body[data-browser="chrome"] {
    zoom: .85;
  }
}

/* ======================================================
 * Util
 * ------------------------------------------------------
 * Icon
 * Device
 * Text
 * Link
 * Modal
 * Other
====================================================== */
/* ======================================================
 * Icon
 * ------------------------------------------------------
 * icon-sprite
 * other
====================================================== */
/* ------------------------------------------------------
 * icon-sprite
------------------------------------------------------ */
.util-link--blank:after,
.util-link--pdf:after,
.util-link--excel:after,
.util-link--word:after,
.util-link--powerpoint:after,
.util-link--zip:after,
.util-link--video:after,
.util-link--modal:after,
.util-link--rss:after {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
}
body[data-browser^="ie"] .util-link--blank:after,
body[data-browser^="ie"] .util-link--pdf:after,
body[data-browser^="ie"] .util-link--excel:after,
body[data-browser^="ie"] .util-link--word:after,
body[data-browser^="ie"] .util-link--powerpoint:after,
body[data-browser^="ie"] .util-link--zip:after,
body[data-browser^="ie"] .util-link--video:after,
body[data-browser^="ie"] .util-link--modal:after,
body[data-browser^="ie"] .util-link--rss:after {
  background: none;
  line-height: 1;
}
.util-link--blank:after {
  background: url("/app-files/img/sprite/icon.svg#blank-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--blank:after {
  content: url("/app-files/img/sprite/icon.svg#blank-usage");
}
.util-link--pdf:after {
  background: url("/app-files/img/sprite/icon.svg#pdf-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--pdf:after {
  content: url("/app-files/img/sprite/icon.svg#pdf-usage");
}
.util-link--excel:after {
  background: url("/app-files/img/sprite/icon.svg#excel-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--excel:after {
  content: url("/app-files/img/sprite/icon.svg#excel-usage");
}
.util-link--word:after {
  background: url("/app-files/img/sprite/icon.svg#word-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--word:after {
  content: url("/app-files/img/sprite/icon.svg#word-usage");
}
.util-link--powerpoint:after {
  background: url("/app-files/img/sprite/icon.svg#powerpoint-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--powerpoint:after {
  content: url("/app-files/img/sprite/icon.svg#powerpoint-usage");
}
.util-link--zip:after {
  background: url("/app-files/img/sprite/icon.svg#zip-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--zip:after {
  content: url("/app-files/img/sprite/icon.svg#zip-usage");
}
.util-link--video:after {
  background: url("/app-files/img/sprite/icon.svg#video-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--video:after {
  content: url("/app-files/img/sprite/icon.svg#video-usage");
}
.util-link--modal:after {
  background: url("/app-files/img/sprite/icon.svg#modal-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--modal:after {
  content: url("/app-files/img/sprite/icon.svg#modal-usage");
}
.util-link--rss:after {
  background: url("/app-files/img/sprite/icon.svg#rss-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--rss:after {
  content: url("/app-files/img/sprite/icon.svg#rss-usage");
}
.util-link--rss:after {
  background: url("/app-files/img/sprite/icon.svg#rss-usage") no-repeat 0 0;
}
body[data-browser^="ie"] .util-link--rss:after {
  content: url("/app-files/img/sprite/icon.svg#rss-usage");
}
/* ------------------------------------------------------
 * other
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
  .util-link--pdf:after {
    width: 15px;
    height: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-link--pdf:after {
    width: 12px;
    height: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .util-link--excel:after {
    width: 15px;
    height: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-link--excel:after {
    width: 12px;
    height: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .util-link--word:after {
    width: 15px;
    height: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-link--word:after {
    width: 12px;
    height: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  .util-link--powerpoint:after {
    width: 15px;
    height: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-link--powerpoint:after {
    width: 12px;
    height: 14px;
  }
}

/* ======================================================
 * Device
====================================================== */
@media print, screen and (min-width: 768px) {
  .util-pc-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-sp-hidden {
    display: none !important;
  }
}

/* ======================================================
 * Text
====================================================== */
/* ----- sup/sub ----- */
.util-sup,
.util-sub {
  position: relative;
  font-size: 60%;
  line-height: 1;
}
.util-sup {
  top: -.6em;
}
.util-sub {
  bottom: -.1em;
}
/* ----- bold ----- */
@media print, screen and (min-width: 768px) {
  .util-bold {
    font-weight: 700 !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-bold {
    font-weight: 700 !important;
  }
}
/* ----- italic ----- */
.util-italic {
  font-style: italic !important;
}
/* ----- underline ----- */
.util-underline {
  text-decoration: underline !important;
}
/* ======================================================
 * Link
====================================================== */
/* ----- link ----- */
.util-link:link,
.util-link--blank:link,
.util-link--pdf:link,
.util-link--excel:link,
.util-link--word:link,
.util-link--powerpoint:link,
.util-link--zip:link,
.util-link--video:link,
.util-link--modal:link,
.util-link--rss:link {
  display: inline;
  text-decoration: underline;
}
@media print, screen and (min-width: 768px) {
  .util-link:hover:link,
  .util-link--blank:hover:link,
  .util-link--pdf:hover:link,
  .util-link--excel:hover:link,
  .util-link--word:hover:link,
  .util-link--powerpoint:hover:link,
  .util-link--zip:hover:link,
  .util-link--video:hover:link,
  .util-link--modal:hover:link,
  .util-link--rss:hover:link {
    text-decoration: none;
  }
}
.util-link__filesize {
  font-style: normal;
}
.util-link--blank:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--pdf:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--excel:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--word:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--powerpoint:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--zip:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--video:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--modal:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}
.util-link--rss:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

/* ======================================================
 * Modal
====================================================== */
/* ----- modal-container ----- */
.util-modal-container {
  display: none;
}

/* ======================================================
 * Other
====================================================== */
@media print, screen and (min-width: 768px) {
  .util-site-block {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1840px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-site-block {
    padding: 0 15px;
  }
}
@media print, screen and (min-width: 768px) {
  .util-site-block--min {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1280px;
  }
}
@media only screen and (max-width: 767.98px) {
  .util-site-block--min {
    padding: 0 15px;
  }
}

/* ======================================================
 * data-col
 * ------------------------------------------------------
 * data-col-pc
 * data-col-sp
====================================================== */
/* ======================================================
 * data-col-pc
====================================================== */
@media print, screen and (min-width: 768px) {
  [data-col-pc]:not([data-col-pc="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  [data-col-pc]:not([data-col-pc="auto"]) > * {
    margin-top: 1.25em;
    margin-left: 36px;
  }
  [data-col-pc="1"] > *:nth-child(-n+1) {
    margin-top: 0 !important;
  }
  [data-col-pc="1"] > *:nth-child(1n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="1"] > * {
    width: 100%;
  }
  [data-col-pc="2"] > *:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  [data-col-pc="2"] > *:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="2"] > * {
    width: calc(((100% - (36px)) / 2) - .1px);
  }
  [data-col-pc="3"] > *:nth-child(-n+3) {
    margin-top: 0 !important;
  }
  [data-col-pc="3"] > *:nth-child(3n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="3"] > * {
    width: calc(((100% - (72px)) / 3) - .1px);
  }
  [data-col-pc="4"] > *:nth-child(-n+4) {
    margin-top: 0 !important;
  }
  [data-col-pc="4"] > *:nth-child(4n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="4"] > * {
    width: calc(((100% - (108px)) / 4) - .1px);
  }
  [data-col-pc="5"] > *:nth-child(-n+5) {
    margin-top: 0 !important;
  }
  [data-col-pc="5"] > *:nth-child(5n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="5"] > * {
    width: calc(((100% - (144px)) / 5) - .1px);
  }
  [data-col-pc="6"] > *:nth-child(-n+6) {
    margin-top: 0 !important;
  }
  [data-col-pc="6"] > *:nth-child(6n+1) {
    margin-left: 0 !important;
  }
  [data-col-pc="6"] > * {
    width: calc(((100% - (180px)) / 6) - .1px);
  }
  [data-col-pc="auto"] {
    margin-right: -36px;
    margin-bottom: -1em;
  }
  [data-col-pc="auto"] > * {
    margin-top: 0 !important;
    margin-right: 36px;
    margin-bottom: 1em;
    margin-left: 0;
  }
}
@media print, screen and (max-width: 767.98px) {
  /* 非レスポンシブページ対応 */
  body.js-sp-no-rwd [data-col-pc]:not([data-col-pc="1"]),
  body.js-pc-no-rwd [data-col-pc]:not([data-col-pc="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  body.js-sp-no-rwd [data-col-pc]:not([data-col-pc="auto"]) > *,
  body.js-pc-no-rwd [data-col-pc]:not([data-col-pc="auto"]) > * {
    margin-top: 1.25em;
    margin-left: 36px;
  }
  body.js-sp-no-rwd [data-col-pc="1"] > *:nth-child(-n+1),
  body.js-pc-no-rwd [data-col-pc="1"] > *:nth-child(-n+1) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="1"] > *:nth-child(1n+1),
  body.js-pc-no-rwd [data-col-pc="1"] > *:nth-child(1n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="1"] > *,
  body.js-pc-no-rwd [data-col-pc="1"] > * {
    width: 100%;
  }
  body.js-sp-no-rwd [data-col-pc="2"] > *:nth-child(-n+2),
  body.js-pc-no-rwd [data-col-pc="2"] > *:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="2"] > *:nth-child(2n+1),
  body.js-pc-no-rwd [data-col-pc="2"] > *:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="2"] > *,
  body.js-pc-no-rwd [data-col-pc="2"] > * {
    width: calc(((100% - (36px)) / 2) - .1px);
  }
  body.js-sp-no-rwd [data-col-pc="3"] > *:nth-child(-n+3),
  body.js-pc-no-rwd [data-col-pc="3"] > *:nth-child(-n+3) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="3"] > *:nth-child(3n+1),
  body.js-pc-no-rwd [data-col-pc="3"] > *:nth-child(3n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="3"] > *,
  body.js-pc-no-rwd [data-col-pc="3"] > * {
    width: calc(((100% - (72px)) / 3) - .1px);
  }
  body.js-sp-no-rwd [data-col-pc="4"] > *:nth-child(-n+4),
  body.js-pc-no-rwd [data-col-pc="4"] > *:nth-child(-n+4) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="4"] > *:nth-child(4n+1),
  body.js-pc-no-rwd [data-col-pc="4"] > *:nth-child(4n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="4"] > *,
  body.js-pc-no-rwd [data-col-pc="4"] > * {
    width: calc(((100% - (108px)) / 4) - .1px);
  }
  body.js-sp-no-rwd [data-col-pc="5"] > *:nth-child(-n+5),
  body.js-pc-no-rwd [data-col-pc="5"] > *:nth-child(-n+5) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="5"] > *:nth-child(5n+1),
  body.js-pc-no-rwd [data-col-pc="5"] > *:nth-child(5n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="5"] > *,
  body.js-pc-no-rwd [data-col-pc="5"] > * {
    width: calc(((100% - (144px)) / 5) - .1px);
  }
  body.js-sp-no-rwd [data-col-pc="6"] > *:nth-child(-n+6),
  body.js-pc-no-rwd [data-col-pc="6"] > *:nth-child(-n+6) {
    margin-top: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="6"] > *:nth-child(6n+1),
  body.js-pc-no-rwd [data-col-pc="6"] > *:nth-child(6n+1) {
    margin-left: 0 !important;
  }
  body.js-sp-no-rwd [data-col-pc="6"] > *,
  body.js-pc-no-rwd [data-col-pc="6"] > * {
    width: calc(((100% - (180px)) / 6) - .1px);
  }
  body.js-sp-no-rwd [data-col-pc="auto"],
  body.js-pc-no-rwd [data-col-pc="auto"] {
    margin-right: -36px;
    margin-bottom: -1em;
  }
  body.js-sp-no-rwd [data-col-pc="auto"] > *,
  body.js-pc-no-rwd [data-col-pc="auto"] > * {
    margin-top: 0 !important;
    margin-right: 36px;
    margin-bottom: 1em;
    margin-left: 0;
  }
  /* 非レスポンシブページ対応 */
}
/* ======================================================
 * data-col-sp
====================================================== */
@media only screen and (max-width: 767.98px) {
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp]:not([data-col-sp="1"]) {
    display: flex;
    flex-flow: row wrap;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp]:not([data-col-sp="auto"]) > * {
    margin-top: 1em;
    margin-left: 15px;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="1"] > *:nth-child(-n+1) {
    margin-top: 0 !important;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="1"] > *:nth-child(1n+1) {
    margin-left: 0 !important;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="1"] > * {
    width: 100%;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="2"] > *:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="2"] > *:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="2"] > * {
    width: calc((100% - (15px)) / 2);
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="auto"] {
    margin-right: -15px;
    margin-bottom: -0.5em;
  }
  body:not(.js-sp-no-rwd):not(.js-pc-no-rwd) [data-col-sp="auto"] > * {
    margin-top: 0 !important;
    margin-right: 15px;
    margin-bottom: 0.5em;
    margin-left: 0;
  }
}

/* ======================================================
 * data-size
 * ------------------------------------------------------
 * data-size-pc
 * data-size-sp
====================================================== */
/* ======================================================
 * data-size-pc
====================================================== */
@media print, screen and (min-width: 768px) {
  [data-size-pc="1col"] {
    width: 100%;
  }
  [data-size-pc="1col"] > * {
    width: 100%;
  }
  [data-size-pc="2col"] {
    width: calc(((100% - (36px * (2 - 1))) / 2) - .1px);
  }
  [data-size-pc="2col"] > * {
    width: 100%;
  }
  [data-size-pc="3col"] {
    width: calc(((100% - (36px * (3 - 1))) / 3) - .1px);
  }
  [data-size-pc="3col"] > * {
    width: 100%;
  }
  [data-size-pc="4col"] {
    width: calc(((100% - (36px * (4 - 1))) / 4) - .1px);
  }
  [data-size-pc="4col"] > * {
    width: 100%;
  }
  [data-size-pc="5col"] {
    width: calc(((100% - (36px * (5 - 1))) / 5) - .1px);
  }
  [data-size-pc="5col"] > * {
    width: 100%;
  }
  [data-size-pc="6col"] {
    width: calc(((100% - (36px * (6 - 1))) / 6) - .1px);
  }
  [data-size-pc="6col"] > * {
    width: 100%;
  }
  [data-size-pc="1per"] {
    width: 1% !important;
  }
  [data-size-pc="1per"] > * {
    width: 100%;
  }
  [data-size-pc="2per"] {
    width: 2% !important;
  }
  [data-size-pc="2per"] > * {
    width: 100%;
  }
  [data-size-pc="3per"] {
    width: 3% !important;
  }
  [data-size-pc="3per"] > * {
    width: 100%;
  }
  [data-size-pc="4per"] {
    width: 4% !important;
  }
  [data-size-pc="4per"] > * {
    width: 100%;
  }
  [data-size-pc="5per"] {
    width: 5% !important;
  }
  [data-size-pc="5per"] > * {
    width: 100%;
  }
  [data-size-pc="6per"] {
    width: 6% !important;
  }
  [data-size-pc="6per"] > * {
    width: 100%;
  }
  [data-size-pc="7per"] {
    width: 7% !important;
  }
  [data-size-pc="7per"] > * {
    width: 100%;
  }
  [data-size-pc="8per"] {
    width: 8% !important;
  }
  [data-size-pc="8per"] > * {
    width: 100%;
  }
  [data-size-pc="9per"] {
    width: 9% !important;
  }
  [data-size-pc="9per"] > * {
    width: 100%;
  }
  [data-size-pc="10per"] {
    width: 10% !important;
  }
  [data-size-pc="10per"] > * {
    width: 100%;
  }
  [data-size-pc="11per"] {
    width: 11% !important;
  }
  [data-size-pc="11per"] > * {
    width: 100%;
  }
  [data-size-pc="12per"] {
    width: 12% !important;
  }
  [data-size-pc="12per"] > * {
    width: 100%;
  }
  [data-size-pc="13per"] {
    width: 13% !important;
  }
  [data-size-pc="13per"] > * {
    width: 100%;
  }
  [data-size-pc="14per"] {
    width: 14% !important;
  }
  [data-size-pc="14per"] > * {
    width: 100%;
  }
  [data-size-pc="15per"] {
    width: 15% !important;
  }
  [data-size-pc="15per"] > * {
    width: 100%;
  }
  [data-size-pc="16per"] {
    width: 16% !important;
  }
  [data-size-pc="16per"] > * {
    width: 100%;
  }
  [data-size-pc="17per"] {
    width: 17% !important;
  }
  [data-size-pc="17per"] > * {
    width: 100%;
  }
  [data-size-pc="18per"] {
    width: 18% !important;
  }
  [data-size-pc="18per"] > * {
    width: 100%;
  }
  [data-size-pc="19per"] {
    width: 19% !important;
  }
  [data-size-pc="19per"] > * {
    width: 100%;
  }
  [data-size-pc="20per"] {
    width: 20% !important;
  }
  [data-size-pc="20per"] > * {
    width: 100%;
  }
  [data-size-pc="21per"] {
    width: 21% !important;
  }
  [data-size-pc="21per"] > * {
    width: 100%;
  }
  [data-size-pc="22per"] {
    width: 22% !important;
  }
  [data-size-pc="22per"] > * {
    width: 100%;
  }
  [data-size-pc="23per"] {
    width: 23% !important;
  }
  [data-size-pc="23per"] > * {
    width: 100%;
  }
  [data-size-pc="24per"] {
    width: 24% !important;
  }
  [data-size-pc="24per"] > * {
    width: 100%;
  }
  [data-size-pc="25per"] {
    width: 25% !important;
  }
  [data-size-pc="25per"] > * {
    width: 100%;
  }
  [data-size-pc="26per"] {
    width: 26% !important;
  }
  [data-size-pc="26per"] > * {
    width: 100%;
  }
  [data-size-pc="27per"] {
    width: 27% !important;
  }
  [data-size-pc="27per"] > * {
    width: 100%;
  }
  [data-size-pc="28per"] {
    width: 28% !important;
  }
  [data-size-pc="28per"] > * {
    width: 100%;
  }
  [data-size-pc="29per"] {
    width: 29% !important;
  }
  [data-size-pc="29per"] > * {
    width: 100%;
  }
  [data-size-pc="30per"] {
    width: 30% !important;
  }
  [data-size-pc="30per"] > * {
    width: 100%;
  }
  [data-size-pc="31per"] {
    width: 31% !important;
  }
  [data-size-pc="31per"] > * {
    width: 100%;
  }
  [data-size-pc="32per"] {
    width: 32% !important;
  }
  [data-size-pc="32per"] > * {
    width: 100%;
  }
  [data-size-pc="33per"] {
    width: 33% !important;
  }
  [data-size-pc="33per"] > * {
    width: 100%;
  }
  [data-size-pc="34per"] {
    width: 34% !important;
  }
  [data-size-pc="34per"] > * {
    width: 100%;
  }
  [data-size-pc="35per"] {
    width: 35% !important;
  }
  [data-size-pc="35per"] > * {
    width: 100%;
  }
  [data-size-pc="36per"] {
    width: 36% !important;
  }
  [data-size-pc="36per"] > * {
    width: 100%;
  }
  [data-size-pc="37per"] {
    width: 37% !important;
  }
  [data-size-pc="37per"] > * {
    width: 100%;
  }
  [data-size-pc="38per"] {
    width: 38% !important;
  }
  [data-size-pc="38per"] > * {
    width: 100%;
  }
  [data-size-pc="39per"] {
    width: 39% !important;
  }
  [data-size-pc="39per"] > * {
    width: 100%;
  }
  [data-size-pc="40per"] {
    width: 40% !important;
  }
  [data-size-pc="40per"] > * {
    width: 100%;
  }
  [data-size-pc="41per"] {
    width: 41% !important;
  }
  [data-size-pc="41per"] > * {
    width: 100%;
  }
  [data-size-pc="42per"] {
    width: 42% !important;
  }
  [data-size-pc="42per"] > * {
    width: 100%;
  }
  [data-size-pc="43per"] {
    width: 43% !important;
  }
  [data-size-pc="43per"] > * {
    width: 100%;
  }
  [data-size-pc="44per"] {
    width: 44% !important;
  }
  [data-size-pc="44per"] > * {
    width: 100%;
  }
  [data-size-pc="45per"] {
    width: 45% !important;
  }
  [data-size-pc="45per"] > * {
    width: 100%;
  }
  [data-size-pc="46per"] {
    width: 46% !important;
  }
  [data-size-pc="46per"] > * {
    width: 100%;
  }
  [data-size-pc="47per"] {
    width: 47% !important;
  }
  [data-size-pc="47per"] > * {
    width: 100%;
  }
  [data-size-pc="48per"] {
    width: 48% !important;
  }
  [data-size-pc="48per"] > * {
    width: 100%;
  }
  [data-size-pc="49per"] {
    width: 49% !important;
  }
  [data-size-pc="49per"] > * {
    width: 100%;
  }
  [data-size-pc="50per"] {
    width: 50% !important;
  }
  [data-size-pc="50per"] > * {
    width: 100%;
  }
  [data-size-pc="51per"] {
    width: 51% !important;
  }
  [data-size-pc="51per"] > * {
    width: 100%;
  }
  [data-size-pc="52per"] {
    width: 52% !important;
  }
  [data-size-pc="52per"] > * {
    width: 100%;
  }
  [data-size-pc="53per"] {
    width: 53% !important;
  }
  [data-size-pc="53per"] > * {
    width: 100%;
  }
  [data-size-pc="54per"] {
    width: 54% !important;
  }
  [data-size-pc="54per"] > * {
    width: 100%;
  }
  [data-size-pc="55per"] {
    width: 55% !important;
  }
  [data-size-pc="55per"] > * {
    width: 100%;
  }
  [data-size-pc="56per"] {
    width: 56% !important;
  }
  [data-size-pc="56per"] > * {
    width: 100%;
  }
  [data-size-pc="57per"] {
    width: 57% !important;
  }
  [data-size-pc="57per"] > * {
    width: 100%;
  }
  [data-size-pc="58per"] {
    width: 58% !important;
  }
  [data-size-pc="58per"] > * {
    width: 100%;
  }
  [data-size-pc="59per"] {
    width: 59% !important;
  }
  [data-size-pc="59per"] > * {
    width: 100%;
  }
  [data-size-pc="60per"] {
    width: 60% !important;
  }
  [data-size-pc="60per"] > * {
    width: 100%;
  }
  [data-size-pc="61per"] {
    width: 61% !important;
  }
  [data-size-pc="61per"] > * {
    width: 100%;
  }
  [data-size-pc="62per"] {
    width: 62% !important;
  }
  [data-size-pc="62per"] > * {
    width: 100%;
  }
  [data-size-pc="63per"] {
    width: 63% !important;
  }
  [data-size-pc="63per"] > * {
    width: 100%;
  }
  [data-size-pc="64per"] {
    width: 64% !important;
  }
  [data-size-pc="64per"] > * {
    width: 100%;
  }
  [data-size-pc="65per"] {
    width: 65% !important;
  }
  [data-size-pc="65per"] > * {
    width: 100%;
  }
  [data-size-pc="66per"] {
    width: 66% !important;
  }
  [data-size-pc="66per"] > * {
    width: 100%;
  }
  [data-size-pc="67per"] {
    width: 67% !important;
  }
  [data-size-pc="67per"] > * {
    width: 100%;
  }
  [data-size-pc="68per"] {
    width: 68% !important;
  }
  [data-size-pc="68per"] > * {
    width: 100%;
  }
  [data-size-pc="69per"] {
    width: 69% !important;
  }
  [data-size-pc="69per"] > * {
    width: 100%;
  }
  [data-size-pc="70per"] {
    width: 70% !important;
  }
  [data-size-pc="70per"] > * {
    width: 100%;
  }
  [data-size-pc="71per"] {
    width: 71% !important;
  }
  [data-size-pc="71per"] > * {
    width: 100%;
  }
  [data-size-pc="72per"] {
    width: 72% !important;
  }
  [data-size-pc="72per"] > * {
    width: 100%;
  }
  [data-size-pc="73per"] {
    width: 73% !important;
  }
  [data-size-pc="73per"] > * {
    width: 100%;
  }
  [data-size-pc="74per"] {
    width: 74% !important;
  }
  [data-size-pc="74per"] > * {
    width: 100%;
  }
  [data-size-pc="75per"] {
    width: 75% !important;
  }
  [data-size-pc="75per"] > * {
    width: 100%;
  }
  [data-size-pc="76per"] {
    width: 76% !important;
  }
  [data-size-pc="76per"] > * {
    width: 100%;
  }
  [data-size-pc="77per"] {
    width: 77% !important;
  }
  [data-size-pc="77per"] > * {
    width: 100%;
  }
  [data-size-pc="78per"] {
    width: 78% !important;
  }
  [data-size-pc="78per"] > * {
    width: 100%;
  }
  [data-size-pc="79per"] {
    width: 79% !important;
  }
  [data-size-pc="79per"] > * {
    width: 100%;
  }
  [data-size-pc="80per"] {
    width: 80% !important;
  }
  [data-size-pc="80per"] > * {
    width: 100%;
  }
  [data-size-pc="81per"] {
    width: 81% !important;
  }
  [data-size-pc="81per"] > * {
    width: 100%;
  }
  [data-size-pc="82per"] {
    width: 82% !important;
  }
  [data-size-pc="82per"] > * {
    width: 100%;
  }
  [data-size-pc="83per"] {
    width: 83% !important;
  }
  [data-size-pc="83per"] > * {
    width: 100%;
  }
  [data-size-pc="84per"] {
    width: 84% !important;
  }
  [data-size-pc="84per"] > * {
    width: 100%;
  }
  [data-size-pc="85per"] {
    width: 85% !important;
  }
  [data-size-pc="85per"] > * {
    width: 100%;
  }
  [data-size-pc="86per"] {
    width: 86% !important;
  }
  [data-size-pc="86per"] > * {
    width: 100%;
  }
  [data-size-pc="87per"] {
    width: 87% !important;
  }
  [data-size-pc="87per"] > * {
    width: 100%;
  }
  [data-size-pc="88per"] {
    width: 88% !important;
  }
  [data-size-pc="88per"] > * {
    width: 100%;
  }
  [data-size-pc="89per"] {
    width: 89% !important;
  }
  [data-size-pc="89per"] > * {
    width: 100%;
  }
  [data-size-pc="90per"] {
    width: 90% !important;
  }
  [data-size-pc="90per"] > * {
    width: 100%;
  }
  [data-size-pc="91per"] {
    width: 91% !important;
  }
  [data-size-pc="91per"] > * {
    width: 100%;
  }
  [data-size-pc="92per"] {
    width: 92% !important;
  }
  [data-size-pc="92per"] > * {
    width: 100%;
  }
  [data-size-pc="93per"] {
    width: 93% !important;
  }
  [data-size-pc="93per"] > * {
    width: 100%;
  }
  [data-size-pc="94per"] {
    width: 94% !important;
  }
  [data-size-pc="94per"] > * {
    width: 100%;
  }
  [data-size-pc="95per"] {
    width: 95% !important;
  }
  [data-size-pc="95per"] > * {
    width: 100%;
  }
  [data-size-pc="96per"] {
    width: 96% !important;
  }
  [data-size-pc="96per"] > * {
    width: 100%;
  }
  [data-size-pc="97per"] {
    width: 97% !important;
  }
  [data-size-pc="97per"] > * {
    width: 100%;
  }
  [data-size-pc="98per"] {
    width: 98% !important;
  }
  [data-size-pc="98per"] > * {
    width: 100%;
  }
  [data-size-pc="99per"] {
    width: 99% !important;
  }
  [data-size-pc="99per"] > * {
    width: 100%;
  }
  [data-size-pc="100per"] {
    width: 100% !important;
  }
  [data-size-pc="100per"] > * {
    width: 100%;
  }
}

/* ======================================================
 * data-size-sp
====================================================== */
@media only screen and (max-width: 767.98px) {
  [data-size-sp="1col"] {
    width: 100%;
  }
  [data-size-sp="1col"] > * {
    width: 100%;
  }
  [data-size-sp="2col"] {
    width: calc((100% - (15px * (2 - 1))) / 2);
  }
  [data-size-sp="2col"] > * {
    width: 100%;
  }
  [data-size-sp="1per"] {
    width: 1% !important;
  }
  [data-size-sp="1per"] > * {
    width: 100%;
  }
  [data-size-sp="2per"] {
    width: 2% !important;
  }
  [data-size-sp="2per"] > * {
    width: 100%;
  }
  [data-size-sp="3per"] {
    width: 3% !important;
  }
  [data-size-sp="3per"] > * {
    width: 100%;
  }
  [data-size-sp="4per"] {
    width: 4% !important;
  }
  [data-size-sp="4per"] > * {
    width: 100%;
  }
  [data-size-sp="5per"] {
    width: 5% !important;
  }
  [data-size-sp="5per"] > * {
    width: 100%;
  }
  [data-size-sp="6per"] {
    width: 6% !important;
  }
  [data-size-sp="6per"] > * {
    width: 100%;
  }
  [data-size-sp="7per"] {
    width: 7% !important;
  }
  [data-size-sp="7per"] > * {
    width: 100%;
  }
  [data-size-sp="8per"] {
    width: 8% !important;
  }
  [data-size-sp="8per"] > * {
    width: 100%;
  }
  [data-size-sp="9per"] {
    width: 9% !important;
  }
  [data-size-sp="9per"] > * {
    width: 100%;
  }
  [data-size-sp="10per"] {
    width: 10% !important;
  }
  [data-size-sp="10per"] > * {
    width: 100%;
  }
  [data-size-sp="11per"] {
    width: 11% !important;
  }
  [data-size-sp="11per"] > * {
    width: 100%;
  }
  [data-size-sp="12per"] {
    width: 12% !important;
  }
  [data-size-sp="12per"] > * {
    width: 100%;
  }
  [data-size-sp="13per"] {
    width: 13% !important;
  }
  [data-size-sp="13per"] > * {
    width: 100%;
  }
  [data-size-sp="14per"] {
    width: 14% !important;
  }
  [data-size-sp="14per"] > * {
    width: 100%;
  }
  [data-size-sp="15per"] {
    width: 15% !important;
  }
  [data-size-sp="15per"] > * {
    width: 100%;
  }
  [data-size-sp="16per"] {
    width: 16% !important;
  }
  [data-size-sp="16per"] > * {
    width: 100%;
  }
  [data-size-sp="17per"] {
    width: 17% !important;
  }
  [data-size-sp="17per"] > * {
    width: 100%;
  }
  [data-size-sp="18per"] {
    width: 18% !important;
  }
  [data-size-sp="18per"] > * {
    width: 100%;
  }
  [data-size-sp="19per"] {
    width: 19% !important;
  }
  [data-size-sp="19per"] > * {
    width: 100%;
  }
  [data-size-sp="20per"] {
    width: 20% !important;
  }
  [data-size-sp="20per"] > * {
    width: 100%;
  }
  [data-size-sp="21per"] {
    width: 21% !important;
  }
  [data-size-sp="21per"] > * {
    width: 100%;
  }
  [data-size-sp="22per"] {
    width: 22% !important;
  }
  [data-size-sp="22per"] > * {
    width: 100%;
  }
  [data-size-sp="23per"] {
    width: 23% !important;
  }
  [data-size-sp="23per"] > * {
    width: 100%;
  }
  [data-size-sp="24per"] {
    width: 24% !important;
  }
  [data-size-sp="24per"] > * {
    width: 100%;
  }
  [data-size-sp="25per"] {
    width: 25% !important;
  }
  [data-size-sp="25per"] > * {
    width: 100%;
  }
  [data-size-sp="26per"] {
    width: 26% !important;
  }
  [data-size-sp="26per"] > * {
    width: 100%;
  }
  [data-size-sp="27per"] {
    width: 27% !important;
  }
  [data-size-sp="27per"] > * {
    width: 100%;
  }
  [data-size-sp="28per"] {
    width: 28% !important;
  }
  [data-size-sp="28per"] > * {
    width: 100%;
  }
  [data-size-sp="29per"] {
    width: 29% !important;
  }
  [data-size-sp="29per"] > * {
    width: 100%;
  }
  [data-size-sp="30per"] {
    width: 30% !important;
  }
  [data-size-sp="30per"] > * {
    width: 100%;
  }
  [data-size-sp="31per"] {
    width: 31% !important;
  }
  [data-size-sp="31per"] > * {
    width: 100%;
  }
  [data-size-sp="32per"] {
    width: 32% !important;
  }
  [data-size-sp="32per"] > * {
    width: 100%;
  }
  [data-size-sp="33per"] {
    width: 33% !important;
  }
  [data-size-sp="33per"] > * {
    width: 100%;
  }
  [data-size-sp="34per"] {
    width: 34% !important;
  }
  [data-size-sp="34per"] > * {
    width: 100%;
  }
  [data-size-sp="35per"] {
    width: 35% !important;
  }
  [data-size-sp="35per"] > * {
    width: 100%;
  }
  [data-size-sp="36per"] {
    width: 36% !important;
  }
  [data-size-sp="36per"] > * {
    width: 100%;
  }
  [data-size-sp="37per"] {
    width: 37% !important;
  }
  [data-size-sp="37per"] > * {
    width: 100%;
  }
  [data-size-sp="38per"] {
    width: 38% !important;
  }
  [data-size-sp="38per"] > * {
    width: 100%;
  }
  [data-size-sp="39per"] {
    width: 39% !important;
  }
  [data-size-sp="39per"] > * {
    width: 100%;
  }
  [data-size-sp="40per"] {
    width: 40% !important;
  }
  [data-size-sp="40per"] > * {
    width: 100%;
  }
  [data-size-sp="41per"] {
    width: 41% !important;
  }
  [data-size-sp="41per"] > * {
    width: 100%;
  }
  [data-size-sp="42per"] {
    width: 42% !important;
  }
  [data-size-sp="42per"] > * {
    width: 100%;
  }
  [data-size-sp="43per"] {
    width: 43% !important;
  }
  [data-size-sp="43per"] > * {
    width: 100%;
  }
  [data-size-sp="44per"] {
    width: 44% !important;
  }
  [data-size-sp="44per"] > * {
    width: 100%;
  }
  [data-size-sp="45per"] {
    width: 45% !important;
  }
  [data-size-sp="45per"] > * {
    width: 100%;
  }
  [data-size-sp="46per"] {
    width: 46% !important;
  }
  [data-size-sp="46per"] > * {
    width: 100%;
  }
  [data-size-sp="47per"] {
    width: 47% !important;
  }
  [data-size-sp="47per"] > * {
    width: 100%;
  }
  [data-size-sp="48per"] {
    width: 48% !important;
  }
  [data-size-sp="48per"] > * {
    width: 100%;
  }
  [data-size-sp="49per"] {
    width: 49% !important;
  }
  [data-size-sp="49per"] > * {
    width: 100%;
  }
  [data-size-sp="50per"] {
    width: 50% !important;
  }
  [data-size-sp="50per"] > * {
    width: 100%;
  }
  [data-size-sp="51per"] {
    width: 51% !important;
  }
  [data-size-sp="51per"] > * {
    width: 100%;
  }
  [data-size-sp="52per"] {
    width: 52% !important;
  }
  [data-size-sp="52per"] > * {
    width: 100%;
  }
  [data-size-sp="53per"] {
    width: 53% !important;
  }
  [data-size-sp="53per"] > * {
    width: 100%;
  }
  [data-size-sp="54per"] {
    width: 54% !important;
  }
  [data-size-sp="54per"] > * {
    width: 100%;
  }
  [data-size-sp="55per"] {
    width: 55% !important;
  }
  [data-size-sp="55per"] > * {
    width: 100%;
  }
  [data-size-sp="56per"] {
    width: 56% !important;
  }
  [data-size-sp="56per"] > * {
    width: 100%;
  }
  [data-size-sp="57per"] {
    width: 57% !important;
  }
  [data-size-sp="57per"] > * {
    width: 100%;
  }
  [data-size-sp="58per"] {
    width: 58% !important;
  }
  [data-size-sp="58per"] > * {
    width: 100%;
  }
  [data-size-sp="59per"] {
    width: 59% !important;
  }
  [data-size-sp="59per"] > * {
    width: 100%;
  }
  [data-size-sp="60per"] {
    width: 60% !important;
  }
  [data-size-sp="60per"] > * {
    width: 100%;
  }
  [data-size-sp="61per"] {
    width: 61% !important;
  }
  [data-size-sp="61per"] > * {
    width: 100%;
  }
  [data-size-sp="62per"] {
    width: 62% !important;
  }
  [data-size-sp="62per"] > * {
    width: 100%;
  }
  [data-size-sp="63per"] {
    width: 63% !important;
  }
  [data-size-sp="63per"] > * {
    width: 100%;
  }
  [data-size-sp="64per"] {
    width: 64% !important;
  }
  [data-size-sp="64per"] > * {
    width: 100%;
  }
  [data-size-sp="65per"] {
    width: 65% !important;
  }
  [data-size-sp="65per"] > * {
    width: 100%;
  }
  [data-size-sp="66per"] {
    width: 66% !important;
  }
  [data-size-sp="66per"] > * {
    width: 100%;
  }
  [data-size-sp="67per"] {
    width: 67% !important;
  }
  [data-size-sp="67per"] > * {
    width: 100%;
  }
  [data-size-sp="68per"] {
    width: 68% !important;
  }
  [data-size-sp="68per"] > * {
    width: 100%;
  }
  [data-size-sp="69per"] {
    width: 69% !important;
  }
  [data-size-sp="69per"] > * {
    width: 100%;
  }
  [data-size-sp="70per"] {
    width: 70% !important;
  }
  [data-size-sp="70per"] > * {
    width: 100%;
  }
  [data-size-sp="71per"] {
    width: 71% !important;
  }
  [data-size-sp="71per"] > * {
    width: 100%;
  }
  [data-size-sp="72per"] {
    width: 72% !important;
  }
  [data-size-sp="72per"] > * {
    width: 100%;
  }
  [data-size-sp="73per"] {
    width: 73% !important;
  }
  [data-size-sp="73per"] > * {
    width: 100%;
  }
  [data-size-sp="74per"] {
    width: 74% !important;
  }
  [data-size-sp="74per"] > * {
    width: 100%;
  }
  [data-size-sp="75per"] {
    width: 75% !important;
  }
  [data-size-sp="75per"] > * {
    width: 100%;
  }
  [data-size-sp="76per"] {
    width: 76% !important;
  }
  [data-size-sp="76per"] > * {
    width: 100%;
  }
  [data-size-sp="77per"] {
    width: 77% !important;
  }
  [data-size-sp="77per"] > * {
    width: 100%;
  }
  [data-size-sp="78per"] {
    width: 78% !important;
  }
  [data-size-sp="78per"] > * {
    width: 100%;
  }
  [data-size-sp="79per"] {
    width: 79% !important;
  }
  [data-size-sp="79per"] > * {
    width: 100%;
  }
  [data-size-sp="80per"] {
    width: 80% !important;
  }
  [data-size-sp="80per"] > * {
    width: 100%;
  }
  [data-size-sp="81per"] {
    width: 81% !important;
  }
  [data-size-sp="81per"] > * {
    width: 100%;
  }
  [data-size-sp="82per"] {
    width: 82% !important;
  }
  [data-size-sp="82per"] > * {
    width: 100%;
  }
  [data-size-sp="83per"] {
    width: 83% !important;
  }
  [data-size-sp="83per"] > * {
    width: 100%;
  }
  [data-size-sp="84per"] {
    width: 84% !important;
  }
  [data-size-sp="84per"] > * {
    width: 100%;
  }
  [data-size-sp="85per"] {
    width: 85% !important;
  }
  [data-size-sp="85per"] > * {
    width: 100%;
  }
  [data-size-sp="86per"] {
    width: 86% !important;
  }
  [data-size-sp="86per"] > * {
    width: 100%;
  }
  [data-size-sp="87per"] {
    width: 87% !important;
  }
  [data-size-sp="87per"] > * {
    width: 100%;
  }
  [data-size-sp="88per"] {
    width: 88% !important;
  }
  [data-size-sp="88per"] > * {
    width: 100%;
  }
  [data-size-sp="89per"] {
    width: 89% !important;
  }
  [data-size-sp="89per"] > * {
    width: 100%;
  }
  [data-size-sp="90per"] {
    width: 90% !important;
  }
  [data-size-sp="90per"] > * {
    width: 100%;
  }
  [data-size-sp="91per"] {
    width: 91% !important;
  }
  [data-size-sp="91per"] > * {
    width: 100%;
  }
  [data-size-sp="92per"] {
    width: 92% !important;
  }
  [data-size-sp="92per"] > * {
    width: 100%;
  }
  [data-size-sp="93per"] {
    width: 93% !important;
  }
  [data-size-sp="93per"] > * {
    width: 100%;
  }
  [data-size-sp="94per"] {
    width: 94% !important;
  }
  [data-size-sp="94per"] > * {
    width: 100%;
  }
  [data-size-sp="95per"] {
    width: 95% !important;
  }
  [data-size-sp="95per"] > * {
    width: 100%;
  }
  [data-size-sp="96per"] {
    width: 96% !important;
  }
  [data-size-sp="96per"] > * {
    width: 100%;
  }
  [data-size-sp="97per"] {
    width: 97% !important;
  }
  [data-size-sp="97per"] > * {
    width: 100%;
  }
  [data-size-sp="98per"] {
    width: 98% !important;
  }
  [data-size-sp="98per"] > * {
    width: 100%;
  }
  [data-size-sp="99per"] {
    width: 99% !important;
  }
  [data-size-sp="99per"] > * {
    width: 100%;
  }
  [data-size-sp="100per"] {
    width: 100% !important;
  }
  [data-size-sp="100per"] > * {
    width: 100%;
  }
}