/*!
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 *
 * このcssは編集しないでください。
 * このcssを編集してもscssをコンパイルした時点で変更は消えます。
 * cssを編集したい場合は別のcssファイル（例：user.cssなど）を新規作成して、クラスごとに上書き、または新規クラスを追加してください。
 *
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 */
@charset "UTF-8";
@font-face {
  font-family: "Josefin Sans";
  src: url("../../assets/fonts/plugins/JosefinSans-VariableFont_wght.ttf?v=9cd8d2454a8fb75faa5b0d0c039d9929") format("truetype");
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../../assets/fonts/plugins/ZenKakuGothicNew-300.ttf?v=385f54cb3b1c08254ad800262a4735ca") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../../assets/fonts/plugins/ZenKakuGothicNew-400.ttf?v=7687a00307a63b08af3dac109305c1f4") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../../assets/fonts/plugins/ZenKakuGothicNew-500.ttf?v=45c44c3017ade2493ebb568b45bccac6") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../../assets/fonts/plugins/ZenKakuGothicNew-700.ttf?v=62507d3e16f5fdacce0b22fa26b34f47") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("../../assets/fonts/iconfont/icons.eot?v=8e97dffa4d3c2b3bb8e43b26ff90aed5");
  src: url("../../assets/fonts/iconfont/icons.eot?v=8e97dffa4d3c2b3bb8e43b26ff90aed5#iefix") format("eot"), url("../../assets/fonts/iconfont/icons.woff?v=f5c4c7b23aa39b29dce7b89f9775303a") format("woff"), url("../../assets/fonts/iconfont/icons.ttf?v=1574fda3247126b8fb38992dc67c806a") format("truetype"), url("../../assets/fonts/iconfont/icons.svg?v=01e5b9d1e8d1e20a66e8c42e98e8898c#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.875;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%;
}

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

body {
  height: 100%;
  margin: 0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Arial, sans-serif, "ＭＳ Ｐゴシック";
  font-family: "Josefin Sans", sans-serif;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  line-height: 1.875;
  color: #12182e;
  font-size: 1rem;
  overflow-wrap: break-word;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
}

p {
  margin-top: 20px;
  margin-bottom: 0;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 20px;
  margin-bottom: 0;
}

ul {
  padding: 0;
}
ul > li {
  display: block;
}

ol,
ul:not([class]),
ul.dotList {
  padding-left: 2rem;
}
ol > li,
ul:not([class]) > li,
ul.dotList > li {
  display: list-item;
}
ol ol,
ol ul:not([class]),
ol ul.dotList,
ul:not([class]) ol,
ul:not([class]) ul:not([class]),
ul:not([class]) ul.dotList,
ul.dotList ol,
ul.dotList ul:not([class]),
ul.dotList ul.dotList {
  margin-top: 0;
}

dt {
  font-weight: normal;
}

dd {
  margin-left: 0;
}

blockquote {
  margin: 20px 0 0;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 0.8em;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 20px;
  margin-bottom: 0;
  overflow: auto;
}

figure {
  margin: 20px 0 0;
}

img {
  vertical-align: middle;
  border-style: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  max-width: 100%;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

iframe {
  max-width: 100%;
  border: none;
}

table {
  margin: 20px 0 0;
  border-collapse: collapse;
  width: 100%;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th,
td {
  text-align: left;
  border: 1px solid #797a88;
  background-clip: padding-box;
  padding: 10px;
}
th > :first-child,
td > :first-child {
  margin-top: 0;
}

th {
  text-align: inherit;
}

thead th {
  text-align: center;
}

label {
  display: inline-block;
  margin: 0;
}

button {
  border-radius: 0;
}

button:focus {
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
  width: 100% !important;
  min-width: 1px;
  font-family: inherit;
  border: 1px solid #c6cce1;
  height: 40px;
  padding: 0 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
[type=text]:disabled,
[type=search]:disabled,
[type=tel]:disabled,
[type=url]:disabled,
[type=email]:disabled,
[type=password]:disabled,
[type=datetime]:disabled,
[type=date]:disabled,
[type=month]:disabled,
[type=week]:disabled,
[type=time]:disabled,
[type=datetime-local]:disabled,
[type=number]:disabled,
select:disabled,
textarea:disabled {
  background: #d2d3d7;
}

select {
  word-wrap: normal;
  padding-right: 0;
}

textarea {
  padding: 10px;
  overflow: auto;
  resize: vertical;
  height: 100px;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: none;
  background: none;
  border: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  margin: 0;
  -webkit-appearance: none;
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

.fade-enter-active {
  display: block;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-to {
  opacity: 1;
}
.fade-leave-active {
  display: block;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.fade-leave {
  opacity: 1;
}
.fade-leave-to {
  opacity: 0;
}

[v-cloak] {
  display: none !important;
}
/*
便利クラス

マージン強制とかの便利クラス

Styleguide 1.
*/
/*
reponsive hidden

レスポンシブ用　表示/非表示

.only-(sp/tab/pc)で.(sp/tab/pc)でのみ表示

.hidden-(sp/tab/pc)で.(sp/tab/pc)でのみ非表示

つまり.only-spでtab/pcは非表示に、.only-pcでtab/spは非表示に

Markup:

Styleguide 1.1
*/
.hidden {
  display: none !important;
}

.UA-pc .only-uaSp {
  display: none !important;
}

.UA-sp .only-uaPc {
  display: none !important;
}

.only-print {
  display: none !important;
}
/*
super class

マージン強制とかの便利クラス

.pt10ならpadding-top:10px  !important;

.mt10ならmargin-top:10px  !important;

.mt-10ならmargin-top:-10px  !important;

.mt-15eならmargin-top: 1.5em  !important;

.mt10-spならSP時のみmargin-top:10px  !important;

みたいな感じ

詳しくはソース参照（/assets/scss/_shared/_super.scss）

Markup:

Styleguide 1.2
*/
.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mt0e {
  margin-top: 0em !important;
}

.mr0e {
  margin-right: 0em !important;
}

.mb0e {
  margin-bottom: 0em !important;
}

.ml0e {
  margin-left: 0em !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-0e {
  margin-top: 0em !important;
}

.mr-0e {
  margin-right: 0em !important;
}

.mb-0e {
  margin-bottom: 0em !important;
}

.ml-0e {
  margin-left: 0em !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pt0e {
  padding-top: 0em !important;
}

.pr0e {
  padding-right: 0em !important;
}

.pb0e {
  padding-bottom: 0em !important;
}

.pl0e {
  padding-left: 0em !important;
}

.indent0e {
  text-indent: 0em !important;
  padding-left: 0em !important;
}

.w0 {
  width: 0px !important;
}

.w0p {
  width: 0% !important;
}

.w0e {
  width: 0em !important;
}
.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.mt1e {
  margin-top: 0.1em !important;
}

.mr1e {
  margin-right: 0.1em !important;
}

.mb1e {
  margin-bottom: 0.1em !important;
}

.ml1e {
  margin-left: 0.1em !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mr-1 {
  margin-right: -1px !important;
}

.mb-1 {
  margin-bottom: -1px !important;
}

.ml-1 {
  margin-left: -1px !important;
}

.mt-1e {
  margin-top: -0.1em !important;
}

.mr-1e {
  margin-right: -0.1em !important;
}

.mb-1e {
  margin-bottom: -0.1em !important;
}

.ml-1e {
  margin-left: -0.1em !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pt1e {
  padding-top: 0.1em !important;
}

.pr1e {
  padding-right: 0.1em !important;
}

.pb1e {
  padding-bottom: 0.1em !important;
}

.pl1e {
  padding-left: 0.1em !important;
}

.indent1e {
  text-indent: -0.1em !important;
  padding-left: 0.1em !important;
}

.w10 {
  width: 10px !important;
}

.w1p {
  width: 1% !important;
}

.w1e {
  width: 0.1em !important;
}
.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mt2e {
  margin-top: 0.2em !important;
}

.mr2e {
  margin-right: 0.2em !important;
}

.mb2e {
  margin-bottom: 0.2em !important;
}

.ml2e {
  margin-left: 0.2em !important;
}

.mt-2 {
  margin-top: -2px !important;
}

.mr-2 {
  margin-right: -2px !important;
}

.mb-2 {
  margin-bottom: -2px !important;
}

.ml-2 {
  margin-left: -2px !important;
}

.mt-2e {
  margin-top: -0.2em !important;
}

.mr-2e {
  margin-right: -0.2em !important;
}

.mb-2e {
  margin-bottom: -0.2em !important;
}

.ml-2e {
  margin-left: -0.2em !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pt2e {
  padding-top: 0.2em !important;
}

.pr2e {
  padding-right: 0.2em !important;
}

.pb2e {
  padding-bottom: 0.2em !important;
}

.pl2e {
  padding-left: 0.2em !important;
}

.indent2e {
  text-indent: -0.2em !important;
  padding-left: 0.2em !important;
}

.w20 {
  width: 20px !important;
}

.w2p {
  width: 2% !important;
}

.w2e {
  width: 0.2em !important;
}
.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.mt3e {
  margin-top: 0.3em !important;
}

.mr3e {
  margin-right: 0.3em !important;
}

.mb3e {
  margin-bottom: 0.3em !important;
}

.ml3e {
  margin-left: 0.3em !important;
}

.mt-3 {
  margin-top: -3px !important;
}

.mr-3 {
  margin-right: -3px !important;
}

.mb-3 {
  margin-bottom: -3px !important;
}

.ml-3 {
  margin-left: -3px !important;
}

.mt-3e {
  margin-top: -0.3em !important;
}

.mr-3e {
  margin-right: -0.3em !important;
}

.mb-3e {
  margin-bottom: -0.3em !important;
}

.ml-3e {
  margin-left: -0.3em !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pt3e {
  padding-top: 0.3em !important;
}

.pr3e {
  padding-right: 0.3em !important;
}

.pb3e {
  padding-bottom: 0.3em !important;
}

.pl3e {
  padding-left: 0.3em !important;
}

.indent3e {
  text-indent: -0.3em !important;
  padding-left: 0.3em !important;
}

.w30 {
  width: 30px !important;
}

.w3p {
  width: 3% !important;
}

.w3e {
  width: 0.3em !important;
}
.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.mt4e {
  margin-top: 0.4em !important;
}

.mr4e {
  margin-right: 0.4em !important;
}

.mb4e {
  margin-bottom: 0.4em !important;
}

.ml4e {
  margin-left: 0.4em !important;
}

.mt-4 {
  margin-top: -4px !important;
}

.mr-4 {
  margin-right: -4px !important;
}

.mb-4 {
  margin-bottom: -4px !important;
}

.ml-4 {
  margin-left: -4px !important;
}

.mt-4e {
  margin-top: -0.4em !important;
}

.mr-4e {
  margin-right: -0.4em !important;
}

.mb-4e {
  margin-bottom: -0.4em !important;
}

.ml-4e {
  margin-left: -0.4em !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pt4e {
  padding-top: 0.4em !important;
}

.pr4e {
  padding-right: 0.4em !important;
}

.pb4e {
  padding-bottom: 0.4em !important;
}

.pl4e {
  padding-left: 0.4em !important;
}

.indent4e {
  text-indent: -0.4em !important;
  padding-left: 0.4em !important;
}

.w40 {
  width: 40px !important;
}

.w4p {
  width: 4% !important;
}

.w4e {
  width: 0.4em !important;
}
.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt5e {
  margin-top: 0.5em !important;
}

.mr5e {
  margin-right: 0.5em !important;
}

.mb5e {
  margin-bottom: 0.5em !important;
}

.ml5e {
  margin-left: 0.5em !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

.mb-5 {
  margin-bottom: -5px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.mt-5e {
  margin-top: -0.5em !important;
}

.mr-5e {
  margin-right: -0.5em !important;
}

.mb-5e {
  margin-bottom: -0.5em !important;
}

.ml-5e {
  margin-left: -0.5em !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pt5e {
  padding-top: 0.5em !important;
}

.pr5e {
  padding-right: 0.5em !important;
}

.pb5e {
  padding-bottom: 0.5em !important;
}

.pl5e {
  padding-left: 0.5em !important;
}

.indent5e {
  text-indent: -0.5em !important;
  padding-left: 0.5em !important;
}

.w50 {
  width: 50px !important;
}

.w5p {
  width: 5% !important;
}

.w5e {
  width: 0.5em !important;
}
.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.mt6e {
  margin-top: 0.6em !important;
}

.mr6e {
  margin-right: 0.6em !important;
}

.mb6e {
  margin-bottom: 0.6em !important;
}

.ml6e {
  margin-left: 0.6em !important;
}

.mt-6 {
  margin-top: -6px !important;
}

.mr-6 {
  margin-right: -6px !important;
}

.mb-6 {
  margin-bottom: -6px !important;
}

.ml-6 {
  margin-left: -6px !important;
}

.mt-6e {
  margin-top: -0.6em !important;
}

.mr-6e {
  margin-right: -0.6em !important;
}

.mb-6e {
  margin-bottom: -0.6em !important;
}

.ml-6e {
  margin-left: -0.6em !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pt6e {
  padding-top: 0.6em !important;
}

.pr6e {
  padding-right: 0.6em !important;
}

.pb6e {
  padding-bottom: 0.6em !important;
}

.pl6e {
  padding-left: 0.6em !important;
}

.indent6e {
  text-indent: -0.6em !important;
  padding-left: 0.6em !important;
}

.w60 {
  width: 60px !important;
}

.w6p {
  width: 6% !important;
}

.w6e {
  width: 0.6em !important;
}
.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.mt7e {
  margin-top: 0.7em !important;
}

.mr7e {
  margin-right: 0.7em !important;
}

.mb7e {
  margin-bottom: 0.7em !important;
}

.ml7e {
  margin-left: 0.7em !important;
}

.mt-7 {
  margin-top: -7px !important;
}

.mr-7 {
  margin-right: -7px !important;
}

.mb-7 {
  margin-bottom: -7px !important;
}

.ml-7 {
  margin-left: -7px !important;
}

.mt-7e {
  margin-top: -0.7em !important;
}

.mr-7e {
  margin-right: -0.7em !important;
}

.mb-7e {
  margin-bottom: -0.7em !important;
}

.ml-7e {
  margin-left: -0.7em !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pt7e {
  padding-top: 0.7em !important;
}

.pr7e {
  padding-right: 0.7em !important;
}

.pb7e {
  padding-bottom: 0.7em !important;
}

.pl7e {
  padding-left: 0.7em !important;
}

.indent7e {
  text-indent: -0.7em !important;
  padding-left: 0.7em !important;
}

.w70 {
  width: 70px !important;
}

.w7p {
  width: 7% !important;
}

.w7e {
  width: 0.7em !important;
}
.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mt8e {
  margin-top: 0.8em !important;
}

.mr8e {
  margin-right: 0.8em !important;
}

.mb8e {
  margin-bottom: 0.8em !important;
}

.ml8e {
  margin-left: 0.8em !important;
}

.mt-8 {
  margin-top: -8px !important;
}

.mr-8 {
  margin-right: -8px !important;
}

.mb-8 {
  margin-bottom: -8px !important;
}

.ml-8 {
  margin-left: -8px !important;
}

.mt-8e {
  margin-top: -0.8em !important;
}

.mr-8e {
  margin-right: -0.8em !important;
}

.mb-8e {
  margin-bottom: -0.8em !important;
}

.ml-8e {
  margin-left: -0.8em !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pt8e {
  padding-top: 0.8em !important;
}

.pr8e {
  padding-right: 0.8em !important;
}

.pb8e {
  padding-bottom: 0.8em !important;
}

.pl8e {
  padding-left: 0.8em !important;
}

.indent8e {
  text-indent: -0.8em !important;
  padding-left: 0.8em !important;
}

.w80 {
  width: 80px !important;
}

.w8p {
  width: 8% !important;
}

.w8e {
  width: 0.8em !important;
}
.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.mt9e {
  margin-top: 0.9em !important;
}

.mr9e {
  margin-right: 0.9em !important;
}

.mb9e {
  margin-bottom: 0.9em !important;
}

.ml9e {
  margin-left: 0.9em !important;
}

.mt-9 {
  margin-top: -9px !important;
}

.mr-9 {
  margin-right: -9px !important;
}

.mb-9 {
  margin-bottom: -9px !important;
}

.ml-9 {
  margin-left: -9px !important;
}

.mt-9e {
  margin-top: -0.9em !important;
}

.mr-9e {
  margin-right: -0.9em !important;
}

.mb-9e {
  margin-bottom: -0.9em !important;
}

.ml-9e {
  margin-left: -0.9em !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pt9e {
  padding-top: 0.9em !important;
}

.pr9e {
  padding-right: 0.9em !important;
}

.pb9e {
  padding-bottom: 0.9em !important;
}

.pl9e {
  padding-left: 0.9em !important;
}

.indent9e {
  text-indent: -0.9em !important;
  padding-left: 0.9em !important;
}

.w90 {
  width: 90px !important;
}

.w9p {
  width: 9% !important;
}

.w9e {
  width: 0.9em !important;
}
.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt10e {
  margin-top: 1em !important;
}

.mr10e {
  margin-right: 1em !important;
}

.mb10e {
  margin-bottom: 1em !important;
}

.ml10e {
  margin-left: 1em !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.mt-10e {
  margin-top: -1em !important;
}

.mr-10e {
  margin-right: -1em !important;
}

.mb-10e {
  margin-bottom: -1em !important;
}

.ml-10e {
  margin-left: -1em !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pt10e {
  padding-top: 1em !important;
}

.pr10e {
  padding-right: 1em !important;
}

.pb10e {
  padding-bottom: 1em !important;
}

.pl10e {
  padding-left: 1em !important;
}

.indent10e {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

.w100 {
  width: 100px !important;
}

.w10p {
  width: 10% !important;
}

.w10e {
  width: 1em !important;
}
.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.mt11e {
  margin-top: 1.1em !important;
}

.mr11e {
  margin-right: 1.1em !important;
}

.mb11e {
  margin-bottom: 1.1em !important;
}

.ml11e {
  margin-left: 1.1em !important;
}

.mt-11 {
  margin-top: -11px !important;
}

.mr-11 {
  margin-right: -11px !important;
}

.mb-11 {
  margin-bottom: -11px !important;
}

.ml-11 {
  margin-left: -11px !important;
}

.mt-11e {
  margin-top: -1.1em !important;
}

.mr-11e {
  margin-right: -1.1em !important;
}

.mb-11e {
  margin-bottom: -1.1em !important;
}

.ml-11e {
  margin-left: -1.1em !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.pt11e {
  padding-top: 1.1em !important;
}

.pr11e {
  padding-right: 1.1em !important;
}

.pb11e {
  padding-bottom: 1.1em !important;
}

.pl11e {
  padding-left: 1.1em !important;
}

.indent11e {
  text-indent: -1.1em !important;
  padding-left: 1.1em !important;
}

.w110 {
  width: 110px !important;
}

.w11p {
  width: 11% !important;
}

.w11e {
  width: 1.1em !important;
}
.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.mt12e {
  margin-top: 1.2em !important;
}

.mr12e {
  margin-right: 1.2em !important;
}

.mb12e {
  margin-bottom: 1.2em !important;
}

.ml12e {
  margin-left: 1.2em !important;
}

.mt-12 {
  margin-top: -12px !important;
}

.mr-12 {
  margin-right: -12px !important;
}

.mb-12 {
  margin-bottom: -12px !important;
}

.ml-12 {
  margin-left: -12px !important;
}

.mt-12e {
  margin-top: -1.2em !important;
}

.mr-12e {
  margin-right: -1.2em !important;
}

.mb-12e {
  margin-bottom: -1.2em !important;
}

.ml-12e {
  margin-left: -1.2em !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pt12e {
  padding-top: 1.2em !important;
}

.pr12e {
  padding-right: 1.2em !important;
}

.pb12e {
  padding-bottom: 1.2em !important;
}

.pl12e {
  padding-left: 1.2em !important;
}

.indent12e {
  text-indent: -1.2em !important;
  padding-left: 1.2em !important;
}

.w120 {
  width: 120px !important;
}

.w12p {
  width: 12% !important;
}

.w12e {
  width: 1.2em !important;
}
.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.mt13e {
  margin-top: 1.3em !important;
}

.mr13e {
  margin-right: 1.3em !important;
}

.mb13e {
  margin-bottom: 1.3em !important;
}

.ml13e {
  margin-left: 1.3em !important;
}

.mt-13 {
  margin-top: -13px !important;
}

.mr-13 {
  margin-right: -13px !important;
}

.mb-13 {
  margin-bottom: -13px !important;
}

.ml-13 {
  margin-left: -13px !important;
}

.mt-13e {
  margin-top: -1.3em !important;
}

.mr-13e {
  margin-right: -1.3em !important;
}

.mb-13e {
  margin-bottom: -1.3em !important;
}

.ml-13e {
  margin-left: -1.3em !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.pt13e {
  padding-top: 1.3em !important;
}

.pr13e {
  padding-right: 1.3em !important;
}

.pb13e {
  padding-bottom: 1.3em !important;
}

.pl13e {
  padding-left: 1.3em !important;
}

.indent13e {
  text-indent: -1.3em !important;
  padding-left: 1.3em !important;
}

.w130 {
  width: 130px !important;
}

.w13p {
  width: 13% !important;
}

.w13e {
  width: 1.3em !important;
}
.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.mt14e {
  margin-top: 1.4em !important;
}

.mr14e {
  margin-right: 1.4em !important;
}

.mb14e {
  margin-bottom: 1.4em !important;
}

.ml14e {
  margin-left: 1.4em !important;
}

.mt-14 {
  margin-top: -14px !important;
}

.mr-14 {
  margin-right: -14px !important;
}

.mb-14 {
  margin-bottom: -14px !important;
}

.ml-14 {
  margin-left: -14px !important;
}

.mt-14e {
  margin-top: -1.4em !important;
}

.mr-14e {
  margin-right: -1.4em !important;
}

.mb-14e {
  margin-bottom: -1.4em !important;
}

.ml-14e {
  margin-left: -1.4em !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.pt14e {
  padding-top: 1.4em !important;
}

.pr14e {
  padding-right: 1.4em !important;
}

.pb14e {
  padding-bottom: 1.4em !important;
}

.pl14e {
  padding-left: 1.4em !important;
}

.indent14e {
  text-indent: -1.4em !important;
  padding-left: 1.4em !important;
}

.w140 {
  width: 140px !important;
}

.w14p {
  width: 14% !important;
}

.w14e {
  width: 1.4em !important;
}
.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt15e {
  margin-top: 1.5em !important;
}

.mr15e {
  margin-right: 1.5em !important;
}

.mb15e {
  margin-bottom: 1.5em !important;
}

.ml15e {
  margin-left: 1.5em !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

.mb-15 {
  margin-bottom: -15px !important;
}

.ml-15 {
  margin-left: -15px !important;
}

.mt-15e {
  margin-top: -1.5em !important;
}

.mr-15e {
  margin-right: -1.5em !important;
}

.mb-15e {
  margin-bottom: -1.5em !important;
}

.ml-15e {
  margin-left: -1.5em !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pt15e {
  padding-top: 1.5em !important;
}

.pr15e {
  padding-right: 1.5em !important;
}

.pb15e {
  padding-bottom: 1.5em !important;
}

.pl15e {
  padding-left: 1.5em !important;
}

.indent15e {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}

.w150 {
  width: 150px !important;
}

.w15p {
  width: 15% !important;
}

.w15e {
  width: 1.5em !important;
}
.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mt16e {
  margin-top: 1.6em !important;
}

.mr16e {
  margin-right: 1.6em !important;
}

.mb16e {
  margin-bottom: 1.6em !important;
}

.ml16e {
  margin-left: 1.6em !important;
}

.mt-16 {
  margin-top: -16px !important;
}

.mr-16 {
  margin-right: -16px !important;
}

.mb-16 {
  margin-bottom: -16px !important;
}

.ml-16 {
  margin-left: -16px !important;
}

.mt-16e {
  margin-top: -1.6em !important;
}

.mr-16e {
  margin-right: -1.6em !important;
}

.mb-16e {
  margin-bottom: -1.6em !important;
}

.ml-16e {
  margin-left: -1.6em !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pt16e {
  padding-top: 1.6em !important;
}

.pr16e {
  padding-right: 1.6em !important;
}

.pb16e {
  padding-bottom: 1.6em !important;
}

.pl16e {
  padding-left: 1.6em !important;
}

.indent16e {
  text-indent: -1.6em !important;
  padding-left: 1.6em !important;
}

.w160 {
  width: 160px !important;
}

.w16p {
  width: 16% !important;
}

.w16e {
  width: 1.6em !important;
}
.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.mt17e {
  margin-top: 1.7em !important;
}

.mr17e {
  margin-right: 1.7em !important;
}

.mb17e {
  margin-bottom: 1.7em !important;
}

.ml17e {
  margin-left: 1.7em !important;
}

.mt-17 {
  margin-top: -17px !important;
}

.mr-17 {
  margin-right: -17px !important;
}

.mb-17 {
  margin-bottom: -17px !important;
}

.ml-17 {
  margin-left: -17px !important;
}

.mt-17e {
  margin-top: -1.7em !important;
}

.mr-17e {
  margin-right: -1.7em !important;
}

.mb-17e {
  margin-bottom: -1.7em !important;
}

.ml-17e {
  margin-left: -1.7em !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.pt17e {
  padding-top: 1.7em !important;
}

.pr17e {
  padding-right: 1.7em !important;
}

.pb17e {
  padding-bottom: 1.7em !important;
}

.pl17e {
  padding-left: 1.7em !important;
}

.indent17e {
  text-indent: -1.7em !important;
  padding-left: 1.7em !important;
}

.w170 {
  width: 170px !important;
}

.w17p {
  width: 17% !important;
}

.w17e {
  width: 1.7em !important;
}
.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.mt18e {
  margin-top: 1.8em !important;
}

.mr18e {
  margin-right: 1.8em !important;
}

.mb18e {
  margin-bottom: 1.8em !important;
}

.ml18e {
  margin-left: 1.8em !important;
}

.mt-18 {
  margin-top: -18px !important;
}

.mr-18 {
  margin-right: -18px !important;
}

.mb-18 {
  margin-bottom: -18px !important;
}

.ml-18 {
  margin-left: -18px !important;
}

.mt-18e {
  margin-top: -1.8em !important;
}

.mr-18e {
  margin-right: -1.8em !important;
}

.mb-18e {
  margin-bottom: -1.8em !important;
}

.ml-18e {
  margin-left: -1.8em !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.pt18e {
  padding-top: 1.8em !important;
}

.pr18e {
  padding-right: 1.8em !important;
}

.pb18e {
  padding-bottom: 1.8em !important;
}

.pl18e {
  padding-left: 1.8em !important;
}

.indent18e {
  text-indent: -1.8em !important;
  padding-left: 1.8em !important;
}

.w180 {
  width: 180px !important;
}

.w18p {
  width: 18% !important;
}

.w18e {
  width: 1.8em !important;
}
.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.mt19e {
  margin-top: 1.9em !important;
}

.mr19e {
  margin-right: 1.9em !important;
}

.mb19e {
  margin-bottom: 1.9em !important;
}

.ml19e {
  margin-left: 1.9em !important;
}

.mt-19 {
  margin-top: -19px !important;
}

.mr-19 {
  margin-right: -19px !important;
}

.mb-19 {
  margin-bottom: -19px !important;
}

.ml-19 {
  margin-left: -19px !important;
}

.mt-19e {
  margin-top: -1.9em !important;
}

.mr-19e {
  margin-right: -1.9em !important;
}

.mb-19e {
  margin-bottom: -1.9em !important;
}

.ml-19e {
  margin-left: -1.9em !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.pt19e {
  padding-top: 1.9em !important;
}

.pr19e {
  padding-right: 1.9em !important;
}

.pb19e {
  padding-bottom: 1.9em !important;
}

.pl19e {
  padding-left: 1.9em !important;
}

.indent19e {
  text-indent: -1.9em !important;
  padding-left: 1.9em !important;
}

.w190 {
  width: 190px !important;
}

.w19p {
  width: 19% !important;
}

.w19e {
  width: 1.9em !important;
}
.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt20e {
  margin-top: 2em !important;
}

.mr20e {
  margin-right: 2em !important;
}

.mb20e {
  margin-bottom: 2em !important;
}

.ml20e {
  margin-left: 2em !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

.mb-20 {
  margin-bottom: -20px !important;
}

.ml-20 {
  margin-left: -20px !important;
}

.mt-20e {
  margin-top: -2em !important;
}

.mr-20e {
  margin-right: -2em !important;
}

.mb-20e {
  margin-bottom: -2em !important;
}

.ml-20e {
  margin-left: -2em !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pt20e {
  padding-top: 2em !important;
}

.pr20e {
  padding-right: 2em !important;
}

.pb20e {
  padding-bottom: 2em !important;
}

.pl20e {
  padding-left: 2em !important;
}

.indent20e {
  text-indent: -2em !important;
  padding-left: 2em !important;
}

.w200 {
  width: 200px !important;
}

.w20p {
  width: 20% !important;
}

.w20e {
  width: 2em !important;
}
.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.mt21e {
  margin-top: 2.1em !important;
}

.mr21e {
  margin-right: 2.1em !important;
}

.mb21e {
  margin-bottom: 2.1em !important;
}

.ml21e {
  margin-left: 2.1em !important;
}

.mt-21 {
  margin-top: -21px !important;
}

.mr-21 {
  margin-right: -21px !important;
}

.mb-21 {
  margin-bottom: -21px !important;
}

.ml-21 {
  margin-left: -21px !important;
}

.mt-21e {
  margin-top: -2.1em !important;
}

.mr-21e {
  margin-right: -2.1em !important;
}

.mb-21e {
  margin-bottom: -2.1em !important;
}

.ml-21e {
  margin-left: -2.1em !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.pt21e {
  padding-top: 2.1em !important;
}

.pr21e {
  padding-right: 2.1em !important;
}

.pb21e {
  padding-bottom: 2.1em !important;
}

.pl21e {
  padding-left: 2.1em !important;
}

.indent21e {
  text-indent: -2.1em !important;
  padding-left: 2.1em !important;
}

.w210 {
  width: 210px !important;
}

.w21p {
  width: 21% !important;
}

.w21e {
  width: 2.1em !important;
}
.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.mt22e {
  margin-top: 2.2em !important;
}

.mr22e {
  margin-right: 2.2em !important;
}

.mb22e {
  margin-bottom: 2.2em !important;
}

.ml22e {
  margin-left: 2.2em !important;
}

.mt-22 {
  margin-top: -22px !important;
}

.mr-22 {
  margin-right: -22px !important;
}

.mb-22 {
  margin-bottom: -22px !important;
}

.ml-22 {
  margin-left: -22px !important;
}

.mt-22e {
  margin-top: -2.2em !important;
}

.mr-22e {
  margin-right: -2.2em !important;
}

.mb-22e {
  margin-bottom: -2.2em !important;
}

.ml-22e {
  margin-left: -2.2em !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.pt22e {
  padding-top: 2.2em !important;
}

.pr22e {
  padding-right: 2.2em !important;
}

.pb22e {
  padding-bottom: 2.2em !important;
}

.pl22e {
  padding-left: 2.2em !important;
}

.indent22e {
  text-indent: -2.2em !important;
  padding-left: 2.2em !important;
}

.w220 {
  width: 220px !important;
}

.w22p {
  width: 22% !important;
}

.w22e {
  width: 2.2em !important;
}
.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.mt23e {
  margin-top: 2.3em !important;
}

.mr23e {
  margin-right: 2.3em !important;
}

.mb23e {
  margin-bottom: 2.3em !important;
}

.ml23e {
  margin-left: 2.3em !important;
}

.mt-23 {
  margin-top: -23px !important;
}

.mr-23 {
  margin-right: -23px !important;
}

.mb-23 {
  margin-bottom: -23px !important;
}

.ml-23 {
  margin-left: -23px !important;
}

.mt-23e {
  margin-top: -2.3em !important;
}

.mr-23e {
  margin-right: -2.3em !important;
}

.mb-23e {
  margin-bottom: -2.3em !important;
}

.ml-23e {
  margin-left: -2.3em !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.pt23e {
  padding-top: 2.3em !important;
}

.pr23e {
  padding-right: 2.3em !important;
}

.pb23e {
  padding-bottom: 2.3em !important;
}

.pl23e {
  padding-left: 2.3em !important;
}

.indent23e {
  text-indent: -2.3em !important;
  padding-left: 2.3em !important;
}

.w230 {
  width: 230px !important;
}

.w23p {
  width: 23% !important;
}

.w23e {
  width: 2.3em !important;
}
.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mt24e {
  margin-top: 2.4em !important;
}

.mr24e {
  margin-right: 2.4em !important;
}

.mb24e {
  margin-bottom: 2.4em !important;
}

.ml24e {
  margin-left: 2.4em !important;
}

.mt-24 {
  margin-top: -24px !important;
}

.mr-24 {
  margin-right: -24px !important;
}

.mb-24 {
  margin-bottom: -24px !important;
}

.ml-24 {
  margin-left: -24px !important;
}

.mt-24e {
  margin-top: -2.4em !important;
}

.mr-24e {
  margin-right: -2.4em !important;
}

.mb-24e {
  margin-bottom: -2.4em !important;
}

.ml-24e {
  margin-left: -2.4em !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pt24e {
  padding-top: 2.4em !important;
}

.pr24e {
  padding-right: 2.4em !important;
}

.pb24e {
  padding-bottom: 2.4em !important;
}

.pl24e {
  padding-left: 2.4em !important;
}

.indent24e {
  text-indent: -2.4em !important;
  padding-left: 2.4em !important;
}

.w240 {
  width: 240px !important;
}

.w24p {
  width: 24% !important;
}

.w24e {
  width: 2.4em !important;
}
.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt25e {
  margin-top: 2.5em !important;
}

.mr25e {
  margin-right: 2.5em !important;
}

.mb25e {
  margin-bottom: 2.5em !important;
}

.ml25e {
  margin-left: 2.5em !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

.mb-25 {
  margin-bottom: -25px !important;
}

.ml-25 {
  margin-left: -25px !important;
}

.mt-25e {
  margin-top: -2.5em !important;
}

.mr-25e {
  margin-right: -2.5em !important;
}

.mb-25e {
  margin-bottom: -2.5em !important;
}

.ml-25e {
  margin-left: -2.5em !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pt25e {
  padding-top: 2.5em !important;
}

.pr25e {
  padding-right: 2.5em !important;
}

.pb25e {
  padding-bottom: 2.5em !important;
}

.pl25e {
  padding-left: 2.5em !important;
}

.indent25e {
  text-indent: -2.5em !important;
  padding-left: 2.5em !important;
}

.w250 {
  width: 250px !important;
}

.w25p {
  width: 25% !important;
}

.w25e {
  width: 2.5em !important;
}
.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.mt26e {
  margin-top: 2.6em !important;
}

.mr26e {
  margin-right: 2.6em !important;
}

.mb26e {
  margin-bottom: 2.6em !important;
}

.ml26e {
  margin-left: 2.6em !important;
}

.mt-26 {
  margin-top: -26px !important;
}

.mr-26 {
  margin-right: -26px !important;
}

.mb-26 {
  margin-bottom: -26px !important;
}

.ml-26 {
  margin-left: -26px !important;
}

.mt-26e {
  margin-top: -2.6em !important;
}

.mr-26e {
  margin-right: -2.6em !important;
}

.mb-26e {
  margin-bottom: -2.6em !important;
}

.ml-26e {
  margin-left: -2.6em !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.pt26e {
  padding-top: 2.6em !important;
}

.pr26e {
  padding-right: 2.6em !important;
}

.pb26e {
  padding-bottom: 2.6em !important;
}

.pl26e {
  padding-left: 2.6em !important;
}

.indent26e {
  text-indent: -2.6em !important;
  padding-left: 2.6em !important;
}

.w260 {
  width: 260px !important;
}

.w26p {
  width: 26% !important;
}

.w26e {
  width: 2.6em !important;
}
.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.mt27e {
  margin-top: 2.7em !important;
}

.mr27e {
  margin-right: 2.7em !important;
}

.mb27e {
  margin-bottom: 2.7em !important;
}

.ml27e {
  margin-left: 2.7em !important;
}

.mt-27 {
  margin-top: -27px !important;
}

.mr-27 {
  margin-right: -27px !important;
}

.mb-27 {
  margin-bottom: -27px !important;
}

.ml-27 {
  margin-left: -27px !important;
}

.mt-27e {
  margin-top: -2.7em !important;
}

.mr-27e {
  margin-right: -2.7em !important;
}

.mb-27e {
  margin-bottom: -2.7em !important;
}

.ml-27e {
  margin-left: -2.7em !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.pt27e {
  padding-top: 2.7em !important;
}

.pr27e {
  padding-right: 2.7em !important;
}

.pb27e {
  padding-bottom: 2.7em !important;
}

.pl27e {
  padding-left: 2.7em !important;
}

.indent27e {
  text-indent: -2.7em !important;
  padding-left: 2.7em !important;
}

.w270 {
  width: 270px !important;
}

.w27p {
  width: 27% !important;
}

.w27e {
  width: 2.7em !important;
}
.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.mt28e {
  margin-top: 2.8em !important;
}

.mr28e {
  margin-right: 2.8em !important;
}

.mb28e {
  margin-bottom: 2.8em !important;
}

.ml28e {
  margin-left: 2.8em !important;
}

.mt-28 {
  margin-top: -28px !important;
}

.mr-28 {
  margin-right: -28px !important;
}

.mb-28 {
  margin-bottom: -28px !important;
}

.ml-28 {
  margin-left: -28px !important;
}

.mt-28e {
  margin-top: -2.8em !important;
}

.mr-28e {
  margin-right: -2.8em !important;
}

.mb-28e {
  margin-bottom: -2.8em !important;
}

.ml-28e {
  margin-left: -2.8em !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.pt28e {
  padding-top: 2.8em !important;
}

.pr28e {
  padding-right: 2.8em !important;
}

.pb28e {
  padding-bottom: 2.8em !important;
}

.pl28e {
  padding-left: 2.8em !important;
}

.indent28e {
  text-indent: -2.8em !important;
  padding-left: 2.8em !important;
}

.w280 {
  width: 280px !important;
}

.w28p {
  width: 28% !important;
}

.w28e {
  width: 2.8em !important;
}
.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.mt29e {
  margin-top: 2.9em !important;
}

.mr29e {
  margin-right: 2.9em !important;
}

.mb29e {
  margin-bottom: 2.9em !important;
}

.ml29e {
  margin-left: 2.9em !important;
}

.mt-29 {
  margin-top: -29px !important;
}

.mr-29 {
  margin-right: -29px !important;
}

.mb-29 {
  margin-bottom: -29px !important;
}

.ml-29 {
  margin-left: -29px !important;
}

.mt-29e {
  margin-top: -2.9em !important;
}

.mr-29e {
  margin-right: -2.9em !important;
}

.mb-29e {
  margin-bottom: -2.9em !important;
}

.ml-29e {
  margin-left: -2.9em !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.pt29e {
  padding-top: 2.9em !important;
}

.pr29e {
  padding-right: 2.9em !important;
}

.pb29e {
  padding-bottom: 2.9em !important;
}

.pl29e {
  padding-left: 2.9em !important;
}

.indent29e {
  text-indent: -2.9em !important;
  padding-left: 2.9em !important;
}

.w290 {
  width: 290px !important;
}

.w29p {
  width: 29% !important;
}

.w29e {
  width: 2.9em !important;
}
.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt30e {
  margin-top: 3em !important;
}

.mr30e {
  margin-right: 3em !important;
}

.mb30e {
  margin-bottom: 3em !important;
}

.ml30e {
  margin-left: 3em !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

.mb-30 {
  margin-bottom: -30px !important;
}

.ml-30 {
  margin-left: -30px !important;
}

.mt-30e {
  margin-top: -3em !important;
}

.mr-30e {
  margin-right: -3em !important;
}

.mb-30e {
  margin-bottom: -3em !important;
}

.ml-30e {
  margin-left: -3em !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pt30e {
  padding-top: 3em !important;
}

.pr30e {
  padding-right: 3em !important;
}

.pb30e {
  padding-bottom: 3em !important;
}

.pl30e {
  padding-left: 3em !important;
}

.indent30e {
  text-indent: -3em !important;
  padding-left: 3em !important;
}

.w300 {
  width: 300px !important;
}

.w30p {
  width: 30% !important;
}

.w30e {
  width: 3em !important;
}
.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.mt31e {
  margin-top: 3.1em !important;
}

.mr31e {
  margin-right: 3.1em !important;
}

.mb31e {
  margin-bottom: 3.1em !important;
}

.ml31e {
  margin-left: 3.1em !important;
}

.mt-31 {
  margin-top: -31px !important;
}

.mr-31 {
  margin-right: -31px !important;
}

.mb-31 {
  margin-bottom: -31px !important;
}

.ml-31 {
  margin-left: -31px !important;
}

.mt-31e {
  margin-top: -3.1em !important;
}

.mr-31e {
  margin-right: -3.1em !important;
}

.mb-31e {
  margin-bottom: -3.1em !important;
}

.ml-31e {
  margin-left: -3.1em !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.pt31e {
  padding-top: 3.1em !important;
}

.pr31e {
  padding-right: 3.1em !important;
}

.pb31e {
  padding-bottom: 3.1em !important;
}

.pl31e {
  padding-left: 3.1em !important;
}

.indent31e {
  text-indent: -3.1em !important;
  padding-left: 3.1em !important;
}

.w310 {
  width: 310px !important;
}

.w31p {
  width: 31% !important;
}

.w31e {
  width: 3.1em !important;
}
.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.mt32e {
  margin-top: 3.2em !important;
}

.mr32e {
  margin-right: 3.2em !important;
}

.mb32e {
  margin-bottom: 3.2em !important;
}

.ml32e {
  margin-left: 3.2em !important;
}

.mt-32 {
  margin-top: -32px !important;
}

.mr-32 {
  margin-right: -32px !important;
}

.mb-32 {
  margin-bottom: -32px !important;
}

.ml-32 {
  margin-left: -32px !important;
}

.mt-32e {
  margin-top: -3.2em !important;
}

.mr-32e {
  margin-right: -3.2em !important;
}

.mb-32e {
  margin-bottom: -3.2em !important;
}

.ml-32e {
  margin-left: -3.2em !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.pt32e {
  padding-top: 3.2em !important;
}

.pr32e {
  padding-right: 3.2em !important;
}

.pb32e {
  padding-bottom: 3.2em !important;
}

.pl32e {
  padding-left: 3.2em !important;
}

.indent32e {
  text-indent: -3.2em !important;
  padding-left: 3.2em !important;
}

.w320 {
  width: 320px !important;
}

.w32p {
  width: 32% !important;
}

.w32e {
  width: 3.2em !important;
}
.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.mt33e {
  margin-top: 3.3em !important;
}

.mr33e {
  margin-right: 3.3em !important;
}

.mb33e {
  margin-bottom: 3.3em !important;
}

.ml33e {
  margin-left: 3.3em !important;
}

.mt-33 {
  margin-top: -33px !important;
}

.mr-33 {
  margin-right: -33px !important;
}

.mb-33 {
  margin-bottom: -33px !important;
}

.ml-33 {
  margin-left: -33px !important;
}

.mt-33e {
  margin-top: -3.3em !important;
}

.mr-33e {
  margin-right: -3.3em !important;
}

.mb-33e {
  margin-bottom: -3.3em !important;
}

.ml-33e {
  margin-left: -3.3em !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.pt33e {
  padding-top: 3.3em !important;
}

.pr33e {
  padding-right: 3.3em !important;
}

.pb33e {
  padding-bottom: 3.3em !important;
}

.pl33e {
  padding-left: 3.3em !important;
}

.indent33e {
  text-indent: -3.3em !important;
  padding-left: 3.3em !important;
}

.w330 {
  width: 330px !important;
}

.w33p {
  width: 33% !important;
}

.w33e {
  width: 3.3em !important;
}
.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.mt34e {
  margin-top: 3.4em !important;
}

.mr34e {
  margin-right: 3.4em !important;
}

.mb34e {
  margin-bottom: 3.4em !important;
}

.ml34e {
  margin-left: 3.4em !important;
}

.mt-34 {
  margin-top: -34px !important;
}

.mr-34 {
  margin-right: -34px !important;
}

.mb-34 {
  margin-bottom: -34px !important;
}

.ml-34 {
  margin-left: -34px !important;
}

.mt-34e {
  margin-top: -3.4em !important;
}

.mr-34e {
  margin-right: -3.4em !important;
}

.mb-34e {
  margin-bottom: -3.4em !important;
}

.ml-34e {
  margin-left: -3.4em !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.pt34e {
  padding-top: 3.4em !important;
}

.pr34e {
  padding-right: 3.4em !important;
}

.pb34e {
  padding-bottom: 3.4em !important;
}

.pl34e {
  padding-left: 3.4em !important;
}

.indent34e {
  text-indent: -3.4em !important;
  padding-left: 3.4em !important;
}

.w340 {
  width: 340px !important;
}

.w34p {
  width: 34% !important;
}

.w34e {
  width: 3.4em !important;
}
.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt35e {
  margin-top: 3.5em !important;
}

.mr35e {
  margin-right: 3.5em !important;
}

.mb35e {
  margin-bottom: 3.5em !important;
}

.ml35e {
  margin-left: 3.5em !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

.mb-35 {
  margin-bottom: -35px !important;
}

.ml-35 {
  margin-left: -35px !important;
}

.mt-35e {
  margin-top: -3.5em !important;
}

.mr-35e {
  margin-right: -3.5em !important;
}

.mb-35e {
  margin-bottom: -3.5em !important;
}

.ml-35e {
  margin-left: -3.5em !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pt35e {
  padding-top: 3.5em !important;
}

.pr35e {
  padding-right: 3.5em !important;
}

.pb35e {
  padding-bottom: 3.5em !important;
}

.pl35e {
  padding-left: 3.5em !important;
}

.indent35e {
  text-indent: -3.5em !important;
  padding-left: 3.5em !important;
}

.w350 {
  width: 350px !important;
}

.w35p {
  width: 35% !important;
}

.w35e {
  width: 3.5em !important;
}
.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.mt36e {
  margin-top: 3.6em !important;
}

.mr36e {
  margin-right: 3.6em !important;
}

.mb36e {
  margin-bottom: 3.6em !important;
}

.ml36e {
  margin-left: 3.6em !important;
}

.mt-36 {
  margin-top: -36px !important;
}

.mr-36 {
  margin-right: -36px !important;
}

.mb-36 {
  margin-bottom: -36px !important;
}

.ml-36 {
  margin-left: -36px !important;
}

.mt-36e {
  margin-top: -3.6em !important;
}

.mr-36e {
  margin-right: -3.6em !important;
}

.mb-36e {
  margin-bottom: -3.6em !important;
}

.ml-36e {
  margin-left: -3.6em !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.pt36e {
  padding-top: 3.6em !important;
}

.pr36e {
  padding-right: 3.6em !important;
}

.pb36e {
  padding-bottom: 3.6em !important;
}

.pl36e {
  padding-left: 3.6em !important;
}

.indent36e {
  text-indent: -3.6em !important;
  padding-left: 3.6em !important;
}

.w360 {
  width: 360px !important;
}

.w36p {
  width: 36% !important;
}

.w36e {
  width: 3.6em !important;
}
.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.mt37e {
  margin-top: 3.7em !important;
}

.mr37e {
  margin-right: 3.7em !important;
}

.mb37e {
  margin-bottom: 3.7em !important;
}

.ml37e {
  margin-left: 3.7em !important;
}

.mt-37 {
  margin-top: -37px !important;
}

.mr-37 {
  margin-right: -37px !important;
}

.mb-37 {
  margin-bottom: -37px !important;
}

.ml-37 {
  margin-left: -37px !important;
}

.mt-37e {
  margin-top: -3.7em !important;
}

.mr-37e {
  margin-right: -3.7em !important;
}

.mb-37e {
  margin-bottom: -3.7em !important;
}

.ml-37e {
  margin-left: -3.7em !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.pt37e {
  padding-top: 3.7em !important;
}

.pr37e {
  padding-right: 3.7em !important;
}

.pb37e {
  padding-bottom: 3.7em !important;
}

.pl37e {
  padding-left: 3.7em !important;
}

.indent37e {
  text-indent: -3.7em !important;
  padding-left: 3.7em !important;
}

.w370 {
  width: 370px !important;
}

.w37p {
  width: 37% !important;
}

.w37e {
  width: 3.7em !important;
}
.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.mt38e {
  margin-top: 3.8em !important;
}

.mr38e {
  margin-right: 3.8em !important;
}

.mb38e {
  margin-bottom: 3.8em !important;
}

.ml38e {
  margin-left: 3.8em !important;
}

.mt-38 {
  margin-top: -38px !important;
}

.mr-38 {
  margin-right: -38px !important;
}

.mb-38 {
  margin-bottom: -38px !important;
}

.ml-38 {
  margin-left: -38px !important;
}

.mt-38e {
  margin-top: -3.8em !important;
}

.mr-38e {
  margin-right: -3.8em !important;
}

.mb-38e {
  margin-bottom: -3.8em !important;
}

.ml-38e {
  margin-left: -3.8em !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.pt38e {
  padding-top: 3.8em !important;
}

.pr38e {
  padding-right: 3.8em !important;
}

.pb38e {
  padding-bottom: 3.8em !important;
}

.pl38e {
  padding-left: 3.8em !important;
}

.indent38e {
  text-indent: -3.8em !important;
  padding-left: 3.8em !important;
}

.w380 {
  width: 380px !important;
}

.w38p {
  width: 38% !important;
}

.w38e {
  width: 3.8em !important;
}
.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.mt39e {
  margin-top: 3.9em !important;
}

.mr39e {
  margin-right: 3.9em !important;
}

.mb39e {
  margin-bottom: 3.9em !important;
}

.ml39e {
  margin-left: 3.9em !important;
}

.mt-39 {
  margin-top: -39px !important;
}

.mr-39 {
  margin-right: -39px !important;
}

.mb-39 {
  margin-bottom: -39px !important;
}

.ml-39 {
  margin-left: -39px !important;
}

.mt-39e {
  margin-top: -3.9em !important;
}

.mr-39e {
  margin-right: -3.9em !important;
}

.mb-39e {
  margin-bottom: -3.9em !important;
}

.ml-39e {
  margin-left: -3.9em !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.pt39e {
  padding-top: 3.9em !important;
}

.pr39e {
  padding-right: 3.9em !important;
}

.pb39e {
  padding-bottom: 3.9em !important;
}

.pl39e {
  padding-left: 3.9em !important;
}

.indent39e {
  text-indent: -3.9em !important;
  padding-left: 3.9em !important;
}

.w390 {
  width: 390px !important;
}

.w39p {
  width: 39% !important;
}

.w39e {
  width: 3.9em !important;
}
.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt40e {
  margin-top: 4em !important;
}

.mr40e {
  margin-right: 4em !important;
}

.mb40e {
  margin-bottom: 4em !important;
}

.ml40e {
  margin-left: 4em !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

.mb-40 {
  margin-bottom: -40px !important;
}

.ml-40 {
  margin-left: -40px !important;
}

.mt-40e {
  margin-top: -4em !important;
}

.mr-40e {
  margin-right: -4em !important;
}

.mb-40e {
  margin-bottom: -4em !important;
}

.ml-40e {
  margin-left: -4em !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pt40e {
  padding-top: 4em !important;
}

.pr40e {
  padding-right: 4em !important;
}

.pb40e {
  padding-bottom: 4em !important;
}

.pl40e {
  padding-left: 4em !important;
}

.indent40e {
  text-indent: -4em !important;
  padding-left: 4em !important;
}

.w400 {
  width: 400px !important;
}

.w40p {
  width: 40% !important;
}

.w40e {
  width: 4em !important;
}
.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.mt41e {
  margin-top: 4.1em !important;
}

.mr41e {
  margin-right: 4.1em !important;
}

.mb41e {
  margin-bottom: 4.1em !important;
}

.ml41e {
  margin-left: 4.1em !important;
}

.mt-41 {
  margin-top: -41px !important;
}

.mr-41 {
  margin-right: -41px !important;
}

.mb-41 {
  margin-bottom: -41px !important;
}

.ml-41 {
  margin-left: -41px !important;
}

.mt-41e {
  margin-top: -4.1em !important;
}

.mr-41e {
  margin-right: -4.1em !important;
}

.mb-41e {
  margin-bottom: -4.1em !important;
}

.ml-41e {
  margin-left: -4.1em !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.pt41e {
  padding-top: 4.1em !important;
}

.pr41e {
  padding-right: 4.1em !important;
}

.pb41e {
  padding-bottom: 4.1em !important;
}

.pl41e {
  padding-left: 4.1em !important;
}

.indent41e {
  text-indent: -4.1em !important;
  padding-left: 4.1em !important;
}

.w410 {
  width: 410px !important;
}

.w41p {
  width: 41% !important;
}

.w41e {
  width: 4.1em !important;
}
.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.mt42e {
  margin-top: 4.2em !important;
}

.mr42e {
  margin-right: 4.2em !important;
}

.mb42e {
  margin-bottom: 4.2em !important;
}

.ml42e {
  margin-left: 4.2em !important;
}

.mt-42 {
  margin-top: -42px !important;
}

.mr-42 {
  margin-right: -42px !important;
}

.mb-42 {
  margin-bottom: -42px !important;
}

.ml-42 {
  margin-left: -42px !important;
}

.mt-42e {
  margin-top: -4.2em !important;
}

.mr-42e {
  margin-right: -4.2em !important;
}

.mb-42e {
  margin-bottom: -4.2em !important;
}

.ml-42e {
  margin-left: -4.2em !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.pt42e {
  padding-top: 4.2em !important;
}

.pr42e {
  padding-right: 4.2em !important;
}

.pb42e {
  padding-bottom: 4.2em !important;
}

.pl42e {
  padding-left: 4.2em !important;
}

.indent42e {
  text-indent: -4.2em !important;
  padding-left: 4.2em !important;
}

.w420 {
  width: 420px !important;
}

.w42p {
  width: 42% !important;
}

.w42e {
  width: 4.2em !important;
}
.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.mt43e {
  margin-top: 4.3em !important;
}

.mr43e {
  margin-right: 4.3em !important;
}

.mb43e {
  margin-bottom: 4.3em !important;
}

.ml43e {
  margin-left: 4.3em !important;
}

.mt-43 {
  margin-top: -43px !important;
}

.mr-43 {
  margin-right: -43px !important;
}

.mb-43 {
  margin-bottom: -43px !important;
}

.ml-43 {
  margin-left: -43px !important;
}

.mt-43e {
  margin-top: -4.3em !important;
}

.mr-43e {
  margin-right: -4.3em !important;
}

.mb-43e {
  margin-bottom: -4.3em !important;
}

.ml-43e {
  margin-left: -4.3em !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.pt43e {
  padding-top: 4.3em !important;
}

.pr43e {
  padding-right: 4.3em !important;
}

.pb43e {
  padding-bottom: 4.3em !important;
}

.pl43e {
  padding-left: 4.3em !important;
}

.indent43e {
  text-indent: -4.3em !important;
  padding-left: 4.3em !important;
}

.w430 {
  width: 430px !important;
}

.w43p {
  width: 43% !important;
}

.w43e {
  width: 4.3em !important;
}
.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.mt44e {
  margin-top: 4.4em !important;
}

.mr44e {
  margin-right: 4.4em !important;
}

.mb44e {
  margin-bottom: 4.4em !important;
}

.ml44e {
  margin-left: 4.4em !important;
}

.mt-44 {
  margin-top: -44px !important;
}

.mr-44 {
  margin-right: -44px !important;
}

.mb-44 {
  margin-bottom: -44px !important;
}

.ml-44 {
  margin-left: -44px !important;
}

.mt-44e {
  margin-top: -4.4em !important;
}

.mr-44e {
  margin-right: -4.4em !important;
}

.mb-44e {
  margin-bottom: -4.4em !important;
}

.ml-44e {
  margin-left: -4.4em !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.pt44e {
  padding-top: 4.4em !important;
}

.pr44e {
  padding-right: 4.4em !important;
}

.pb44e {
  padding-bottom: 4.4em !important;
}

.pl44e {
  padding-left: 4.4em !important;
}

.indent44e {
  text-indent: -4.4em !important;
  padding-left: 4.4em !important;
}

.w440 {
  width: 440px !important;
}

.w44p {
  width: 44% !important;
}

.w44e {
  width: 4.4em !important;
}
.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt45e {
  margin-top: 4.5em !important;
}

.mr45e {
  margin-right: 4.5em !important;
}

.mb45e {
  margin-bottom: 4.5em !important;
}

.ml45e {
  margin-left: 4.5em !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

.mb-45 {
  margin-bottom: -45px !important;
}

.ml-45 {
  margin-left: -45px !important;
}

.mt-45e {
  margin-top: -4.5em !important;
}

.mr-45e {
  margin-right: -4.5em !important;
}

.mb-45e {
  margin-bottom: -4.5em !important;
}

.ml-45e {
  margin-left: -4.5em !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pt45e {
  padding-top: 4.5em !important;
}

.pr45e {
  padding-right: 4.5em !important;
}

.pb45e {
  padding-bottom: 4.5em !important;
}

.pl45e {
  padding-left: 4.5em !important;
}

.indent45e {
  text-indent: -4.5em !important;
  padding-left: 4.5em !important;
}

.w450 {
  width: 450px !important;
}

.w45p {
  width: 45% !important;
}

.w45e {
  width: 4.5em !important;
}
.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.mt46e {
  margin-top: 4.6em !important;
}

.mr46e {
  margin-right: 4.6em !important;
}

.mb46e {
  margin-bottom: 4.6em !important;
}

.ml46e {
  margin-left: 4.6em !important;
}

.mt-46 {
  margin-top: -46px !important;
}

.mr-46 {
  margin-right: -46px !important;
}

.mb-46 {
  margin-bottom: -46px !important;
}

.ml-46 {
  margin-left: -46px !important;
}

.mt-46e {
  margin-top: -4.6em !important;
}

.mr-46e {
  margin-right: -4.6em !important;
}

.mb-46e {
  margin-bottom: -4.6em !important;
}

.ml-46e {
  margin-left: -4.6em !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.pt46e {
  padding-top: 4.6em !important;
}

.pr46e {
  padding-right: 4.6em !important;
}

.pb46e {
  padding-bottom: 4.6em !important;
}

.pl46e {
  padding-left: 4.6em !important;
}

.indent46e {
  text-indent: -4.6em !important;
  padding-left: 4.6em !important;
}

.w460 {
  width: 460px !important;
}

.w46p {
  width: 46% !important;
}

.w46e {
  width: 4.6em !important;
}
.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.mt47e {
  margin-top: 4.7em !important;
}

.mr47e {
  margin-right: 4.7em !important;
}

.mb47e {
  margin-bottom: 4.7em !important;
}

.ml47e {
  margin-left: 4.7em !important;
}

.mt-47 {
  margin-top: -47px !important;
}

.mr-47 {
  margin-right: -47px !important;
}

.mb-47 {
  margin-bottom: -47px !important;
}

.ml-47 {
  margin-left: -47px !important;
}

.mt-47e {
  margin-top: -4.7em !important;
}

.mr-47e {
  margin-right: -4.7em !important;
}

.mb-47e {
  margin-bottom: -4.7em !important;
}

.ml-47e {
  margin-left: -4.7em !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.pt47e {
  padding-top: 4.7em !important;
}

.pr47e {
  padding-right: 4.7em !important;
}

.pb47e {
  padding-bottom: 4.7em !important;
}

.pl47e {
  padding-left: 4.7em !important;
}

.indent47e {
  text-indent: -4.7em !important;
  padding-left: 4.7em !important;
}

.w470 {
  width: 470px !important;
}

.w47p {
  width: 47% !important;
}

.w47e {
  width: 4.7em !important;
}
.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.mt48e {
  margin-top: 4.8em !important;
}

.mr48e {
  margin-right: 4.8em !important;
}

.mb48e {
  margin-bottom: 4.8em !important;
}

.ml48e {
  margin-left: 4.8em !important;
}

.mt-48 {
  margin-top: -48px !important;
}

.mr-48 {
  margin-right: -48px !important;
}

.mb-48 {
  margin-bottom: -48px !important;
}

.ml-48 {
  margin-left: -48px !important;
}

.mt-48e {
  margin-top: -4.8em !important;
}

.mr-48e {
  margin-right: -4.8em !important;
}

.mb-48e {
  margin-bottom: -4.8em !important;
}

.ml-48e {
  margin-left: -4.8em !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.pt48e {
  padding-top: 4.8em !important;
}

.pr48e {
  padding-right: 4.8em !important;
}

.pb48e {
  padding-bottom: 4.8em !important;
}

.pl48e {
  padding-left: 4.8em !important;
}

.indent48e {
  text-indent: -4.8em !important;
  padding-left: 4.8em !important;
}

.w480 {
  width: 480px !important;
}

.w48p {
  width: 48% !important;
}

.w48e {
  width: 4.8em !important;
}
.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.mt49e {
  margin-top: 4.9em !important;
}

.mr49e {
  margin-right: 4.9em !important;
}

.mb49e {
  margin-bottom: 4.9em !important;
}

.ml49e {
  margin-left: 4.9em !important;
}

.mt-49 {
  margin-top: -49px !important;
}

.mr-49 {
  margin-right: -49px !important;
}

.mb-49 {
  margin-bottom: -49px !important;
}

.ml-49 {
  margin-left: -49px !important;
}

.mt-49e {
  margin-top: -4.9em !important;
}

.mr-49e {
  margin-right: -4.9em !important;
}

.mb-49e {
  margin-bottom: -4.9em !important;
}

.ml-49e {
  margin-left: -4.9em !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.pt49e {
  padding-top: 4.9em !important;
}

.pr49e {
  padding-right: 4.9em !important;
}

.pb49e {
  padding-bottom: 4.9em !important;
}

.pl49e {
  padding-left: 4.9em !important;
}

.indent49e {
  text-indent: -4.9em !important;
  padding-left: 4.9em !important;
}

.w490 {
  width: 490px !important;
}

.w49p {
  width: 49% !important;
}

.w49e {
  width: 4.9em !important;
}
.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt50e {
  margin-top: 5em !important;
}

.mr50e {
  margin-right: 5em !important;
}

.mb50e {
  margin-bottom: 5em !important;
}

.ml50e {
  margin-left: 5em !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

.mb-50 {
  margin-bottom: -50px !important;
}

.ml-50 {
  margin-left: -50px !important;
}

.mt-50e {
  margin-top: -5em !important;
}

.mr-50e {
  margin-right: -5em !important;
}

.mb-50e {
  margin-bottom: -5em !important;
}

.ml-50e {
  margin-left: -5em !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pt50e {
  padding-top: 5em !important;
}

.pr50e {
  padding-right: 5em !important;
}

.pb50e {
  padding-bottom: 5em !important;
}

.pl50e {
  padding-left: 5em !important;
}

.indent50e {
  text-indent: -5em !important;
  padding-left: 5em !important;
}

.w500 {
  width: 500px !important;
}

.w50p {
  width: 50% !important;
}

.w50e {
  width: 5em !important;
}
.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

.mt51e {
  margin-top: 5.1em !important;
}

.mr51e {
  margin-right: 5.1em !important;
}

.mb51e {
  margin-bottom: 5.1em !important;
}

.ml51e {
  margin-left: 5.1em !important;
}

.mt-51 {
  margin-top: -51px !important;
}

.mr-51 {
  margin-right: -51px !important;
}

.mb-51 {
  margin-bottom: -51px !important;
}

.ml-51 {
  margin-left: -51px !important;
}

.mt-51e {
  margin-top: -5.1em !important;
}

.mr-51e {
  margin-right: -5.1em !important;
}

.mb-51e {
  margin-bottom: -5.1em !important;
}

.ml-51e {
  margin-left: -5.1em !important;
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.pt51e {
  padding-top: 5.1em !important;
}

.pr51e {
  padding-right: 5.1em !important;
}

.pb51e {
  padding-bottom: 5.1em !important;
}

.pl51e {
  padding-left: 5.1em !important;
}

.indent51e {
  text-indent: -5.1em !important;
  padding-left: 5.1em !important;
}

.w510 {
  width: 510px !important;
}

.w51p {
  width: 51% !important;
}

.w51e {
  width: 5.1em !important;
}
.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.mt52e {
  margin-top: 5.2em !important;
}

.mr52e {
  margin-right: 5.2em !important;
}

.mb52e {
  margin-bottom: 5.2em !important;
}

.ml52e {
  margin-left: 5.2em !important;
}

.mt-52 {
  margin-top: -52px !important;
}

.mr-52 {
  margin-right: -52px !important;
}

.mb-52 {
  margin-bottom: -52px !important;
}

.ml-52 {
  margin-left: -52px !important;
}

.mt-52e {
  margin-top: -5.2em !important;
}

.mr-52e {
  margin-right: -5.2em !important;
}

.mb-52e {
  margin-bottom: -5.2em !important;
}

.ml-52e {
  margin-left: -5.2em !important;
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.pt52e {
  padding-top: 5.2em !important;
}

.pr52e {
  padding-right: 5.2em !important;
}

.pb52e {
  padding-bottom: 5.2em !important;
}

.pl52e {
  padding-left: 5.2em !important;
}

.indent52e {
  text-indent: -5.2em !important;
  padding-left: 5.2em !important;
}

.w520 {
  width: 520px !important;
}

.w52p {
  width: 52% !important;
}

.w52e {
  width: 5.2em !important;
}
.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

.mt53e {
  margin-top: 5.3em !important;
}

.mr53e {
  margin-right: 5.3em !important;
}

.mb53e {
  margin-bottom: 5.3em !important;
}

.ml53e {
  margin-left: 5.3em !important;
}

.mt-53 {
  margin-top: -53px !important;
}

.mr-53 {
  margin-right: -53px !important;
}

.mb-53 {
  margin-bottom: -53px !important;
}

.ml-53 {
  margin-left: -53px !important;
}

.mt-53e {
  margin-top: -5.3em !important;
}

.mr-53e {
  margin-right: -5.3em !important;
}

.mb-53e {
  margin-bottom: -5.3em !important;
}

.ml-53e {
  margin-left: -5.3em !important;
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.pt53e {
  padding-top: 5.3em !important;
}

.pr53e {
  padding-right: 5.3em !important;
}

.pb53e {
  padding-bottom: 5.3em !important;
}

.pl53e {
  padding-left: 5.3em !important;
}

.indent53e {
  text-indent: -5.3em !important;
  padding-left: 5.3em !important;
}

.w530 {
  width: 530px !important;
}

.w53p {
  width: 53% !important;
}

.w53e {
  width: 5.3em !important;
}
.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

.mt54e {
  margin-top: 5.4em !important;
}

.mr54e {
  margin-right: 5.4em !important;
}

.mb54e {
  margin-bottom: 5.4em !important;
}

.ml54e {
  margin-left: 5.4em !important;
}

.mt-54 {
  margin-top: -54px !important;
}

.mr-54 {
  margin-right: -54px !important;
}

.mb-54 {
  margin-bottom: -54px !important;
}

.ml-54 {
  margin-left: -54px !important;
}

.mt-54e {
  margin-top: -5.4em !important;
}

.mr-54e {
  margin-right: -5.4em !important;
}

.mb-54e {
  margin-bottom: -5.4em !important;
}

.ml-54e {
  margin-left: -5.4em !important;
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.pt54e {
  padding-top: 5.4em !important;
}

.pr54e {
  padding-right: 5.4em !important;
}

.pb54e {
  padding-bottom: 5.4em !important;
}

.pl54e {
  padding-left: 5.4em !important;
}

.indent54e {
  text-indent: -5.4em !important;
  padding-left: 5.4em !important;
}

.w540 {
  width: 540px !important;
}

.w54p {
  width: 54% !important;
}

.w54e {
  width: 5.4em !important;
}
.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mt55e {
  margin-top: 5.5em !important;
}

.mr55e {
  margin-right: 5.5em !important;
}

.mb55e {
  margin-bottom: 5.5em !important;
}

.ml55e {
  margin-left: 5.5em !important;
}

.mt-55 {
  margin-top: -55px !important;
}

.mr-55 {
  margin-right: -55px !important;
}

.mb-55 {
  margin-bottom: -55px !important;
}

.ml-55 {
  margin-left: -55px !important;
}

.mt-55e {
  margin-top: -5.5em !important;
}

.mr-55e {
  margin-right: -5.5em !important;
}

.mb-55e {
  margin-bottom: -5.5em !important;
}

.ml-55e {
  margin-left: -5.5em !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pt55e {
  padding-top: 5.5em !important;
}

.pr55e {
  padding-right: 5.5em !important;
}

.pb55e {
  padding-bottom: 5.5em !important;
}

.pl55e {
  padding-left: 5.5em !important;
}

.indent55e {
  text-indent: -5.5em !important;
  padding-left: 5.5em !important;
}

.w550 {
  width: 550px !important;
}

.w55p {
  width: 55% !important;
}

.w55e {
  width: 5.5em !important;
}
.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.mt56e {
  margin-top: 5.6em !important;
}

.mr56e {
  margin-right: 5.6em !important;
}

.mb56e {
  margin-bottom: 5.6em !important;
}

.ml56e {
  margin-left: 5.6em !important;
}

.mt-56 {
  margin-top: -56px !important;
}

.mr-56 {
  margin-right: -56px !important;
}

.mb-56 {
  margin-bottom: -56px !important;
}

.ml-56 {
  margin-left: -56px !important;
}

.mt-56e {
  margin-top: -5.6em !important;
}

.mr-56e {
  margin-right: -5.6em !important;
}

.mb-56e {
  margin-bottom: -5.6em !important;
}

.ml-56e {
  margin-left: -5.6em !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.pt56e {
  padding-top: 5.6em !important;
}

.pr56e {
  padding-right: 5.6em !important;
}

.pb56e {
  padding-bottom: 5.6em !important;
}

.pl56e {
  padding-left: 5.6em !important;
}

.indent56e {
  text-indent: -5.6em !important;
  padding-left: 5.6em !important;
}

.w560 {
  width: 560px !important;
}

.w56p {
  width: 56% !important;
}

.w56e {
  width: 5.6em !important;
}
.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

.mt57e {
  margin-top: 5.7em !important;
}

.mr57e {
  margin-right: 5.7em !important;
}

.mb57e {
  margin-bottom: 5.7em !important;
}

.ml57e {
  margin-left: 5.7em !important;
}

.mt-57 {
  margin-top: -57px !important;
}

.mr-57 {
  margin-right: -57px !important;
}

.mb-57 {
  margin-bottom: -57px !important;
}

.ml-57 {
  margin-left: -57px !important;
}

.mt-57e {
  margin-top: -5.7em !important;
}

.mr-57e {
  margin-right: -5.7em !important;
}

.mb-57e {
  margin-bottom: -5.7em !important;
}

.ml-57e {
  margin-left: -5.7em !important;
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.pt57e {
  padding-top: 5.7em !important;
}

.pr57e {
  padding-right: 5.7em !important;
}

.pb57e {
  padding-bottom: 5.7em !important;
}

.pl57e {
  padding-left: 5.7em !important;
}

.indent57e {
  text-indent: -5.7em !important;
  padding-left: 5.7em !important;
}

.w570 {
  width: 570px !important;
}

.w57p {
  width: 57% !important;
}

.w57e {
  width: 5.7em !important;
}
.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

.mt58e {
  margin-top: 5.8em !important;
}

.mr58e {
  margin-right: 5.8em !important;
}

.mb58e {
  margin-bottom: 5.8em !important;
}

.ml58e {
  margin-left: 5.8em !important;
}

.mt-58 {
  margin-top: -58px !important;
}

.mr-58 {
  margin-right: -58px !important;
}

.mb-58 {
  margin-bottom: -58px !important;
}

.ml-58 {
  margin-left: -58px !important;
}

.mt-58e {
  margin-top: -5.8em !important;
}

.mr-58e {
  margin-right: -5.8em !important;
}

.mb-58e {
  margin-bottom: -5.8em !important;
}

.ml-58e {
  margin-left: -5.8em !important;
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.pt58e {
  padding-top: 5.8em !important;
}

.pr58e {
  padding-right: 5.8em !important;
}

.pb58e {
  padding-bottom: 5.8em !important;
}

.pl58e {
  padding-left: 5.8em !important;
}

.indent58e {
  text-indent: -5.8em !important;
  padding-left: 5.8em !important;
}

.w580 {
  width: 580px !important;
}

.w58p {
  width: 58% !important;
}

.w58e {
  width: 5.8em !important;
}
.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

.mt59e {
  margin-top: 5.9em !important;
}

.mr59e {
  margin-right: 5.9em !important;
}

.mb59e {
  margin-bottom: 5.9em !important;
}

.ml59e {
  margin-left: 5.9em !important;
}

.mt-59 {
  margin-top: -59px !important;
}

.mr-59 {
  margin-right: -59px !important;
}

.mb-59 {
  margin-bottom: -59px !important;
}

.ml-59 {
  margin-left: -59px !important;
}

.mt-59e {
  margin-top: -5.9em !important;
}

.mr-59e {
  margin-right: -5.9em !important;
}

.mb-59e {
  margin-bottom: -5.9em !important;
}

.ml-59e {
  margin-left: -5.9em !important;
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.pt59e {
  padding-top: 5.9em !important;
}

.pr59e {
  padding-right: 5.9em !important;
}

.pb59e {
  padding-bottom: 5.9em !important;
}

.pl59e {
  padding-left: 5.9em !important;
}

.indent59e {
  text-indent: -5.9em !important;
  padding-left: 5.9em !important;
}

.w590 {
  width: 590px !important;
}

.w59p {
  width: 59% !important;
}

.w59e {
  width: 5.9em !important;
}
.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt60e {
  margin-top: 6em !important;
}

.mr60e {
  margin-right: 6em !important;
}

.mb60e {
  margin-bottom: 6em !important;
}

.ml60e {
  margin-left: 6em !important;
}

.mt-60 {
  margin-top: -60px !important;
}

.mr-60 {
  margin-right: -60px !important;
}

.mb-60 {
  margin-bottom: -60px !important;
}

.ml-60 {
  margin-left: -60px !important;
}

.mt-60e {
  margin-top: -6em !important;
}

.mr-60e {
  margin-right: -6em !important;
}

.mb-60e {
  margin-bottom: -6em !important;
}

.ml-60e {
  margin-left: -6em !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pt60e {
  padding-top: 6em !important;
}

.pr60e {
  padding-right: 6em !important;
}

.pb60e {
  padding-bottom: 6em !important;
}

.pl60e {
  padding-left: 6em !important;
}

.indent60e {
  text-indent: -6em !important;
  padding-left: 6em !important;
}

.w600 {
  width: 600px !important;
}

.w60p {
  width: 60% !important;
}

.w60e {
  width: 6em !important;
}
.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

.mt61e {
  margin-top: 6.1em !important;
}

.mr61e {
  margin-right: 6.1em !important;
}

.mb61e {
  margin-bottom: 6.1em !important;
}

.ml61e {
  margin-left: 6.1em !important;
}

.mt-61 {
  margin-top: -61px !important;
}

.mr-61 {
  margin-right: -61px !important;
}

.mb-61 {
  margin-bottom: -61px !important;
}

.ml-61 {
  margin-left: -61px !important;
}

.mt-61e {
  margin-top: -6.1em !important;
}

.mr-61e {
  margin-right: -6.1em !important;
}

.mb-61e {
  margin-bottom: -6.1em !important;
}

.ml-61e {
  margin-left: -6.1em !important;
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.pt61e {
  padding-top: 6.1em !important;
}

.pr61e {
  padding-right: 6.1em !important;
}

.pb61e {
  padding-bottom: 6.1em !important;
}

.pl61e {
  padding-left: 6.1em !important;
}

.indent61e {
  text-indent: -6.1em !important;
  padding-left: 6.1em !important;
}

.w610 {
  width: 610px !important;
}

.w61p {
  width: 61% !important;
}

.w61e {
  width: 6.1em !important;
}
.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

.mt62e {
  margin-top: 6.2em !important;
}

.mr62e {
  margin-right: 6.2em !important;
}

.mb62e {
  margin-bottom: 6.2em !important;
}

.ml62e {
  margin-left: 6.2em !important;
}

.mt-62 {
  margin-top: -62px !important;
}

.mr-62 {
  margin-right: -62px !important;
}

.mb-62 {
  margin-bottom: -62px !important;
}

.ml-62 {
  margin-left: -62px !important;
}

.mt-62e {
  margin-top: -6.2em !important;
}

.mr-62e {
  margin-right: -6.2em !important;
}

.mb-62e {
  margin-bottom: -6.2em !important;
}

.ml-62e {
  margin-left: -6.2em !important;
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.pt62e {
  padding-top: 6.2em !important;
}

.pr62e {
  padding-right: 6.2em !important;
}

.pb62e {
  padding-bottom: 6.2em !important;
}

.pl62e {
  padding-left: 6.2em !important;
}

.indent62e {
  text-indent: -6.2em !important;
  padding-left: 6.2em !important;
}

.w620 {
  width: 620px !important;
}

.w62p {
  width: 62% !important;
}

.w62e {
  width: 6.2em !important;
}
.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

.mt63e {
  margin-top: 6.3em !important;
}

.mr63e {
  margin-right: 6.3em !important;
}

.mb63e {
  margin-bottom: 6.3em !important;
}

.ml63e {
  margin-left: 6.3em !important;
}

.mt-63 {
  margin-top: -63px !important;
}

.mr-63 {
  margin-right: -63px !important;
}

.mb-63 {
  margin-bottom: -63px !important;
}

.ml-63 {
  margin-left: -63px !important;
}

.mt-63e {
  margin-top: -6.3em !important;
}

.mr-63e {
  margin-right: -6.3em !important;
}

.mb-63e {
  margin-bottom: -6.3em !important;
}

.ml-63e {
  margin-left: -6.3em !important;
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.pt63e {
  padding-top: 6.3em !important;
}

.pr63e {
  padding-right: 6.3em !important;
}

.pb63e {
  padding-bottom: 6.3em !important;
}

.pl63e {
  padding-left: 6.3em !important;
}

.indent63e {
  text-indent: -6.3em !important;
  padding-left: 6.3em !important;
}

.w630 {
  width: 630px !important;
}

.w63p {
  width: 63% !important;
}

.w63e {
  width: 6.3em !important;
}
.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.mt64e {
  margin-top: 6.4em !important;
}

.mr64e {
  margin-right: 6.4em !important;
}

.mb64e {
  margin-bottom: 6.4em !important;
}

.ml64e {
  margin-left: 6.4em !important;
}

.mt-64 {
  margin-top: -64px !important;
}

.mr-64 {
  margin-right: -64px !important;
}

.mb-64 {
  margin-bottom: -64px !important;
}

.ml-64 {
  margin-left: -64px !important;
}

.mt-64e {
  margin-top: -6.4em !important;
}

.mr-64e {
  margin-right: -6.4em !important;
}

.mb-64e {
  margin-bottom: -6.4em !important;
}

.ml-64e {
  margin-left: -6.4em !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.pt64e {
  padding-top: 6.4em !important;
}

.pr64e {
  padding-right: 6.4em !important;
}

.pb64e {
  padding-bottom: 6.4em !important;
}

.pl64e {
  padding-left: 6.4em !important;
}

.indent64e {
  text-indent: -6.4em !important;
  padding-left: 6.4em !important;
}

.w640 {
  width: 640px !important;
}

.w64p {
  width: 64% !important;
}

.w64e {
  width: 6.4em !important;
}
.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mt65e {
  margin-top: 6.5em !important;
}

.mr65e {
  margin-right: 6.5em !important;
}

.mb65e {
  margin-bottom: 6.5em !important;
}

.ml65e {
  margin-left: 6.5em !important;
}

.mt-65 {
  margin-top: -65px !important;
}

.mr-65 {
  margin-right: -65px !important;
}

.mb-65 {
  margin-bottom: -65px !important;
}

.ml-65 {
  margin-left: -65px !important;
}

.mt-65e {
  margin-top: -6.5em !important;
}

.mr-65e {
  margin-right: -6.5em !important;
}

.mb-65e {
  margin-bottom: -6.5em !important;
}

.ml-65e {
  margin-left: -6.5em !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pt65e {
  padding-top: 6.5em !important;
}

.pr65e {
  padding-right: 6.5em !important;
}

.pb65e {
  padding-bottom: 6.5em !important;
}

.pl65e {
  padding-left: 6.5em !important;
}

.indent65e {
  text-indent: -6.5em !important;
  padding-left: 6.5em !important;
}

.w650 {
  width: 650px !important;
}

.w65p {
  width: 65% !important;
}

.w65e {
  width: 6.5em !important;
}
.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

.mt66e {
  margin-top: 6.6em !important;
}

.mr66e {
  margin-right: 6.6em !important;
}

.mb66e {
  margin-bottom: 6.6em !important;
}

.ml66e {
  margin-left: 6.6em !important;
}

.mt-66 {
  margin-top: -66px !important;
}

.mr-66 {
  margin-right: -66px !important;
}

.mb-66 {
  margin-bottom: -66px !important;
}

.ml-66 {
  margin-left: -66px !important;
}

.mt-66e {
  margin-top: -6.6em !important;
}

.mr-66e {
  margin-right: -6.6em !important;
}

.mb-66e {
  margin-bottom: -6.6em !important;
}

.ml-66e {
  margin-left: -6.6em !important;
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.pt66e {
  padding-top: 6.6em !important;
}

.pr66e {
  padding-right: 6.6em !important;
}

.pb66e {
  padding-bottom: 6.6em !important;
}

.pl66e {
  padding-left: 6.6em !important;
}

.indent66e {
  text-indent: -6.6em !important;
  padding-left: 6.6em !important;
}

.w660 {
  width: 660px !important;
}

.w66p {
  width: 66% !important;
}

.w66e {
  width: 6.6em !important;
}
.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

.mt67e {
  margin-top: 6.7em !important;
}

.mr67e {
  margin-right: 6.7em !important;
}

.mb67e {
  margin-bottom: 6.7em !important;
}

.ml67e {
  margin-left: 6.7em !important;
}

.mt-67 {
  margin-top: -67px !important;
}

.mr-67 {
  margin-right: -67px !important;
}

.mb-67 {
  margin-bottom: -67px !important;
}

.ml-67 {
  margin-left: -67px !important;
}

.mt-67e {
  margin-top: -6.7em !important;
}

.mr-67e {
  margin-right: -6.7em !important;
}

.mb-67e {
  margin-bottom: -6.7em !important;
}

.ml-67e {
  margin-left: -6.7em !important;
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.pt67e {
  padding-top: 6.7em !important;
}

.pr67e {
  padding-right: 6.7em !important;
}

.pb67e {
  padding-bottom: 6.7em !important;
}

.pl67e {
  padding-left: 6.7em !important;
}

.indent67e {
  text-indent: -6.7em !important;
  padding-left: 6.7em !important;
}

.w670 {
  width: 670px !important;
}

.w67p {
  width: 67% !important;
}

.w67e {
  width: 6.7em !important;
}
.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

.mt68e {
  margin-top: 6.8em !important;
}

.mr68e {
  margin-right: 6.8em !important;
}

.mb68e {
  margin-bottom: 6.8em !important;
}

.ml68e {
  margin-left: 6.8em !important;
}

.mt-68 {
  margin-top: -68px !important;
}

.mr-68 {
  margin-right: -68px !important;
}

.mb-68 {
  margin-bottom: -68px !important;
}

.ml-68 {
  margin-left: -68px !important;
}

.mt-68e {
  margin-top: -6.8em !important;
}

.mr-68e {
  margin-right: -6.8em !important;
}

.mb-68e {
  margin-bottom: -6.8em !important;
}

.ml-68e {
  margin-left: -6.8em !important;
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.pt68e {
  padding-top: 6.8em !important;
}

.pr68e {
  padding-right: 6.8em !important;
}

.pb68e {
  padding-bottom: 6.8em !important;
}

.pl68e {
  padding-left: 6.8em !important;
}

.indent68e {
  text-indent: -6.8em !important;
  padding-left: 6.8em !important;
}

.w680 {
  width: 680px !important;
}

.w68p {
  width: 68% !important;
}

.w68e {
  width: 6.8em !important;
}
.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

.mt69e {
  margin-top: 6.9em !important;
}

.mr69e {
  margin-right: 6.9em !important;
}

.mb69e {
  margin-bottom: 6.9em !important;
}

.ml69e {
  margin-left: 6.9em !important;
}

.mt-69 {
  margin-top: -69px !important;
}

.mr-69 {
  margin-right: -69px !important;
}

.mb-69 {
  margin-bottom: -69px !important;
}

.ml-69 {
  margin-left: -69px !important;
}

.mt-69e {
  margin-top: -6.9em !important;
}

.mr-69e {
  margin-right: -6.9em !important;
}

.mb-69e {
  margin-bottom: -6.9em !important;
}

.ml-69e {
  margin-left: -6.9em !important;
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.pt69e {
  padding-top: 6.9em !important;
}

.pr69e {
  padding-right: 6.9em !important;
}

.pb69e {
  padding-bottom: 6.9em !important;
}

.pl69e {
  padding-left: 6.9em !important;
}

.indent69e {
  text-indent: -6.9em !important;
  padding-left: 6.9em !important;
}

.w690 {
  width: 690px !important;
}

.w69p {
  width: 69% !important;
}

.w69e {
  width: 6.9em !important;
}
.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mt70e {
  margin-top: 7em !important;
}

.mr70e {
  margin-right: 7em !important;
}

.mb70e {
  margin-bottom: 7em !important;
}

.ml70e {
  margin-left: 7em !important;
}

.mt-70 {
  margin-top: -70px !important;
}

.mr-70 {
  margin-right: -70px !important;
}

.mb-70 {
  margin-bottom: -70px !important;
}

.ml-70 {
  margin-left: -70px !important;
}

.mt-70e {
  margin-top: -7em !important;
}

.mr-70e {
  margin-right: -7em !important;
}

.mb-70e {
  margin-bottom: -7em !important;
}

.ml-70e {
  margin-left: -7em !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pt70e {
  padding-top: 7em !important;
}

.pr70e {
  padding-right: 7em !important;
}

.pb70e {
  padding-bottom: 7em !important;
}

.pl70e {
  padding-left: 7em !important;
}

.indent70e {
  text-indent: -7em !important;
  padding-left: 7em !important;
}

.w700 {
  width: 700px !important;
}

.w70p {
  width: 70% !important;
}

.w70e {
  width: 7em !important;
}
.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

.mt71e {
  margin-top: 7.1em !important;
}

.mr71e {
  margin-right: 7.1em !important;
}

.mb71e {
  margin-bottom: 7.1em !important;
}

.ml71e {
  margin-left: 7.1em !important;
}

.mt-71 {
  margin-top: -71px !important;
}

.mr-71 {
  margin-right: -71px !important;
}

.mb-71 {
  margin-bottom: -71px !important;
}

.ml-71 {
  margin-left: -71px !important;
}

.mt-71e {
  margin-top: -7.1em !important;
}

.mr-71e {
  margin-right: -7.1em !important;
}

.mb-71e {
  margin-bottom: -7.1em !important;
}

.ml-71e {
  margin-left: -7.1em !important;
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.pt71e {
  padding-top: 7.1em !important;
}

.pr71e {
  padding-right: 7.1em !important;
}

.pb71e {
  padding-bottom: 7.1em !important;
}

.pl71e {
  padding-left: 7.1em !important;
}

.indent71e {
  text-indent: -7.1em !important;
  padding-left: 7.1em !important;
}

.w710 {
  width: 710px !important;
}

.w71p {
  width: 71% !important;
}

.w71e {
  width: 7.1em !important;
}
.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.mt72e {
  margin-top: 7.2em !important;
}

.mr72e {
  margin-right: 7.2em !important;
}

.mb72e {
  margin-bottom: 7.2em !important;
}

.ml72e {
  margin-left: 7.2em !important;
}

.mt-72 {
  margin-top: -72px !important;
}

.mr-72 {
  margin-right: -72px !important;
}

.mb-72 {
  margin-bottom: -72px !important;
}

.ml-72 {
  margin-left: -72px !important;
}

.mt-72e {
  margin-top: -7.2em !important;
}

.mr-72e {
  margin-right: -7.2em !important;
}

.mb-72e {
  margin-bottom: -7.2em !important;
}

.ml-72e {
  margin-left: -7.2em !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.pt72e {
  padding-top: 7.2em !important;
}

.pr72e {
  padding-right: 7.2em !important;
}

.pb72e {
  padding-bottom: 7.2em !important;
}

.pl72e {
  padding-left: 7.2em !important;
}

.indent72e {
  text-indent: -7.2em !important;
  padding-left: 7.2em !important;
}

.w720 {
  width: 720px !important;
}

.w72p {
  width: 72% !important;
}

.w72e {
  width: 7.2em !important;
}
.mt73 {
  margin-top: 73px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.ml73 {
  margin-left: 73px !important;
}

.mt73e {
  margin-top: 7.3em !important;
}

.mr73e {
  margin-right: 7.3em !important;
}

.mb73e {
  margin-bottom: 7.3em !important;
}

.ml73e {
  margin-left: 7.3em !important;
}

.mt-73 {
  margin-top: -73px !important;
}

.mr-73 {
  margin-right: -73px !important;
}

.mb-73 {
  margin-bottom: -73px !important;
}

.ml-73 {
  margin-left: -73px !important;
}

.mt-73e {
  margin-top: -7.3em !important;
}

.mr-73e {
  margin-right: -7.3em !important;
}

.mb-73e {
  margin-bottom: -7.3em !important;
}

.ml-73e {
  margin-left: -7.3em !important;
}

.pt73 {
  padding-top: 73px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.pt73e {
  padding-top: 7.3em !important;
}

.pr73e {
  padding-right: 7.3em !important;
}

.pb73e {
  padding-bottom: 7.3em !important;
}

.pl73e {
  padding-left: 7.3em !important;
}

.indent73e {
  text-indent: -7.3em !important;
  padding-left: 7.3em !important;
}

.w730 {
  width: 730px !important;
}

.w73p {
  width: 73% !important;
}

.w73e {
  width: 7.3em !important;
}
.mt74 {
  margin-top: 74px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.ml74 {
  margin-left: 74px !important;
}

.mt74e {
  margin-top: 7.4em !important;
}

.mr74e {
  margin-right: 7.4em !important;
}

.mb74e {
  margin-bottom: 7.4em !important;
}

.ml74e {
  margin-left: 7.4em !important;
}

.mt-74 {
  margin-top: -74px !important;
}

.mr-74 {
  margin-right: -74px !important;
}

.mb-74 {
  margin-bottom: -74px !important;
}

.ml-74 {
  margin-left: -74px !important;
}

.mt-74e {
  margin-top: -7.4em !important;
}

.mr-74e {
  margin-right: -7.4em !important;
}

.mb-74e {
  margin-bottom: -7.4em !important;
}

.ml-74e {
  margin-left: -7.4em !important;
}

.pt74 {
  padding-top: 74px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.pt74e {
  padding-top: 7.4em !important;
}

.pr74e {
  padding-right: 7.4em !important;
}

.pb74e {
  padding-bottom: 7.4em !important;
}

.pl74e {
  padding-left: 7.4em !important;
}

.indent74e {
  text-indent: -7.4em !important;
  padding-left: 7.4em !important;
}

.w740 {
  width: 740px !important;
}

.w74p {
  width: 74% !important;
}

.w74e {
  width: 7.4em !important;
}
.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mt75e {
  margin-top: 7.5em !important;
}

.mr75e {
  margin-right: 7.5em !important;
}

.mb75e {
  margin-bottom: 7.5em !important;
}

.ml75e {
  margin-left: 7.5em !important;
}

.mt-75 {
  margin-top: -75px !important;
}

.mr-75 {
  margin-right: -75px !important;
}

.mb-75 {
  margin-bottom: -75px !important;
}

.ml-75 {
  margin-left: -75px !important;
}

.mt-75e {
  margin-top: -7.5em !important;
}

.mr-75e {
  margin-right: -7.5em !important;
}

.mb-75e {
  margin-bottom: -7.5em !important;
}

.ml-75e {
  margin-left: -7.5em !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pt75e {
  padding-top: 7.5em !important;
}

.pr75e {
  padding-right: 7.5em !important;
}

.pb75e {
  padding-bottom: 7.5em !important;
}

.pl75e {
  padding-left: 7.5em !important;
}

.indent75e {
  text-indent: -7.5em !important;
  padding-left: 7.5em !important;
}

.w750 {
  width: 750px !important;
}

.w75p {
  width: 75% !important;
}

.w75e {
  width: 7.5em !important;
}
.mt76 {
  margin-top: 76px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.ml76 {
  margin-left: 76px !important;
}

.mt76e {
  margin-top: 7.6em !important;
}

.mr76e {
  margin-right: 7.6em !important;
}

.mb76e {
  margin-bottom: 7.6em !important;
}

.ml76e {
  margin-left: 7.6em !important;
}

.mt-76 {
  margin-top: -76px !important;
}

.mr-76 {
  margin-right: -76px !important;
}

.mb-76 {
  margin-bottom: -76px !important;
}

.ml-76 {
  margin-left: -76px !important;
}

.mt-76e {
  margin-top: -7.6em !important;
}

.mr-76e {
  margin-right: -7.6em !important;
}

.mb-76e {
  margin-bottom: -7.6em !important;
}

.ml-76e {
  margin-left: -7.6em !important;
}

.pt76 {
  padding-top: 76px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.pt76e {
  padding-top: 7.6em !important;
}

.pr76e {
  padding-right: 7.6em !important;
}

.pb76e {
  padding-bottom: 7.6em !important;
}

.pl76e {
  padding-left: 7.6em !important;
}

.indent76e {
  text-indent: -7.6em !important;
  padding-left: 7.6em !important;
}

.w760 {
  width: 760px !important;
}

.w76p {
  width: 76% !important;
}

.w76e {
  width: 7.6em !important;
}
.mt77 {
  margin-top: 77px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.ml77 {
  margin-left: 77px !important;
}

.mt77e {
  margin-top: 7.7em !important;
}

.mr77e {
  margin-right: 7.7em !important;
}

.mb77e {
  margin-bottom: 7.7em !important;
}

.ml77e {
  margin-left: 7.7em !important;
}

.mt-77 {
  margin-top: -77px !important;
}

.mr-77 {
  margin-right: -77px !important;
}

.mb-77 {
  margin-bottom: -77px !important;
}

.ml-77 {
  margin-left: -77px !important;
}

.mt-77e {
  margin-top: -7.7em !important;
}

.mr-77e {
  margin-right: -7.7em !important;
}

.mb-77e {
  margin-bottom: -7.7em !important;
}

.ml-77e {
  margin-left: -7.7em !important;
}

.pt77 {
  padding-top: 77px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.pt77e {
  padding-top: 7.7em !important;
}

.pr77e {
  padding-right: 7.7em !important;
}

.pb77e {
  padding-bottom: 7.7em !important;
}

.pl77e {
  padding-left: 7.7em !important;
}

.indent77e {
  text-indent: -7.7em !important;
  padding-left: 7.7em !important;
}

.w770 {
  width: 770px !important;
}

.w77p {
  width: 77% !important;
}

.w77e {
  width: 7.7em !important;
}
.mt78 {
  margin-top: 78px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.ml78 {
  margin-left: 78px !important;
}

.mt78e {
  margin-top: 7.8em !important;
}

.mr78e {
  margin-right: 7.8em !important;
}

.mb78e {
  margin-bottom: 7.8em !important;
}

.ml78e {
  margin-left: 7.8em !important;
}

.mt-78 {
  margin-top: -78px !important;
}

.mr-78 {
  margin-right: -78px !important;
}

.mb-78 {
  margin-bottom: -78px !important;
}

.ml-78 {
  margin-left: -78px !important;
}

.mt-78e {
  margin-top: -7.8em !important;
}

.mr-78e {
  margin-right: -7.8em !important;
}

.mb-78e {
  margin-bottom: -7.8em !important;
}

.ml-78e {
  margin-left: -7.8em !important;
}

.pt78 {
  padding-top: 78px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.pt78e {
  padding-top: 7.8em !important;
}

.pr78e {
  padding-right: 7.8em !important;
}

.pb78e {
  padding-bottom: 7.8em !important;
}

.pl78e {
  padding-left: 7.8em !important;
}

.indent78e {
  text-indent: -7.8em !important;
  padding-left: 7.8em !important;
}

.w780 {
  width: 780px !important;
}

.w78p {
  width: 78% !important;
}

.w78e {
  width: 7.8em !important;
}
.mt79 {
  margin-top: 79px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.ml79 {
  margin-left: 79px !important;
}

.mt79e {
  margin-top: 7.9em !important;
}

.mr79e {
  margin-right: 7.9em !important;
}

.mb79e {
  margin-bottom: 7.9em !important;
}

.ml79e {
  margin-left: 7.9em !important;
}

.mt-79 {
  margin-top: -79px !important;
}

.mr-79 {
  margin-right: -79px !important;
}

.mb-79 {
  margin-bottom: -79px !important;
}

.ml-79 {
  margin-left: -79px !important;
}

.mt-79e {
  margin-top: -7.9em !important;
}

.mr-79e {
  margin-right: -7.9em !important;
}

.mb-79e {
  margin-bottom: -7.9em !important;
}

.ml-79e {
  margin-left: -7.9em !important;
}

.pt79 {
  padding-top: 79px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.pt79e {
  padding-top: 7.9em !important;
}

.pr79e {
  padding-right: 7.9em !important;
}

.pb79e {
  padding-bottom: 7.9em !important;
}

.pl79e {
  padding-left: 7.9em !important;
}

.indent79e {
  text-indent: -7.9em !important;
  padding-left: 7.9em !important;
}

.w790 {
  width: 790px !important;
}

.w79p {
  width: 79% !important;
}

.w79e {
  width: 7.9em !important;
}
.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mt80e {
  margin-top: 8em !important;
}

.mr80e {
  margin-right: 8em !important;
}

.mb80e {
  margin-bottom: 8em !important;
}

.ml80e {
  margin-left: 8em !important;
}

.mt-80 {
  margin-top: -80px !important;
}

.mr-80 {
  margin-right: -80px !important;
}

.mb-80 {
  margin-bottom: -80px !important;
}

.ml-80 {
  margin-left: -80px !important;
}

.mt-80e {
  margin-top: -8em !important;
}

.mr-80e {
  margin-right: -8em !important;
}

.mb-80e {
  margin-bottom: -8em !important;
}

.ml-80e {
  margin-left: -8em !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pt80e {
  padding-top: 8em !important;
}

.pr80e {
  padding-right: 8em !important;
}

.pb80e {
  padding-bottom: 8em !important;
}

.pl80e {
  padding-left: 8em !important;
}

.indent80e {
  text-indent: -8em !important;
  padding-left: 8em !important;
}

.w800 {
  width: 800px !important;
}

.w80p {
  width: 80% !important;
}

.w80e {
  width: 8em !important;
}
.mt81 {
  margin-top: 81px !important;
}

.mr81 {
  margin-right: 81px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.ml81 {
  margin-left: 81px !important;
}

.mt81e {
  margin-top: 8.1em !important;
}

.mr81e {
  margin-right: 8.1em !important;
}

.mb81e {
  margin-bottom: 8.1em !important;
}

.ml81e {
  margin-left: 8.1em !important;
}

.mt-81 {
  margin-top: -81px !important;
}

.mr-81 {
  margin-right: -81px !important;
}

.mb-81 {
  margin-bottom: -81px !important;
}

.ml-81 {
  margin-left: -81px !important;
}

.mt-81e {
  margin-top: -8.1em !important;
}

.mr-81e {
  margin-right: -8.1em !important;
}

.mb-81e {
  margin-bottom: -8.1em !important;
}

.ml-81e {
  margin-left: -8.1em !important;
}

.pt81 {
  padding-top: 81px !important;
}

.pr81 {
  padding-right: 81px !important;
}

.pb81 {
  padding-bottom: 81px !important;
}

.pl81 {
  padding-left: 81px !important;
}

.pt81e {
  padding-top: 8.1em !important;
}

.pr81e {
  padding-right: 8.1em !important;
}

.pb81e {
  padding-bottom: 8.1em !important;
}

.pl81e {
  padding-left: 8.1em !important;
}

.indent81e {
  text-indent: -8.1em !important;
  padding-left: 8.1em !important;
}

.w810 {
  width: 810px !important;
}

.w81p {
  width: 81% !important;
}

.w81e {
  width: 8.1em !important;
}
.mt82 {
  margin-top: 82px !important;
}

.mr82 {
  margin-right: 82px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.ml82 {
  margin-left: 82px !important;
}

.mt82e {
  margin-top: 8.2em !important;
}

.mr82e {
  margin-right: 8.2em !important;
}

.mb82e {
  margin-bottom: 8.2em !important;
}

.ml82e {
  margin-left: 8.2em !important;
}

.mt-82 {
  margin-top: -82px !important;
}

.mr-82 {
  margin-right: -82px !important;
}

.mb-82 {
  margin-bottom: -82px !important;
}

.ml-82 {
  margin-left: -82px !important;
}

.mt-82e {
  margin-top: -8.2em !important;
}

.mr-82e {
  margin-right: -8.2em !important;
}

.mb-82e {
  margin-bottom: -8.2em !important;
}

.ml-82e {
  margin-left: -8.2em !important;
}

.pt82 {
  padding-top: 82px !important;
}

.pr82 {
  padding-right: 82px !important;
}

.pb82 {
  padding-bottom: 82px !important;
}

.pl82 {
  padding-left: 82px !important;
}

.pt82e {
  padding-top: 8.2em !important;
}

.pr82e {
  padding-right: 8.2em !important;
}

.pb82e {
  padding-bottom: 8.2em !important;
}

.pl82e {
  padding-left: 8.2em !important;
}

.indent82e {
  text-indent: -8.2em !important;
  padding-left: 8.2em !important;
}

.w820 {
  width: 820px !important;
}

.w82p {
  width: 82% !important;
}

.w82e {
  width: 8.2em !important;
}
.mt83 {
  margin-top: 83px !important;
}

.mr83 {
  margin-right: 83px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.ml83 {
  margin-left: 83px !important;
}

.mt83e {
  margin-top: 8.3em !important;
}

.mr83e {
  margin-right: 8.3em !important;
}

.mb83e {
  margin-bottom: 8.3em !important;
}

.ml83e {
  margin-left: 8.3em !important;
}

.mt-83 {
  margin-top: -83px !important;
}

.mr-83 {
  margin-right: -83px !important;
}

.mb-83 {
  margin-bottom: -83px !important;
}

.ml-83 {
  margin-left: -83px !important;
}

.mt-83e {
  margin-top: -8.3em !important;
}

.mr-83e {
  margin-right: -8.3em !important;
}

.mb-83e {
  margin-bottom: -8.3em !important;
}

.ml-83e {
  margin-left: -8.3em !important;
}

.pt83 {
  padding-top: 83px !important;
}

.pr83 {
  padding-right: 83px !important;
}

.pb83 {
  padding-bottom: 83px !important;
}

.pl83 {
  padding-left: 83px !important;
}

.pt83e {
  padding-top: 8.3em !important;
}

.pr83e {
  padding-right: 8.3em !important;
}

.pb83e {
  padding-bottom: 8.3em !important;
}

.pl83e {
  padding-left: 8.3em !important;
}

.indent83e {
  text-indent: -8.3em !important;
  padding-left: 8.3em !important;
}

.w830 {
  width: 830px !important;
}

.w83p {
  width: 83% !important;
}

.w83e {
  width: 8.3em !important;
}
.mt84 {
  margin-top: 84px !important;
}

.mr84 {
  margin-right: 84px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.ml84 {
  margin-left: 84px !important;
}

.mt84e {
  margin-top: 8.4em !important;
}

.mr84e {
  margin-right: 8.4em !important;
}

.mb84e {
  margin-bottom: 8.4em !important;
}

.ml84e {
  margin-left: 8.4em !important;
}

.mt-84 {
  margin-top: -84px !important;
}

.mr-84 {
  margin-right: -84px !important;
}

.mb-84 {
  margin-bottom: -84px !important;
}

.ml-84 {
  margin-left: -84px !important;
}

.mt-84e {
  margin-top: -8.4em !important;
}

.mr-84e {
  margin-right: -8.4em !important;
}

.mb-84e {
  margin-bottom: -8.4em !important;
}

.ml-84e {
  margin-left: -8.4em !important;
}

.pt84 {
  padding-top: 84px !important;
}

.pr84 {
  padding-right: 84px !important;
}

.pb84 {
  padding-bottom: 84px !important;
}

.pl84 {
  padding-left: 84px !important;
}

.pt84e {
  padding-top: 8.4em !important;
}

.pr84e {
  padding-right: 8.4em !important;
}

.pb84e {
  padding-bottom: 8.4em !important;
}

.pl84e {
  padding-left: 8.4em !important;
}

.indent84e {
  text-indent: -8.4em !important;
  padding-left: 8.4em !important;
}

.w840 {
  width: 840px !important;
}

.w84p {
  width: 84% !important;
}

.w84e {
  width: 8.4em !important;
}
.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mt85e {
  margin-top: 8.5em !important;
}

.mr85e {
  margin-right: 8.5em !important;
}

.mb85e {
  margin-bottom: 8.5em !important;
}

.ml85e {
  margin-left: 8.5em !important;
}

.mt-85 {
  margin-top: -85px !important;
}

.mr-85 {
  margin-right: -85px !important;
}

.mb-85 {
  margin-bottom: -85px !important;
}

.ml-85 {
  margin-left: -85px !important;
}

.mt-85e {
  margin-top: -8.5em !important;
}

.mr-85e {
  margin-right: -8.5em !important;
}

.mb-85e {
  margin-bottom: -8.5em !important;
}

.ml-85e {
  margin-left: -8.5em !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pt85e {
  padding-top: 8.5em !important;
}

.pr85e {
  padding-right: 8.5em !important;
}

.pb85e {
  padding-bottom: 8.5em !important;
}

.pl85e {
  padding-left: 8.5em !important;
}

.indent85e {
  text-indent: -8.5em !important;
  padding-left: 8.5em !important;
}

.w850 {
  width: 850px !important;
}

.w85p {
  width: 85% !important;
}

.w85e {
  width: 8.5em !important;
}
.mt86 {
  margin-top: 86px !important;
}

.mr86 {
  margin-right: 86px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.ml86 {
  margin-left: 86px !important;
}

.mt86e {
  margin-top: 8.6em !important;
}

.mr86e {
  margin-right: 8.6em !important;
}

.mb86e {
  margin-bottom: 8.6em !important;
}

.ml86e {
  margin-left: 8.6em !important;
}

.mt-86 {
  margin-top: -86px !important;
}

.mr-86 {
  margin-right: -86px !important;
}

.mb-86 {
  margin-bottom: -86px !important;
}

.ml-86 {
  margin-left: -86px !important;
}

.mt-86e {
  margin-top: -8.6em !important;
}

.mr-86e {
  margin-right: -8.6em !important;
}

.mb-86e {
  margin-bottom: -8.6em !important;
}

.ml-86e {
  margin-left: -8.6em !important;
}

.pt86 {
  padding-top: 86px !important;
}

.pr86 {
  padding-right: 86px !important;
}

.pb86 {
  padding-bottom: 86px !important;
}

.pl86 {
  padding-left: 86px !important;
}

.pt86e {
  padding-top: 8.6em !important;
}

.pr86e {
  padding-right: 8.6em !important;
}

.pb86e {
  padding-bottom: 8.6em !important;
}

.pl86e {
  padding-left: 8.6em !important;
}

.indent86e {
  text-indent: -8.6em !important;
  padding-left: 8.6em !important;
}

.w860 {
  width: 860px !important;
}

.w86p {
  width: 86% !important;
}

.w86e {
  width: 8.6em !important;
}
.mt87 {
  margin-top: 87px !important;
}

.mr87 {
  margin-right: 87px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.ml87 {
  margin-left: 87px !important;
}

.mt87e {
  margin-top: 8.7em !important;
}

.mr87e {
  margin-right: 8.7em !important;
}

.mb87e {
  margin-bottom: 8.7em !important;
}

.ml87e {
  margin-left: 8.7em !important;
}

.mt-87 {
  margin-top: -87px !important;
}

.mr-87 {
  margin-right: -87px !important;
}

.mb-87 {
  margin-bottom: -87px !important;
}

.ml-87 {
  margin-left: -87px !important;
}

.mt-87e {
  margin-top: -8.7em !important;
}

.mr-87e {
  margin-right: -8.7em !important;
}

.mb-87e {
  margin-bottom: -8.7em !important;
}

.ml-87e {
  margin-left: -8.7em !important;
}

.pt87 {
  padding-top: 87px !important;
}

.pr87 {
  padding-right: 87px !important;
}

.pb87 {
  padding-bottom: 87px !important;
}

.pl87 {
  padding-left: 87px !important;
}

.pt87e {
  padding-top: 8.7em !important;
}

.pr87e {
  padding-right: 8.7em !important;
}

.pb87e {
  padding-bottom: 8.7em !important;
}

.pl87e {
  padding-left: 8.7em !important;
}

.indent87e {
  text-indent: -8.7em !important;
  padding-left: 8.7em !important;
}

.w870 {
  width: 870px !important;
}

.w87p {
  width: 87% !important;
}

.w87e {
  width: 8.7em !important;
}
.mt88 {
  margin-top: 88px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.ml88 {
  margin-left: 88px !important;
}

.mt88e {
  margin-top: 8.8em !important;
}

.mr88e {
  margin-right: 8.8em !important;
}

.mb88e {
  margin-bottom: 8.8em !important;
}

.ml88e {
  margin-left: 8.8em !important;
}

.mt-88 {
  margin-top: -88px !important;
}

.mr-88 {
  margin-right: -88px !important;
}

.mb-88 {
  margin-bottom: -88px !important;
}

.ml-88 {
  margin-left: -88px !important;
}

.mt-88e {
  margin-top: -8.8em !important;
}

.mr-88e {
  margin-right: -8.8em !important;
}

.mb-88e {
  margin-bottom: -8.8em !important;
}

.ml-88e {
  margin-left: -8.8em !important;
}

.pt88 {
  padding-top: 88px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.pt88e {
  padding-top: 8.8em !important;
}

.pr88e {
  padding-right: 8.8em !important;
}

.pb88e {
  padding-bottom: 8.8em !important;
}

.pl88e {
  padding-left: 8.8em !important;
}

.indent88e {
  text-indent: -8.8em !important;
  padding-left: 8.8em !important;
}

.w880 {
  width: 880px !important;
}

.w88p {
  width: 88% !important;
}

.w88e {
  width: 8.8em !important;
}
.mt89 {
  margin-top: 89px !important;
}

.mr89 {
  margin-right: 89px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.ml89 {
  margin-left: 89px !important;
}

.mt89e {
  margin-top: 8.9em !important;
}

.mr89e {
  margin-right: 8.9em !important;
}

.mb89e {
  margin-bottom: 8.9em !important;
}

.ml89e {
  margin-left: 8.9em !important;
}

.mt-89 {
  margin-top: -89px !important;
}

.mr-89 {
  margin-right: -89px !important;
}

.mb-89 {
  margin-bottom: -89px !important;
}

.ml-89 {
  margin-left: -89px !important;
}

.mt-89e {
  margin-top: -8.9em !important;
}

.mr-89e {
  margin-right: -8.9em !important;
}

.mb-89e {
  margin-bottom: -8.9em !important;
}

.ml-89e {
  margin-left: -8.9em !important;
}

.pt89 {
  padding-top: 89px !important;
}

.pr89 {
  padding-right: 89px !important;
}

.pb89 {
  padding-bottom: 89px !important;
}

.pl89 {
  padding-left: 89px !important;
}

.pt89e {
  padding-top: 8.9em !important;
}

.pr89e {
  padding-right: 8.9em !important;
}

.pb89e {
  padding-bottom: 8.9em !important;
}

.pl89e {
  padding-left: 8.9em !important;
}

.indent89e {
  text-indent: -8.9em !important;
  padding-left: 8.9em !important;
}

.w890 {
  width: 890px !important;
}

.w89p {
  width: 89% !important;
}

.w89e {
  width: 8.9em !important;
}
.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mt90e {
  margin-top: 9em !important;
}

.mr90e {
  margin-right: 9em !important;
}

.mb90e {
  margin-bottom: 9em !important;
}

.ml90e {
  margin-left: 9em !important;
}

.mt-90 {
  margin-top: -90px !important;
}

.mr-90 {
  margin-right: -90px !important;
}

.mb-90 {
  margin-bottom: -90px !important;
}

.ml-90 {
  margin-left: -90px !important;
}

.mt-90e {
  margin-top: -9em !important;
}

.mr-90e {
  margin-right: -9em !important;
}

.mb-90e {
  margin-bottom: -9em !important;
}

.ml-90e {
  margin-left: -9em !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pt90e {
  padding-top: 9em !important;
}

.pr90e {
  padding-right: 9em !important;
}

.pb90e {
  padding-bottom: 9em !important;
}

.pl90e {
  padding-left: 9em !important;
}

.indent90e {
  text-indent: -9em !important;
  padding-left: 9em !important;
}

.w900 {
  width: 900px !important;
}

.w90p {
  width: 90% !important;
}

.w90e {
  width: 9em !important;
}
.mt91 {
  margin-top: 91px !important;
}

.mr91 {
  margin-right: 91px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.ml91 {
  margin-left: 91px !important;
}

.mt91e {
  margin-top: 9.1em !important;
}

.mr91e {
  margin-right: 9.1em !important;
}

.mb91e {
  margin-bottom: 9.1em !important;
}

.ml91e {
  margin-left: 9.1em !important;
}

.mt-91 {
  margin-top: -91px !important;
}

.mr-91 {
  margin-right: -91px !important;
}

.mb-91 {
  margin-bottom: -91px !important;
}

.ml-91 {
  margin-left: -91px !important;
}

.mt-91e {
  margin-top: -9.1em !important;
}

.mr-91e {
  margin-right: -9.1em !important;
}

.mb-91e {
  margin-bottom: -9.1em !important;
}

.ml-91e {
  margin-left: -9.1em !important;
}

.pt91 {
  padding-top: 91px !important;
}

.pr91 {
  padding-right: 91px !important;
}

.pb91 {
  padding-bottom: 91px !important;
}

.pl91 {
  padding-left: 91px !important;
}

.pt91e {
  padding-top: 9.1em !important;
}

.pr91e {
  padding-right: 9.1em !important;
}

.pb91e {
  padding-bottom: 9.1em !important;
}

.pl91e {
  padding-left: 9.1em !important;
}

.indent91e {
  text-indent: -9.1em !important;
  padding-left: 9.1em !important;
}

.w910 {
  width: 910px !important;
}

.w91p {
  width: 91% !important;
}

.w91e {
  width: 9.1em !important;
}
.mt92 {
  margin-top: 92px !important;
}

.mr92 {
  margin-right: 92px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.ml92 {
  margin-left: 92px !important;
}

.mt92e {
  margin-top: 9.2em !important;
}

.mr92e {
  margin-right: 9.2em !important;
}

.mb92e {
  margin-bottom: 9.2em !important;
}

.ml92e {
  margin-left: 9.2em !important;
}

.mt-92 {
  margin-top: -92px !important;
}

.mr-92 {
  margin-right: -92px !important;
}

.mb-92 {
  margin-bottom: -92px !important;
}

.ml-92 {
  margin-left: -92px !important;
}

.mt-92e {
  margin-top: -9.2em !important;
}

.mr-92e {
  margin-right: -9.2em !important;
}

.mb-92e {
  margin-bottom: -9.2em !important;
}

.ml-92e {
  margin-left: -9.2em !important;
}

.pt92 {
  padding-top: 92px !important;
}

.pr92 {
  padding-right: 92px !important;
}

.pb92 {
  padding-bottom: 92px !important;
}

.pl92 {
  padding-left: 92px !important;
}

.pt92e {
  padding-top: 9.2em !important;
}

.pr92e {
  padding-right: 9.2em !important;
}

.pb92e {
  padding-bottom: 9.2em !important;
}

.pl92e {
  padding-left: 9.2em !important;
}

.indent92e {
  text-indent: -9.2em !important;
  padding-left: 9.2em !important;
}

.w920 {
  width: 920px !important;
}

.w92p {
  width: 92% !important;
}

.w92e {
  width: 9.2em !important;
}
.mt93 {
  margin-top: 93px !important;
}

.mr93 {
  margin-right: 93px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.ml93 {
  margin-left: 93px !important;
}

.mt93e {
  margin-top: 9.3em !important;
}

.mr93e {
  margin-right: 9.3em !important;
}

.mb93e {
  margin-bottom: 9.3em !important;
}

.ml93e {
  margin-left: 9.3em !important;
}

.mt-93 {
  margin-top: -93px !important;
}

.mr-93 {
  margin-right: -93px !important;
}

.mb-93 {
  margin-bottom: -93px !important;
}

.ml-93 {
  margin-left: -93px !important;
}

.mt-93e {
  margin-top: -9.3em !important;
}

.mr-93e {
  margin-right: -9.3em !important;
}

.mb-93e {
  margin-bottom: -9.3em !important;
}

.ml-93e {
  margin-left: -9.3em !important;
}

.pt93 {
  padding-top: 93px !important;
}

.pr93 {
  padding-right: 93px !important;
}

.pb93 {
  padding-bottom: 93px !important;
}

.pl93 {
  padding-left: 93px !important;
}

.pt93e {
  padding-top: 9.3em !important;
}

.pr93e {
  padding-right: 9.3em !important;
}

.pb93e {
  padding-bottom: 9.3em !important;
}

.pl93e {
  padding-left: 9.3em !important;
}

.indent93e {
  text-indent: -9.3em !important;
  padding-left: 9.3em !important;
}

.w930 {
  width: 930px !important;
}

.w93p {
  width: 93% !important;
}

.w93e {
  width: 9.3em !important;
}
.mt94 {
  margin-top: 94px !important;
}

.mr94 {
  margin-right: 94px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.ml94 {
  margin-left: 94px !important;
}

.mt94e {
  margin-top: 9.4em !important;
}

.mr94e {
  margin-right: 9.4em !important;
}

.mb94e {
  margin-bottom: 9.4em !important;
}

.ml94e {
  margin-left: 9.4em !important;
}

.mt-94 {
  margin-top: -94px !important;
}

.mr-94 {
  margin-right: -94px !important;
}

.mb-94 {
  margin-bottom: -94px !important;
}

.ml-94 {
  margin-left: -94px !important;
}

.mt-94e {
  margin-top: -9.4em !important;
}

.mr-94e {
  margin-right: -9.4em !important;
}

.mb-94e {
  margin-bottom: -9.4em !important;
}

.ml-94e {
  margin-left: -9.4em !important;
}

.pt94 {
  padding-top: 94px !important;
}

.pr94 {
  padding-right: 94px !important;
}

.pb94 {
  padding-bottom: 94px !important;
}

.pl94 {
  padding-left: 94px !important;
}

.pt94e {
  padding-top: 9.4em !important;
}

.pr94e {
  padding-right: 9.4em !important;
}

.pb94e {
  padding-bottom: 9.4em !important;
}

.pl94e {
  padding-left: 9.4em !important;
}

.indent94e {
  text-indent: -9.4em !important;
  padding-left: 9.4em !important;
}

.w940 {
  width: 940px !important;
}

.w94p {
  width: 94% !important;
}

.w94e {
  width: 9.4em !important;
}
.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mt95e {
  margin-top: 9.5em !important;
}

.mr95e {
  margin-right: 9.5em !important;
}

.mb95e {
  margin-bottom: 9.5em !important;
}

.ml95e {
  margin-left: 9.5em !important;
}

.mt-95 {
  margin-top: -95px !important;
}

.mr-95 {
  margin-right: -95px !important;
}

.mb-95 {
  margin-bottom: -95px !important;
}

.ml-95 {
  margin-left: -95px !important;
}

.mt-95e {
  margin-top: -9.5em !important;
}

.mr-95e {
  margin-right: -9.5em !important;
}

.mb-95e {
  margin-bottom: -9.5em !important;
}

.ml-95e {
  margin-left: -9.5em !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pt95e {
  padding-top: 9.5em !important;
}

.pr95e {
  padding-right: 9.5em !important;
}

.pb95e {
  padding-bottom: 9.5em !important;
}

.pl95e {
  padding-left: 9.5em !important;
}

.indent95e {
  text-indent: -9.5em !important;
  padding-left: 9.5em !important;
}

.w950 {
  width: 950px !important;
}

.w95p {
  width: 95% !important;
}

.w95e {
  width: 9.5em !important;
}
.mt96 {
  margin-top: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

.mt96e {
  margin-top: 9.6em !important;
}

.mr96e {
  margin-right: 9.6em !important;
}

.mb96e {
  margin-bottom: 9.6em !important;
}

.ml96e {
  margin-left: 9.6em !important;
}

.mt-96 {
  margin-top: -96px !important;
}

.mr-96 {
  margin-right: -96px !important;
}

.mb-96 {
  margin-bottom: -96px !important;
}

.ml-96 {
  margin-left: -96px !important;
}

.mt-96e {
  margin-top: -9.6em !important;
}

.mr-96e {
  margin-right: -9.6em !important;
}

.mb-96e {
  margin-bottom: -9.6em !important;
}

.ml-96e {
  margin-left: -9.6em !important;
}

.pt96 {
  padding-top: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.pt96e {
  padding-top: 9.6em !important;
}

.pr96e {
  padding-right: 9.6em !important;
}

.pb96e {
  padding-bottom: 9.6em !important;
}

.pl96e {
  padding-left: 9.6em !important;
}

.indent96e {
  text-indent: -9.6em !important;
  padding-left: 9.6em !important;
}

.w960 {
  width: 960px !important;
}

.w96p {
  width: 96% !important;
}

.w96e {
  width: 9.6em !important;
}
.mt97 {
  margin-top: 97px !important;
}

.mr97 {
  margin-right: 97px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.ml97 {
  margin-left: 97px !important;
}

.mt97e {
  margin-top: 9.7em !important;
}

.mr97e {
  margin-right: 9.7em !important;
}

.mb97e {
  margin-bottom: 9.7em !important;
}

.ml97e {
  margin-left: 9.7em !important;
}

.mt-97 {
  margin-top: -97px !important;
}

.mr-97 {
  margin-right: -97px !important;
}

.mb-97 {
  margin-bottom: -97px !important;
}

.ml-97 {
  margin-left: -97px !important;
}

.mt-97e {
  margin-top: -9.7em !important;
}

.mr-97e {
  margin-right: -9.7em !important;
}

.mb-97e {
  margin-bottom: -9.7em !important;
}

.ml-97e {
  margin-left: -9.7em !important;
}

.pt97 {
  padding-top: 97px !important;
}

.pr97 {
  padding-right: 97px !important;
}

.pb97 {
  padding-bottom: 97px !important;
}

.pl97 {
  padding-left: 97px !important;
}

.pt97e {
  padding-top: 9.7em !important;
}

.pr97e {
  padding-right: 9.7em !important;
}

.pb97e {
  padding-bottom: 9.7em !important;
}

.pl97e {
  padding-left: 9.7em !important;
}

.indent97e {
  text-indent: -9.7em !important;
  padding-left: 9.7em !important;
}

.w970 {
  width: 970px !important;
}

.w97p {
  width: 97% !important;
}

.w97e {
  width: 9.7em !important;
}
.mt98 {
  margin-top: 98px !important;
}

.mr98 {
  margin-right: 98px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.ml98 {
  margin-left: 98px !important;
}

.mt98e {
  margin-top: 9.8em !important;
}

.mr98e {
  margin-right: 9.8em !important;
}

.mb98e {
  margin-bottom: 9.8em !important;
}

.ml98e {
  margin-left: 9.8em !important;
}

.mt-98 {
  margin-top: -98px !important;
}

.mr-98 {
  margin-right: -98px !important;
}

.mb-98 {
  margin-bottom: -98px !important;
}

.ml-98 {
  margin-left: -98px !important;
}

.mt-98e {
  margin-top: -9.8em !important;
}

.mr-98e {
  margin-right: -9.8em !important;
}

.mb-98e {
  margin-bottom: -9.8em !important;
}

.ml-98e {
  margin-left: -9.8em !important;
}

.pt98 {
  padding-top: 98px !important;
}

.pr98 {
  padding-right: 98px !important;
}

.pb98 {
  padding-bottom: 98px !important;
}

.pl98 {
  padding-left: 98px !important;
}

.pt98e {
  padding-top: 9.8em !important;
}

.pr98e {
  padding-right: 9.8em !important;
}

.pb98e {
  padding-bottom: 9.8em !important;
}

.pl98e {
  padding-left: 9.8em !important;
}

.indent98e {
  text-indent: -9.8em !important;
  padding-left: 9.8em !important;
}

.w980 {
  width: 980px !important;
}

.w98p {
  width: 98% !important;
}

.w98e {
  width: 9.8em !important;
}
.mt99 {
  margin-top: 99px !important;
}

.mr99 {
  margin-right: 99px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.ml99 {
  margin-left: 99px !important;
}

.mt99e {
  margin-top: 9.9em !important;
}

.mr99e {
  margin-right: 9.9em !important;
}

.mb99e {
  margin-bottom: 9.9em !important;
}

.ml99e {
  margin-left: 9.9em !important;
}

.mt-99 {
  margin-top: -99px !important;
}

.mr-99 {
  margin-right: -99px !important;
}

.mb-99 {
  margin-bottom: -99px !important;
}

.ml-99 {
  margin-left: -99px !important;
}

.mt-99e {
  margin-top: -9.9em !important;
}

.mr-99e {
  margin-right: -9.9em !important;
}

.mb-99e {
  margin-bottom: -9.9em !important;
}

.ml-99e {
  margin-left: -9.9em !important;
}

.pt99 {
  padding-top: 99px !important;
}

.pr99 {
  padding-right: 99px !important;
}

.pb99 {
  padding-bottom: 99px !important;
}

.pl99 {
  padding-left: 99px !important;
}

.pt99e {
  padding-top: 9.9em !important;
}

.pr99e {
  padding-right: 9.9em !important;
}

.pb99e {
  padding-bottom: 9.9em !important;
}

.pl99e {
  padding-left: 9.9em !important;
}

.indent99e {
  text-indent: -9.9em !important;
  padding-left: 9.9em !important;
}

.w990 {
  width: 990px !important;
}

.w99p {
  width: 99% !important;
}

.w99e {
  width: 9.9em !important;
}
.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mt100e {
  margin-top: 10em !important;
}

.mr100e {
  margin-right: 10em !important;
}

.mb100e {
  margin-bottom: 10em !important;
}

.ml100e {
  margin-left: 10em !important;
}

.mt-100 {
  margin-top: -100px !important;
}

.mr-100 {
  margin-right: -100px !important;
}

.mb-100 {
  margin-bottom: -100px !important;
}

.ml-100 {
  margin-left: -100px !important;
}

.mt-100e {
  margin-top: -10em !important;
}

.mr-100e {
  margin-right: -10em !important;
}

.mb-100e {
  margin-bottom: -10em !important;
}

.ml-100e {
  margin-left: -10em !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pt100e {
  padding-top: 10em !important;
}

.pr100e {
  padding-right: 10em !important;
}

.pb100e {
  padding-bottom: 10em !important;
}

.pl100e {
  padding-left: 10em !important;
}

.indent100e {
  text-indent: -10em !important;
  padding-left: 10em !important;
}

.w1000 {
  width: 1000px !important;
}

.w100p {
  width: 100% !important;
}

.w100e {
  width: 10em !important;
}
.mta {
  margin-top: auto !important;
}

.mra {
  margin-right: auto !important;
}

.mba {
  margin-bottom: auto !important;
}

.mla {
  margin-left: auto !important;
}
.fLeft {
  float: left !important;
}

.fRight {
  float: right !important;
}

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

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

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

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

.ib {
  display: inline-block !important;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.noAround {
  overflow: hidden;
  *zoom: 1;
}

.clear, .clb {
  clear: both;
}

/*
グローバル

gNavとかgHeaderとか
大まかなレイアウトもここに

Styleguide 3.
*/
/*
layout

大枠のレイアウト

Markup:
{$modifiers}

Styleguide 3.1
*/
@-webkit-keyframes border-slide {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes border-slide {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.wrapper {
  min-width: 1200px;
  min-height: 100%;
}
.wrapper-bg {
  background: #f9f9fc;
}
.wrapper > :first-child {
  margin-top: 0;
}

.contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
.contents_width {
  width: 1160px;
  margin: 0 auto;
}
.contents-white {
  background-color: #fff;
}
.contents > :first-child {
  margin-top: 0;
}
.contents_container {
  width: 1160px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: 770px 90px 300px;
  grid-template-columns: 770px 300px;
  gap: 90px;
  margin-top: 50px !important;
  padding-top: 50px;
}
.contents_main {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 960px;
}
.contents_main > :first-child {
  margin-top: 0;
}
.contents_side {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 210px;
}
.contents_side > :first-child {
  margin-top: 0;
}
.contents_header {
  width: 1160px;
  margin: 0 auto;
  margin-top: 50px !important;
}
.contents_header-flex {
  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;
}
.contents_siteMore {
  text-decoration: none;
  color: #2544af;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.075em;
  margin-right: 125px;
  position: relative;
  overflow: hidden;
}
.contents_siteMore > span::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #2544af;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
      transform-origin: left;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.8s ease, transform 0.4s ease;
  transition: opacity 0.8s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.contents_siteMore:hover {
  opacity: 1;
}
.contents_siteMore:hover > span::after {
  opacity: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
      transform-origin: right;
}
.contents_siteMore::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  margin-left: 2px;
}
.contents-noSide {
  display: block;
}
.contents-noSide .contents_main {
  width: auto;
}
.contents-noSide .contents_side {
  display: none !important;
}
.contents_btns {
  margin-top: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 64px;
}
.contents:has(.siteProductions_inner-01) {
  overflow-x: hidden;
  min-width: 1200px;
}

.section > :first-child {
  margin-top: 0;
}
.section_inner {
  max-width: 1160px;
  margin: 0 auto;
}
.section_inner > :first-child {
  margin-top: 0;
}
.section_flex {
  width: 1160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 148px;
  margin-top: 100px !important;
}
.section_terms {
  padding: 10px;
}

.sideSection > :first-child {
  margin-top: 0;
}
.contentsHeadings_ja {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #12182e;
  margin-top: 0;
}
.contentsHeadings_ja::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #2544af;
  border-radius: 50%;
  margin-right: 10px;
}
.contentsHeadings_ja-white {
  color: #fff;
}
.contentsHeadings_ja-white::before {
  background-color: #fff;
}
.contentsHeadings_en {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 3.75rem;
  line-height: 1.26;
  color: #2544af;
  margin-top: 10px;
}
.contentsHeadings_en-white {
  color: #fff;
}
.contentsHeadings_en-type02 {
  font-size: 3rem;
  line-height: 1.575;
}
.contentsHeadings_en-type03 {
  font-size: 6.25rem;
  line-height: 0.756;
  margin-top: 20px;
  line-height: 1.1;
}
.contentsHeadings_en-type04 {
  font-size: 3.125rem;
  line-height: 1.512;
  margin-top: 0;
}
.contentsHeadings_en-type04 > span {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #8f93a8;
  margin-left: 25px;
}
.contentsHeadings_en-type05 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  font-size: 2.875rem;
  letter-spacing: 0.025em;
}
.contentsHeadings_subHead {
  margin-top: 50px;
  font-weight: bold;
  font-size: 1.75rem;
  color: #fff;
  letter-spacing: 0.025em;
}
.contentsHeadings_text {
  margin-top: 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  color: #12182e;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.contentsHeadings_text-white {
  color: #fff;
  font-weight: 500;
}
.contentsHeadings_text-type02 {
  margin-top: 40px;
}
.contentsHeadings_detail {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1666666667;
  letter-spacing: 0.025em;
  color: #12182e;
  margin-left: 10px;
}
.contentsHeadings_companyName {
  font-size: 2.375rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.contentsHeadings_logo {
  max-width: 300px;
  margin-top: 10px;
}
.contentsHeadings_logo > img {
  max-height: 30px;
}
.contentsHeadings_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 20px;
}
.contentsHeadings_date {
  color: #8f93a8;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
.contentsHeadings_cat {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: white;
  background-color: #2544af;
  border-radius: 28px;
  padding: 0 13px;
  line-height: 2;
}
.contentsHeadings_newsTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #2c2c2c;
  letter-spacing: 0.025em;
  line-height: 1.8;
  padding-bottom: 80px;
  margin-top: 20px;
}
/*
overlay

オーバーレイ

Markup:
<a href="javascript: void(0);" class="overlay"></a>

Styleguide 3.2
*/
.overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;
  z-index: 1000;
  opacity: 0;
}
.overlay-enter-active {
  display: block;
}
.overlay-enter {
  display: block;
  opacity: 0;
}
.overlay-enter:hover {
  opacity: 0;
}
.overlay-enter-to {
  display: block;
  opacity: 1;
}
.overlay-enter-to:hover {
  opacity: 1;
}
.overlay-leave-active {
  display: block;
}
.overlay-leave {
  display: block;
  opacity: 1;
}
.overlay-leave:hover {
  opacity: 1;
}
.overlay-leave-to {
  display: block;
  opacity: 0;
}
.overlay-leave-to:hover {
  opacity: 0;
}

/*
header

header

Markup:
		<header class="gHeader">
			<div class="gHeader_inner">
				<h1 class="gHeader_logo"><a href="/"><img class="hidden-sp" src="/assets/images/global/logo.png" alt="SHIFT"><img class="hidden-pc" src="/assets/images/global/logo-sp02.png" alt="SHIFT"></a></h1>
				<!-- /.gHeader_logo -->
				<button class="gHeader_spMenuIcon hidden-pc">
					<span></span>
					<span></span>
					<span></span>
				</button><!-- gHeader_spMenuIcon -->
				<nav class="gNav hidden-sp">
					<ul class="gNav_inner">
						<li class="gNav_item gNav_item-linkBorder"><a href="/#service">サービス</a></li><!-- /.gNav_item -->
						<li class="gNav_item gNav_item-linkBorder"><a href="/#features">シフトの強み</a></li><!-- /.gNav_item -->
						<li class="gNav_item gNav_item-type01">
							<a href="">実績紹介</a>
							<div class="gNav_dropDown">
								<ul class="gNav_box">
									<li class="gNav_item gNav_item-linkBorderType02">
										<a href="/#usercase">導入事例</a>
									</li>
									<li class="gNav_item gNav_item-linkBorderType02">
										<a href="/#works">制作実績</a>
									</li>
								</ul>
							</div>
						</li>
						<!-- /.gNav_item -->
						<li class="gNav_item gNav_item-linkBorder"><a href="/#member">メンバー</a></li><!-- /.gNav_item -->
						<li class="gNav_item gNav_item-linkBorder"><a href="/#company">会社紹介</a></li><!-- /.gNav_item -->
						<li class="gNav_item gNav_item-linkBorder"><a href="/#blog">ブログ</a></li><!-- /.gNav_item -->
						<li class="gNav_item gNav_item-linkBorder gNav_item-type02"><a href="https://www.shift-jp.net/recruit/" target="_blank"
								rel="noopener noreferrer">採用情報</a></li><!-- /.gNav_item -->
						<li class="gNav_btns">
							<div class="gNav_item gNav_item-btn"><a href="">資料ダウンロード</a></div><!-- /.gNav_item -->
							<div class="gNav_item gNav_item-btn gNav_item-contactBtn"><a href="">お問い合わせ</a></div><!-- /.gNav_item -->
						</li>
					</ul><!-- /.gNav_inner -->
				</nav><!-- /.gNav -->
				<!-- --------- sp -------------- -->
				<nav class="mobileNav hidden-pc">
					<ul class="mobileNav_links">
						<li class="mobileNav_item">
							<div data-acc class="mobileNav_acc">
								<div class="mobileNav_btn">
									<button data-acc-btn><span>サービス</span></button>
								</div>
								<div data-acc-content class="mobileNav_content">
									<ul class="mobileNav_lists">
										<li class="mobileNav_list">
											<a href="">ウェブサイト制作</a>
										</li>
										<li class="mobileNav_list">
											<a href="">ウェブマーケティング支援</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="mobileNav_item">
							<div data-acc class="mobileNav_acc">
								<div class="mobileNav_btn">
									<button data-acc-btn><span>シフトの強み</span></button>
								</div>
								<div data-acc-content class="mobileNav_content">
									<ul class="mobileNav_lists">
										<li class="mobileNav_list">
											<a href="">テキスト</a>
										</li>
										<li class="mobileNav_list">
											<a href="">テキスト</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="mobileNav_item">
							<div data-acc class="mobileNav_acc">
								<div class="mobileNav_btn">
									<button data-acc-btn><span>実績紹介</span></button>
								</div>
								<div data-acc-content class="mobileNav_content">
									<ul class="mobileNav_lists">
										<li class="mobileNav_list">
											<a href="">導入事例</a>
										</li>
										<li class="mobileNav_list">
											<a href="">制作実績</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="mobileNav_item">
							<div data-acc class="mobileNav_acc">
								<div class="mobileNav_btn">
									<button data-acc-btn><span>実績紹介</span></button>
								</div>
								<div data-acc-content class="mobileNav_content">
									<ul class="mobileNav_lists">
										<li class="mobileNav_list">
											<a href="">導入事例</a>
										</li>
										<li class="mobileNav_list">
											<a href="">制作実績</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="mobileNav_item mobileNav_item-type02"><a href="" class="mobileNav_link">メンバー</a></li>
						<li class="mobileNav_item">
							<div data-acc class="mobileNav_acc">
								<div class="mobileNav_btn">
									<button data-acc-btn><span>会社紹介</span></button>
								</div>
								<div data-acc-content class="mobileNav_content">
									<ul class="mobileNav_lists">
										<li class="mobileNav_list">
											<a href="">会社を紹介！</a>
										</li>
									</ul>
								</div>
							</div>
						</li>
						<li class="mobileNav_item mobileNav_item-type02"><a href="" class="mobileNav_link">ブログ</a></li>
						<li class="mobileNav_item mobileNav_item-type02"><a href="" class="mobileNav_link">お知らせ</a></li>
						<li class="mobileNav_item mobileNav_item-type02"><a href="" class="mobileNav_link mobileNav_link-icon">採用情報</a></li>
						<div class="mobileNav_linkBtn">
							<a href="">資料をダウンロード</a>
						</div>
						<div class="mobileNav_linkBtn mobileNav_linkBtn-type02">
							<a href="">お問い合わせ</a>
						</div>
					</ul><!-- ./ mobileNav_links -->
				</nav><!-- ./ mobileNav -->
				<!-- --------- sp -------------- -->
			</div><!-- /.gHeader_inner -->
		</header><!-- /.gHeader -->

Styleguide 3.3
*/
.gHeader {
  background: #f9f9fc;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 100;
}
.gHeader_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px 10px;
  margin: 0 30px;
}
.gNav_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
  gap: 29px;
}
.gNav_dropDown {
  position: absolute;
  display: block;
  width: 100%;
  height: 50px;
  opacity: 0;
  z-index: 9999;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  visibility: hidden;
}
.gNav_box {
  position: absolute;
  top: 5px;
  left: -40px;
  z-index: 100;
  background-color: #2544af;
  border-radius: 10px;
  width: 136px;
  height: 98px;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gNav_item {
  position: relative;
}
.gNav_item-icon::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin-left: 5px;
}
.gNav_item-linkBorder::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #2544af;
  bottom: -2px;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.gNav_item-linkBorder:hover {
  opacity: 1;
}
.gNav_item-linkBorder:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; /*左から右に向かう*/
}
.gNav_item > a {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #12182e;
}
.gNav_item > a:hover {
  color: #2544af;
  opacity: 1;
}
.gNav_item-linkBorderType02 > a {
  color: white;
}
.gNav_item-linkBorderType02 > a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: white;
  bottom: -2px;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.gNav_item-linkBorderType02 > a:hover {
  opacity: 1;
  color: white;
}
.gNav_item-linkBorderType02 > a:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; /*左から右に向かう*/
}
.gNav_item-linkBorderType02:last-child {
  margin-top: 5px;
}
.gNav_item-type01:first-child .gNav_box {
  width: 200px;
  height: 120px;
}
.gNav_item-type01:nth-child(3) .gNav_box {
  height: 120px;
}
.gNav_item-type01:hover {
  overflow: visible;
  opacity: 1;
}
.gNav_item-type01:hover > .gNav_dropDown {
  opacity: 1;
  visibility: visible;
}
.gNav_item-type01 > a::after {
  content: "\ea01";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.625rem;
  color: #2544af;
  margin-left: 5px;
}
.gNav_item-last .gNav_box {
  height: 120px;
}
.gNav_item:hover > .gNav_dropDown {
  opacity: 1;
}
.gNav_item-type02 > a::after {
  content: url(../../assets/images/global/tabs-icon.png);
  margin-left: 5px;
}
.gNav_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.gNav_item-btn {
  border: 1px solid #2544af;
  border-radius: 30px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.gNav_item-btn > a {
  padding: 6px 17px;
  color: #2544af;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-weight: bold;
}
.gNav_item-btn:hover {
  border: 1px solid transparent;
  background-color: #2544af;
}
.gNav_item-btn:hover > a {
  color: white;
}
.gNav_item-contactBtn {
  background-color: #2544af;
}
.gNav_item-contactBtn > a {
  color: #fff;
}
.gNav_item-contactBtn:hover {
  border: 1px solid #2544af;
  background-color: transparent;
}
.gNav_item-contactBtn:hover > a {
  color: #2544af;
}
/*
footer

footer

Markup:
		<footer class="gFooter">
			<div class="gFooter_sub">
				<div class="gFooter_inner">
					<div class="gFooter_contents">
						<a href="" class="gFooter_item gFooter_item-download">
							<div class="gFooter_header">
								<div class="contentsHeadings">
									<p class="contentsHeadings_ja mt0 contentsHeadings_ja-white ">
										資料ダウンロード</p>
									<!-- /.contentsHeadings_ja -->
									<h2
										class="contentsHeadings_en contentsHeadings_en-type02 contentsHeadings_en-white">
										Download</h2>
									<!-- /.contentsHeadings_en -->
									<p class="contentsHeadings_text contentsHeadings_text-white mt5">
										シフトのサービスや導入事例に関する資料をダウンロード可能です。</p>
								</div><!-- /.contentsHeadings -->
							</div><!-- /.gFooter_header -->
							<div class="gFooter_arrowBtn">
								<div class="gFooter_arrowBtn-link"></div><!-- /.gFooter_arrowBtn-link -->
							</div><!-- /.gFooter_arrowBtn -->
						</a><!-- /.gFooter_item -->
						<a href="/contact/" class="gFooter_item gFooter_item-contact">
							<div class="gFooter_header">
								<div class="contentsHeadings">
									<p class="contentsHeadings_ja contentsHeadings_ja-white contentsHeadings_ja">お問い合わせ
									</p>
									<!-- /.contentsHeadings_ja -->
									<h2
										class="contentsHeadings_en contentsHeadings_en-type02 contentsHeadings_en-white contentsHeadings_en">
										Contact</h2>
									<!-- /.contentsHeadings_en -->
									<p class="contentsHeadings_text contentsHeadings_text-white mt5">
										Webサイト制作やマーケティングに関することなら、お気軽にお問い合わせください。</p>
								</div><!-- /.contentsHeadings -->
							</div><!-- /.gFooter_header -->
							<div class="gFooter_arrowBtn">
								<div class="gFooter_arrowBtn-link"></div><!-- /.gFooter_arrowBtn-link -->
							</div><!-- /.gFooter_arrowBtn -->
						</a><!-- /.gFooter_item -->
					</div><!-- /.gFooter_contents -->
				</div><!-- /.gFooter_inner -->
			</div><!-- /.gFooter_sub -->
			<div class="gFooter_main">
				<div class="gFooter_inner gFooter_inner-main">
					<div class="gFooter_contents gFooter_contents-main">
						<div class="gFooter_leftContents">
							<a href="" class="gFooter_logo"><img src="/assets/images/top/gFooter-logo.png" alt="株式会社シフト"></a><!-- /.gFooter_logo -->
							<div class="gFooter_access">
								<address class="gFooter_address">
									〒103-0012<br>
									東京都中央区日本橋堀留町2丁目9-8<br>
									Daiwa日本橋堀留町ビル2階<br>
									<a href="tel:+03-5847-1281" class="gFooter_tel">TEL 03-5847-1281</a><!-- /.gFooter_tel --> (平日9:30～18:00)
									</address>
								<!-- /.gFooter_address -->
							</div><!-- /.gFooter_access -->
						</div><!-- /.gFooter_leftContents -->
						<div class="gFooter_rightContents">
							<nav class="gFooter_nav">
								<ul class="gFooter_lists">
									<li class="gFooter_list gFooter_list-white"><a href="">サービス</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">ウェブサイト制作</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">ウェブマーケティング支援</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list gFooter_list-white"><a href="/features/">シフトの強み</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">ワンストップの制作体制</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">手厚い営業・ディレクション</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">細やかな設計・開発</a></li><!-- /.gFooter_list -->
									<li class="gFooter_list"><a href="">柔軟な開発力</a></li><!-- /.gFooter_list -->
								</ul><!-- /.gFooter_lists -->
								<div class="gFooter_navInner">
									<ul class="gFooter_list">
										<li class="gFooter_list gFooter_list-white"><a href="">実績紹介</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list"><a href="">導入事例</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list"><a href="">制作実績</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list gFooter_list-white"><a href="">メンバー</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list gFooter_list-white"><a href="">会社紹介</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list"><a href="">ビジョン</a></li><!-- /.gFooter_list -->
										<li class="gFooter_list"><a href="">会社概要</a></li><!-- /.gFooter_list -->
									</ul><!-- /.gFooter_list -->
									<ul class="gFooter_list">
										<li class="gFooter_list gFooter_list-white"><a href="">ブログ</a></li><!-- /.gFooter_list gFooter_list-white -->
										<li class="gFooter_list gFooter_list-white"><a href="">お知らせ</a></li><!-- /.gFooter_list gFooter_list-white -->
										<li class="gFooter_list gFooter_list-recruit gFooter_list-white"><a href="">採用情報</a></li><!-- /.gFooter_list gFooter_list-white -->
										<li class="gFooter_list gFooter_list-white"><a href="">資料ダウンロード</a></li><!-- /.gFooter_list gFooter_list-white -->
										<li class="gFooter_list gFooter_list-white"><a href="">お問い合わせ</a></li><!-- /.gFooter_list gFooter_list-white -->
									</ul><!-- /.gFooter_list -->
								</div>
							</nav><!-- /.gFooter_nav -->
						</div>
					</div><!-- /.gFooter_contents -->
				</div><!-- /.gFooter_inner -->
				<div class="gFooter_inner gFooter_inner-sub">
					<div class="gFooter_contents gFooter_contents-sub">
						<div class="gFooter_leftContents">
							<div class="gFooter_texts">
								<ul class="gFooter_privacy">
									<li class="gFooter_list gFooter_list-type02 gFooter_list-white">
										<a href="">プライバシーポリシー</a>
									</li>
									<li class="gFooter_list gFooter_list-type02 gFooter_list-white">
										<a href="">個人情報取り扱いについて</a>
									</li>
								</ul>
								<small class="gFooter_copy">&copy; <script type="text/javascript">document.write(new Date().getFullYear())</script>SHIFT Inc. 全ての文章・画像の転載をお断りします。</small>
							</div>
						</div><!-- /.gFooter_leftContents -->
						<div class="gFooter_rightContents gFooter_rightContents-flex">
							<div class="gFooter_images">
								<img src="/assets/images/global/pmark.png" alt="" loading="lazy">
								<img src="/assets/images/global/fun-share.png" alt="" loading="lazy">
							</div>
							<div class="gFooter_toTop">
								<a href="#"></a>
							</div>
						</div>
					</div><!-- /.gFooter_contents -->
				</div><!-- /.gFooter_inner -->
			</div><!-- /.gFooter_main -->
		</footer><!-- /.gFooter -->

Styleguide 3.4
*/
.gFooter {
  background-color: #0893e1;
}
.gFooter_inner {
  width: 1160px;
  margin: 0 auto;
}
.gFooter_contents {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.gFooter_item {
  text-decoration: none;
  padding: 145px 52px 145px 60px;
  overflow: hidden;
  position: relative;
}
.gFooter_area {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px;
}
.gFooter_area:hover {
  opacity: 1 !important;
}
.gFooter_area::after {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 125%);
      -ms-transform: translate(-50%, 125%);
          transform: translate(-50%, 125%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gFooter_area-download::after {
  content: url(../../assets/images/top/gFooter-hover01.png);
}
.gFooter_area-download:hover::after {
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.gFooter_area-contact::after {
  content: url(../../assets/images/top/gFooter-hover02.png);
}
.gFooter_area-contact:hover::after {
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.gFooter_area:hover .gFooter_arrowBtn::before {
  width: 80px;
  height: 80px;
  opacity: 0.361;
}
.gFooter_area:hover .gFooter_arrowBtn > a::after {
  z-index: 999;
}
.gFooter_area:hover .gFooter_arrowBtn-link {
  opacity: 1;
  border: 1px solid transparent;
}
.gFooter_area:hover .gFooter_arrowBtn-link::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.gFooter_area:hover .gFooter_arrowBtn-link::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.gFooter_arrowBtn {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.gFooter_arrowBtn::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50%;
  z-index: 0;
}
.gFooter_arrowBtn-link {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  overflow: hidden;
}
.gFooter_arrowBtn-link:hover {
  opacity: 1;
  border: 1px solid transparent;
}
.gFooter_arrowBtn-link:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.gFooter_arrowBtn-link:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.gFooter_arrowBtn-link::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.gFooter_arrowBtn-link::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 31px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
  opacity: 0;
  z-index: 3;
}
.gFooter_inner-main {
  background-color: rgb(5, 116, 176);
  width: calc(100% - 60px);
  margin: 0 auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 120px 60px 0px;
}
.gFooter_inner-sub {
  background-color: rgb(5, 116, 176);
  width: calc(100% - 60px);
  margin: 0 auto;
}
.gFooter_main {
  margin-bottom: 60px;
}
.gFooter_contents-main {
  border-bottom: 1px solid #409acb;
  width: 1040px;
  padding: 0 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 290px;
  margin: 0 auto;
}
.gFooter_contents-sub {
  width: 1040px;
  gap: inherit;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 0 40px;
}
.gFooter_privacy {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.gFooter_privacy .gFooter_list-white {
  margin-top: 0;
}
.gFooter_access {
  margin-top: 30px;
}
.gFooter_address {
  color: #fff;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.075em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.gFooter_tel {
  text-decoration: none;
  color: #fff;
}
.gFooter_rightContents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gFooter_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 72px;
  margin-top: -40px;
}
.gFooter_navInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.gFooter_list-recruit::after {
  content: url(../../assets/images/top/tabs_icon.png);
  padding-left: 6px;
}
.gFooter_list-sitemanage::after {
  content: url(../../assets/images/top/tabs_icon_blue.png);
  padding-left: 6px;
}
.gFooter_list > a {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.025em;
  color: #97c5de;
  position: relative;
}
.gFooter_list > a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -2px;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-color: #97c5de;
}
.gFooter_list > a:hover {
  opacity: 1;
}
.gFooter_list > a:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; /*左から右に向かう*/
}
.gFooter_list-white {
  margin-top: 20px;
}
.gFooter_list-white > a {
  color: #fff;
  font-weight: bold;
  position: relative;
}
.gFooter_list-white > a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -2px;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.gFooter_list-white > a:hover {
  opacity: 1;
}
.gFooter_list-white > a:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top; /*左から右に向かう*/
}
.gFooter_list-type02 > a {
  font-size: 0.75rem;
}
.gFooter_copy {
  color: #97c5de;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.gFooter_images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 10px 60px;
  grid-template-columns: 100px 60px;
  gap: 10px;
}
.gFooter_images .gFooter_imgLink:first-child {
  width: 100px;
}
.gFooter_images .gFooter_imgLink:first-child div {
  font-size: 0.6875rem;
  color: #fff;
}
.gFooter_toTop > a {
  position: relative;
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid white;
  text-decoration: none;
  overflow: hidden;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.gFooter_toTop > a:hover {
  background-color: white;
  opacity: 1;
}
.gFooter_toTop > a:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.gFooter_toTop > a:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #2544af;
}
.gFooter_toTop > a::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gFooter_toTop > a::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 15px;
  left: 22px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
}

.footer_inner {
  padding-bottom: 40px;
  text-align: center;
}
.footer_copy {
  line-height: 1;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
/*
見出し

説明

Markup:
<div class="bl_floatingBanner">
	<a href="/35anniversary/" target="_blank" class="bl_floatingBanner_img"><img src="/assets/images/global/35th_banner.png" alt=""></a>
	<div class="bl_floatingBanner_close" id="js_floatingBanner_close">
		<span></span>
		<span></span>
	</div>
</div>

Styleguide 3.5
*/
.bl_floatingBanner {
  position: fixed;
  bottom: 140px;
  right: 20px;
  max-width: 100%;
  z-index: 100;
}
.bl_floatingBanner_img {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bl_floatingBanner_img:hover {
  opacity: 0.6;
}
.bl_floatingBanner_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
  background-color: #3d3d3d;
  border-radius: 50%;
}
.bl_floatingBanner_closeWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
}
.bl_floatingBanner_close span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.bl_floatingBanner_close span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 2px;
  height: 15px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bl_floatingBanner.js_close {
  display: none;
}
/*
パーツ

見出しとかボタンとかアイコン付きの文字とか

Styleguide 4.
*/
/*
.font

フォントサイズ

.font-l 1～5
.font-s 1～5
最後にPcってついたらPCのみ
最後にSpってついたらSPのみ

Markup:
<p class="{$modifiers}">フォントサイズ</p>

.font-lllll - lllll
.font-llll - llll
.font-lll - lll
.font-ll - ll
.font-l - l
.font-s - s
.font-ss - ss
.font-sss - sss
.font-ssss - ssss
.font-sssss - sssss

Styleguide 4.1
*/
.font-lllll {
  font-size: 1.625rem;
}
.font-llll {
  font-size: 1.5rem;
}
.font-lll {
  font-size: 1.375rem;
}
.font-ll {
  font-size: 1.25rem;
}
.font-l {
  font-size: 1.125rem;
}
.font-s {
  font-size: 0.875rem;
}
.font-ss {
  font-size: 0.8125rem;
}
.font-sss {
  font-size: 0.75rem;
}
.font-ssss {
  font-size: 0.6875rem;
}
.font-sssss {
  font-size: 0.625rem;
}
/*
.color

フォントカラー

Markup:
<p class="{$modifiers}">フォントカラー</p>

.color-red - red
.color-blue - blue
.color-gray - gray
.color-black - black

Styleguide 4.2
*/
.color-red {
  color: #f00 !important;
}
.color-blue {
  color: #2544af !important;
}
.color-gray {
  color: #61626d !important;
}
.color-black {
  color: #2c2c2c !important;
}

/*
btn

ボタン

Markup:
<div class="btns btns-hr">
	<ul class="btns_list">
		<li class="btns_item btns_item-4-12">
            <div class="btn">
							<a href="">ボタン</a>
			</div><!-- /.btn -->
        </li>
	</ul>
</div><!-- /.btns -->

Styleguide 4.3
*/
.btn {
  border: 1px solid #2544af;
  border-radius: 30px;
  display: inline-block;
  width: 240px;
  height: 55px;
}
.btn-blue {
  background-color: #2544af;
  border-color: transparent;
}
.btn-blue > a {
  color: white !important;
}
.btn-blue > a:hover {
  opacity: 1;
  background-color: white !important;
  color: #2544af !important;
}
.btn-blue > a:hover:before {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 3;
  color: #2544af !important;
}
.btn-blue > a:hover::after {
  -webkit-transform: translate(20px, 0);
      -ms-transform: translate(20px, 0);
          transform: translate(20px, 0);
  opacity: 0;
}
.btn-blue > a::before, .btn-blue > a::after {
  color: white !important;
}
.btn > a {
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #2544af;
  text-decoration: none;
  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;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  z-index: 1;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}
.btn > a:hover {
  opacity: 1;
  background-color: #2544af;
  color: white;
}
.btn > a:hover:before {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 3;
  color: white;
}
.btn > a:hover::after {
  -webkit-transform: translate(20px, 0);
      -ms-transform: translate(20px, 0);
          transform: translate(20px, 0);
  opacity: 0;
}
.btn > a::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 14px;
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transition: all, 0.3s ease-in-out;
  transition: all, 0.3s ease-in-out;
  color: #2544af;
  font-size: 0.625rem;
  position: absolute;
  right: 20px;
}
.btn > a::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  font-size: 0.625rem;
  -webkit-transition: all, 0.1s ease-in;
  transition: all, 0.1s ease-in;
  position: absolute;
  right: 20px;
}
.btn-revers > a::after {
  right: inherit;
  left: 20px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btn-revers > a::before {
  right: inherit;
  left: 20px;
  -webkit-transform: rotate(180deg) translate(-100%, 0);
      -ms-transform: rotate(180deg) translate(-100%, 0);
          transform: rotate(180deg) translate(-100%, 0);
}
.btn-revers > a:hover::before {
  -webkit-transform: rotate(180deg) translate(0%, 0);
      -ms-transform: rotate(180deg) translate(0%, 0);
          transform: rotate(180deg) translate(0%, 0);
}
.btn-revers > a:hover::after {
  -webkit-transform: rotate(180deg) translate(100%, 0);
      -ms-transform: rotate(180deg) translate(100%, 0);
          transform: rotate(180deg) translate(100%, 0);
}
/*
ボタンレイアウト

btns

Markup:
<div class="btns {$modifiers}">
	<ul class="btns_list">
		<li class="btns_item btns_item-3-12pc btns_item-5-12sp"><div class="btn"><a href="">ボタン</a></div><!-- /.btn --></li>
		<li class="btns_item btns_item-3-12pc btns_item-5-12sp"><div class="btn"><a href="">ボタン</a></div><!-- /.btn --></li>
		<li class="btns_item btns_item-3-12pc btns_item-12-12sp"><div class="btn"><a href="">ボタン</a></div></li>
	</ul>
</div><!-- /.btns -->

.btns-left - 左寄せ
.btns-right - 右寄せ
.btns-hr - 横並び
.btns-hr.btns-left - 横並び&左寄せ
.btns-hr.btns-right - 横並び&右寄せ

Styleguide 4.4
*/
.btns {
  margin: 20px 0 0;
}
.btns_list > :first-child {
  margin-top: 0;
}
.btns_item {
  margin: 20px auto 0;
}
.btns_item-1-12 {
  width: calc(99.9%/12 * 1);
}
.btns_item-2-12 {
  width: calc(99.9%/12 * 2);
}
.btns_item-3-12 {
  width: calc(99.9%/12 * 3);
}
.btns_item-4-12 {
  width: calc(99.9%/12 * 4);
}
.btns_item-5-12 {
  width: calc(99.9%/12 * 5);
}
.btns_item-6-12 {
  width: calc(99.9%/12 * 6);
}
.btns_item-7-12 {
  width: calc(99.9%/12 * 7);
}
.btns_item-8-12 {
  width: calc(99.9%/12 * 8);
}
.btns_item-9-12 {
  width: calc(99.9%/12 * 9);
}
.btns_item-10-12 {
  width: calc(99.9%/12 * 10);
}
.btns_item-11-12 {
  width: calc(99.9%/12 * 11);
}
.btns_item-12-12 {
  width: calc(99.9%/12 * 12);
}
.btns_item-13-12 {
  width: calc(99.9%/12 * 13);
}
.btns_item-1-10 {
  width: calc(99.9%/10 * 1);
}
.btns_item-2-10 {
  width: calc(99.9%/10 * 2);
}
.btns_item-3-10 {
  width: calc(99.9%/10 * 3);
}
.btns_item-4-10 {
  width: calc(99.9%/10 * 4);
}
.btns_item-5-10 {
  width: calc(99.9%/10 * 5);
}
.btns_item-6-10 {
  width: calc(99.9%/10 * 6);
}
.btns_item-7-10 {
  width: calc(99.9%/10 * 7);
}
.btns_item-8-10 {
  width: calc(99.9%/10 * 8);
}
.btns_item-9-10 {
  width: calc(99.9%/10 * 9);
}
.btns_item-10-10 {
  width: calc(99.9%/10 * 10);
}
.btns_item-11-10 {
  width: calc(99.9%/10 * 11);
}
.btns-left .btns_item {
  margin-left: 0;
}
.btns-right .btns_item {
  margin-right: 0;
}
.btns-hr .btns_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: -20px 0 0 -20px;
}
.btns-hr .btns_item {
  margin: 20px 0 0 20px;
}
.btns-hr .btns_item-1-12 {
  width: calc(99.9%/12 * 1 - 20px);
}
.btns-hr .btns_item-2-12 {
  width: calc(99.9%/12 * 2 - 20px);
}
.btns-hr .btns_item-3-12 {
  width: calc(99.9%/12 * 3 - 20px);
}
.btns-hr .btns_item-4-12 {
  width: calc(99.9%/12 * 4 - 20px);
}
.btns-hr .btns_item-5-12 {
  width: calc(99.9%/12 * 5 - 20px);
}
.btns-hr .btns_item-6-12 {
  width: calc(99.9%/12 * 6 - 20px);
}
.btns-hr .btns_item-7-12 {
  width: calc(99.9%/12 * 7 - 20px);
}
.btns-hr .btns_item-8-12 {
  width: calc(99.9%/12 * 8 - 20px);
}
.btns-hr .btns_item-9-12 {
  width: calc(99.9%/12 * 9 - 20px);
}
.btns-hr .btns_item-10-12 {
  width: calc(99.9%/12 * 10 - 20px);
}
.btns-hr .btns_item-11-12 {
  width: calc(99.9%/12 * 11 - 20px);
}
.btns-hr .btns_item-12-12 {
  width: calc(99.9%/12 * 12 - 20px);
}
.btns-hr .btns_item-13-12 {
  width: calc(99.9%/12 * 13 - 20px);
}
.btns-hr .btns_item-1-10 {
  width: calc(99.9%/10 * 1 - 20px);
}
.btns-hr .btns_item-2-10 {
  width: calc(99.9%/10 * 2 - 20px);
}
.btns-hr .btns_item-3-10 {
  width: calc(99.9%/10 * 3 - 20px);
}
.btns-hr .btns_item-4-10 {
  width: calc(99.9%/10 * 4 - 20px);
}
.btns-hr .btns_item-5-10 {
  width: calc(99.9%/10 * 5 - 20px);
}
.btns-hr .btns_item-6-10 {
  width: calc(99.9%/10 * 6 - 20px);
}
.btns-hr .btns_item-7-10 {
  width: calc(99.9%/10 * 7 - 20px);
}
.btns-hr .btns_item-8-10 {
  width: calc(99.9%/10 * 8 - 20px);
}
.btns-hr .btns_item-9-10 {
  width: calc(99.9%/10 * 9 - 20px);
}
.btns-hr .btns_item-10-10 {
  width: calc(99.9%/10 * 10 - 20px);
}
.btns-hr .btns_item-11-10 {
  width: calc(99.9%/10 * 11 - 20px);
}
.btns-hr.btns-left .btns_list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btns-hr.btns-right .btns_list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.btns-hr.btns-spaceBetween .btns_list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/*
headLine1

見出し1

Markup:
<h1 class="headLine1">見出し1</h1>

Styleguide 4.5.1
*/
.headLine1 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #12182e;
  letter-spacing: 0.025em;
  line-height: 1.5;
  background-color: #edf0f7;
  padding: 10px 26px;
}

/*
headLine2

見出し2

Markup:
<h2 class="headLine2">見出し2</h2>

Styleguide 4.5.2
*/
.headLine2 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #2544af;
  border-bottom: 1px solid #2544af;
  padding-left: 20px;
  letter-spacing: 0.025em;
  line-height: 1.5;
  padding-bottom: 10px;
  margin: 100px 0 40px;
}

/*
headLine3

見出し3

Markup:
<h3 class="headLine3">見出し3</h3>

Styleguide 4.5.3
*/
.headLine3 {
  font-size: 1.375rem;
  font-weight: bold;
  color: #fff;
  background-color: #2544af;
  letter-spacing: 0.025em;
  line-height: 1.32;
  padding: 10px 20px;
  margin: 60px 0 25px;
}

/*
headLine4

見出し4

Markup:
<h4 class="headLine4">見出し4</h4>

Styleguide 4.5.4
*/
.headLine4 {
  color: #12182e;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.5;
  border-left: 6px solid #2544af;
  font-size: 1.2rem;
  padding: 2px 10px;
  margin: 40px 0 10px;
}
.headLine4 + p:not([class]) {
  margin-top: 10px;
}

/*
headLine5

見出し5

Markup:
<h4 class="headLine5">見出し5</h4>

Styleguide 4.5.5
*/
.headLine5 {
  color: #2544af;
  font-size: 1.15rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.5;
  margin: 30px 0 10px;
}
.headLine5 + p:not([class]) {
  margin-top: 10px;
}

/*
customInput

カスタムインプット

Markup:
<label class="customInput"><input type="checkbox" name="" id=""><span class="customInput_inner">ああああああ</span></label><br>
<label class="customInput"><input type="radio" name="" id=""><span class="customInput_inner">ああああああ</span></label>

Styleguide 4.6
*/
.customInput {
  position: relative;
  cursor: pointer;
  vertical-align: bottom;
}
.customInput > [type=checkbox], .customInput > [type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.customInput_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.customInput_inner:before {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #797a88;
  border-radius: 2px;
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1;
}
.customInput_inner-vam {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customInput > [type=radio] + .customInput_inner:before {
  border-radius: 50%;
}
.customInput > [type=checkbox]:checked + .customInput_inner:before {
  content: "\ea05";
}
.customInput > [type=radio]:checked + .customInput_inner:before {
  background: #2c2c2c;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
          box-shadow: inset 0 0 0 3px #fff;
}

/*
responsiveTable

スマホでブロック要素になるテーブル

Markup:
<table class="responsiveTable">
	<tbody>
		<tr>
			<th>あああああああああ</th>
			<td>いいいいいいいいいいいいいいいいいいいいいいいいいいい</td>
		</tr>
		<tr>
			<th>あああああああああ</th>
			<td>いいいいいいいいいいいいいいいいいいいいいいいいいいい</td>
		</tr>
		<tr>
			<th>あああああああああ</th>
			<td>いいいいいいいいいいいいいいいいいいいいいいいいいいい</td>
		</tr>
		<tr>
			<th>あああああああああ</th>
			<td>いいいいいいいいいいいいいいいいいいいいいいいいいいい</td>
		</tr>
	</tbody>
</table>

Styleguide 4.7
*/
/*
scrollTable

レスポンシブでスクロールになるテーブル

Markup:
<div class="scrollTable">
	<table>
		<thead>
			<tr>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
				<th>見出し</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th>見出し</th>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
			</tr>
			<tr>
				<th>見出し</th>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
			</tr>
			<tr>
				<th>見出し</th>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
				<td>内容内容</td>
			</tr>
		</tbody>
	</table>
</div><!-- /.scrollTable -->

Styleguide 4.8
*/
.scrollTable {
  margin: 20px 0 0;
}
.scrollTable > :first-child {
  margin-top: 0;
}
/*
dataThTable

レスポンシブでdata-thが出るテーブル

Markup:
<table class="dataThTable">
	<thead>
		<tr>
			<th>見出し1</th>
			<th>見出し2</th>
			<th>見出し3</th>
			<th>見出し4</th>
			<th>見出し5</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td data-th="見出し1">内容1</td>
			<td data-th="見出し2">内容2</td>
			<td data-th="見出し3">内容3</td>
			<td data-th="見出し4">内容4</td>
			<td data-th="見出し5">内容5</td>
		</tr>
	</tbody>
</table>

Styleguide 4.9
*/
/*
youtube

スマホでyoutubeのレスポンシブ化（16:9の比率）

Markup:
<div class="youtube"><iframe width="560" height="315" src="https://www.youtube.com/embed/Duq5QDp6KqE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

Styleguide 4.10
*/
/*
モジュール

その他モジュール

Styleguide 5.
*/
/*
pankuzu

パンクズ

Markup:
<nav class="pankuzu">
	<div class="pankuzu_inner">
		<ul class="pankuzu_list">
			<li class="pankuzu_item"><a href="/">トップ</a></li>
			<li class="pankuzu_item"><a href="./">カテゴリタイトル</a></li>
			<li class="pankuzu_item">ページタイトル</li>
		</ul>
	</div>
</nav><!-- /.pankuzu -->

Styleguide 5.1
*/
.pankuzu {
  padding: 34px 0 40px;
}
.pankuzu > :first-child {
  margin-top: 0;
}
.pankuzu_inner {
  width: 1160px;
  margin: 0 auto;
}
.pankuzu_inner > :first-child {
  margin-top: 0;
}
.pankuzu_list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 17px;
}
.pankuzu_list > :first-child:before {
  content: none;
}
.pankuzu_item {
  font-size: 0.75rem;
  font-weight: 500;
  color: #8a8d99;
}
.pankuzu_item > a {
  text-decoration: none;
  color: #12182e;
}
.pankuzu_item:before {
  content: "　|　";
}
/*
pager

ページャ

Markup:
<nav class="pager">
	<div class="pager_inner">
		<ul class="pager_list">
			<li class="pager_prev"><a href=""></a></li>
			<li class="pager_item pager_item-active"><a href="">1</a></li>
			<li class="pager_item hidden-sp"><a href="">2</a></li>
			<li class="pager_item hidden-sp"><a href="">3</a></li>
			<li class="pager_item hidden-sp"><a href="">4</a></li>
			<li class="pager_dot">…</li>
			<li class="pager_item"><a href="">10</a></li>
			<li class="pager_next"><a href=""></a></li>
		</ul>
	</div>
	<div class="pager_total">
		<span>1/2(全25件)</span>
	</div>
</nav><!-- /.pager -->

Styleguide 5.2
*/
.pager {
  margin: 80px 0 0;
  position: relative;
}
.pager_inner {
  margin: 0 auto;
}
.pager_list {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pager_item {
  margin: 0 15px;
}
.pager_item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  font-size: 1.375rem;
  font-weight: 600;
  text-decoration: none;
  color: #12182e;
  font-family: "Josefin Sans", sans-serif;
  letter-spacing: 0.05em;
}
.pager_item > a:hover {
  color: #2544af;
  opacity: 1;
}
.pager_item-active > a {
  border-color: transparent;
  color: #fff;
  color: #2544af;
  border-bottom: 2px solid #2544af;
}
.pager_prev, .pager_next {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.pager_prev > a, .pager_next > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  width: 50px;
  line-height: 1;
  font-size: 0.75rem;
  text-decoration: none;
  color: #2544af;
  border: 1px solid #2544af;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.pager_prev > a::before, .pager_prev > a::after, .pager_next > a::before, .pager_next > a::after {
  position: absolute;
}
.pager_prev > a:hover, .pager_next > a:hover {
  border: none;
  background-color: #2544af;
  opacity: 1;
}
.pager_prev {
  margin-right: 10px;
}
.pager_prev > a:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pager_prev > a::after {
  -webkit-transform: translateX(20px) rotate(180deg);
      -ms-transform: translateX(20px) rotate(180deg);
          transform: translateX(20px) rotate(180deg);
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pager_prev > a:hover::before {
  -webkit-transform: translateX(-20px) rotate(180deg);
      -ms-transform: translateX(-20px) rotate(180deg);
          transform: translateX(-20px) rotate(180deg);
  color: white;
  opacity: 0;
}
.pager_prev > a:hover::after {
  -webkit-transform: translateX(0px) rotate(180deg);
      -ms-transform: translateX(0px) rotate(180deg);
          transform: translateX(0px) rotate(180deg);
  color: white;
  opacity: 1;
}
.pager_next {
  margin-left: 10px;
}
.pager_next > a:before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pager_next > a::after {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pager_next > a:hover::before {
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  color: white;
  opacity: 0;
}
.pager_next > a:hover::after {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  color: white;
  opacity: 1;
}
.pager_dot {
  font-size: 14px;
}
/*
画像とテキスト

imgTxt

Markup:
<div class="imgTxt {$modifiers}">
	<div class="imgTxt_left"><figure><img src="http://satyr.io/300x300/dddddd?text=This+is+Dummy+Image!!!&texture=cross" alt="ダミーイメージ"></figure></div>
	<div class="imgTxt_body">
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
	</div>
</div><!-- /.imgTxt -->
<div class="imgTxt {$modifiers}">
	<div class="imgTxt_right"><figure><img src="http://satyr.io/300x300/dddddd?text=This+is+Dummy+Image!!!&texture=cross" alt="ダミーイメージ"></figure></div>
	<div class="imgTxt_body">
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
		<p>ああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
	</div>
</div><!-- /.imgTxt -->

.imgTxt-vat - 縦方向上揃え
.imgTxt-vam - 縦方向中央揃え
.imgTxt-vat - 縦方向下揃え
.imgTxt-around - 回り込みあり

Styleguide 5.5
*/
.imgTxt {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.imgTxt-vat {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.imgTxt-vam {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.imgTxt-vab {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.imgTxt_left {
  margin: 0 30px 0 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.imgTxt_left > :first-child {
  margin-top: 0;
}
.imgTxt_right {
  margin: 0 0 0 30px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.imgTxt_right > :first-child {
  margin-top: 0;
}
.imgTxt-around {
  overflow: hidden;
  display: block;
}
.imgTxt-around .imgTxt_right {
  float: right;
}
.imgTxt-around .imgTxt_left {
  float: left;
}
.imgTxt_body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}
.imgTxt_body > :first-child {
  margin-top: 0;
}
/*
grid

グリッド

grid_col-分子-分母（12/12まで）

Markup:
<div class="grid {$modifiers}">
	<div class="grid_col grid_col-4-12pc grid_col-6-12sp">PC:4/12  SP:6/12</div><!-- /.grid_col -->
	<div class="grid_col grid_col-4-12pc grid_col-6-12sp">PC:4/12  SP:6/12</div><!-- /.grid_col -->
	<div class="grid_col grid_col-4-12pc grid_col-12-12sp">PC:4/12  SP:12/12</div><!-- /.grid_col -->
	<div class="grid_col grid_col-3-12">PC:3/12  SP:3/12</div><!-- /.grid_col -->
	<div class="grid_col grid_col-3-12">PC:3/12  SP:3/12</div><!-- /.grid_col -->
	<div class="grid_col grid_col-3-12">PC:3/12  SP:3/12</div><!-- /.grid_col -->
</div><!-- /.grid -->

grid-left - left
grid-center - center
grid-right - right

Styleguide 5.6
*/
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 0 0 -20px;
}
.grid-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grid-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.grid_col {
  margin: 0 0 0 20px;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.grid_col-1-12 {
  width: calc(99.9%/12 * 1 - 20px);
}
.grid_col-2-12 {
  width: calc(99.9%/12 * 2 - 20px);
}
.grid_col-3-12 {
  width: calc(99.9%/12 * 3 - 20px);
}
.grid_col-4-12 {
  width: calc(99.9%/12 * 4 - 20px);
}
.grid_col-5-12 {
  width: calc(99.9%/12 * 5 - 20px);
}
.grid_col-6-12 {
  width: calc(99.9%/12 * 6 - 20px);
}
.grid_col-7-12 {
  width: calc(99.9%/12 * 7 - 20px);
}
.grid_col-8-12 {
  width: calc(99.9%/12 * 8 - 20px);
}
.grid_col-9-12 {
  width: calc(99.9%/12 * 9 - 20px);
}
.grid_col-10-12 {
  width: calc(99.9%/12 * 10 - 20px);
}
.grid_col-11-12 {
  width: calc(99.9%/12 * 11 - 20px);
}
.grid_col-12-12 {
  width: calc(99.9%/12 * 12 - 20px);
}
.grid_col-1-10 {
  width: calc(99.9%/10 * 1 - 20px);
}
.grid_col-2-10 {
  width: calc(99.9%/10 * 2 - 20px);
}
.grid_col-3-10 {
  width: calc(99.9%/10 * 3 - 20px);
}
.grid_col-4-10 {
  width: calc(99.9%/10 * 4 - 20px);
}
.grid_col-5-10 {
  width: calc(99.9%/10 * 5 - 20px);
}
.grid_col-6-10 {
  width: calc(99.9%/10 * 6 - 20px);
}
.grid_col-7-10 {
  width: calc(99.9%/10 * 7 - 20px);
}
.grid_col-8-10 {
  width: calc(99.9%/10 * 8 - 20px);
}
.grid_col-9-10 {
  width: calc(99.9%/10 * 9 - 20px);
}
.grid_col-10-10 {
  width: calc(99.9%/10 * 10 - 20px);
}
/*
staff

スタッフ

Markup:
<section class="staff">
	<div class="staff_inner">
		<div class="staff_contents">
			<figure class="staff_img"><img src="/assets/images/member/img02.png" alt=""></figure><!-- /.staff_img -->
			<div class="staff_profill">
				<div class="staff_texts">
					<div class="staff_header">
						<p class="staff_en">Project</p><!-- /.staff_en -->
						<h2 class="staff_ja">得意な案件</h2><!-- /.staff_ja -->
					</div>
					<p class="staff_text">
						目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開。
						シフトだからこそ実現できるご提案がたくさんあります。
						目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開シフトだからこそ実現できるご提案がたくさんあります。目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開運用後のサポートまで。
					</p><!-- /.staff_text -->
				</div><!-- /.staff_texts -->
				<div class="staff_texts">
					<div class="staff_header">
						<p class="staff_en">Project</p><!-- /.staff_en -->
						<h2 class="staff_ja">得意な案件</h2><!-- /.staff_ja -->
					</div>
					<p class="staff_text">
						目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開。
						シフトだからこそ実現できるご提案がたくさんあります。
						目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開シフトだからこそ実現できるご提案がたくさんあります。目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開運用後のサポートまで。
					</p><!-- /.staff_text -->
				</div><!-- /.staff_texts -->
			</div><!-- /.staff_profill -->
		</div><!-- /.staff_contents -->
	</div><!-- /.staff_inner -->
</section><!-- /.staff -->

Styleguide 5.6.1
*/
.staff {
  position: relative;
  margin-top: 290px;
  background-color: #0893e1;
}
.staff_inner {
  width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.staff_contents {
  -webkit-transform: translateY(-226px);
      -ms-transform: translateY(-226px);
          transform: translateY(-226px);
}
.staff_img {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: url("../../assets/images/member/before.png?v=511ffdaca3cd220ebc94be57efb289b8");
  background-repeat: no-repeat;
  background-position: 0px 70px;
  margin: 0 14px 0;
}
.staff_img > img {
  width: 400px;
  height: 492px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.staff_profill {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.staff_texts {
  color: #fff;
}
.staff_header {
  margin-top: 80px;
  text-align: center;
}
.staff_en {
  margin-top: 0;
  font-size: 1.25rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  line-height: 1.4;
}
.staff_ja {
  margin-top: 0;
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.6615384615;
}
.staff_text {
  margin-top: 20px;
  padding: 15px 60px 23px 45px;
}
.staff_text-type01 {
  border-right: 1px solid #70b7e6;
}
/*
memberSlider

memberSlider

Markup:
				<section class="memberSlider">
					<div class="memberSlider_inner">
						<div class="memberSlider_header">
							<h2 class="memberSlider_title">同じ部門のメンバー</h2>
						</div>
						<div class="memberSlider_sliderContainer">
							<div class="memberSlider_marginSlider">
								<div class="memberSlider_marginSliderWrapper">
									<div class="memberSlider_slider swiper">
										<div class="memberSlider_slideNav">
											<div class="memberSlider_pagination swiper-pagination"></div>
											<!-- If we need navigation buttons -->
											<div class="memberSlider_prev swiper-button-prev"></div>
											<div class="memberSlider_next swiper-button-next"></div>
										</div>
										<!-- If we need pagination -->
										<div class="memberSlider_wrapper swiper-wrapper">
											<a href="" class="memberSlider_slide swiper-slide">
												<div class="memberSlider_img swiper-img">
													<img src="/assets/images/member/img03.png" alt="" />
												</div>
												<div class="memberSlider_texts">
													<p class="memberSlider_en">Hanako Yamada</p>
													<p class="memberSlider_ja">営業 / 山田 花子</p>
													<div class="memberSlider_arrowBtn"><span></span></div>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="memberSlider_btn btn">
							<a href="/member/">一覧に戻る</a>
						</div><!-- /.btn -->
					</div>
				</section><!-- /.memberSlider -->

Styleguide 5.6.2
*/
.memberSlider {
  overflow: hidden;
  margin-bottom: 120px;
}
.memberSlider_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 165px;
  position: relative;
  padding-bottom: 100px;
}
.memberSlider_title {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.memberSlider_title > span {
  display: block;
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}
.memberSlider_slider {
  overflow: visible;
}
.memberSlider_slide {
  width: 260px !important;
  text-decoration: none;
}
.memberSlider_slide:hover {
  opacity: 1;
}
.memberSlider_slide:hover .memberSlider_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.memberSlider_slide:hover .memberSlider_arrowBtn > span {
  background-color: #2544af !important;
  opacity: 1;
}
.memberSlider_slide:hover .memberSlider_arrowBtn > span::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.memberSlider_slide:hover .memberSlider_arrowBtn > span::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.memberSlider_marginSlider {
  max-width: 1160px;
}
.memberSlider_marginSliderWrapper {
  width: calc(100% + (100vw - 1160px) / 2);
  z-index: 2;
  overflow-x: clip;
}
.memberSlider_img {
  height: 320px;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 260/320;
}
.memberSlider_img > img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.6s !important;
  transition: all 0.6s !important;
}
.memberSlider_pagination {
  color: #2544af;
  position: absolute;
  top: -40px !important;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #2544af;
  width: 50px;
  left: 975px !important;
  display: block !important;
}
.memberSlider_prev {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1030px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  outline: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.memberSlider_prev:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.memberSlider_prev:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.memberSlider_prev:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.memberSlider_prev::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.memberSlider_prev::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.memberSlider_next {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1035px;
}
.memberSlider_next:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.memberSlider_next:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.memberSlider_next:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.memberSlider_next::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.memberSlider_next::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.memberSlider_texts {
  margin-top: 20px;
}
.memberSlider_en {
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1.5;
  color: #2544af;
}
.memberSlider_ja {
  font-size: 0.875rem;
  margin-top: 0;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #12182e;
}
.memberSlider_arrowBtn {
  position: absolute;
  right: 0;
  bottom: 30px;
}
.memberSlider_arrowBtn > span {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #d0d5e6;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.memberSlider_arrowBtn > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  position: absolute;
  top: 1px;
  left: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
}
.memberSlider_arrowBtn > span::after {
  font-size: 0.75rem;
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 1px;
  left: 6px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
}
.memberSlider_btn, .newsDetail_btn, .newsBlock_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
/*
searchArea

searchArea

Markup:
				<form action="" class="searchArea">
					<div class="searchArea_inner searchArea_inner-main">
						<div class="searchArea_contents">
							<div class="searchArea_categorys" data-acc>
								<p class="searchArea_head">サイト種別</p><!-- /.searchArea_head -->
								<div class="searchArea_catInner">
									<div class="searchArea_categoryItems">
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">コーポレートサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">BtoBサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">製品サイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ポータルサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">会員サイト</p>
										</label>
									</div>
									<div class="searchArea_categoryItems" data-acc-content>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">コーポレートサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">BtoBサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">製品サイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ポータルサイト</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">会員サイト</p>
										</label>
									</div>
								</div>
								<div class="searchArea_accBtn" data-acc-btn>
									<button></button>
								</div>
							</div><!-- /.searchArea_categorys -->
							<div class="searchArea_categorys" data-acc>
								<p class="searchArea_head">業種</p><!-- /.searchArea_head -->
								<div class="searchArea_catInner">
									<div class="searchArea_categoryItems">
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">IT・ソフトウェア</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">インテリア・生活用品・雑貨</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ウェディング関連</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ファッション</p>
										</label>
									</div>
									<div class="searchArea_categoryItems" data-acc-content>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">スポーツ・レジャー</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">建築・住宅・不動産</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">病院・医療・薬品</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">芸能・映画・音楽</p>
										</label>
									</div>
								</div>
								<div class="searchArea_accBtn" data-acc-btn>
									<button></button>
								</div>
							</div><!-- /.searchArea_categorys -->
							<div class="searchArea_categorys">
								<p class="searchArea_head">その他</p><!-- /.searchArea_head -->
								<div class="searchArea_catInner">
									<div class="searchArea_categoryItems">
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">システム開発</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">Webマーケティング</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">SEO対策</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">広告運用</p>
										</label>
									</div>
								</div>
							</div><!-- /.searchArea_categorys -->
						</div><!-- /.searchArea_contents -->
						<button type="reset" class="searchArea_reset">検索条件をクリア</button>
					</div><!-- /.searchArea_inner -->
					<div class="searchArea_inner searchArea_inner-hidden mt30">
						<div class="searchArea_header">
							<h2 class="searchArea_selectedType">コーポレートサイト</h2>
							<p class="searchArea_txt">さらに絞り込む</p>
						</div>
						<div class="searchArea_contents">
							<div class="searchArea_categorys" data-acc>
								<p class="searchArea_head">業種</p><!-- /.searchArea_head -->
								<div class="searchArea_catInner">
									<div class="searchArea_categoryItems">
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">IT・ソフトウェア</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">インテリア・生活用品・雑貨</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ウェディング関連</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">ファッション</p>
										</label>
									</div>
									<div class="searchArea_categoryItems" data-acc-content>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">スポーツ・レジャー</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">建築・住宅・不動産</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">病院・医療・薬品</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">芸能・映画・音楽</p>
										</label>
									</div>
								</div>
								<div class="searchArea_accBtn" data-acc-btn>
									<button></button>
								</div>
							</div><!-- /.searchArea_categorys -->
							<div class="searchArea_categorys">
								<p class="searchArea_head">その他</p><!-- /.searchArea_head -->
								<div class="searchArea_catInner">
									<div class="searchArea_categoryItems">
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">システム開発</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">Webマーケティング</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">SEO対策</p>
										</label>
										<label for="" class="searchArea_btn">
											<input type="checkbox" class="searchArea_checkBox">
											<p class="searchArea_text">広告運用</p>
										</label>
									</div>
								</div>
							</div><!-- /.searchArea_categorys -->
						</div><!-- /.searchArea_contents -->
					</div><!-- /.searchArea_inner -->
				</form><!-- /.searchArea -->

Styleguide 5.6.3
*/
.searchArea {
  background-color: #fff;
  padding-top: 60px;
  border-bottom: 1px solid #bcc0d9;
  padding-bottom: 60px;
}
.searchArea-usercase {
  border-bottom: none;
  padding-bottom: 0;
}
.searchArea[data-acc-root=open] .searchArea_searchBtn > button > span {
  background-color: #fff;
}
.searchArea[data-acc-root=open] .searchArea_searchBtn > button > span::before, .searchArea[data-acc-root=open] .searchArea_searchBtn > button > span::after {
  background-color: #2544af;
}
.searchArea[data-acc-root=open] .searchArea_searchBtn > button > span::after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.searchArea_searchBtn {
  margin-left: 26px;
}
.searchArea_inner {
  width: 1000px;
  margin: 0 auto;
}
.searchArea_inner-hidden {
  display: none;
}
.searchArea_inner-usercase {
  width: 1160px;
}
.searchArea_inner-usercase .searchArea_contents {
  padding: 55px 44px !important;
}
.searchArea_header {
  margin-left: 24px;
}
.searchArea_searchBtn {
  margin: -10px 0 20px;
  position: relative;
  cursor: pointer;
}
.searchArea_searchBtn > button {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #2544af;
  line-height: 1;
}
.searchArea_searchBtn > button::before {
  content: url(../../assets/images/blog/search-icon.png);
  margin-right: 10px;
}
.searchArea_searchBtn > button > span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #2544af;
  border-radius: 50%;
  margin-left: auto;
  position: absolute;
  top: -10px;
  right: 0;
}
.searchArea_searchBtn > button > span::before, .searchArea_searchBtn > button > span::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 10px;
  top: 20px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.searchArea_searchBtn > button > span::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.searchArea_selectedType {
  color: #2544af;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.375;
  letter-spacing: 0.025em;
}
.searchArea_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-left: 2px;
  color: #12182e;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.025em;
}
.searchArea_txt::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2544af;
  border-radius: 50%;
}
.searchArea_contents {
  background-color: #f9f9fc;
  padding: 20px 44px;
  margin-top: 20px;
  border-radius: 10px;
}
.searchArea_contents:first-child {
  margin-top: 0;
}
.searchArea_categorys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #bcc0d9;
  padding: 27px 23px 27px;
}
.searchArea_categorys:last-child {
  border-bottom: none;
}
.searchArea_categorys-borderNone {
  border-bottom: none;
}
.searchArea_categorys[data-acc-root=open] .searchArea_accBtn > button::after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  opacity: 0;
}
.searchArea_categorys[data-acc-root=open] .searchArea_accBtn > button > span {
  font-weight: bold;
}
.searchArea_categorys[data-acc-root=open] .searchArea_accBtn > button:hover {
  opacity: 1;
}
.searchArea_head {
  margin-top: 0;
  min-width: 120px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.searchArea_categoryItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
.searchArea_categoryItems:first-child {
  margin-top: 0;
}
.searchArea_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 2;
  border-radius: 30px;
}
.searchArea_btn:hover {
  opacity: 1;
}
.searchArea_btn:hover .searchArea_text {
  background-color: #2544af;
  color: white;
}
.searchArea_btn-isActive .searchArea_text {
  background-color: #2544af;
  color: white;
}
.searchArea_btn > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.searchArea_text {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 8px 13px;
  background-color: #fff;
  border-radius: 30px;
  color: #2544af;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 2.3142857143;
  cursor: pointer;
  line-height: 1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.searchArea_accBtn {
  margin-left: auto;
}
.searchArea_accBtn > button {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 70px 20px 25px;
  text-align: left;
}
.searchArea_accBtn > button::before, .searchArea_accBtn > button::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #2544af;
  position: absolute;
  top: 15px;
  right: 0;
}
.searchArea_accBtn > button::after {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.searchArea_reset {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #2544af;
  border: 1px solid #2544af;
  border-radius: 30px;
  padding: 6px 20px;
  margin-top: 30px;
  margin-left: auto;
  display: block;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  margin-right: 28px;
}
.searchArea_reset:hover {
  opacity: 1;
  background-color: #2544af;
  color: white;
}
.searchArea_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  position: relative;
}
.searchArea_btns > button {
  margin-top: 0;
  position: absolute;
  right: 78px;
  color: #2544af;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8;
  border-bottom: 1px solid #2544af;
}
.searchArea_btns > button::before {
  content: "\ea0a";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 0.75rem;
  padding-right: 5px;
}
.searchArea_btns > .btn > a::before, .searchArea_btns > .btn > a::after {
  display: none !important;
}
/*
worksDetails

worksDetails

Markup:
        <section class="worksDetails">
          <div class="worksDetails_inner">
            <div class="worksDetails_contents">
              <div class="worksDetails_views">
                <div class="worksDetails_pcView">
                  <div class="worksDetails_pcViewInner">
                    <figure class="worksDetails_img"><img src="/assets/images/works/img01.png" alt="コーポレートサイト"></figure>
                  </div>
                </div>
                <div class="worksDetails_spView">
                  <div class="worksDetails_spViewInner">
                    <figure class="worksDetails_img"><img src="/assets/images/works/img01-sp.png" alt="コーポレートサイト"></figure>
                  </div>
                </div>
              </div><!-- /.worksDetails_views -->
              <dl class="worksDetails_texts">
                <div class="worksDetails_headings">
                  <dt class="worksDetails_head worksDetails_head-en">Project</dt><!-- /.worksDetails_head -->
                  <dt class="worksDetails_head worksDetails_head-ja">プロジェクト</dt><!-- /.worksDetails_head -->
                </div>
                <dd class="worksDetails_text">
                  目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開。<br>シフトだからこそ実現できるご提案がたくさんあります。<br>目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開シフトだからこそ実現できるご提案がたくさんあります。
                </dd><!-- /.worksDetails_text -->
              </dl><!-- /.worksDetails_texts -->
              <dl class="worksDetails_texts">
                <div class="worksDetails_headings">
                  <dt class="worksDetails_head worksDetails_head-en">Measures</dt><!-- /.worksDetails_head -->
                  <dt class="worksDetails_head worksDetails_head-ja">施策</dt><!-- /.worksDetails_head -->
                </div>
                <dd class="worksDetails_text">目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開。<br>シフトだからこそ実現できるご提案がたくさんあります。
                </dd><!-- /.worksDetails_text -->
              </dl><!-- /.worksDetails_texts -->
              <dl class="worksDetails_texts">
                <div class="worksDetails_headings">
                  <dt class="worksDetails_head worksDetails_head-en">Voice</dt><!-- /.worksDetails_head -->
                  <dt class="worksDetails_head worksDetails_head-ja">お客様の声</dt><!-- /.worksDetails_head -->
                </div>
                <dd class="worksDetails_text">
                  目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開。<br>
                  シフトだからこそ実現できるご提案がたくさんあります。<br>
                  目的達成に向けた企画や設計、運用後のサポートまで手厚いサービスを展開シフトだからこそ実現できるご提案がたくさんあります。
                </dd><!-- /.worksDetails_text -->
              </dl><!-- /.worksDetails_texts -->
              <div class="worksDetails_items">
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">クライアント</dt>
                  <dd class="worksDetails_dd">株式会社タカラスタンダード様</dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">URL</dt>
                  <dd class="worksDetails_dd worksDetails_dd-tab"><a href="https://www.shift-jp.net/" target="_blank"
                      rel="noopener noreferrer">https://www.shift-jp.net/</a></dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">リリース</dt>
                  <dd class="worksDetails_dd">2023.02</dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">サイト種別</dt>
                  <dd class="worksDetails_dd">
                    <div class="worksDetails_cats">
                      <span>コーポレートサイト</span>
                      <span>BtoBサイト</span>
                    </div>
                  </dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">業種</dt>
                  <dd class="worksDetails_dd">
                    <div class="worksDetails_cats">
                      <span>建築・住宅・不動産</span>
                    </div>
                  </dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">制作内容</dt>
                  <dd class="worksDetails_dd">
                    <div class="worksDetails_cats">
                      <span>SEO対策</span>
                      <span>広告運用</span>
                    </div>
                  </dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">外部連携実績</dt>
                  <dd class="worksDetails_dd">
                    <div class="worksDetails_logos">
                      <figure class="worksDetails_logo">
                        <img src="/assets/images/works/company-logo01.png" alt="" loading="lazy">
                      </figure>
                      <figure class="worksDetails_logo">
                        <img src="/assets/images/works/company-logo02.png" alt="" loading="lazy">
                      </figure>
                      <figure class="worksDetails_logo">
                        <img src="/assets/images/works/company-logo03.png" alt="" loading="lazy">
                      </figure>
                      <figure class="worksDetails_logo">
                        <img src="/assets/images/works/company-logo04.png" alt="" loading="lazy">
                      </figure>
                    </div>
                  </dd>
                </dl>
                <dl class="worksDetails_dl">
                  <dt class="worksDetails_dt">メンバー</dt>
                  <dd class="worksDetails_dd">
                    <div class="worksDetails_members">
                      <div class="worksDetails_member">
                        <figure class="worksDetails_memberImg">
                          <img src="/assets/images/works/member-img01.png" alt="" loading="lazy">
                        </figure>
                        <div class="worksDetails_profile">
                          <p class="worksDetails_division">営業</p>
                          <p class="worksDetails_name">田中太郎</p>
                        </div>
                      </div>
                      <div class="worksDetails_member">
                        <figure class="worksDetails_memberImg">
                          <img src="/assets/images/works/member-img02.png" alt="" loading="lazy">
                        </figure>
                        <div class="worksDetails_profile">
                          <p class="worksDetails_division">ディレクター</p>
                          <p class="worksDetails_name">山田花子</p>
                        </div>
                      </div>
                      <div class="worksDetails_member">
                        <figure class="worksDetails_memberImg">
                          <img src="/assets/images/works/member-img01.png" alt="" loading="lazy">
                        </figure>
                        <div class="worksDetails_profile">
                          <p class="worksDetails_division">営業</p>
                          <p class="worksDetails_name">田中太郎</p>
                        </div>
                      </div>
                      <div class="worksDetails_member">
                        <figure class="worksDetails_memberImg">
                          <img src="/assets/images/works/member-img01.png" alt="" loading="lazy">
                        </figure>
                        <div class="worksDetails_profile">
                          <p class="worksDetails_division">システムエンジニア</p>
                          <p class="worksDetails_name">田中太郎</p>
                        </div>
                      </div>
                      <div class="worksDetails_member">
                        <figure class="worksDetails_memberImg">
                          <img src="/assets/images/works/member-img02.png" alt="" loading="lazy">
                        </figure>
                        <div class="worksDetails_profile">
                          <p class="worksDetails_division">ディレクター</p>
                          <p class="worksDetails_name">山田花子</p>
                        </div>
                      </div>
                    </div>
                  </dd>
                </dl>
                <dl class="worksDetails_dl worksDetails_dl-block">
                  <dt class="worksDetails_dt">システム俯瞰図</dt>
                  <dd class="worksDetails_dd">
                    <figure class="worksDetails_overheadView">
                      <img src="/assets/images/works/overheadView.png" alt="" loading="lazy">
                    </figure>
                  </dd>
                </dl>
              </div>
            </div><!-- /.worksDetails_contents -->
            <div class="worksDetails_blog">
              <figure><img src="/assets/images/works/banner01.png" alt=""></figure>
              <div class="worksDetails_textContents">
                <span class="worksDetails_cat">関連ブログ</span>
                <h2 class="worksDetails_title">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</h2>
                <p class="worksDetails_txt">自社の製品・サービスをアピールするために、ポータルサイトを制作することは非常に効果的です。
                  ですが、集客を成功させるためにはSEO対策も合わせて行う必要があります。2つの施策 …</p>
                <a href="">もっと見る</a>
              </div>
            </div><!-- /.worksDetails_blog -->
          </div><!-- /.worksDetails_inner -->
        </section><!-- /.worksDetails -->

Styleguide 5.6.4
*/
.worksDetails_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 75px;
}
.worksDetails_contents {
  background-color: #fff;
  padding: 90px 115px 120px;
  border-radius: 10px;
}
.worksDetails_views {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.worksDetails_pcView {
  width: 655px;
  height: 480px;
  border: 1px solid #d7dbeb;
  position: relative;
}
.worksDetails_pcView .scroll-element.scroll-y {
  position: absolute;
  top: 10px;
  bottom: 4px;
  right: 4px;
  height: calc(100% - 20px);
}
.worksDetails_pcView .scroll-element.scroll-y .scroll-element_outer {
  width: 10px;
  height: 100%;
  background: #e3e3e3;
  border-radius: 10px;
}
.worksDetails_pcView .scroll-element.scroll-y .scroll-element_size {
  width: 100%;
  height: 100%;
}
.worksDetails_pcView .scroll-element.scroll-y .scroll-element_track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.worksDetails_pcView .scroll-element.scroll-y .scroll-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #a2a2a2;
  border-radius: 10px;
}
.worksDetails_pcView:has(video) {
  height: 355px;
}
.worksDetails_pcView:has(video) video {
  width: 655px;
  margin-top: -43px;
}
.worksDetails_pcView:has(video) .scroll-element.scroll-y {
  display: none;
}
.worksDetails_pcViewInner {
  margin-right: 20px;
}
.worksDetails_spView {
  margin: 0 0 0 55px;
  padding: 22px 10px 15px 6px;
  width: 240px;
  height: 480px;
  background: url("../../assets/images/works/sp-frame.png?v=6b6435f08cc2e22cfbaac950ed5258de") 0 0 no-repeat;
}
.worksDetails_spViewInner {
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.worksDetails_spViewInner .scroll-element.scroll-y {
  position: absolute;
  top: 10px;
  bottom: 30px;
  right: 0;
  height: calc(100% - 30px);
}
.worksDetails_spViewInner .scroll-element.scroll-y .scroll-element_outer {
  width: 10px;
  height: 100%;
  background: #e3e3e3;
  border-radius: 10px;
}
.worksDetails_spViewInner .scroll-element.scroll-y .scroll-element_size {
  width: 100%;
  height: 100%;
}
.worksDetails_spViewInner .scroll-element.scroll-y .scroll-element_track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.worksDetails_spViewInner .scroll-element.scroll-y .scroll-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #a2a2a2;
  height: 20px;
  border-radius: 10px;
}
.worksDetails_img {
  margin: 0;
}
.worksDetails_img > img {
  width: 100%;
}
.worksDetails_texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}
.worksDetails_texts:nth-child(2) {
  margin-top: 80px;
}
.worksDetails_headings {
  min-width: 270px;
}
.worksDetails_head-en {
  font-size: 1.25rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  color: #2544af;
}
.worksDetails_head-ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  font-size: 1.625rem;
  letter-spacing: 0.025em;
  line-height: 1;
  color: #12182e;
}
.worksDetails_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #2c2c2c;
}
.worksDetails_items {
  margin-top: 70px;
}
.worksDetails_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid #d7dbeb;
  padding: 24px 83px 24px 32px;
  margin-top: 0;
}
.worksDetails_dl-block {
  display: block;
  border-bottom: none;
  padding-bottom: 0;
}
.worksDetails_dt {
  min-width: 240px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #12182e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.worksDetails_dt::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2544af;
  border-radius: 50%;
}
.worksDetails_dd {
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #12182e;
}
.worksDetails_dd > a {
  text-decoration: underline;
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #2544af;
  text-underline-offset: 5px;
  -webkit-text-decoration-color: #b4bace;
          text-decoration-color: #b4bace;
}
.worksDetails_dd-tab::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  color: #2544af;
}
.worksDetails_cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.worksDetails_cats > span, .worksDetails_cats a {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2544af;
  letter-spacing: 0.025em;
  line-height: 2.3142857143;
  background-color: #f2f4fa;
  border-radius: 30px;
  padding: 0 13px;
}
.worksDetails_logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.worksDetails_logo {
  margin-top: 0;
}
.worksDetails_members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px 50px;
}
.worksDetails_member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  text-decoration: none;
}
.worksDetails_memberImg {
  margin-top: 0;
}
.worksDetails_memberImg img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0% 0%;
     object-position: 0% 0%;
}
.worksDetails_division {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #8f93a8;
}
.worksDetails_name {
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #12182e;
}
.worksDetails_overheadView {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.worksDetails_blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 70px 50px 0;
  gap: 48px;
  border-radius: 10px;
  border: 1px solid rgb(198, 204, 225);
  padding: 48px 58px 45px 53px;
  text-decoration: none;
}
.worksDetails_blog > figure {
  min-width: 280px;
  margin-top: 0;
}
.worksDetails_blog:hover {
  opacity: 1;
}
.worksDetails_blog:hover .worksDetails_more::before {
  opacity: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
      transform-origin: right;
}
.worksDetails_blog:hover .worksDetails_more > span {
  border-bottom: none;
}
.worksDetails_blog:hover .worksDetails_more > span:after {
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
  opacity: 0;
}
.worksDetails_blog:hover .worksDetails_more > span::before {
  right: 0;
  opacity: 1;
}
.worksDetails_wrap {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.worksDetails_more {
  display: inline-block;
  position: relative;
  overflow: hidden;
  min-width: 88px;
}
.worksDetails_more::before {
  content: "";
  display: inline-block;
  width: 85%;
  height: 1px;
  background-color: #2544af;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.8s ease, transform 0.4s ease;
  transition: opacity 0.8s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
      transform-origin: left;
}
.worksDetails_more > span {
  font-size: 0.875rem;
  color: #2544af;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
  padding-bottom: 5px;
  margin-right: 20px;
  position: relative;
}
.worksDetails_more > span::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  margin-left: 9px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.worksDetails_more > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  right: 11px;
  top: 3px;
  opacity: 0;
}
.worksDetails_cat {
  background-color: #2544af;
  color: white;
  border-radius: 2px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.075em;
  padding: 3px 8px;
}
.worksDetails_title {
  margin-top: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.worksDetails_txt {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #2c2c2c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/*
worksSlider

worksSlider

Markup:
                <section class="worksSlider">
                  <div class="worksSlider_inner">
                    <div class="worksSlider_header">
                      <h2 class="worksSlider_title">同じサイト種別の制作実績</h2>
                    </div>
                    <div class="worksSlider_sliderContainer">
                      <div class="worksSlider_marginSlider">
                        <div class="worksSlider_marginSliderWrapper">
                          <div class="worksSlider_slider swiper">
                            <div class="worksSlider_slideNav">
                              <div class="worksSlider_pagination swiper-pagination"></div>
                              <!-- If we need navigation buttons -->
                              <div class="worksSlider_prev swiper-button-prev"></div>
                              <div class="worksSlider_next swiper-button-next"></div>
                            </div>
                            <!-- If we need pagination -->
                            <div class="worksSlider_wrapper swiper-wrapper">
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                              <a href="" class="topWorks_item swiper-slide">
                                <figure class="topWorks_logo swiper-img">
                                  <img src="/assets/images/top/topWorks-img09.png" alt="" loading="lazy">
                                </figure>
                                <figure class="topWorks_img"><img src="/assets/images/top/topWorks-img10.png" alt=""></figure><!-- /.topWorks_img -->
                                <div class="topWorks_texts">
                                  <div class="topWorks_header">
                                    <p class="topWorks_companyName">株式会社シフト 様</p><!-- /.topWorks_companyName -->
                                  </div><!-- /.topWorks_header -->
                                  <div class="topWorks_categorys">
                                    <span>サイトタイプ</span>
                                    <span>システム開発</span>
                                    <span>SEO設計</span>
                                  </div><!-- /.topWorks_categorys -->
                                </div><!-- /.topWorks_texts -->
                              </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </section><!-- /.worksSlider -->

Styleguide 5.6.5
*/
.worksSlider {
  overflow: hidden;
  background-color: white;
  margin-top: 70px;
}
.worksSlider_en {
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
}
.worksSlider .topWorks_item {
  width: auto;
}
.worksSlider .topWorks_img {
  width: 350px;
  height: 198px;
  aspect-ratio: 350/197;
}
.worksSlider_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 100px;
  position: relative;
}
.worksSlider_title {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.worksSlider_slider {
  overflow: visible;
  margin-left: 15px;
}
.worksSlider_slide {
  width: 260px !important;
  text-decoration: none;
}
.worksSlider_slide:hover {
  opacity: 1;
}
.worksSlider_slide:hover .memberSlider_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.worksSlider_slide:hover .memberSlider_arrowBtn > span {
  background-color: #2544af !important;
  opacity: 1;
}
.worksSlider_slide:hover .memberSlider_arrowBtn > span::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.worksSlider_slide:hover .memberSlider_arrowBtn > span::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.worksSlider_marginSlider {
  max-width: 1160px;
}
.worksSlider_marginSliderWrapper {
  width: calc(100% + (100vw - 1160px) / 2);
  z-index: 2;
  overflow-x: clip;
}
.worksSlider_img {
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #d7dbeb;
}
.worksSlider_img > img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.6s !important;
  transition: all 0.6s !important;
}
.worksSlider_slideNav::-moz-selection {
  background-color: transparent;
}
.worksSlider_slideNav::selection {
  background-color: transparent;
}
.worksSlider_pagination {
  color: #2544af;
  position: absolute;
  top: -40px !important;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #2544af;
  width: 50px;
  left: 975px !important;
  display: block !important;
}
.worksSlider_prev {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1030px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  outline: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.worksSlider_prev:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.worksSlider_prev:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.worksSlider_prev:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.worksSlider_prev::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.worksSlider_prev::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.worksSlider_next {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1035px;
}
.worksSlider_next:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.worksSlider_next:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.worksSlider_next:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.worksSlider_next::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.worksSlider_next::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.worksSlider_arrowBtn {
  position: absolute;
  right: 0;
  bottom: 30px;
}
.worksSlider_arrowBtn > span {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #d0d5e6;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.worksSlider_arrowBtn > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  position: absolute;
  top: 0;
  left: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
}
.worksSlider_arrowBtn > span::after {
  font-size: 0.75rem;
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 0px;
  left: 6px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
}
.worksSlider_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
.worksSlider_btn > a::after {
  right: inherit;
  left: 20px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.worksSlider_btn > a::before {
  right: inherit;
  left: 20px;
  -webkit-transform: rotate(180deg) translate(-100%, 0);
      -ms-transform: rotate(180deg) translate(-100%, 0);
          transform: rotate(180deg) translate(-100%, 0);
}
.worksSlider_btn > a:hover::before {
  -webkit-transform: rotate(180deg) translate(0%, 0);
      -ms-transform: rotate(180deg) translate(0%, 0);
          transform: rotate(180deg) translate(0%, 0);
}
.worksSlider_btn > a:hover::after {
  -webkit-transform: rotate(180deg) translate(100%, 0);
      -ms-transform: rotate(180deg) translate(100%, 0);
          transform: rotate(180deg) translate(100%, 0);
}
/*
newsBlock

newsBlock

Markup:
				<section class="newsBlock">
					<div class="newsBlock_inner">
						<ul class="newsBlock_lists">
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
										<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
										<span class="newsBlock_cat">出展情報</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">年末年始休業のお知らせ</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">第6回 Web・SNS活用EXPO春』に出展いたしました</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
										<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
										<span class="newsBlock_cat">メディア情報</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">『第6回 Web・SNS活用EXPO春』に出展いたしました『第6回 Web・SNS活用EXPO春』に出展いたしました『第6回 Web・SNS活用EXPO春』に出展いたしました</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">年末年始休業のお知らせ</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">メディア情報</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">『第6回 Web・SNS活用EXPO春』に出展いたしました『第6回 Web・SNS活用EXPO春』に出展いたしました『第6回 Web・SNS活用EXPO春』に出展いたしました</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">Webデジタルマーケティング EXPO【秋】に出展いたしました！</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">夏季休業のお知らせ</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">『フロントオフィスDXPO』の展示会出展のお知らせ</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">新年のご挨拶</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
							<li class="newsBlock_list">
								<a href="" class="newsBlock_item">
									<div class="newsBlock_tag">
									<time class="newsBlock_date">2023.05.30</time><!-- /.newsBlock_date -->
									<span class="newsBlock_cat">お知らせ</span><!-- /.newsBlock_cat -->
									</div>
									<p class="newsBlock_text">『第5回 Web・SNS活用EXPO夏』に出展いたしました</p><!-- /.newsBlock_text -->
								</a>
							</li><!-- /.newsBlock_list -->
						</ul><!-- /.newsBlock_lists -->
					</div><!-- /.newsBlock_inner -->
				</section><!-- /.newsBlock -->

Styleguide 5.6.6
*/
.newsBlock {
  padding-bottom: 120px;
}
.newsBlock_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 50px;
}
.newsBlock_lists {
  margin-top: 0;
}
.newsBlock_item {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 48px 40px 80px;
  border-bottom: 1px solid #d7dbeb;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.newsBlock_item:hover {
  opacity: 1;
  background-color: #fff;
  border-bottom-color: #2544af;
}
.newsBlock_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 260px;
}
.newsBlock_date {
  margin-right: 30px;
  font-size: 1.125rem;
  color: #8f93a8;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.newsBlock_cat {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #2544af;
  padding: 0px 13px;
  border-radius: 28px;
  margin-right: 80px;
  height: 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.newsBlock_text {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8;
  font-size: 1.125rem;
  color: #2c2c2c;
}
/*
newsDetail

newsDetail

Markup:
<section class="newsDetail">
    <div class="newsDetail_inner">
        <div class="newsDetail_content">
            <p class="newsDetail_text">平素格別のご高配を賜り厚く御礼申し上げます。</p><!-- /.newsDetail_text -->
            <p class="newsDetail_text">さて、弊社では、2023年4月5日 (水) ～ 4月7日 (金) の 3日間に渡り、東京ビックサイトで開催されました 、<br>
            RX Japan株式会社 (旧社名: リード エグジビション ジャパン株式会社) 主催の『第6回 Web・SNS活用EXPO春』に出展いたしました！</p><!-- /.newsDetail_text -->
            <p class="newsDetail_text">今回のブースデザインはこちらです ↓↓</p><!-- /.newsDetail_text -->
            <figure class="newsDetail_img">
            <img src="/assets/images/news/img01.png" alt="" loading="lazy">
            </figure>
            <p class="newsDetail_text">お立ち寄りいただきました皆様、誠にありがとうございました。<br>皆様のおかげをもちまして、大変盛況のうちに展示会を終えることができましたことを心よりお礼申し上げます。<br>弊社製品の『SITEMANAGE』またはマーケティング支援サービスの『MoW』に少しでもご興味がありましたら、是非お気軽にお問い合わせください。
            </p><!-- /.newsDetail_text -->
            <p class="newsDetail_text">次回の展示会出展につきましては、詳細が判明次第、弊社HP内のお知らせにてご案内いたします。</p>
            <p class="newsDetail_text">次回も皆様のご来場を心よりお待ち申し上げております。</p>
        </div><!-- /.newsDetail_content -->
        <div class="memberSlider_btn btn">
							<a href="/member/">一覧に戻る</a>
						</div>
    </div><!-- /.newsDetail_inner -->
</section><!-- /.newsDetail -->

Styleguide 5.6.7
*/
.newsDetail {
  background-color: #fff;
}
.newsDetail_inner {
  width: 1160px;
  margin: 0 auto;
  padding: 70px 130px 120px;
}
.newsDetail_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #2c2c2c;
  line-height: 1.8;
}
.newsDetail_img {
  margin-top: 30px;
  aspect-ratio: 900/560;
}
.newsDetail_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*
contactBlock

contactBlock

Markup:
<div class="contactBlock">
                    <div class="contactBlock_inner">
                        <div class="contactBlock_textArea">
                            <h2 class="contactBlock_title">お問い合わせ・ご相談はこちら</h2><!-- /.contactBlock_title -->
                            <div class="contactBlock_textContent">
                                <div class="contactBlock_texts">
                                    <p class="contactBlock_text">ご検討いただきありがとうございます。小さなことでもお気軽にお問い合わせください。</p><!-- /.contactBlock_text -->
                                    <p class="contactBlock_text">2〜3営業日以内にご連絡いたします。</p><!-- /.contactBlock_text -->
                                </div><!-- /.contactBlock_texts -->
                                <div class="contactBlock_texts">
                                    <p class="contactBlock_text">・サイト制作に関するお問い合わせ</p><!-- /.contactBlock_text -->
                                    <p class="contactBlock_text">・マーケティングに関するお悩み</p><!-- /.contactBlock_text -->
                                    <p class="contactBlock_text">・料金プランのご相談</p><!-- /.contactBlock_text -->
                                    <p class="contactBlock_text">・無料デモ体験希望</p><!-- /.contactBlock_text -->
                                    <p class="contactBlock_text">・その他お問い合わせ</p><!-- /.contactBlock_text -->
                                </div><!-- /.contactBlock_texts -->
                                <div class="contactBlock_texts">
                                    <p class="contactBlock_text">お電話の方はこちら</p><!-- /.contactBlock_text -->
                                    <a href="tel:+03-5847-1281">03-5847-1281</a>
                                    <p class="contactBlock_text">お電話受付時間／月〜金曜　9:30〜18:00 （土日祝を除く）</p><!-- /.contactBlock_text -->
                                </div><!-- /.contactBlock_texts -->
                                <div class="contactBlock_texts">
                                    <p class="contactBlock_text">テキストがテキストが入りますテキストが入ります。テキストがテキストが入りますテキストが入ります。テキストがテキストが入りますテキストが入ります。</p><!-- /.contactBlock_text -->
                                </div><!-- /.contactBlock_texts -->
                            </div><!-- /.contactBlock_textContent -->
                            <figure class="contactBlock_img">
                                <img src="/assets/images/contact/img01.png" alt="" loading="lazy">
                            </figure>
                        </div><!-- /.contactBlock_textArea -->
                        <form action="" class="contactBlock_form">
                            <div class="contactBlock_contents">
                                <h2 class="contactBlock_header">こちらのフォームを入力してください。</h2><!-- /.contactBlock_header -->
                                <label class="contactBlock_item" for="company">
                                    <p class="contactBlock_head contactBlock_head-required">会社名</p><!-- /.contactBlock_head -->
                                    <div class="contactBlock_input"><input type="text" placeholder="例：株式会社シフト" id="company"></div><!-- /.contactBlock_input -->
                                </label><!-- /.contactBlock_contents_item -->
                                <label class="contactBlock_item" for="name">
                                    <p class="contactBlock_head contactBlock_head-required">お名前</p><!-- /.contactBlock_head -->
                                    <div class="contactBlock_input"><input type="text" placeholder="例：山田太郎" id="name"></div><!-- /.contactBlock_input -->
                                </label><!-- /.contactBlock_contents_item -->
                                <label class="contactBlock_item" for="email">
                                    <p class="contactBlock_head contactBlock_head-required">E-mail</p><!-- /.contactBlock_head -->
                                    <div class="contactBlock_input"><input type="text" placeholder="例：info@shift-jo.net" id="email"></div><!-- /.contactBlock_input -->
                                </label><!-- /.contactBlock_contents_item -->
                                <label class="contactBlock_item" for="tel">
                                    <p class="contactBlock_head">電話番号</p><!-- /.contactBlock_head -->
                                    <div class="contactBlock_input"><input type="number" placeholder="例：03-1234-5678" id="tel"></div><!-- /.contactBlock_input -->
                                </label><!-- /.contactBlock_contents_item -->
                                <label class="contactBlock_item" for="textArea">
                                    <p class="contactBlock_head contactBlock_head-required">お問い合わせ内容</p><!-- /.contactBlock_head -->
                                    <div class="contactBlock_input"><textarea type="text" placeholder="お問い合わせ内容を入力してください。" id="textArea"></textarea></div><!-- /.contactBlock_input -->
                                </label><!-- /.contactBlock_contents_item -->
                                <p class="contactBlock_head contactBlock_head-required">個人情報の取り扱い</p><!-- /.contactBlock_head -->
                                <label class="contactBlock_checks" for="">
                                    <div class="contactBlock_check"><input type="checkbox"></div><!-- /.contactBlock_input -->
                                    <div class="contactBlock_policy">
                                        <a href="/poricy/" target="_blank" rel="noopener noreferrer">個人情報の取り扱いについて</a>
                                        <p class="">に同意します。</p>
                                    </div>
                                </label><!-- /.contactBlock_contents_item -->
                                <div class="contactBlock_btn">
                                    <button type="submit"><span>送信する</span></button>
                                </div>
                            </div><!-- /.contactBlock_contents -->
                        </form><!-- /.contactBlock_form -->
                    </div><!-- /.contactBlock_inner -->
                </div><!-- /.contactBlock -->

Styleguide 5.6.8
*/
.contactBlock_inner {
  width: 1160px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  padding: 70px 0 100px;
}
.contactBlock_textArea {
  width: 50%;
}
.contactBlock_title {
  font-size: 2rem;
  font-weight: bold;
  color: #2c2c2c;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
.contactBlock_texts {
  margin-top: 35px;
}
.contactBlock_texts > a {
  text-decoration: none;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.4230769231;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.contactBlock_text {
  color: #2c2c2c;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  margin-top: 0;
}
.contactBlock_text-02 {
  color: #272727;
  letter-spacing: 0.05em;
}
.contactBlock_text-bold {
  font-weight: bold;
}
.contactBlock_img {
  margin-top: 50px;
}
.contactBlock_form {
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 18px 2px rgba(37, 68, 175, 0.07);
          box-shadow: 0px 0px 18px 2px rgba(37, 68, 175, 0.07);
  background-color: #fff;
  width: 50%;
  padding: 35px 60px 70px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 580px;
}
.contactBlock_form ul {
  margin-top: 0;
}
.contactBlock_form label {
  font-weight: bold;
  font-size: 14px;
}
.contactBlock_form .hs-input {
  background-color: #f5f8fa;
}
.contactBlock_form .hs-form-required {
  color: red;
}
.contactBlock_form fieldset {
  margin-bottom: 10px !important;
}
.contactBlock_form .hs-error-msg {
  font-size: 0.75rem;
  padding-left: 5px;
  color: #ca1a19;
}
.contactBlock_form .hs-error-msgs label, .contactBlock_form .legal-consent-container .hs-error-msgs label {
  padding-left: 5px;
  color: #ca1a19;
}
.contactBlock_form .hs-dependent-field .hs-form-booleancheckbox-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.contactBlock_form .hs-dependent-field .hs-form-booleancheckbox-display > span {
  margin-left: 6px;
}
.contactBlock_form .hs_submit {
  background-color: #2544af;
  border-radius: 50px;
  width: 400px;
  height: 74px;
  margin: 40px auto 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.contactBlock_form .hs_submit:hover {
  background-color: white;
  border: 1px solid #2544af;
  opacity: 1;
}
.contactBlock_form .hs_submit:hover .hs-button {
  color: #2544af !important;
}
.contactBlock_form .hs_submit:hover .hs-button::before, .contactBlock_form .hs_submit:hover .hs-button::after {
  color: #2544af;
}
.contactBlock_form .hs_submit .actions {
  width: 100%;
  height: 100%;
  position: relative;
}
.contactBlock_form .hs_submit .actions::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  position: absolute;
  right: 30px;
  -webkit-transition: translate, 0.1s ease-in;
  transition: translate, 0.1s ease-in;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contactBlock_form .hs_submit .actions::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  position: absolute;
  right: 30px;
  -webkit-transition: translate, 0.3s ease-in;
  transition: translate, 0.3s ease-in;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  opacity: 0;
}
.contactBlock_form .hs_submit .actions:hover::after {
  top: 50%;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  opacity: 0;
}
.contactBlock_form .hs_submit .actions:hover::before {
  opacity: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #2544af;
}
.contactBlock_form .hs_submit .actions .hs-button {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.8;
  width: 100%;
  height: 100%;
}
.contactBlock_header {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  font-weight: bold;
  color: #2544af;
  letter-spacing: 0.025em;
  line-height: 1.8;
  margin-bottom: 30px;
}
.contactBlock_item {
  width: 100%;
}
.contactBlock_item input[type=text]:required,
.contactBlock_item input[type=email]:required,
.contactBlock_item input[type=email]:invalid,
.contactBlock_item textarea:required {
  border-color: #ca1a19;
}
.contactBlock_head {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #12182e;
}
.contactBlock_head-required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
}
.contactBlock_head-required::after {
  content: "必須";
  display: block;
  width: 36px;
  height: 18px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ca1a19;
  color: #fff;
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 2px;
  line-height: 0;
}
.contactBlock_input {
  margin-top: 14px;
  border-radius: 2px;
}
.contactBlock_input-error > input, .contactBlock_input-error textarea {
  border: 1px solid #ca1a19 !important;
}
.contactBlock_input > input {
  border-radius: 2px;
  height: 52px;
}
.contactBlock_input > input, .contactBlock_input textarea {
  border: 1px solid #c6cce1;
  width: 100%;
}
.contactBlock_input > input:focus, .contactBlock_input textarea:focus {
  border-color: #2544af;
}
.contactBlock_input > input::-webkit-input-placeholder, .contactBlock_input textarea::-webkit-input-placeholder {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #737373;
}
.contactBlock_input > input::-moz-placeholder, .contactBlock_input textarea::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #737373;
}
.contactBlock_input > input:-ms-input-placeholder, .contactBlock_input textarea:-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #737373;
}
.contactBlock_input > input::-ms-input-placeholder, .contactBlock_input textarea::-ms-input-placeholder {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #737373;
}
.contactBlock_input > input::placeholder, .contactBlock_input textarea::placeholder {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #737373;
}
.contactBlock_input > textarea {
  height: 140px;
  resize: none;
  border-radius: 2px;
  padding-top: 10px;
}
.contactBlock_checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contactBlock_check {
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-top: 15px;
  position: relative;
}
.contactBlock_check > input {
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  border: none;
  position: relative;
  z-index: 2;
  opacity: 0;
}
.contactBlock_check > input[type=checkbox]:checked {
  opacity: 1;
}
.contactBlock_check::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #c6cce1;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
}
.contactBlock_error {
  color: #ca1a19;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.contactBlock_policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contactBlock_policy > a {
  text-decoration: underline;
  text-underline-offset: 3px;
  display: inline-block;
  margin-left: 13px;
  color: #2544af;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
.contactBlock_policy > p {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.contactBlock_btn {
  background-color: #2544af;
  border-radius: 50px;
  width: 300px;
  height: 74px;
  margin: 40px auto 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.contactBlock_btn:hover {
  background-color: white;
  border: 1px solid #2544af;
}
.contactBlock_btn:hover > button {
  opacity: 1;
}
.contactBlock_btn:hover > button > span {
  color: #2544af;
}
.contactBlock_btn:hover > button > span > p {
  background-color: #2544af;
  color: white;
}
.contactBlock_btn:hover > button > span::before, .contactBlock_btn:hover > button > span::after {
  color: #2544af;
}
.contactBlock_btn-02 {
  width: 330px;
}
.contactBlock_btn > button {
  width: 100%;
  height: 100%;
}
.contactBlock_btn > button > span {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.8;
  position: relative;
  height: 100%;
}
.contactBlock_btn > button > span > p {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #2544af;
  line-height: 1;
  color: #2544af;
  background-color: #fff;
  border-radius: 30px;
  padding: 4px 7px;
  margin-right: 7px;
}
.contactBlock_btn > button > span::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  position: absolute;
  right: 30px;
  -webkit-transition: translate, 0.1s ease-in;
  transition: translate, 0.1s ease-in;
}
.contactBlock_btn > button > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem;
  position: absolute;
  right: 30px;
  -webkit-transition: translate, 0.3s ease-in;
  transition: translate, 0.3s ease-in;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  opacity: 0;
}
.contactBlock_btn > button > span:hover::after {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.contactBlock_btn > button > span:hover::before {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
/*
completion

completion

Markup:
                        <div class="completion">
							<div class="completion_texts">
								<h2 class="completion_title">お問い合わせが完了しました。</h2><!-- /.completion_title -->
								<p class="completion_text mt60">この度はお問い合わせいただきありがとうございました。</p><!-- /.completion_text -->
								<p class="completion_text">ご入力いただいた内容を確認後、2～3営業日以内に担当より折り返しご連絡いたします。</p><!-- /.completion_text -->
								<p class="completion_text">それまでの間、弊社サービスコンテンツをお楽しみください。</p><!-- /.completion_text -->
							</div>
                            <div class="completion_items">
                                <a href="" class="completion_item">
                                    <p class="completion_ja">導入事例</p><!-- /.completion_ja -->
                                    <h2 class="completion_en">User Case</h2><!-- /.completion_en -->
                                    <figure class="completion_img completion_img-01"><img src="/assets/images/contact/img02.png" alt="導入事例"></figure><!-- /.completion_img -->
                                </a><!-- /.completion_item -->
                                <a href="" class="completion_item">
                                    <p class="completion_ja">資料ダウンロード</p><!-- /.completion_ja -->
                                    <h2 class="completion_en">Download</h2><!-- /.completion_en -->
                                    <figure class="completion_img completion_img-02"><img src="/assets/images/contact/img03.png" alt="資料ダウンロード"></figure><!-- /.completion_img -->
                                </a><!-- /.completion_item -->
                                <a href="" class="completion_item">
                                    <p class="completion_ja">お役立ち情報</p><!-- /.completion_ja -->
                                    <h2 class="completion_en">Blog</h2><!-- /.completion_en -->
                                    <figure class="completion_img completion_img-03"><img src="/assets/images/contact/img04.png" alt="お役立ち情報"></figure><!-- /.completion_img -->
                                </a><!-- /.completion_item -->
                            </div><!-- /.completion_items -->
                        </div><!-- /.completion -->

Styleguide 5.6.9
*/
.completion {
  padding-bottom: 120px;
  margin-top: 70px !important;
}
.completion_title {
  font-size: 2.375rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.completion_texts {
  margin-left: 50px;
}
.completion_text {
  margin-top: 0;
  color: #2c2c2c;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.completion_items {
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 33px 1fr 33px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 33px;
}
.completion_item {
  border: 1px solid #d7dbeb;
  background-color: #f2f4fa;
  position: relative;
  height: 224px;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.completion_item:hover {
  background-color: #2544af;
  opacity: 1;
}
.completion_item:hover > p, .completion_item:hover h2 {
  color: #fff;
}
.completion_item:hover > p::before {
  background-color: #fff;
}
.completion_ja {
  font-size: 0.875rem;
  font-weight: 500;
  color: #12182e;
  padding-left: 25px;
  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;
  gap: 10px;
  margin-top: 15px;
}
.completion_ja::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #2544af;
  border-radius: 50%;
}
.completion_en {
  padding-left: 25px;
  font-family: "Josefin Sans", sans-serif;
  line-height: 1;
  margin-top: 10px;
  font-weight: 600;
  font-size: 2rem;
  color: #2544af;
}
.completion_img {
  margin-top: 0;
  position: absolute;
}
.completion_img-01 {
  right: -20px;
  top: 54px;
}
.completion_img-02 {
  right: 0;
}
.completion_img-03 {
  top: 64px;
  right: -10px;
}
/*
serviceGuide

serviceGuide

Markup:
<div class="serviceGuide">
    <div class="serviceGuide_inner">
        <div class="serviceGuide_texts">
            <h2 class="serviceGuide_head">サービス案内資料</h2><!-- /.serviceGuide_head -->
            <p class="serviceGuide_text">
                サービスから実績、会社情報などシフトに関することをまとめた一冊となります。
                資料の説明が入ります資料の説明が入ります資料の説明が入ります資料の説明が入ります資料の説明が入ります。
            </p><!-- /.serviceGuide_text -->
            <div class="serviceGuide_btn">
                <a href="">ダウンロード</a>
            </div><!-- /.serviceGuide_btn -->
        </div><!-- /.serviceGuide_texts -->
        <figure class="serviceGuide_img"><img src="/assets/images/download/img01.png" alt="サービス案内資料"></figure><!-- /.serviceGuide_img -->
    </div><!-- /.serviceGuide_inner -->
</div><!-- /.serviceGuide -->

Styleguide 5.7
*/
.serviceGuide {
  margin: 110px 55px 0 !important;
  background-color: #fff;
  border-radius: 10px;
}
.serviceGuide_inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.serviceGuide_texts {
  padding: 55px 55px 57px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.serviceGuide_head {
  font-size: 1.25rem;
  font-weight: bold;
  color: black;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.serviceGuide_text {
  margin-top: 10px;
}
.serviceGuide_btn {
  margin-top: 30px;
  border-radius: 30px;
  border: 1px solid #2544af;
  display: inline-block;
}
.serviceGuide_btn > a {
  color: #2544af;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 20px;
}
.serviceGuide_btn > a::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
  font-size: 10px;
  border-right: 1px solid #2544af;
  padding-bottom: 4px;
  width: 10px;
  line-height: 1;
  margin-left: 5px;
}
.serviceGuide_img {
  background-color: #e6e6f3;
  margin-top: 0;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.serviceGuide_img > img {
  width: 477px;
  height: 255px;
  -o-object-fit: contain;
     object-fit: contain;
}

/*
sideBlock

sideBlock

Markup:
					<div class="sideBlock">
						<div class="sideBlock_contents">
							<form action="" class="sideBlock_form">
								<div class="sideBlock_search">
									<h2 class="sideBlock_head">Search</h2><!-- /.sideBlock_head -->
									<div class="sideBlock_input"><input type="text" name="" id="" placeholder="キーワードを入力して記事を検索"></div><!-- /.sideBlock_input -->
									<div class="sideBlock_categorys">
										<h2 class="sideBlock_head">Category</h2><!-- /.sideBlock_head -->
										<ul class="sideBlock_lists">
											<li class="sideBlock_list"><a href="">カテゴリ 1（25）</a></li><!-- /.sideBlock_list -->
											<li class="sideBlock_list"><a href="">カテゴリ 2（3）</a></li><!-- /.sideBlock_list -->
											<li class="sideBlock_list"><a href="">カテゴリ 3（12）</a></li><!-- /.sideBlock_list -->
											<li class="sideBlock_list"><a href="">カテゴリ 4（8）</a></li><!-- /.sideBlock_list -->
											<li class="sideBlock_list"><a href="">カテゴリ 5（17） </a></li><!-- /.sideBlock_list -->
										</ul><!-- /.sideBlock_lists -->
									</div><!-- /.sideBlock_categorys -->
									<div class="sideBlock_ranking">
										<h2 class="sideBlock_head">Acess Ranking</h2><!-- /.sideBlock_head -->
										<aside class="sideBlock_items">
											<a href="" class="sideBlock_item">
												<figure class="sideBlock_img"><img src="/assets/images/blog/img01.png" alt=""></figure><!-- /.sideBlock_img -->
												<p class="sideBlock_text">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</p><!-- /.sideBlock_text -->
												<div class="sideBlock_num">
													<span>1</span>
												</div>
											</a><!-- /.sideBlock_item -->
											<a href="" class="sideBlock_item">
												<figure class="sideBlock_img"><img src="/assets/images/blog/img02.png" alt=""></figure><!-- /.sideBlock_img -->
												<p class="sideBlock_text">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</p><!-- /.sideBlock_text -->
												<div class="sideBlock_num">
													<span>2</span>
												</div>
											</a><!-- /.sideBlock_item -->
											<a href="" class="sideBlock_item">
												<figure class="sideBlock_img"><img src="/assets/images/blog/img03.png" alt=""></figure><!-- /.sideBlock_img -->
												<p class="sideBlock_text">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</p><!-- /.sideBlock_text -->
												<div class="sideBlock_num">
													<span>3</span>
												</div>
											</a><!-- /.sideBlock_item -->
											<a href="" class="sideBlock_item">
												<figure class="sideBlock_img"><img src="/assets/images/blog/img04.png" alt=""></figure><!-- /.sideBlock_img -->
												<p class="sideBlock_text">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</p><!-- /.sideBlock_text -->
												<div class="sideBlock_num">
													<span>4</span>
												</div>
											</a><!-- /.sideBlock_item -->
											<a href="" class="sideBlock_item">
												<figure class="sideBlock_img"><img src="/assets/images/blog/img05.png" alt=""></figure><!-- /.sideBlock_img -->
												<p class="sideBlock_text">ポータルサイトの集客力を上げるSEO対策のポイントと実践方法</p><!-- /.sideBlock_text -->
												<div class="sideBlock_num">
													<span>5</span>
												</div>
											</a><!-- /.sideBlock_item -->
										</aside><!-- /.sideBlock_items -->
									</div><!-- /.sideBlock_ranking -->
								</div><!-- /.sideBlock_search -->
							</form><!-- /.sideBlock_form -->
						</div><!-- /.sideBlock_contents -->
					</div><!-- /.sideBlock -->


Styleguide 5.7
*/
.sideBlock {
  height: 100%;
  padding-bottom: 100px;
}
.sideBlock_contents {
  position: sticky;
  top: 0;
}
.sideBlock_head {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.sideBlock_input {
  margin-top: 15px;
  position: relative;
}
.sideBlock_input > input {
  border: 1px solid #bcc0d9;
  background-color: #f9f9fc;
  height: 48px;
}
.sideBlock_input > input::-webkit-input-placeholder {
  font-size: 0.875rem;
  color: #737373;
  letter-spacing: 0.025em;
}
.sideBlock_input > input::-moz-placeholder {
  font-size: 0.875rem;
  color: #737373;
  letter-spacing: 0.025em;
}
.sideBlock_input > input:-ms-input-placeholder {
  font-size: 0.875rem;
  color: #737373;
  letter-spacing: 0.025em;
}
.sideBlock_input > input::-ms-input-placeholder {
  font-size: 0.875rem;
  color: #737373;
  letter-spacing: 0.025em;
}
.sideBlock_input > input::placeholder {
  font-size: 0.875rem;
  color: #737373;
  letter-spacing: 0.025em;
}
.sideBlock_searchBtn {
  display: block;
  width: 10px;
  height: 10px;
}
.sideBlock_searchBtn > button::before {
  content: url(../../assets/images/blog/search-icon.png);
  position: absolute;
  right: 15px;
  top: 10px;
}
.sideBlock_categorys {
  margin-top: 30px;
}
.sideBlock_lists {
  margin-top: 5px;
}
.sideBlock_list > a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  color: #12182e;
  display: inline-block;
  line-height: 1.2;
}
.sideBlock_list > a:hover {
  opacity: 1;
  color: #2544af;
  border-bottom: 1px solid #2544af;
}
.sideBlock_ranking {
  margin-top: 40px;
}
.sideBlock_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  text-decoration: none;
  margin-top: 20px;
  border-bottom: 1px dotted #bcc0d9;
  padding-bottom: 19px;
  position: relative;
}
.sideBlock_img {
  margin-top: 0;
  aspect-ratio: 130/79;
  min-width: 130px;
}
.sideBlock_img > img {
  height: 79px;
}
.sideBlock_text {
  margin-top: 0;
  padding-right: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #2c2c2c;
}
.sideBlock_num {
  background-color: #2544af;
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  opacity: 0.8;
}
.sideBlock_num > span {
  color: white;
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
  opacity: 1;
}
/*
article

article

Markup:
                    <section class="article">
                        <div class="article_inner">
                            <div class="article_header">
                                <h2 class="article_head">全ての記事一覧</h2><!-- /.article_head -->
                                <p class="article_text"></p><!-- /.article_text -->
                                <div class="article_btns">
                                    <div class="article_btn btn"><a href="">資料請求する</a></div><!-- /.article_btn btn -->
                                    <div class="article_btn btn"><a href="">無料相談する</a></div><!-- /.article_btn btn -->
                                </div><!-- /.article_btns -->
                            </div><!-- /.article_header -->
                            <div class="article_grid">
                                <a href="" class="article_item">
                                    <div class="article_img">
                                        <img src="/assets/images/top/blog-img01.png" alt="">
                                    </div>
                                    <div class="article_texts">
                                        <time class="article_date">2023.06.09</time>
                                        <h2 class="article_head">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                        <div class="article_categorys">
                                            <span class="article_cat">カテゴリ名</span>
                                            <span class="article_cat">カテゴリ名</span>
                                        </div>
                                    </div>
                                </a>
                            </div><!-- /.article_grid -->
                        </div><!-- /.article_inner -->
                    </section><!-- /.article -->

Styleguide 5.7.1
*/
.article_inner {
  padding-bottom: 130px;
}
.article_head {
  font-size: 2rem;
  font-weight: bold;
  color: #2544af;
  letter-spacing: 0.025em;
}
.article_head-type02 {
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  color: #12182e;
}
.article_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #2c2c2c;
  margin-top: 40px;
}
.article_btns {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.article_grid {
  margin-top: 76px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 66px 30px;
}
.article_grid-type02 {
  gap: 66px 56px;
}
.article_item {
  text-decoration: none;
}
.article_item:hover {
  opacity: 1;
}
.article_item:hover .article_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.article_img {
  overflow: hidden;
  margin-top: 0;
  width: 381px;
  height: 229px;
  border: 1px solid #bcc0d9;
}
.article_img > img {
  width: 100%;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -o-object-fit: cover;
     object-fit: cover;
}
.article_date {
  margin-top: 22px;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  color: #8f93a8;
  letter-spacing: 0.025em;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.article_title {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #2c2c2c;
  margin-top: 10px;
}
.article_categorys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}
.article_cat {
  background-color: rgb(237, 240, 247);
  border-radius: 28px;
  color: #2544af;
  font-size: 0.75rem !important;
  font-weight: 500;
  letter-spacing: 0.025em;
  padding: 0 13px;
}
/*
articleDetail

articleDetail

Markup:
                        <div class="articleDetail">
                            <div class="articleDetail_inner">
                                <div class="articleDetail_header">
                                    <h2 class="articleDetail_title">記事タイトルが入ります記事タイトル記事タイトル記事タイトルが入ります（36px）</h2><!-- /.articleDetail_title -->
                                    <div class="articleDetail_data">
                                        <time class="articleDetail_date">2023.05.30</time><!-- /.articleDetail_date -->
                                        <div class="articleDetail_cats">
                                            <span class="articleDetail_cat">カテゴリ名</span><!-- /.articleDetail_cat -->
                                            <span class="articleDetail_cat">カテゴリ名</span><!-- /.articleDetail_cat -->
                                            <span class="articleDetail_cat">カテゴリ名</span><!-- /.articleDetail_cat -->
                                            <span class="articleDetail_cat">カテゴリ名</span><!-- /.articleDetail_cat -->
                                        </div>
                                        <div class="articleDetail_author">
                                            <div class="articleDetail_img"><img src="/assets/images/blog/member01.png" alt=""></div><!-- /.articleDetail_img -->
                                            <div class="articleDetail_authorData">
                                                <p class="articleDetail_Occupation">職種名が入る</p><!-- /.articleDetail_Occupation -->
                                                <p class="articleDetail_name">田中太郎</p><!-- /.articleDetail_name -->
                                            </div>
                                        </div><!-- /.articleDetail_author -->
                                    </div><!-- /.articleDetail_data -->
                                </div><!-- /.articleDetail_header -->
                                <div class="articleDetail_block">
                                    <div class="articleDetail_img"><img src="/assets/images/blogDetail/img01.png" alt="ポータルサイトの集客力を上げるSEO対策のポイントと実践方法"></div><!-- /.articleDetail_img -->
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p><!-- /.articleDetail_text -->
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p><!-- /.articleDetail_text -->
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキス</p><!-- /.articleDetail_text -->
                                    </div><!-- /.articleDetail_texts -->
                                </div><!-- /.articleDetail_block -->
                                <div class="articleDetail_block">
                                    <div class="articleDetail_dataAcc" data-acc data-acc-root="open">
                                        <div class="articleDetail_toc">
                                            <p class="articleDetail_tocTitle">目次</p>
                                            <button class="articleDetail_hiddenBtn" data-acc-btn>[<span>非表示</span>]</button>
                                        </div>
                                        <div class="articleDetail_accContent" data-acc-content>
                                            <ul class="articleDetail_tocItems">
                                                <li class="articleDetail_item"><a href="#">1. 目次の内容が入ります目次の内容が入ります</a></li><!-- /.articleDetail_item -->
                                                <li class="articleDetail_item"><a href="#">2. 目次の内容が入ります目次の内容が入ります</a></li><!-- /.articleDetail_item -->
                                                <ul class="articleDetail_lists">
                                                    <li class="articleDetail_item"><a href="#">2-1. 目次の内容が入ります</a></li>
                                                    <li class="articleDetail_item"><a href="#">2-2. 目次の内容が目次の内容が入ります</a></li>
                                                    <li class="articleDetail_item"><a href="#">2-3. 目次の内容が入ります</a></li>
                                                    <li class="articleDetail_item"><a href="#">2-4. 目次の内容が入ります目次の内容が入ります</a></li>
                                                </ul>
                                                <li class="articleDetail_item"><a href="#">3. 目次の内容が入ります目次の内容が入ります</a></li>
                                                    <ul class="articleDetail_lists">
                                                    <li class="articleDetail_item"><a href="#">3-1. 目次の内容が入ります目次の内容が入ります</a></li>
                                                    <li class="articleDetail_item"><a href="#">3-2. 目次の内容が入ります目次の内容が入ります目次の内容が入ります</a></li>
                                                </ul>
                                            </ul><!-- /.articleDetail_tocItems -->
                                        </div>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <h2 class="headLine1">見出し1です（28px）</h2>
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <h2 class="headLine2">見出し2です（24px）</h2>
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <h2 class="headLine3">見出し3です（22px）</h2>
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <h2 class="headLine4">見出し4です（22px）</h2>
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <h2 class="headLine5">見出し5です（20px）</h2>
                                    <div class="articleDetail_texts">
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになります。line-heightは1.85です。</p>
                                        <p class="articleDetail_text">ブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになりますブログ用の本文テキストサイズになります。</p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <div class="articleDetail_quotation">
                                        <p>
                                            引用文が入ります。引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります引用文が入ります。
                                        </p>
                                    </div>
                                </div>
                                <div class="articleDetail_block">
                                    <ul class="articleDetail_lists">
                                        <li class="articleDetail_list"><span>リストリストリストリストリストリストリストリスト</span></li>
                                        <li class="articleDetail_list"><span>リストリストリストリストリストリストリストリスト</span></li>
                                        <li class="articleDetail_list"><span>リストリストリストリストリストリストリストリスト</span></li>
                                        <li class="articleDetail_list"><span>リストリストリストリストリストリストリストリスト</span></li>
                                    </ul>
                                </div>
                                <div class="articleDetail_block">
                                   <a class="articleDetail_textLink" href="">テキストリンクテキストリンクテキストリンク（hoverで下線を非表示。）</a>
                                </div>
                                <div class="articleDetail_btns">
                                    <div class="btn">
                                        <a href="">ボタン</a>
                                        </div>
                                    <div class="btn btn-blue">
                                        <a href="">ボタン</a>
                                        </div>
                                </div>
                                <div class="articleDetail_btns">
                                    <div class="btn btn-revers">
                                        <a href="">ボタン</a>
                                        </div>
                                    <div class="btn btn-revers btn-blue">
                                        <a href="">ボタン</a>
                                    </div>
                                </div>
                                <div class="articleDetail_contact">
                                    <h2>ご相談をお持ちしております。お気軽にご相談ください。</h2>
                                    <div class="articleDetail_btns">
                                        <div class="btn">
                                            <a href="/catalog/">資料請求する</a>
                                        </div>
                                        <div class="btn btn-blue">
                                            <a href="">無料相談をする</a>
                                        </div>
                                    </div>
                                    <div class="articleDetail_contactWindow">
                                        <p class="articleDetail_contactText">お電話でのご相談窓口</p>
                                        <a href="tel:+03-5847-1281">03-5847-1281</a>
                                        <p class="articleDetail_time">
                                            (受付時間：平日 9:30-18:00)
                                        </p>
                                    </div>
                                </div>
                                <div class="articleDetail_snsIcons">
                                    <p>この記事をシェア</p>
                                    <a id="" class="articleDetail_icon articleDetail_twitter"  href="http://twitter.com/share?url=yurukei-career.com&text=Twitterのシェアをするときの文章です&via=yurukei20&hashtags=ハッシュタグのテキスト" target="_blank" rel="nofollow noopener noreferrer">
                                        <img src="/assets/images/blog/icon01.png" alt="X" loading="lazy">
                                    </a>
                                    <a id="" class="articleDetail_icon articleDetail_facebook" href="http://www.facebook.com/share.php?u=yurukei-career.com" target="_blank" rel="nofollow noopener noreferrer">
                                        <img src="/assets/images/blog/icon02.png" alt="FaceBook" loading="lazy">
                                    </a>
                                    <a id="" class="articleDetail_icon articleDetail_hatena" href="http://b.hatena.ne.jp/entry/s/yurukei-career.com" target="_blank" rel="nofollow noopener noreferrer">
                                        <img src="/assets/images/blog/icon03.png" alt="hatena" loading="lazy">
                                    </a>
                                </div>
                                <div class="articleDetail_block">
                                    <div class="articleDetail_writer">
                                        <h2 class="articleDetail_head">この記事を書いた人</h2>
                                        <div class="articleDetail_imgText">
                                            <div class="articleDetail_img">
                                                <img src="/assets/images/blog/profile-01.png" alt="" loading="lazy">
                                            </div>
                                            <div class="articleDetail_prof">
                                                <div class="articleDetail_names">
                                                    <p class="articleDetail_job">職種名が入ります</p>
                                                    <p class="articleDetail_fullName">田中太郎</p>
                                                </div>
                                                <p>社員のプロフィールが入ります。社員のプロフィールが入ります社員のプロフィールが入ります社員のプロフィールが入ります社員のプロフィールが入ります社員のプロフィールが入ります社員のプロフィールが入ります社員のプロフィールが入ります。SEO分かる人</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="article">
                                    <div class="article_grid">
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img01.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img02.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img03.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img04.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img01.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img02.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img03.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img04.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img03.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="" class="article_item">
                                            <div class="article_img">
                                                <img src="/assets/images/blog/img04.png" alt="">
                                            </div>
                                            <div class="article_texts">
                                                <time class="article_date">2023.06.09</time>
                                                <h2 class="article_title">記事のタイトルが入ります記事のタイトルが入ります記事のタイトル</h2>
                                                <div class="article_categorys">
                                                    <span class="article_cat">カテゴリ名</span>
                                                    <span class="article_cat">カテゴリ名</span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="articleDetail_btn btn btn-revers">
                                    <a href="">一覧に戻る</a>
                                </div>
                            </div><!-- /.articleDetail_inner -->
                            <div class="articleDetail_snsIcons articleDetail_snsIcons-column hidden-sp">
                                <p>この記事をシェア</p>
                                <a id="" class="articleDetail_icon articleDetail_twitter"  href="http://twitter.com/share?url=yurukei-career.com&text=Twitterのシェアをするときの文章です&via=yurukei20&hashtags=ハッシュタグのテキスト" target="_blank" rel="nofollow noopener noreferrer">
                                    <img src="/assets/images/blog/icon01.png" alt="X" loading="lazy">
                                </a>
                                <a id="" class="articleDetail_icon articleDetail_facebook" href="http://www.facebook.com/share.php?u=yurukei-career.com" target="_blank" rel="nofollow noopener noreferrer">
                                    <img src="/assets/images/blog/icon02.png" alt="FaceBook" loading="lazy">
                                </a>
                                <a id="" class="articleDetail_icon articleDetail_hatena" href="http://b.hatena.ne.jp/entry/s/yurukei-career.com" target="_blank" rel="nofollow noopener noreferrer">
                                    <img src="/assets/images/blog/icon03.png" alt="hatena" loading="lazy">
                                </a>
                            </div>
                        </div><!-- /.articleDetail -->

Styleguide 5.7.2
*/
.pageID-usecase .headLine3 {
  font-size: 1.1875rem;
  color: #2544af;
  font-weight: bold;
  padding: 0;
  background-color: transparent;
}
.pageID-usecase h2 + h3 {
  margin-top: 0;
}

.articleDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 120px 80px;
}
.articleDetail_inner {
  padding: 60px 100px 60px;
  background-color: white;
  width: 1000px;
  border-radius: 20px;
}
.articleDetail_title {
  font-size: 2.25rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #2c2c2c;
  line-height: 1.5;
}
.articleDetail_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.articleDetail_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  color: #8f93a8;
  gap: 5px;
  margin-right: 15px;
}
.articleDetail_date::before {
  content: url(../../assets/images/blog/update.png);
  line-height: 1;
}
.articleDetail_cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.articleDetail_cat {
  background-color: #edf0f7;
  color: #2544af;
  letter-spacing: 0.025em;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 30px;
  padding: 0 15px;
  text-decoration: none;
}
.articleDetail_author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  min-width: 150px;
}
.articleDetail_author .articleDetail_img > img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
}
.articleDetail_img-type01 {
  width: 50px;
  height: 50px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.articleDetail_img-type01 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleDetail_img-type02 {
  width: 140px;
  height: 140px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.articleDetail_img-type02 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articleDetail_Occupation {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #8f93a8;
  letter-spacing: 0.025em;
  line-height: 1.5;
}
.articleDetail_name {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6d707b;
  letter-spacing: 0.025em;
  line-height: 1.5;
}
.articleDetail_block {
  margin-top: 40px;
}
.articleDetail_texts {
  margin-top: 30px;
}
.articleDetail_text {
  margin-top: 0;
  font-size: 1.125rem;
  line-height: 1.85;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.articleDetail_dataAcc {
  border: 2px solid #bcc0d9;
  border-radius: 20px;
  padding: 40px;
}
.articleDetail_toc {
  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;
}
.articleDetail_tocTitle {
  margin-top: 0;
  color: #12182e;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1;
}
.articleDetail_hiddenBtn {
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.articleDetail_hiddenBtn > span {
  color: #2544af;
}
.articleDetail_item > a {
  text-decoration: none;
  color: #12182e;
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.025em;
  -webkit-transition: none;
  transition: none;
}
.articleDetail_item > a:hover {
  opacity: 1;
  color: #2544af;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.articleDetail_lists {
  margin-left: 30px;
  margin-top: 10px;
}
.articleDetail_quotation {
  background-color: #f5f5fa;
  padding: 10px 83px 30px;
  border-radius: 10px;
  position: relative;
}
.articleDetail_quotation > p {
  font-size: 1.125rem;
  color: #12182e;
  letter-spacing: 0.025em;
  line-height: 1.85;
}
.articleDetail_quotation::before {
  content: "“";
  font-size: 5rem;
  font-weight: bold;
  font-family: Century Gothic;
  position: absolute;
  left: 30px;
  top: 15px;
  color: #2544af;
  line-height: 1.1;
}
.articleDetail_quotation::after {
  content: "“";
  font-size: 5rem;
  font-weight: bold;
  font-family: Century Gothic;
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #2544af;
  line-height: 1.1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.articleDetail_list {
  display: list-item;
  color: #2544af;
}
.articleDetail_list > span {
  color: #12182e;
  font-size: 1.125rem;
  line-height: 1.6;
}
.articleDetail_textLink {
  font-size: 1.125rem;
  color: #2544af;
  text-decoration: underline;
  line-height: 1.85;
  text-underline-offset: 3px;
  margin-bottom: 30px;
  display: inline-block;
}
.articleDetail_btns {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 40px;
}
.articleDetail_contact {
  border: 4px solid #2544af;
  border-radius: 20px;
  background-color: #f9f9fc;
  margin-top: 80px;
  padding: 40px 80px;
}
.articleDetail_contact .articleDetail_btns {
  gap: 20px;
}
.articleDetail_contact > h2 {
  text-align: center;
  color: #12182e;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
}
.articleDetail_contactWindow {
  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;
  margin-top: 25px;
}
.articleDetail_contactWindow > a {
  color: #2544af;
  font-size: 1.875rem;
  font-weight: bold;
  text-decoration: none;
  margin-left: 20px;
}
.articleDetail_contactWindow > a::before {
  content: url(../../assets/images/blog/tel.png);
  line-height: 1;
  margin-right: 10px;
}
.articleDetail_contactText {
  margin-top: 0;
  font-size: 1rem;
  font-weight: bold;
}
.articleDetail_time {
  margin-top: 0;
  margin-left: 10px;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
}
.articleDetail_snsIcons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  gap: 15px;
}
.articleDetail_snsIcons > p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.articleDetail_snsIcons-column {
  position: sticky;
  right: calc(50vw - 525px);
  -webkit-transform: translateX(45px);
      -ms-transform: translateX(45px);
          transform: translateX(45px);
  height: 300px;
  top: 90px;
  cursor: inherit;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
.articleDetail_writer {
  border: 1px solid #bcc0d9;
  padding: 25px 37px;
}
.articleDetail_writer .articleDetail_img > img {
  border-radius: 50%;
  height: 140px;
  width: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -o-object-position: top;
     object-position: top;
}
.articleDetail_head {
  color: #2544af;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
.articleDetail_imgText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 25px;
}
.articleDetail_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.articleDetail_prof {
  margin-top: 0;
}
.articleDetail_prof > p {
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #12182e;
}
.articleDetail_names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.articleDetail_job {
  color: #8f93a8;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  margin-top: 0;
}
.articleDetail_fullName {
  font-size: 1.125rem;
  font-weight: bold;
  color: #12182e;
  margin-top: 0;
}
.articleDetail_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 100px auto 0;
}
.articleDetail_achievement {
  background-color: #f5f5fa;
  border-radius: 10px;
  padding: 0 35px 46px;
  margin-top: 50px;
}
.articleDetail_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 38px;
}
.articleDetail_dt {
  background-color: #2544af;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 30px;
  padding: 7px 20px;
  margin-right: 45px;
  white-space: nowrap;
}
.articleDetail_dt > p {
  margin-top: 0;
  color: white;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1;
}
.articleDetail_ul {
  margin-top: 0;
}
.articleDetail_li {
  display: list-item;
  font-size: 1.125rem;
  color: #2c2c2c;
  letter-spacing: 0.025em;
}
.articleDetail_li::marker {
  color: #2544af;
}
.articleDetail_qeustion {
  color: #2544af;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  margin-bottom: 20px;
}
.articleDetail_point {
  border: 4px solid #2544af;
  border-radius: 20px;
  margin-top: 95px;
  padding: 10px 47px 36px;
  position: relative;
}
.articleDetail_point .articleDetail_author {
  margin-top: 30px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.articleDetail_point .articleDetail_name {
  font-size: 1.125rem;
  font-weight: bold;
  color: #12182e;
  letter-spacing: 0.025em;
  margin-top: 10px;
}
.articleDetail_heading {
  color: white;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  background-color: #2544af;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  position: absolute;
  top: -2px;
}
.articleDetail_link {
  text-decoration: underline;
  color: #2544af;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  text-underline-offset: 7px;
}
#anc_toc {
  background-color: #f5f5fa;
  border-radius: 20px;
  padding: 40px;
  margin-top: 40px;
}
#anc_toc > h2, #anc_toc p, #anc_toc span:first-child {
  margin-top: 0;
  color: #12182e;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1;
}
#anc_toc ul > li {
  list-style: none;
  position: relative;
}
#anc_toc ul > li > a {
  text-decoration: none;
  color: #12182e;
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.025em;
  -webkit-transition: none;
  transition: none;
  font-weight: 500;
}
#anc_toc ul > li > a:hover {
  opacity: 1;
  color: #2544af;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#anc_toc ul > li::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 16px;
  background-color: transparent;
  border: 1px solid #2544af;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}
#anc_toc ul > li ul {
  padding-left: 2.3rem;
}
#anc_toc ul > li ul li a {
  font-weight: 400;
}
#anc_toc ul > li ul li::before {
  background-color: #2544af;
  top: 20px;
  height: 2px;
  width: 8px;
  border-radius: 0;
}
.pageID-blog .articleDetail_inner, .pageID-usecase .articleDetail_inner {
  margin-top: 20px;
}
.pageID-blog .articleDetail_inner > p, .pageID-blog .articleDetail_inner span, .pageID-usecase .articleDetail_inner > p, .pageID-usecase .articleDetail_inner span {
  font-size: 1.125rem;
}

.pageID-usecase .headLine3 {
  font-size: 1.1875rem;
  color: #2544af;
  font-weight: bold;
  padding: 0;
  background-color: transparent;
}
.pageID-usecase h2 + h3 {
  margin-top: 0;
}
.articlePhoto {
  margin: 40px 0;
}
.articlePhoto_name {
  color: #767676;
  font-size: 0.875rem;
  margin-top: 7px;
  text-align: center;
}

/*
documentDescription

documentDescription

Markup:
                        <div class="documentDescription">
                            <div class="documentDescription_textBlock">
                                <h2 class="documentDescription_head">サービス提案資料（仮）</h2><!-- /.documentDescription_head -->
                                <div class="documentDescription_texts">
                                    <p class="documentDescription_text">サービスから実績、会社情報などシフトに関することをまとめた一冊となります。資料の説明が入ります資料の説明が入ります資料の説明が入ります資料の説明が入ります資料の説明が入ります。</p><!-- /.documentDescription_text -->
                                    <div class="documentDescription_btn"><a href="">ダウンロード</a></div><!-- /.documentDescription_btn -->
                                </div><!-- /.documentDescription_texts -->
                            </div><!-- /.documentDescription_textBlock -->
                            <div class="documentDescription_img"><img src="/assets/images/catalog/img01.png" alt="サービス提案資料"></div><!-- /.documentDescription_img -->
                        </div><!-- /.documentDescription -->

Styleguide 5.7.3
*/
.documentDescription {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin: 100px 55px 0 !important;
  border-radius: 10px;
  overflow: hidden;
}
.documentDescription_textBlock {
  background-color: #fff;
  height: 100%;
  padding: 50px 55px 57px 57px;
}
.documentDescription_head {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
}
.documentDescription_text {
  font-size: 0.875rem;
  color: #272727;
  line-height: 1.8;
  letter-spacing: 0.025em;
  margin-top: 10px;
}
.documentDescription_btn {
  margin-top: 30px;
}
.documentDescription_btn > a {
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2544af;
  line-height: 1.8;
  letter-spacing: 0.025em;
  border-radius: 30px;
  border: 1px solid #2544af;
  padding: 5px 20px;
  position: relative;
}
.documentDescription_btn > a::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 1;
  margin-left: 7px;
}
.documentDescription_btn > a:hover {
  background-color: #2544af;
  color: white;
  border-color: transparent;
  opacity: 1;
}
.documentDescription_img > img {
  width: 525px;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
/*
downLoadDocument

downLoadDocument

Markup:
    <div class="downLoadDocument">
                            <div class="downLoadDocument_inner">
                                <h2 class="downLoadDocument_head">お役立ち情報</h2><!-- /.downLoadDocument_head -->
                                <div class="downLoadDocument_grid">
                                    <a href="" class="downLoadDocument_item">
                                        <div class="downLoadDocument_img">
                                            <img src="/assets/images/catalog/img01.png" alt="">
                                        </div><!-- /.downLoadDocument_img -->
                                        <p class="downLoadDocument_text">資料のタイトル資料のタイトルが入ります資料のタイトル</p><!-- /.downLoadDocument_text -->
                                        <div class="downLoadDocument_btn">
                                            <span>ダウンロード</span>
                                        </div><!-- /.downLoadDocument_btn -->
                                        <span class="downLoadDocument_cat">ノウハウ</span><!-- /.downLoadDocument_cat -->
                                    </a><!-- /.downLoadDocument_item -->
                                </div><!-- /.downLoadDocument_grid -->
                            </div><!-- /.downLoadDocument_inner -->
                        </div><!-- /.downLoadDocument -->

Styleguide 5.7.4
*/
.downLoadDocument {
  margin: 80px 0 150px;
}
.downLoadDocument_head {
  font-size: 1.625rem;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.05em;
}
.downLoadDocument_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 40px;
  margin-top: 40px;
}
.downLoadDocument_item {
  text-decoration: none;
  position: relative;
}
.downLoadDocument_item:hover {
  opacity: 1;
}
.downLoadDocument_item:hover .downLoadDocument_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.downLoadDocument_item:hover .downLoadDocument_btn span {
  background-color: #2544af;
  color: #fff;
}
.downLoadDocument_img {
  border: 1px solid #bcc0d9;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 360/254;
  width: 360px;
  height: 254px;
  border: 1px solid #d7dbeb;
}
.downLoadDocument_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.downLoadDocument_text {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.downLoadDocument_btn {
  margin-top: 27px;
}
.downLoadDocument_btn > span {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2544af;
  line-height: 1.8;
  letter-spacing: 0.025em;
  border-radius: 30px;
  border: 1px solid #2544af;
  padding: 5px 20px;
  position: relative;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.downLoadDocument_btn > span::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
  line-height: 1;
  font-size: 12px;
}
.downLoadDocument_btn > span:hover {
  background-color: #2544af;
  color: white;
  border-color: transparent;
  opacity: 1;
}
.downLoadDocument_cat {
  background-color: #2544af;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 15px;
}
.downLoadDocument .btn {
  margin: 100px auto;
  display: block;
}
/*
job

job

Markup:
<div class="job">
    <div class="job_inner">
        <figure class="job_img"><img src="/assets/images/sales/img01.png" alt=""></figure><!-- /.job_img -->
        <p class="job_text">シフトでは、仕事を受注する「営業」から、Webサイトリリースまでのディレクションを行う「ディレクター」を一人の担当者が行います。そうすることで、受注時の提案内容からシームレスにWebサイト制作に進行していくことが可能です。</p><!-- /.job_text -->
    </div><!-- /.job_inner -->
</div><!-- /.job -->

Styleguide 5.7.5
*/
.job_inner {
  width: 1160px;
  margin: 0 auto;
  margin: 80px auto 137px;
}
.job_text {
  margin: 50px 189px 0;
  color: #2c2c2c;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
}
.job_text > span {
  color: #2544af;
}
/*
salesWorks

salesWorks

Markup:
                        <div class="salesWorks">
                            <div class="salesWorks_inner">
                                <div class="salesWorks_header">
                                    <p class="salesWorks_en">Sales work</p><!-- /.salesWorks_en -->
                                    <h2 class="salesWorks_ja">営業の主な業務</h2><!-- /.salesWorks_ja -->
                                </div><!-- /.salesWorks_header -->
                                <div class="salesWorks_flex">
                                    <figure class="salesWorks_img"><img src="/assets/images/sales/img02.png" alt=""></figure><!-- /.salesWorks_img -->
                                    <div class="salesWorks_textBlock">
                                        <ul class="salesWorks_lists">
                                            <li class="salesWorks_num salesWorks_num-01">展示会参加</li><!-- /.salesWorks_num salesWorks_num -->
                                            <li class="salesWorks_num salesWorks_num-02">RFP読み取り</li><!-- /.salesWorks_num salesWorks_num -->
                                            <li class="salesWorks_num salesWorks_num-03">ヒアリング</li><!-- /.salesWorks_num salesWorks_num -->
                                            <li class="salesWorks_num salesWorks_num-04">提案書作成</li><!-- /.salesWorks_num salesWorks_num -->
                                            <li class="salesWorks_num salesWorks_num-05">プレゼンテーション</li><!-- /.salesWorks_num salesWorks_num -->
                                        </ul><!-- /.salesWorks_lists -->
                                        <div class="salesWorks_texts">
                                            <p class="salesWorks_text">
                                                お客様からのRFP（提案依頼書）を深く理解し、より良いWebサイトが制作できるようプレゼンに臨みます。
                                            </p>
                                            <p class="salesWorks_text">
                                                晴れて受注となったら、そのまま営業担当者がディレクターとして受注案件のディレクションを行います。
                                            </p>
                                            </div>
                                    </div><!-- /.salesWorks_textBlock -->
                                </div><!-- /.salesWorks_flex -->
                            </div><!-- /.salesWorks_inner -->
                        </div><!-- /.salesWorks -->
                        <div class="salesWorks">
                            <div class="salesWorks_inner">
                                <div class="salesWorks_header">
                                    <p class="salesWorks_en">Overview of web direction</p><!-- /.salesWorks_en -->
                                    <h2 class="salesWorks_ja">WEBディレクションの概要</h2><!-- /.salesWorks_ja -->
                                </div><!-- /.salesWorks_header -->
                                <div class="salesWorks_flex">
                                    <figure class="salesWorks_img"><img src="/assets/images/sales/img03.png" alt=""></figure><!-- /.salesWorks_img -->
                                    <div class="salesWorks_textBlock">
                                        <p class="salesWorks_text">
                                            Webディレクションの主な業務は、
                                            <span>プロジェクトを円滑に進行させるための進行管理です。</span>
                                            Webディレクションを行うディレクターはWebサイト制作においてお客様の要望や目的を考慮しつつ、プロジェクトを進行し、最終的な成果物のクオリティを高めるために様々な役割を担います。
                                            <span>複数の分野にまたがる技術やITスキルを必要とし、創造性とリーダーシップが要求されます。</span>
                                        </p>
                                        <div class="salesWorks_texts">
                                            <p class="salesWorks_text">
                                                <span>シフトではWebサイト制作、システム開発においてリリース経験豊かなディレクター、及びプロジェクトマネージャーがプロジェクトの進行管理を行います。</span><br>
                                                常に最終的な成果物のクオリティを向上させるために、細かな部分まで気を配り進行してまいります。
                                            </p>
                                            </div>
                                    </div><!-- /.salesWorks_textBlock -->
                                </div><!-- /.salesWorks_flex -->
                            </div><!-- /.salesWorks_inner -->
                        </div><!-- /.salesWorks -->
                        <div class="salesWorks">
                            <div class="salesWorks_inner">
                                <div class="salesWorks_header">
                                    <p class="salesWorks_en mt0">Overview of web direction</p><!-- /.salesWorks_en -->
                                    <h2 class="salesWorks_ja">WEBサイト制作・システム開発の主な流れとディレクターの対応範囲</h2><!-- /.salesWorks_ja -->
                                </div><!-- /.salesWorks_header -->
                                <div class="salesWorks_flow">
                                    <div class="salesWorks_box">
                                        <img src="/assets/images/sales/img04.png" alt="WEBサイト制作・システム開発の主な流れとディレクターの対応範囲" loading="lazy">
                                        <div class="salesWorks_aroowTexts">
                                            <p class="salesWorks_arrowText salesWorks_arrowText-01">ディレクター、プロジェクトマネージャー</p>
                                            <p class="salesWorks_arrowText salesWorks_arrowText-02">お客様</p>
                                        </div>
                                    </div>
                                    <div class="salesWorks_texts">
                                        <p class="salesWorks_text">
                                            ディレクターは、最初の要件定義からリリースまでプロジェクトに伴走し、担当するお客様と共に走り抜けます。
                                            特に最初の要件定義にはかなりの日数と時間を割き、Webサイトを通して実現したいこと、ご要望を聞き取り、SE（システムエンジニア）と共に設計書に落とし込んでいきます。
                                        </p>
                                    </div>
                                </div>
                            </div><!-- /.salesWorks_inner -->
                        </div><!-- /.salesWorks -->
                        <div class="salesWorks salesWorks-bg">
                            <div class="salesWorks_inner">
                                <div class="salesWorks_header">
                                    <p class="salesWorks_en mt0">Web direction work</p><!-- /.salesWorks_en -->
                                    <h2 class="salesWorks_ja">WEBディレクションの主な業務内容 </h2><!-- /.salesWorks_ja -->
                                </div><!-- /.salesWorks_header -->
                                <div class="salesWorks_grid">
                                    <div class="salesWorks_col">
                                        <div class="salesWorks_img">
                                            <img src="/assets/images/sales/img05.png" alt="プランニング業務" loading="lazy">
                                        </div>
                                        <div class="salesWorks_texts">
                                            <h2 class="salesWorks_num salesWorks_num-01">プランニング業務</h2>
                                            <p class="salesWorks_text">Webサイトのコンセプトや目的を明確にし、ページ構成やコンテンツ構成など提案及び決定します。</p>
                                        </div>
                                    </div>
                                    <div class="salesWorks_col">
                                        <div class="salesWorks_img">
                                            <img src="/assets/images/sales/img06.png" alt="コンテンツの企画・制作管理業務" loading="lazy">
                                        </div>
                                        <div class="salesWorks_texts">
                                            <h2 class="salesWorks_num salesWorks_num-02">コンテンツの企画・制作管理業務</h2>
                                            <p class="salesWorks_text">Webサイトのコンテンツを企画提案し、UI設計やデザインの指示を出し、クオリティを高めるために常に改善策を検討します。<br>必要に応じてSEOの設計業務をマーケターに指示します。</p>
                                        </div>
                                    </div>
                                    <div class="salesWorks_col">
                                        <div class="salesWorks_img">
                                            <img src="/assets/images/sales/img07.png" alt="テクニカルディレクション業務" loading="lazy">
                                        </div>
                                        <div class="salesWorks_texts">
                                            <h2 class="salesWorks_num salesWorks_num-03">テクニカルディレクション業務</h2>
                                            <p class="salesWorks_text">システム開発やプログラミング、外部サービス等に関する要件を洗い出し、Webサイトの開発・運営に必要な技術やツールを把握し、最適な提案及び選択を行います。</p>
                                        </div>
                                    </div>
                                    <div class="salesWorks_col">
                                        <div class="salesWorks_img">
                                            <img src="/assets/images/sales/img08.png" alt="プロジェクトマネジメント" loading="lazy">
                                        </div>
                                        <div class="salesWorks_texts">
                                            <h2 class="salesWorks_num salesWorks_num-04">プロジェクトマネジメント</h2>
                                            <p class="salesWorks_text">Webサイトのコンテンツを企画提案し、UI設計やデザインの指示を出し、クオリティを高めるために常に改善策を検討します。<br>必要に応じてSEOの設計業務をマーケターに指示します。</p>
                                        </div>
                                    </div>
                                </div><!-- /.salesWorks_grid -->
                            </div><!-- /.salesWorks_inner -->
                        </div><!-- /.salesWorks -->
                        <div class="salesWorks salesWorks-bg02">
                            <div class="salesWorks_inner">
                                <div class="salesWorks_header">
                                    <p class="salesWorks_en mt0">7 strengths</p><!-- /.salesWorks_en -->
                                    <h2 class="salesWorks_ja">シフトのディレクションの7つの強み  </h2><!-- /.salesWorks_ja -->
                                </div><!-- /.salesWorks_header -->
                                <div class="salesWorks_colum">
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-01">システム構築に関する幅広い知識</h2>
                                                <p class="salesWorks_text">要件定義からリリースまで同じディレクターが進捗管理を行いますので、おのずとシステム構築に関わる全般の知識が増えていきます。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-02">トータルスキルが優れている</h2>
                                                <p class="salesWorks_text">社内で一環してデザイン、UI、システム、インフラ、Webマーケティングを行いますので、これら全ての知識をディレクターが得る環境が揃っており、総合的なスキルが育まれていきます。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-03">大規模システム構築経験が豊富</h2>
                                                <p class="salesWorks_text">サーバー複数台構成のシステム構築案件が多く、要件定義開始からリリースまで半年以上かかるような長期のディレクションに慣れています。多少のトラブルにはめげません。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-04">プロジェクト進行は2名以上の体制<span>（ディレクター2名、ディレクターとPM両名など）</span></h2>
                                                <p class="salesWorks_text">プロジェクトの進行は必ず2名以上の体制を組んでいるため、メインディレクターが体調不良などによっても全体に穴をあけることなく進行していくことが可能です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-05">高いコミュニケーション能力</h2>
                                                <p class="salesWorks_text">IT業界未経験からたたき上げられたディレクターが多いため、ITの知識がまだあまりない方の気持ちを汲むことができます。クライアント様から何か質問をされたときに、その質問の裏にある意図を把握してわかりやすい言葉で的確に回答することができます。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-06">スケジュール・予算管理能力が高い<span>（実現可能なスケジュールを提示など）</span></h2>
                                                <p class="salesWorks_text">プロジェクトの進行は必ず2名以上の体制を組んでいるため、メインディレクターが体調不良などによっても全体に穴をあけることなく進行していくことが可能です。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="salesWorks_strengths">
                                        <div class="salesWorks_point">
                                            <div class="salesWorks_strengths">
                                                <h2 class="salesWorks_num salesWorks_num-07">提案型のスタイル</h2>
                                                <p class="salesWorks_text">サイト構築時だけではなく、サイトリリース後でも、「事業が成長してきたので新しくこのようなことがしたい」というご要望をいただければ、それに合わせてシステムをどのように改修すればいいのか提案することが可能です。これもシフトのディレクターのスタイルだからこそ可能な強みです。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- /.salesWorks_inner -->
                        </div><!-- /.salesWorks -->

Styleguide 5.7.6
*/
.salesWorks {
  background-color: #fff;
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
  padding: 120px 0 0;
  position: relative;
  z-index: 1;
}
.salesWorks-bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(249, 249, 252)));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(249, 249, 252) 100%);
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  bottom: 0;
}
.salesWorks-bg02 {
  background-color: unset;
}
.salesWorks_inner {
  width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.salesWorks_en {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 2.78;
  margin-top: 0;
  line-height: 1;
}
.salesWorks_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.salesWorks_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 90px;
  margin-top: 35px;
}
.salesWorks_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 90px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 65px 90px;
  margin-top: 50px;
}
.salesWorks_col {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
}
.salesWorks_col .salesWorks_img {
  aspect-ratio: 530/275;
}
.salesWorks_col .salesWorks_text {
  margin-top: 5px;
}
.salesWorks_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 520/390;
}
.salesWorks_img > img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.salesWorks_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 30px;
}
.salesWorks_num {
  font-size: 1.625rem;
  font-weight: 600;
  font-size: 1.25rem;
  font-weight: bold;
}
.salesWorks_num::before {
  color: #2544af;
  margin-right: 15px;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
}
.salesWorks_num-01::before {
  content: "1.";
}
.salesWorks_num-02::before {
  content: "2.";
}
.salesWorks_num-03::before {
  content: "3.";
}
.salesWorks_num-04 > span {
  margin-left: 25px;
}
.salesWorks_num-04::before {
  content: "4.";
}
.salesWorks_num-05::before {
  content: "5.";
}
.salesWorks_num-06 > span {
  margin-left: 30px;
}
.salesWorks_num-06::before {
  content: "6.";
}
.salesWorks_num-07::before {
  content: "7.";
}
.salesWorks_texts {
  margin-top: 30px;
}
.salesWorks_text {
  margin-top: 0;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #2c2c2c;
}
.salesWorks_text > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #e5e7f1));
  background: linear-gradient(transparent 60%, #e5e7f1 60%);
  font-weight: bold;
}
.salesWorks_flow .salesWorks_texts {
  padding: 0 156px;
  margin-top: 45px;
}
.salesWorks_box {
  background-color: #f9f9fc;
  padding: 50px;
  text-align: center;
  margin-top: 55px;
}
.salesWorks_box > img {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(23, 42, 106, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(23, 42, 106, 0.1);
  width: 100%;
  height: 100%;
}
.salesWorks_aroowTexts {
  margin-top: 30px;
}
.salesWorks_arrowText {
  margin-top: 0;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: -0.01em;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.salesWorks_arrowText-01::before {
  content: url(../../assets/images/sales/border01.png);
  line-height: 0;
}
.salesWorks_arrowText-01::after {
  content: url(../../assets/images/sales/border02.png);
  line-height: 0;
}
.salesWorks_arrowText-02::before {
  content: url(../../assets/images/sales/border03.png);
  line-height: 0;
}
.salesWorks_arrowText-02::after {
  content: url(../../assets/images/sales/border04.png);
  line-height: 0;
}
.salesWorks_colum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.salesWorks_strengths {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.salesWorks_point {
  border-radius: 10px;
  background-color: #fff;
  padding: 34px 94px 40px 80px;
}
.salesWorks_point .salesWorks_num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 430px;
      flex-basis: 430px;
}
.salesWorks_num > span {
  font-size: 0.875rem;
  display: block;
}
/*
sideNav

sideNav

Markup:
<nav class="sideNav">
    <ul class="sideNav_lists">
        <li class="sideNav_list"><a href="">会社概要</a></li><!-- /.sideNav_list -->
        <li class="sideNav_list"><a href="">アクセス</a></li><!-- /.sideNav_list -->
        <li class="sideNav_list"><a href="">沿革</a></li><!-- /.sideNav_list -->
        <li class="sideNav_list"><a href="">取引先一覧</a></li><!-- /.sideNav_list -->
    </ul><!-- /.sideNav_lists -->
</nav><!-- /.sideNav -->

Styleguide 5.7.7
*/
.sideNav {
  position: sticky;
  top: 60px;
  padding-bottom: 130px;
}
.sideNav_lists {
  margin-left: 30px;
  margin-top: 30px;
}
.sideNav_list {
  margin-top: 10px;
}
.sideNav_list > a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #8f93a8;
  text-decoration: none;
  white-space: nowrap;
}
.sideNav_list > a:hover {
  color: #12182e;
  opacity: 1;
}
.sideNav_list-active {
  position: relative;
}
.sideNav_list-active::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #2544af;
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.sideNav_list-active > a {
  color: #12182e;
}
/*
companyBlock

companyBlock

Markup:
			<div class="companyBlock jsScrollPoint" id="company">
									<div class="companyBlock_inner">
										<div class="companyBlock_header">
											<p class="companyBlock_en">information</p>
											<h2 class="companyBlock_ja">会社概要</h2><!-- /.companyBlock_ja -->
										</div><!-- /.companyBlock_header -->
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">会社名</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">株式会社シフト</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">所在地</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">〒103-0012　東京都中央区日本橋堀留町2丁目9-8 Daiwa日本橋堀留町ビル2階
											</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">URL</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">https://www.shift-jp.net/</dd>
											<!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">電話番号</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">03-5847-1281</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">メールアドレス</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">info@shift-jp.net</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">代表取締役</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">安野 雅己</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">設立</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">平成1年1月</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">資本金</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">12,000,000円</dd><!-- /.companyBlock_dd -->
										</dl>
										<dl class="companyBlock_dl">
											<dt class="companyBlock_dt">従業員数</dt><!-- /.companyBlock_dt -->
											<dd class="companyBlock_dd">79名</dd><!-- /.companyBlock_dd -->
										</dl><!-- /.companyBlock_dl -->
									</div><!-- /.companyBlock_inner -->
								</div><!-- /#company.companyBlock -->

Styleguide 5.7.8
*/
.companyBlock {
  width: 900px;
}
.companyBlock_header {
  margin-bottom: 50px;
}
.companyBlock_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  margin-top: 0;
  line-height: 1;
}
.companyBlock_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
  margin-top: 0;
}
.companyBlock_dl {
  border-bottom: 1px solid #d7dbeb;
  padding: 25px 0 25px 25px;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.companyBlock_dl:nth-child(2) {
  border-top: 1px solid #d7dbeb;
}
.companyBlock_dt {
  -ms-flex-preferred-size: 220px;
      flex-basis: 220px;
  color: #8f93a8;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.companyBlock_dd {
  font-size: 1rem;
  color: #12182e;
  letter-spacing: 0.025em;
}
/*
access

access

Markup:
    <div class="access">
        <div class="access_header">
            <p class="access_en">Access Map</p>
            <h2 class="access_ja">アクセス</h2><!-- /.access_ja -->
        </div><!-- /.access_header -->
        <div class="access_map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d825.8851906683865!2d139.78184652102345!3d35.68828358748547!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188c110322cd6f%3A0xf4eec68a760cfdad!2z5qCq5byP5Lya56S-44K344OV44OI!5e0!3m2!1sja!2sjp!4v1702869830304!5m2!1sja!2sjp" width="900" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div><!-- /.access_map -->
        <ul>
            <li>東京メトロ日比谷線 / 都営地下鉄浅草線「人形町駅」A4出口より徒歩3分</li>
            <li>都営地下鉄新宿線「馬喰横山駅」A3出口より徒歩6分</li>
            <li>JR総武線「馬喰町駅」2番出口より徒歩8分</li>
        </ul>
    </div><!-- /.access -->

Styleguide 5.7.9
*/
.access {
  margin-top: 150px;
}
.access_header {
  margin-bottom: 50px;
}
.access_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  margin-top: 0;
  line-height: 1;
}
.access_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.access_map > iframe {
  border: 1px solid #bcc0d9;
}
.access > ul > li {
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.access > ul > li::marker {
  color: #9a9fb1;
}
/*
history

history

Markup:
								<div class="history jsScrollPoint" id="history">
									<div class="history_header">
										<p class="history_en">History</p>
										<h2 class="history_ja">沿革</h2><!-- /.history_ja -->
									</div>
									<div class="history_contents">
										<div class="history_items">
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">1989</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">広告代理店として創業</h2><!-- /.history_head -->
													<p class="history_text">東京都千代田区神田に「株式会社シフト」を設立。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">1992</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">DTP事業開始</h2><!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">1996</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">Web制作事業開始</h2><!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">1998</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">システム開発事業開始</h2><!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2005</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">ECサイト構築パッケージ「eMart販売開始」</h2>
													<!-- /.history_head -->
													<p class="history_text">低価格で中規模のECサイト構築が可能なパッケージを販売。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2007</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">Webサービス構築パッケージ「PIECE」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">
														モジュール化された機能を自由に組み合わせることにより、様々なWebサービスを提供できるERPパッケージを発売。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2010</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">サイトを便利にするツール群「Boost Gears」シリーズ発表</h2>
													<!-- /.history_head -->
													<p class="history_text">
														低価格・短納期・集客力アップ・人件費削減をコンセプトにした、ミニマルなツール群をリリース。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
										</div>
										<div class="history_items history_items-hidden">
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2012</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">プラグイン拡張型CMSパッケージ「SITEMANAGE」販売開始
													</h2><!-- /.history_head -->
													<p class="history_text">
														「誰でもふつうに使える」「楽しくホームページ運用ができる」をコンセプトに開発したCMSパッケージを販売。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2013</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">スタンダードCMSパッケージ「PRoMo」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">製品紹介やプロモーションサイトの構築に特化</p>
													<!-- /.history_text -->
													<h2 class="history_head mt20">スタンダードCMSパッケージ「Potal」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">ポータルサイトの構築に特化したCMSパッケージを販売</p>
													<!-- /.history_text -->
													<h2 class="history_head mt20">スタンダードCMSパッケージ「Sellphy」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">ECサイトの構築に特化したCMSパッケージを販売。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2014</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">スタンダードCMSパッケージ「Quota」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">顧客管理や営業支援に特化したCMSパッケージを</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2016</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">統合グループウェアパッケージ「Spirit」販売開始</h2>
													<!-- /.history_head -->
													<p class="history_text">中小企業向けグループウェアパッケージを販売。</p>
													<!-- /.history_text -->
													<h2 class="history_head mt20">CMSクラウドサービス「SITEMANAGE Pal」サービス開始</h2>
													<!-- /.history_head -->
													<p class="history_text mt20">
														CMSパッケージ「SITEMANAGE」と同様の機能を持ち、月額低コストで利用できるサービスを開始。</p>
													<!-- /.history_text -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2017</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">Webマーケティング事業開始</h2><!-- /.history_head -->
													<h2 class="history_head">マーケティングオートメーションツール「SCORE」販売開始</h2>
													<!-- /.history_head -->
													<h2 class="history_text">
														顧客の行動履歴を統合管理し、スコアリングが可能なマーケティングオートメーションツールを販売。</h2>
													<!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2018</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">事務所移転</h2><!-- /.history_head -->
													<h2 class="history_text">社員増加により、慣れ親しんだ千代田区から中央区へと事務所</h2>
													<!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2019</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">Webマーケティング支援サービス「MoW」サービス開始</h2>
													<!-- /.history_head -->
													<h2 class="history_text">
														サイト改善、SEO対策、リスティング代理運用などのWebマーケティング支援サービスを開始。</h2>
													<!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
											<div class="history_item">
												<div class="history_years">
													<span class="history_year">2020</span><!-- /.history_year -->
												</div><!-- /.history_years -->
												<div class="history_texts">
													<h2 class="history_head">オフィス増床</h2><!-- /.history_head -->
													<h2 class="history_text">社員数増加により、オフィスを増床。</h2>
													<!-- /.history_head -->
												</div>
											</div><!-- /.history_item -->
										</div>
									</div><!-- /.history_contents -->
									<div class="history_btn btn">
										<a href="javascript: void(0);">もっと見る</a>
									</div>
									<div class="history_img">
										<img src="/assets/images/company/img01.png" alt="" loading="lazy">
									</div>
								</div><!-- /.history -->

Styleguide 5.8
*/
.history {
  margin-top: 150px;
}
.history_header {
  margin-bottom: 50px;
}
.history_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  margin-top: 0;
  line-height: 1;
}
.history_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.history_contents {
  margin-top: 60px;
  position: relative;
  padding-left: 30px;
  margin-left: 5px;
  padding-top: 25px;
  padding-bottom: 70px;
}
.history_contents::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  height: -webkit-fill-available;
  background-color: #bcc0d9;
  position: absolute;
  left: 0;
}
.history_items-hidden {
  display: none;
}
.history_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
}
.history_item:first-child {
  margin-top: 30px;
}
.history_years {
  position: relative;
  width: 8rem;
}
.history_year {
  font-size: 1.875rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  line-height: 1.2;
}
.history_year::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #2544af;
  position: absolute;
  top: 10px;
  left: -33.5px;
  border-radius: 50%;
}
.history_texts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.history_head {
  font-size: 1rem;
  font-weight: bold;
  color: #2c2c2c;
  letter-spacing: 0.025em;
  line-height: 1.625;
}
.history_text {
  margin: 5px 0 0;
}
.history_btn {
  margin-top: 14px;
}
.history_btn > a {
  overflow: hidden;
}
.history_btn > a::before {
  -webkit-transform: rotate(90deg) translateX(-100%) !important;
      -ms-transform: rotate(90deg) translateX(-100%) !important;
          transform: rotate(90deg) translateX(-100%) !important;
  line-height: 1;
}
.history_btn > a::after {
  -webkit-transform: rotate(90deg) !important;
      -ms-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
  line-height: 1;
}
.history_btn > a:hover::after {
  -webkit-transform: rotate(90deg) translateX(100%) !important;
      -ms-transform: rotate(90deg) translateX(100%) !important;
          transform: rotate(90deg) translateX(100%) !important;
}
.history_btn > a:hover::before {
  -webkit-transform: rotate(90deg) translateX(2px) !important;
      -ms-transform: rotate(90deg) translateX(2px) !important;
          transform: rotate(90deg) translateX(2px) !important;
}
.history_img {
  margin-top: 140px;
}
/*
ourClients

ourClients

Markup:
<div class="ourClients jsScrollPoint" id="ourClients">
	<div class="ourClients_header">
		<p class="ourClients_en">Our Clients</p>
		<h2 class="ourClients_ja">取引先一覧</h2><!-- /.ourClients_ja -->
	</div><!-- /.ourClients_header -->
	<ul class="ourClients_lists">
		<li class="ourClients_list">株式会社セブン&アイ・ネットメディア</li><!-- /.ourClients_list -->
		<li class="ourClients_list">みずほ情報総研株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">積水化学工業株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">タカラスタンダード株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">パナソニック株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">セガサミーホールディングス株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社セガ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">コナミスポーツ株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">YKK AP株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社柿安本店</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社ノーリツ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社バンダイ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社BANDAI SPIRITS</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社さんぽう</li><!-- /.ourClients_list -->
		<li class="ourClients_list">アットホーム株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">アットホームラボ株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社ダイキンアプライドシステムズ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">クレディセゾン労働組合</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社イシグロ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">キッコーマンバイオケミファ株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">三井不動産株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社ジェイアール東海ツアーズ</li><!-- /.ourClients_list -->
		<li class="ourClients_list">大学生協事業連合</li><!-- /.ourClients_list -->
		<li class="ourClients_list">全国共済水産業協同組合連合会</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社日本経営</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社帝国書院</li><!-- /.ourClients_list -->
		<li class="ourClients_list">ポラス株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">ミライフ株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">自由住宅株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">セコム山陰株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">株式会社共立メンテナンス</li><!-- /.ourClients_list -->
		<li class="ourClients_list">GIO CLUB株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">ケネディクス・プロパティ・デザイン株式会社</li><!-- /.ourClients_list -->
		<li class="ourClients_list">東急リアル・エステート投資法人</li><!-- /.ourClients_list -->
		<li class="ourClients_list">ニデックコンポーネンツ株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社アット東京</li><!-- /.ourClients -->
		<li class="ourClients_list">佐川印刷株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社丸昌</li><!-- /.ourClients -->
		<li class="ourClients_list">ミズタニ自転車株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">岡田商事株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">一般財団法人全日本ろうあ連盟</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社ブロードリーフ</li><!-- /.ourClients -->
		<li class="ourClients_list">アイ・ティー・エックス株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社壽屋</li><!-- /.ourClients -->
		<li class="ourClients_list">ハルツォク・ジャパン株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">一般社団法人日本倉庫協会</li><!-- /.ourClients -->
		<li class="ourClients_list">ベックマン・コールター株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社ラクス</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社インフィニトラベルインフォメーション</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社セキグチ</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社コスモスモア</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社エス・エム・エスキャリア</li><!-- /.ourClients -->
		<li class="ourClients_list">東京国税局</li><!-- /.ourClients -->
		<li class="ourClients_list">大阪国税局</li><!-- /.ourClients -->
		<li class="ourClients_list">名古屋国税局</li><!-- /.ourClients -->
		<li class="ourClients_list">野村證券従業員組合</li><!-- /.ourClients -->
		<li class="ourClients_list">江戸川区</li><!-- /.ourClients -->
		<li class="ourClients_list">SMBCコンシューマーファイナンス株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社LIXILリアルティ</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社レピオグループ</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社JALUX</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社JALUXエアポート</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社groove agent</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社カナデン</li><!-- /.ourClients -->
		<li class="ourClients_list">株式会社EMシステムズ</li><!-- /.ourClients -->
		<li class="ourClients_list">エルソフト株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">デジタルプロセス株式会社</li><!-- /.ourClients -->
		<li class="ourClients_list">オルガン針株式会社</li>
		<li class="ourClients_list">エーモン工業株式会社</li>
		<li class="ourClients_list">株式会社日立ケーイーシステムズ</li>
		<li class="ourClients_list">公益社団法人日本臓器移植ネットワーク</li>
		<li class="ourClients_list">一般社団法人日本作業療法士協会</li>
		<li class="ourClients_list">公益財団法人ちば県民保健予防財団</li>
		<li class="ourClients_list">株式会社JSOL</li>
		<li class="ourClients_list">静岡県学校生活協同組合連合会</li>
		<li class="ourClients_list">福岡県教育用品株式会社</li>
		<li class="ourClients_list">株式会社バルデコ</li>
		<li class="ourClients_list">大洋印刷株式会社</li>
		<li class="ourClients_list">株式会社アイ・シー・ランド</li>
		<li class="ourClients_list">株式会社オリコム</li>
		<li class="ourClients_list">株式会社ジールアソシエイツ</li>
		<li class="ourClients_list">株式会社名南ネットワーク</li>
		<li class="ourClients_list">株式会社読売広告社</li>
		<li class="ourClients_list">株式会社スクロール360</li>
		<li class="ourClients_list">ハンファQセルズジャパン株式会社</li>
		<li class="ourClients_list">公益社団法人自動車技術会</li>
		<li class="ourClients_list">株式会社東芝</li>
		<li class="ourClients_list">株式会社ヤナセ</li>
		<li class="ourClients_list">胡蝶蘭コマース株式会社</li>
		<li class="ourClients_list">マルツエレック株式会社</li>
		<li class="ourClients_list">エイブル山内株式会社</li>
		<li class="ourClients_list">日本エンコン株式会社</li>
		<li class="ourClients_list">株式会社インターネットイニシアティブ</li>
		<li class="ourClients_list">株式会社NCネットワーク</li>
		<li class="ourClients_list">CQ出版株式会社</li>
		<li class="ourClients_list">株式会社池田理化</li>
		<li class="ourClients_list">公益財団法人MR認定センター</li>
		<li class="ourClients_list">東銀リースビジネスイノベーション株式会社</li>
		<li class="ourClients_list">株式会社大沢商会</li>
		<li class="ourClients_list">ウィンデックス株式会社</li>
		<li class="ourClients_list">パシフィックサプライ株式会社</li>
		<li class="ourClients_list">株式会社KANKO</li>
		<li class="ourClients_list">株式会社コパ・コーポレーション</li>
		<li class="ourClients_list">株式会社バーチャルメカニクス</li>
		<li class="ourClients_list">アセットインベントリー株式会社</li>
		<li class="ourClients_list">株式会社ホームプロ</li>
		<li class="ourClients_list">ブルーブルー株式会社</li>
		<li class="ourClients_list">株式会社ガモウ関西</li>
		<li class="ourClients_list">豊田共栄サービス株式会社</li>
		<li class="ourClients_list">株式会社日本廣告社</li>
		<li class="ourClients_list">株式会社ジェス</li>
		<li class="ourClients_list">株式会社ジャオス</li>
		<li class="ourClients_list">株式会社ネクスウェイ</li>
		<li class="ourClients_list">日信化学工業株式会社</li>
		<li class="ourClients_list">株式会社ラボネットワーク</li>
		<li class="ourClients_list">株式会社ベーシック</li>
		<li class="ourClients_list">株式会社DYM</li>
		<li class="ourClients_list">アクモス株式会社</li>
		<li class="ourClients_list">株式会社STUDIO55</li>
		<li class="ourClients_list">丸の内キャピタル株式会社</li>
		<li class="ourClients_list">大東梱包株式会社</li>
		<li class="ourClients_list">株式会社ピクトリコ</li>
		<li class="ourClients_list">一般社団法人ソーラーシステム振興協会</li>
		<li class="ourClients_list">株式会社メディアキャスト</li>
		<li class="ourClients_list">株式会社ケーメックス・オートメーション</li>
		<li class="ourClients_list">株式会社インプラテックス</li>
		<li class="ourClients_list">共立電気計器株式会社</li>
		<li class="ourClients_list">サンエス技研株式会社</li>
		<li class="ourClients_list">アスフィール株式会社</li>
		<li class="ourClients_list">野崎印刷紙業株式会社</li>
		<li class="ourClients_list">株式会社サンコーシヤ</li>
		<li class="ourClients_list">株式会社スコラ・コンサルト</li>
		<li class="ourClients_list">株式会社シー・エヌ・エス</li>
		<li class="ourClients_list">株式会社日東商会</li>
		<li class="ourClients_list">建設データ株式会社</li>
		<li class="ourClients_list">創生人株式会社</li>
	</ul><!-- /.ourClients ourClients-lists -->
</div><!-- /.ourClients -->

Styleguide 5.8.1
*/
.ourClients {
  margin-top: 150px;
  padding-bottom: 130px;
}
.ourClients_header {
  margin-bottom: 50px;
}
.ourClients_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  margin-top: 0;
  line-height: 1;
}
.ourClients_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.ourClients_lists {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}
.ourClients_list {
  font-size: 0.875rem;
  color: #2c2c2c;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
/*
visionBlock

visionBlock

Markup:
                <div class="visionBlock">
                    <div class="visionBlock_mainVisual">
                        <img src="/assets/images/vision/vision-mv.png" alt="">
                    </div><!-- /.visionBlock_mainVisual -->
                    <div class="visionBlock_inner">
                        <div class="visionBlock_contents visionBlock_contents-first">
                            <div class="visionBlock_header">
                                <p class="visionBlock_ja">シフトの未来像</p><!-- /.visionBlock_ja -->
                                <h2 class="visionBlock_en">Vision</h2><!-- /.visionBlock_en -->
                            </div><!-- /.visionBlock_header -->
                            <div class="visionBlock_header">
                                <h2 class="visionBlock_en visionBlock_en-type02">Can be Created.</h2><!-- /.visionBlock_en -->
                                <p class="visionBlock_ja visionBlock_ja-type02">作れる会社であること。</p><!-- /.visionBlock_ja -->
                            </div><!-- /.visionBlock_header -->
                                <div class="visionBlock_texts">
                                    <p class="visionBlock_text">
                                        私たちは「作れる会社」であることにプライドを持ち、<br>
                                        お客様のITビジネスを変えていける企業を目指します。
                                    </p>
                                </div>
                        </div><!-- /.visionBlock_contents -->
                        <div class="visionBlock_contents">
                            <div class="visionBlock_header">
                                <p class="visionBlock_ja">シフトの使命</p><!-- /.visionBlock_ja -->
                                <h2 class="visionBlock_en">Mission</h2><!-- /.visionBlock_en -->
                            </div><!-- /.visionBlock_header -->
                            <div class="visionBlock_header">
                                <h2 class="visionBlock_en visionBlock_en-type02">Your best partner.</h2><!-- /.visionBlock_en -->
                                <p class="visionBlock_ja visionBlock_ja-type02">お客様の最高のパートナーであること。</p><!-- /.visionBlock_ja -->
                            </div><!-- /.visionBlock_header -->
                                <div class="visionBlock_texts">
                                    <p class="visionBlock_text">
                                        私たちは、楽しむことを大切に、また忘れずに、<br>
                                        新しい製品及びサービスを作っていきます。<br>
                                        最高のパートナーとなれるようお客様と真剣に向き合い、<br>
                                        悩みや喜びや成果を共有していきます。<br>
                                        常に新しい技術、知識にアンテナをはり、<br>
                                        プロフェッショナルとしてのプライドを持ち、お客様をリードしていきます。<br>
                                    </p>
                                </div>
                        </div><!-- /.visionBlock_contents -->
                    </div><!-- /.visionBlock_inner -->
                    <div class="visionBlock_slider">
                        <div class="visionBlock_wrap">
                            <ul class="visionBlock_list">
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic01.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic02.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic03.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic04.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic05.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic06.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic07.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic08.png" alt></li>
                            </ul>
                            <ul class="visionBlock_list">
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic01.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic02.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic03.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic04.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic05.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic06.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic07.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic08.png" alt></li>
                            </ul>
                            <ul class="visionBlock_list">
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic01.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic02.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic03.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic04.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic05.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic06.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic07.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic08.png" alt></li>
                            </ul>
                            <ul class="visionBlock_list">
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic01.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic02.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic03.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic04.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic05.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic06.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic07.png" alt></li>
                                <li class="visionBlock_item"><img src="/assets/images/vision/pic08.png" alt></li>
                            </ul>
                        </div>
                    </div>
                </div><!-- /.visionBlock -->

Styleguide 5.8.2
*/
.visionBlock {
  background-color: #2544af;
  padding-bottom: 180px;
  overflow: hidden;
  margin-top: 70px;
}
.visionBlock_mainVisual {
  background-color: #f9f9fc;
}
.visionBlock_mainVisual > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visionBlock_inner {
  width: 1160px;
  margin: 0 auto;
  position: relative;
}
.visionBlock_inner::before {
  position: absolute;
}
.visionBlock_contents {
  margin-left: 165px;
  color: #fff;
  margin-top: 170px;
}
.visionBlock_contents::before {
  content: url(../../assets/images/vision/bg-02.png);
  position: absolute;
  left: -200px;
  bottom: -240px;
  z-index: 1;
}
.visionBlock_contents-first {
  margin-top: 120px;
  position: relative;
}
.visionBlock_contents-first::before {
  content: url(../../assets/images/vision/bg-01.png);
  position: absolute;
  right: -200px;
  top: 280px;
  left: inherit;
  z-index: 1;
}
.visionBlock_header {
  margin-top: 55px;
}
.visionBlock_ja {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-top: 0;
}
.visionBlock_ja::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 8px;
}
.visionBlock_ja-type02 {
  font-size: 1rem;
  font-weight: 500;
  margin-left: 20px;
}
.visionBlock_ja-type02::before {
  display: none;
}
.visionBlock_en {
  font-size: 2.25rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}
.visionBlock_en-type02 {
  font-size: 6.25rem;
  line-height: 0.756;
}
.visionBlock_texts {
  margin-top: 40px;
}
.visionBlock_text {
  margin-top: 0;
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 2;
}
.visionBlock_slider {
  margin-top: 180px;
  position: relative;
  z-index: 2;
}
.visionBlock_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  gap: 40px;
}
.visionBlock_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
  gap: 40px;
  -webkit-animation: infinity-scroll-left 60s infinite linear 0s both;
          animation: infinity-scroll-left 60s infinite linear 0s both;
  margin-top: 0;
}
.visionBlock_item {
  width: 100%;
}
.visionBlock_item > img {
  width: auto;
  height: 100%;
}
@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 40px));
            transform: translateX(calc(-100% - 40px));
  }
}
@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(calc(-100% - 40px));
            transform: translateX(calc(-100% - 40px));
  }
}
/*
oneStop

oneStop

Markup:
<div class="oneStop">
	<div class="oneStop_inner">
		<div class="oneStop_img"><img src="/assets/images/productionSystem/img01.png" alt=""></div><!-- /.oneStop_img -->
		<div class="oneStop_texts">
			<p class="oneStop_text">
			シフトは開発だけではなく、課題解決するために不可欠な要件定義や設計、構築後の運用サポート、集客支援までワンストップでサービスをご提供させて頂いております。
			また、リリース後のサービス拡張やWebマーケティング支援などの提案を積極的に行い、お客様のITビジネスを成功に導きます。
			常に高い目標設定をし、現在に満足することはなく、リリース後も、定期的に徹底した解析と検証を繰り返し、より高い成果を上げるための改善を行なっていきます。
			</p><!-- /.oneStop_text -->
		</div><!-- /.oneStop_texts -->
	</div><!-- /.oneStop_inner -->
</div><!-- /.oneStop -->

Styleguide 5.8.3
*/
.oneStop {
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
}
.oneStop_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 75px;
}
.oneStop_texts {
  margin: 40px 160px 0;
}
.oneStop_text {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
/*
project

project

Markup:
						<div class="project">
							<div class="project_inner">
								<div class="project_header">
									<p class="project_en">Project</p><!-- /.project_en -->
									<h2 class="project_ja">プロジェクト体制例</h2><!-- /.project_ja -->
								</div><!-- /.project_header -->
								<div class="project_item">
									<h2 class="project_title"><span>1.</span>大規模Webシステム開発</h2><!-- /.project_title -->
									<div class="project_contents">
										<div class="project_img"><img src="/assets/images/productionSystem/img02.png" alt="大規模Webシステム開発"><span>① 大規模 開発</span></div><!-- /.project_img -->
										<div class="project_texts">
											<dl class="project_dl">
												<dt class="project_dt">サイト例</dt><!-- /.project_dt -->
												<dd class="project_dd">ECサイト、会員制ポータルサイト</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">メンバー構成</dt><!-- /.project_dt -->
												<dd class="project_dd">営業（1人）、webディレクター（1人）、UI/UXデザイナー（1人）、システムエンジニア（1人）、デザイナー（2人）、コーダー（2人）、プログラマー（2人）、テスター（4人）、マーケター（2人）</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">体制説明</dt><!-- /.project_dt -->
												<dd class="project_dd">説明文が入ります説明文が入ります説明文が入ります説明文が入ります。説明文が入ります説明文が入ります。<br>
													説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<span class="project_caution mt15-pc">※担当営業は変わらないのでご安心ください。</span>
											<span class="project_caution">万全な制作体制で開発を行います。</span>
										</div><!-- /.project_texts -->
									</div>
								</div><!-- /.project_item -->
								<div class="project_item">
									<h2 class="project_title"><span>2.</span>中規模Webシステム開発</h2><!-- /.project_title -->
									<div class="project_contents">
										<div class="project_img"><img src="/assets/images/productionSystem/img03.png" alt="中規模 開発"><span>② 中規模 開発</span></div><!-- /.project_img -->
										<div class="project_texts">
											<dl class="project_dl">
												<dt class="project_dt">サイト例</dt><!-- /.project_dt -->
												<dd class="project_dd">ECサイト、会員制ポータルサイト</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">メンバー構成</dt><!-- /.project_dt -->
												<dd class="project_dd">営業（1人）、webディレクター（1人）、UI/UXデザイナー（1人）、システムエンジニア（1人）、デザイナー（2人）、コーダー（2人）、プログラマー（2人）、テスター（4人）、マーケター（2人）</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">体制説明</dt><!-- /.project_dt -->
												<dd class="project_dd">説明文が入ります説明文が入ります説明文が入ります説明文が入ります。説明文が入ります説明文が入ります。<br>
													説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<span class="project_caution mt15-pc">※担当営業は変わらないのでご安心ください。</span>
											<span class="project_caution">万全な制作体制で開発を行います。</span>
										</div><!-- /.project_texts -->
									</div>
								</div><!-- /.project_item -->
								<div class="project_item">
									<h2 class="project_title"><span>3.</span>小規模Webシステム開発</h2><!-- /.project_title -->
									<div class="project_contents">
										<div class="project_img"><img src="/assets/images/productionSystem/img03.png" alt="小規模 開発"><span>③ 小規模 開発</span></div><!-- /.project_img -->
										<div class="project_texts">
											<dl class="project_dl">
												<dt class="project_dt">サイト例</dt><!-- /.project_dt -->
												<dd class="project_dd">ECサイト、会員制ポータルサイト</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">メンバー構成</dt><!-- /.project_dt -->
												<dd class="project_dd">営業（1人）、webディレクター（1人）、UI/UXデザイナー（1人）、システムエンジニア（1人）、デザイナー（2人）、コーダー（2人）、プログラマー（2人）、テスター（4人）、マーケター（2人）</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<dl class="project_dl">
												<dt class="project_dt">体制説明</dt><!-- /.project_dt -->
												<dd class="project_dd">説明文が入ります説明文が入ります説明文が入ります説明文が入ります。説明文が入ります説明文が入ります。<br>
													説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。</dd><!-- /.project_dd -->
											</dl><!-- /.project_dl -->
											<span class="project_caution mt15-pc">※担当営業は変わらないのでご安心ください。</span>
											<span class="project_caution">万全な制作体制で開発を行います。</span>
										</div><!-- /.project_texts -->
									</div>
								</div><!-- /.project_item -->
								<div class="project_footer">
									<h2>
										案件の内容にマッチしたプロジェクトチームの組成が<br>
										プロジェクトの成否を分けるポイントだと考えています。<br>
										案件ごとに高い専門性を持ったメンバーを組成し、<br>
										プロジェクトチームを作ることから始め、成功を目指します。<br>
									</h2>
								</div>
							</div><!-- /.project_inner -->
						</div><!-- /.project -->

Styleguide 5.8.4
*/
.project {
  margin: 120px min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px) 0 !important;
  background-color: #fff;
  padding: 100px 0 120px;
}
.project_inner {
  width: 1160px;
  margin: 0 auto;
}
.project_en {
  font-size: 1.25rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  margin-top: 0;
  line-height: 1;
}
.project_ja {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.project_item {
  margin-top: 70px;
}
.project_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
.project_title {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1;
}
.project_title > span {
  color: #2544af;
  font-size: 1.625rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
  margin-right: 15px;
  margin-left: 8px;
}
.project_img {
  margin-top: 30px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.project_img > span {
  background-color: #2544af;
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.025em;
  padding: 10px 13px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.project_texts {
  margin-top: 20px;
}
.project_dt {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.project_dt::before {
  content: "・";
  color: #2544af;
  font-size: 1.25rem;
}
.project_dd {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.project_caution {
  display: block;
  color: #2544af;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.project_footer {
  text-align: center;
  margin-top: 95px;
}
.project_footer > h2 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
/*
team

team

Markup:
						<div class="team">
							<div class="team_inner">
								<div class="team_header">
									<p>Professionals</p>
									<h2>チーム紹介</h2>
								</div><!-- /.team_header -->
								<div class="team_grid">
									<a href="" class="team_col">
										<h2 class="team_en">Sales</h2><!-- /.team_en -->
										<p class="team_ja">営業</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon01.png" alt="営業"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Director</h2><!-- /.team_en -->
										<p class="team_ja">ディレクター</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon02.png" alt="ディレクター"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">PM</h2><!-- /.team_en -->
										<p class="team_ja">プロジェクトマネージャー</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon03.png" alt="プロジェクトマネージャー"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">UI/UX</h2><!-- /.teamｖ_en -->
										<p class="team_ja">UI/UXデザイナー</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon04.png" alt="UI/UXデザイナー"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">SE</h2><!-- /.teamｖ_en -->
										<p class="team_ja">システムエンジニア</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon05.png" alt="システムエンジニア"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Designer</h2><!-- /.teamｖ_en -->
										<p class="team_ja">デザイナー</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon06.png" alt="デザイナー"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Coder</h2><!-- /.teamｖ_en -->
										<p class="team_ja">コーダー</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon07.png" alt="コーダー"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Programmer</h2><!-- /.teamｖ_en -->
										<p class="team_ja">プログラマー</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon08.png" alt="プログラマー"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Tester</h2><!-- /.teamｖ_en -->
										<p class="team_ja">テスター</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon09.png" alt="テスター"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Marketer</h2><!-- /.teamｖ_en -->
										<p class="team_ja">マーケター</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon10.png" alt="マーケター"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
									<a href="" class="team_col">
										<h2 class="team_en">Engineer</h2><!-- /.teamｖ_en -->
										<p class="team_ja">情報システム</p><!-- /.team_ja -->
										<div class="team_icon"><img src="/assets/images/productionSystem/icon11.png" alt="情報システム"></div><!-- /.team_icon -->
										<div class="team_hiddenTexts">
											<p class="team_hiddenText">
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります。<br>
												説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります説明文が入ります。
											</p>
											<p class="team_moreBtn">メンバーを見る</p>
										</div>
									</a><!-- /.team_col -->
								</div><!-- /.team_grid -->
							</div><!-- /.team_inner -->
						</div><!-- /.team -->

Styleguide 5.8.5
*/
.team {
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
  background-image: url("../../assets/images/productionSystem/bg.png?v=462968b34441cd9fcfff48ee9d86a4c6");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: white;
}
.team_inner {
  width: 1160px;
  margin: 0 auto;
  padding: 120px 0;
  color: #fff;
}
.team_header > p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 0;
}
.team_header > h2 {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.6615384615;
}
.team_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}
.team_col {
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #898d9d;
  padding: 40px 35px 110px;
  position: relative;
  -webkit-transition: padding 0s;
  transition: padding 0s;
}
.team_col:hover {
  opacity: 1;
  padding-bottom: 37px;
}
.team_col:hover .team_icon {
  display: none;
}
.team_col:hover .team_hiddenTexts {
  display: block;
  visibility: visible;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.team_col:hover .team_bg {
  opacity: 1;
  z-index: 1;
}
.team_en {
  font-size: 2.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  line-height: 1;
  position: relative;
  z-index: 2;
}
.team_ja {
  margin-top: 0;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 2.25;
  position: relative;
  z-index: 2;
}
.team_icon {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  position: relative;
  z-index: 2;
  height: 71px;
}
.team_bg {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
  z-index: -1;
}
.team_bg > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.team_hiddenTexts {
  position: relative;
  z-index: 1;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.team_hiddenText {
  margin-top: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.8214285714;
}
.team_moreBtn {
  margin-top: 30px;
  border-bottom: 1px solid #fff;
  display: table;
  margin-left: auto;
  margin-right: 20px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.8;
  overflow: hidden;
  position: relative;
}
.team_moreBtn::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 10px;
  font-size: 0.625rem;
  display: inline-block;
}
/*
projectTeam

projectTeam

Markup:
						<div class="projectTeam">
							<div class="projectTeam_inner">
								<div class="projectTeam_box">
									<div class="projectTeam_header">
										<p class="projectTeam_en">Careful UIUX</p><!-- /.projectTeam_en -->
										<h2 class="projectTeam_ja">部署間の連携イメージ</h2><!-- /.projectTeam_ja -->
									</div><!-- /.projectTeam_header -->
									<div class="projectTeam_img"><img src="/assets/images/productionSystem/img04.png" alt=""></div><!-- /.projectTeam_img -->
									<p class="projectTeam_text">本文が入ります。本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります。<br>
										本文が入ります。本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります本文が入ります。</p><!-- /.projectTeam_text -->
										<div class="projectTeam_btn btn">
											<a href="">メンバー</a>
										</div>
								</div><!-- /.projectTeam_box -->
								<div class="projectTeam_grid">
									<div class="projectTeam_texts">
										<div class="projectTeam_header">
											<p class="projectTeam_en">Careful UIUX</p><!-- /.projectTeam_en -->
											<h2 class="projectTeam_ja">サイト制作上のこだわり「UI/UX」</h2><!-- /.projectTeam_ja -->
											<p class="projectTeam_text">広く使われるためには、ユーザーストレスを限りなく軽減し、目的に誘導するためのUI/UXが非常に大切です。<br>
												「その商材を購入するのは、クライアントではなくエンドユーザー」。私たちはあくまでエンドユーザー中心思考でモック開発を行っています。ペルソナの思考を見極め、そしてコンバージョンに導くため、試行錯誤を繰り返しながら知識と経験を積み重ねて来ました。<br>
												一見長いとも思われるシンクプロセスは成功を牽引するための非常に重要なファクターと言えます。これまで培ったノウハウをもとにデザイン設計を行い、結果に結びつけるサイト制作を実現しています。
												</p><!-- /.projectTeam_text -->
										</div><!-- /.projectTeam_header -->
										<div class="projectTeam_img"><img src="/assets/images/productionSystem/img05.png" alt=""></div><!-- /.projectTeam_img -->
									</div><!-- /.projectTeam_texts -->
								</div><!-- /.projectTeam_grid -->
								<div class="projectTeam_grid">
									<div class="projectTeam_texts">
										<div class="projectTeam_header">
											<p class="projectTeam_en">Marketing support</p><!-- /.projectTeam_en -->
											<h2 class="projectTeam_ja">サイト制作後もマーケティングサポート</h2><!-- /.projectTeam_ja -->
											<p class="projectTeam_text">
												私たちはそこで満足することはなく、サイトローンチ後も、定期的に徹底した解析と検証を繰り返し、より高い成果を上げるための改善を行なっていきます。
											</p><!-- /.projectTeam_text -->
										</div><!-- /.projectTeam_header -->
										<div class="projectTeam_img"><img src="/assets/images/productionSystem/img06.png" alt=""></div><!-- /.projectTeam_img -->
									</div><!-- /.projectTeam_texts -->
								</div><!-- /.projectTeam_grid -->
							</div><!-- /.projectTeam_inner -->
						</div><!-- /.projectTeam -->

Styleguide 5.8.6
*/
.projectTeam {
  margin: 120px min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px) 0 !important;
  padding-bottom: 120px;
  background-color: #f9f9fc;
}
.projectTeam_inner {
  width: 1160px;
  margin: 0 auto;
}
.projectTeam_box .projectTeam_text {
  margin: 40px 50px 0;
}
.projectTeam_en {
  font-size: 1.25rem;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  margin-top: 0;
}
.projectTeam_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1;
}
.projectTeam_img {
  margin-top: 50px;
  border-radius: 10px;
}
.projectTeam_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #2c2c2c;
}
.projectTeam_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 57px auto 0;
}
.projectTeam_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  margin-top: 120px;
}
.projectTeam_grid .projectTeam_img {
  margin-top: 0;
}
.projectTeam_grid .projectTeam_text {
  margin-top: 50px;
}
/*
banner

banner

Markup:
<section class="banner">
	<div class="banner_contents">
		<div class="banner_texts">
			<h2 class="banner_head">事例集をダウンロード</h2><!-- /.banner_head -->
			<p class="banner_text">これまでのシフトの導入事例をまとめました。<br>様々な課題をどう解決したのか詳しくご紹介しています。</p><!-- /.banner_text -->
			<div class="banner_btn btn"><a href="">サービス資料をダウンロードする</a></div><!-- /.banner_btn btn -->
		</div><!-- /.banner_texts -->
	</div><!-- /.banner_contents -->
</section><!-- /.banner -->

Styleguide 5.8.7
*/
.banner {
  padding-bottom: 120px;
}
.banner_contents {
  width: 860px;
  margin: 0 auto;
  color: #fff;
  border-radius: 20px;
  margin: 97px auto 0;
  background-color: #2544af;
  position: relative;
  overflow: hidden;
}
.banner_contents::after {
  content: url(../../assets/images/usercase/img01.png);
  position: absolute;
  top: 70px;
  right: 20px;
}
.banner_texts {
  padding: 44px 0 44px 65px;
}
.banner_head {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.025em;
}
.banner_text {
  font-size: 1rem;
  color: #fff;
  letter-spacing: 0.025em;
}
.banner_btn {
  border: 1px solid #fff;
  width: 290px;
  margin-top: 30px;
}
.banner_btn > a {
  color: #fff;
}
/*
features

features

Markup:
                <section class="features">
                    <div class="features_inner">
                        <div class="features_items">
                            <div class="features_item features_item-01">
                                <div class="features_imgTxts">
                                    <div class="features_img">
                                        <dotlottie-player class="lottie-player" id="lottie-player01" src="/assets/images/top/topFeatures-img01.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">各工程でそれぞれの専門家が担当</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">ワンストップの制作体制</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">シフトはウェブサイト制作・システム開発だけではなく、課題解決するために不可欠な要件定義や設計、ウェブサイト公開側のデザイン、納品前のウェブサイト・システムのテスト、ウェブサイト公開後の運用サポート、集客支援までワンストップでサービスを提供させて頂いております。</p><!-- /.features_text -->
                                    <div class="features_btn btn">
                                        <a href="">詳しく見る</a>
                                    </div><!-- /.features_btn btn -->
                                </div><!-- /.features_texts -->
                            </div><!-- /.features_item features_item-01 -->
                            <div class="features_item features_item-02">
                                <div class="features_imgTxts">
                                    <div class="features_img">
									    <dotlottie-player class="lottie-player" id="lottie-player02" src="/assets/images/top/topFeatures-img02.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">創業35年のノウハウ</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">豊富な制作・開発実績</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">
                                        1987年に創業し、今期で35周年を迎えました。IT企業の中では老舗にあたり、これまでに作成・開発してきたウェブサイト・システムも多岐に渡ります。<br>
                                        様々な業界の企業様のウェブサイト・システムを構築してきたノウハウを持っているため、会社様ごとの細かなニーズに応えることが可能です。
                                    </p><!-- /.features_text -->
                                </div><!-- /.features_texts -->
                            </div><!-- /.features_item features_item-02 -->
                            <div class="features_item features_item-03">
                                <div class="features_imgTxts">
                                    <div class="features_img">
									    <dotlottie-player class="lottie-player" id="lottie-player03" src="/assets/images/top/topFeatures-img03.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">丁寧な要件定義が好評</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">手厚い営業・ディレクション</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">
                                        シフトでは、仕事を受注する「営業」から、Webサイトリリースまでのディレクションを行う「ディレクター」を一人の担当者が行います。そうすることで、受注時の提案内容からシームレスにWebサイト制作に進行していくことが可能です。
                                    </p><!-- /.features_text -->
                                    <div class="features_btn btn">
                                        <a href="">詳しく見る</a>
                                    </div><!-- /.features_btn btn -->
                                </div><!-- /.features_texts -->
                            </div><!-- /.features_item features_item-03 -->
                            <div class="features_item features_item-04">
                                <div class="features_imgTxts">
                                    <div class="features_img">
									    <dotlottie-player class="lottie-player" id="lottie-player04" src="/assets/images/top/topFeatures-img04.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">ひとつの隙も見逃さない</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">細やかな設計・柔軟な開発力</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">
                                        数多くの案件を経験してきたSEやプログラマーが実績しており、難しい要件のウェブサイトやシステムでも柔軟に設計・開発を行うことが可能です。「他社には断れてしまった」という案件をシフトで引き受け構築したことも多数ございます。<br>
                                        難しいご要件でも是非一度ご相談下さい。
                                    </p><!-- /.features_text -->
                                    <div class="features_btn btn">
                                        <a href="">詳しく見る</a>
                                    </div><!-- /.features_btn btn -->
                                </div><!-- /.features_texts -->
                            </div><!-- /.features_item features_item-04 -->
                            <div class="features_item features_item-05">
                                <div class="features_imgTxts">
                                    <div class="features_img">
									    <dotlottie-player class="lottie-player" id="lottie-player05" src="/assets/images/top/topFeatures-img05.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">綺麗で見やすいだけじゃない</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">豊富なデザインを提案</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">
                                        シフトでウェブサイトを作成するときは、テンプレートなどを使用せず全て完全オリジナルで一つ一つ作成しています。<br>
                                        経験豊富なデザイナーがお客様のご要望をディレクターから聞き取り、ウェブサイトで表現したいこと、伝えたいメッセージをインターネット上に実現します。
                                    </p><!-- /.features_text -->
                                </div><!-- /.features_texts -->
                                <div class="features_images">
                                    <div class="features_img">
                                        <img src="/assets/images/features_img01.png" alt="">
                                    </div>
                                    <div class="features_img">
                                        <img src="/assets/images/features_img02.png" alt="">
                                    </div>
                                    <div class="features_img">
                                        <img src="/assets/images/features_img03.png" alt="">
                                    </div>
                                </div>
                            </div><!-- /.features_item features_item-05 -->
                            <div class="features_item features_item-06">
                                <div class="features_imgTxts">
                                    <div class="features_img">
									    <dotlottie-player class="lottie-player" id="lottie-player06" src="/assets/images/top/topFeatures-img06.lottie" background="transparent" speed="1" loop></dotlottie-player>
                                    </div><!-- /.features_img -->
                                    <div class="features_header">
                                        <p class="features_subTitle">見つけてもらえるサイトを作る</p><!-- /.features_subTitle -->
                                        <h2 class="features_title">公開後の集客支援が可能</h2><!-- /.features_title -->
                                    </div><!-- /.features_header -->
                                </div><!-- /.features_imgTxts -->
                                <div class="features_texts">
                                    <p class="features_text">
                                        社内にウェブマーケティング部が存在しており、公開後のサイトの集客支援をすることが可能です。サイトの改善を行っていくサイト分析、Google検索エンジンで上位表示化させるSEO、Google広告、Yahoo広告などの検索エンジンを軸にした広告、インスタグラム・FACEBOOKに出稿するSNS広告、などのサービスを提供しています。このような部署が社内に存在していることにより、ウェブサイトの構築だけでなく、その後の集客など長期的な成長の伴走支援を行うことが可能です。
                                    </p><!-- /.features_text -->
                                    <div class="features_btn btn">
                                        <a href="">詳しく見る</a>
                                    </div><!-- /.features_btn btn -->
                                </div><!-- /.features_texts -->
                            </div><!-- /.features_item features_item-06 -->
                        </div><!-- /.features_items -->
                    </div><!-- /.features_inner -->
                </section><!-- /.features -->
Styleguide 5.8.8
*/
.features {
  padding-bottom: 120px;
}
.features_inner {
  width: 1160px;
  margin: 0 auto;
}
.features_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 70px;
}
.features_item {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px 50px 60px;
  position: relative;
  letter-spacing: 0.025em;
}
.features_item::before {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #2544af;
}
.features_item-01::before {
  content: "(01)";
}
.features_item-02::before {
  content: "(02)";
}
.features_item-03::before {
  content: "(03)";
}
.features_item-04::before {
  content: "(04)";
}
.features_item-05::before {
  content: "(05)";
}
.features_item-06::before {
  content: "(06)";
}
.features_imgTxts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.features_img {
  max-width: 100px;
  max-height: 100px;
}
.features_images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-top: 50px;
  position: relative;
}
.features_images .features_img {
  min-width: 205px;
}
.features_images .features_img:nth-child(2) {
  position: absolute;
  right: 145px;
  top: 28px;
}
.features_header {
  margin-top: 30px;
}
.features_subTitle {
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.3714285714;
  padding-left: 5px;
}
.features_title {
  margin-top: 0;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.8;
}
.features_texts {
  margin-top: 18px;
}
.features_text {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #2c2c2c;
}
.features_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 35px auto 0;
}
/*
sdgs

sdgs

Markup:
                        <div class="sdgs">
                            <div class="sdgs_top">
                                <div class="sdgs_box">
                                    <div class="sdgs_texts">
                                        <div class="sdgs_header">
                                            <p class="sdgs_en">Features</p>
                                            <h2 class="sdgs_ja">SDGsに向けた当社の取り組み</h2>
                                        </div>
                                        <p class="sdgs_text mt40">私たちは社会的責任を果たし、持続可能な発展の実現に向けて積極的な行動を起こすことを約束しています。<br>
                                            SDGs (Sustainable Development Goals) は、私たちのビジョンと一致し、その実現に向けた当社の取り組みを進める原動力となっています。</p><!-- /.sdgs_text -->
                                        <p class="sdgs_text">以下の取り組みを通じて、当社は社会的責任を全うし、SDGsの達成に向けて積極的に貢献してまいります。私たちは未来の世代に持続可能な価値を提供し、良い変化をもたらすことを心から信じています。</p><!-- /.sdgs_text -->
                                    </div><!-- /.sdgs_texts -->
                                    <div class="sdgs_img"><img src="/assets/images/sdgs/img01.png" alt=""></div><!-- /.sdgs_img -->
                                </div><!-- /.sdgs_box -->
                            </div><!-- /.sdgs_top -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Life and work balance</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">生活と仕事のバランス</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img02.png" alt="生活と仕事のバランス"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-green">全ての人に健康と福祉を</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">当社では、働く皆さんが充実した人生を送るための環境づくりに取り組んでいます。<br>ワークライフバランスを重視し、健康と福祉を全社員に提供するための取り組みを紹介します。</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">休日・休暇</h2>
									<p class="sdgs_text">当社では、働く皆さんが日々の喧騒から解放され、リフレッシュできるよう、柔軟で豊富な休暇制度をご用意しています。</p>
									<ul>
										<li>土日祝、夏季休暇、年末年始等の休日: 仕事から解放される日々を確保し、家族や趣味との時間を大切にできます。</li>
										<li>慶弔休暇、誕生日休暇: 大切な瞬間や自身の特別な日を思い切り楽しむために、慶弔休暇や誕生日休暇を取得できます。</li>
										<li>年次有給休暇: 入社半年後に付与される10日間の有給休暇は、個々のライフスタイルに合わせて取得が可能です。</li>
									</ul>
								</div>
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">育児休業・介護休業</h2>
									<p class="sdgs_text">家族との調和を大切にした働き方を支援するため、育児・介護休業法に基づく制度を整備しています。</p>
									<ul>
										<li>産前産後休暇、育児休業、産後パパ育休: 新しい家族の一員が誕生するときや、育児に専念するときに十分な休息が取れるよう、柔軟な休業制度を提供します。</li>
										<li>子の介護休暇、介護休業、介護休暇: 家族の健康や介護が必要な場合、しっかりサポートするために休暇制度をご利用いただけます。</li>
									</ul>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-3">休日・休暇</h2>
									<p class="sdgs_text">当社では、従業員の健康を維持するために様々な取り組みを行っています。</p>
									<ul>
										<li>健康診断、予防接種：年に１回の定期健康診断を通じて、社員の健康状態を把握し、必要に応じて婦人科検診などもサポートします。予防接種は会社負担で行い、特にインフルエンザの予防に力を入れています。</li>
										<li>メンタルヘルス対策、産業医面談の提供：全従業員を対象に年に１回のストレスチェックを実施。健康な心身を維持するためのサポートを提供しています。専属の産業医による面談も実施し、個別の健康状態や悩みに対するサポートを充実させています。</li>
									</ul>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、社員が心身ともに健康で充実した働き方ができるようサポートしています。
								</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Qualifications and seminars</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">資格取得とセミナー参加支援</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img03.png" alt="資格取得とセミナー参加支援"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-red">質の高い教育をみんなに</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、従業員一人ひとりが成長し、スキルを向上させることを大切にしています。<br>
											プロフェッショナルなスキルを身につけるための支援が充実しています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">資格取得支援</h2>
									<p class="sdgs_text">スキルアップへの道を切り拓くために、資格取得を全面的にサポートしています。書籍購入や受験料など、資格取得にかかる費用を全額補助。資格取得を通じて、従業員の知識と技術の向上を促進し、職務における高いパフォーマンスを実現します。</p>
								</div>
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">セミナー参加支援</h2>
									<p class="sdgs_text">外部で開催される勉強会やセミナーへの参加費用も全額補助。得た知識を業務に活かし、職場全体のスキル向上に貢献しましょう。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-3">社内研修</h2>
									<p class="sdgs_text">当社では、入社研修から営業ディレクター向けの専門研修、主任課長研修まで、様々な研修をご用意しています。さらに、テスト勉強会やAWS勉強会なども積極的に開催し、社員の専門知識や資格取得をサポートしています。これらの研修プログラムは、社員一人ひとりが成長し、組織全体がより強固な基盤を築くための一環として展開しています。
									</p>
								</div>
								<p class="sdgs_lastTxt">これらのサポートを通じて、当社は従業員の個々の成長を重視し、組織全体の持続的な発展を支えています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Gender equality</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">ジェンダー平等の実現</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img04.png" alt="ジェンダー平等を実現しよう"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-red02">ジェンダー平等を実現しよう</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、ジェンダー平等を実現し、従業員全員が多様性を尊重される職場で安心して働ける環境を築いています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">女性の社会進出と活躍の場の提供</h2>
									<p class="sdgs_text">当社は、女性が積極的に社会進出し、職場の中心スタッフとして活躍できるよう取り組んでいます。育児中の女性も柔軟な労働環境で中心スタッフとして活躍し、家庭と仕事のバランスを保ちながら、働くことを実現しています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">協力とサポートによる働きやすい環境の構築</h2>
									<p class="sdgs_text">全てのスタッフが活躍できる環境を目指し、個々の能力や貢献が重視されます。国籍や性別、年齢に関係なく、未経験者に対しても積極的な採用を実施し、スキルを身に付けるためのサポートが行き届いた環境を提供しています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、当社はジェンダー平等を実現し、全ての従業員が安心して働ける多様性と包摂のある職場を目指しています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Work and community</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">働きがいと地域の発展</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img05.png" alt="働きがいも経済成長も"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-red03">働きがいも経済成長も</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、成長する企業でありながら、働く場としての環境づくりや社会への貢献にも注力しています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">多彩な仕事の提供</h2>
									<p class="sdgs_text">私たちは単なる仕事の提供だけでなく、従業員がワクワクするような、想像力豊かな仕事を積極的に用意しています。これにより、働く喜びを感じながら、仕事に取り組める環境を整えています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">従業員の成長とサポート</h2>
									<p class="sdgs_text">当社では、従業員の成長を重視し、キャリアの機会拡大やスキル向上をサポートしています。継続的な学びの機会や専門的なトレーニングを提供することで、各個人が最大限のポテンシャルを発揮できるような環境を築いています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、当社では従業員が楽しく働ける環境を提供し、地域社会や未来の世代の良い影響を与える企業文化を作っています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Technology and environment</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">技術進化と環境配慮</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img04.png" alt="ジェンダー平等を実現しよう"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-red02">ジェンダー平等を実現しよう</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、ジェンダー平等を実現し、従業員全員が多様性を尊重される職場で安心して働ける環境を築いています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">女性の社会進出と活躍の場の提供</h2>
									<p class="sdgs_text">当社は、女性が積極的に社会進出し、職場の中心スタッフとして活躍できるよう取り組んでいます。育児中の女性も柔軟な労働環境で中心スタッフとして活躍し、家庭と仕事のバランスを保ちながら、働くことを実現しています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">協力とサポートによる働きやすい環境の構築</h2>
									<p class="sdgs_text">全てのスタッフが活躍できる環境を目指し、個々の能力や貢献が重視されます。国籍や性別、年齢に関係なく、未経験者に対しても積極的な採用を実施し、スキルを身に付けるためのサポートが行き届いた環境を提供しています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、当社はジェンダー平等を実現し、全ての従業員が安心して働ける多様性と包摂のある職場を目指しています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Work and community</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">働きがいと地域の発展</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img05.png" alt="働きがいも経済成長も"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-red03">働きがいも経済成長も</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、成長する企業でありながら、働く場としての環境づくりや社会への貢献にも注力しています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">多彩な仕事の提供</h2>
									<p class="sdgs_text">私たちは単なる仕事の提供だけでなく、従業員がワクワクするような、想像力豊かな仕事を積極的に用意しています。これにより、働く喜びを感じながら、仕事に取り組める環境を整えています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">従業員の成長とサポート</h2>
									<p class="sdgs_text">当社では、従業員の成長を重視し、キャリアの機会拡大やスキル向上をサポートしています。継続的な学びの機会や専門的なトレーニングを提供することで、各個人が最大限のポテンシャルを発揮できるような環境を築いています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、当社では従業員が楽しく働ける環境を提供し、地域社会や未来の世代の良い影響を与える企業文化を作っています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Technology and environment</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">技術進化と環境配慮</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img06.png" alt="産業と技術革新の基盤をつくろう"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-orange">産業と技術革新の基盤をつくろう</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、市場の動向を常に注視し、ユーザーと社会に有益な影響をもたらすため、新製品の開発に意欲的に取り組んでいます。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">新しい製品・サービスの提供</h2>
									<p class="sdgs_text">市場調査に基づき、積極的に新しい製品の開発および新しいサービスの提供に取り組んでいます。私たちは今後もユーザーの期待に応え、社会に良い影響を与える製品やサービスを提供していく覚悟です。</p>
								</div>
								<p class="sdgs_lastTxt">当社は技術の進歩と環境保護を同時に進め、持続可能な社会への貢献を続けていきます。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Towards an equal society</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">不平等なく、平等な社会へ</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img07.png" alt="人や国の不平等をなくそう"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-pink">人や国の不平等をなくそう</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、年齢、性別、経験、人種、障害といった要因に関係なく、平等な社会づくりに積極的に取り組んでいます。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">平等な雇用機会と差別撤廃の職場環境</h2>
									<p class="sdgs_text">あらゆる人に平等な雇用機会を提供し、採用プロセスや昇進において差別や偏見のない職場環境を整えています。これにより、公正かつ平等な対応が行われ、スタッフ一人ひとりが活躍できる環境が整っています。</p>
								</div>
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">多様性尊重の職場環境と未経験者採用</h2>
									<p class="sdgs_text">すべての従業員が個々の能力や貢献が重視される環境を目指し、国籍や性別、年齢に関係なく、未経験者にも積極的な採用を実施しています。これにより、多様性が尊重され、職場全体がさらに活気づいています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-3">使いやすいWeb環境の構築</h2>
									<p class="sdgs_text">Webデザインにおいても、使い勝手の良い環境を提供するため、分かりやすく、アクセシビリティを考慮したデザインを採用しています。これにより、Web上でも誰もが情報にアクセスしやすい環境づくりに貢献しています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの要素が組み合わさり、当社は平等な社会づくりへの一翼を担っています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Environmentally friendly</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">地球環境に優しいWebサイト運用</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img08.png" alt="つくる責任つかう責任"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-orange02">つくる責任つかう責任</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社は、持続可能なWeb運用に焦点を当て、地球環境への影響を最小限にするための取り組みを行っています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">データ転送の最適化とユーザー体験の向上</h2>
									<p class="sdgs_text">CDNの活用とキャッシュの効果的な使用により、データ転送量を最小限に抑えつつ、使い勝手よく心地よいデザインを提供し、ユーザーエクスペリエンスを向上させています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みは、地球環境への影響を最小限にし、持続可能な未来への一翼を担っています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Fair online environment</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">公正なオンライン環境の構築</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img09.png" alt="平和と公正をすべての人に"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-blue">平和と公正をすべての人に</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、安全なオンライン環境を整備し、皆様が安心して利用できるよう、情報セキュリティの強化に注力しています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">セキュアなアクセス環境の整備</h2>
									<p class="sdgs_text">CDNの活用とキャッシュの効果的な使用により、データ転送量を最小限に抑えつつ、使い勝手よく心地よいデザインを提供し、ユーザーエクスペリエンスを向上させています。</p>
								</div>
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">脆弱性管理とデータ保護</h2>
									<p class="sdgs_text">システムに潜む脆弱性を見つけ出すために、定期的にセキュリティスキャンやテストを行い、積極的に問題に対処しています。同時に、ユーザーや従業員には必要な権限だけを与え、情報へのアクセスを厳重に制限して、データの安全性を確保しています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-3">早期対応とトレーニングの強化</h2>
									<p class="sdgs_text">システムやネットワークのログを見守り、異常な動きを早めにキャッチしてセキュリティの問題に対処しています。従業員には、はっきりとしたセキュリティ方針を伝え、継続的なトレーニングを行うことで、全体のセキュリティ意識を高めています。また、データの損失に備えて、定期的で効果的なバックアップを実施し、ビジネスの中断を最小限に抑えています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みを通じて、私たちは安全で公正なデジタル社会の構築に向けて努力しています。</p>
							</div><!-- /.sdgs_contents -->
							<div class="sdgs_contents">
								<div class="sdgs_header">
									<p class="sdgs_en">Secure access protection</p><!-- /.sdgs_en -->
									<h2 class="sdgs_ja">安全なアクセス保護</h2><!-- /.sdgs_ja -->
								</div><!-- /.sdgs_header -->
								<div class="sdgs_imgTxt">
									<div class="sdgs_img"><img src="/assets/images/sdgs/img10.png" alt="パートナーシップで目標を達成しよう"></div><!-- /.sdgs_img -->
									<div class="sdgs_texts">
										<h2 class="sdgs_head sdgs_head-blue02">パートナーシップで目標を達成しよう</h2><!-- /.sdgs_head sdgs_head-green -->
										<p class="sdgs_text">
											当社では、安全なオンライン環境を整備し、皆様が安心して利用できるよう、情報セキュリティの強化に注力しています。
										</p><!-- /.sdgs_text -->
									</div><!-- /.sdgs_texts -->
								</div><!-- /.sdgs_imgTxt -->
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-1">通信の安全性強化</h2>
									<p class="sdgs_text">当社は、利用者に強力なパスワードの設定を奨励し、同時にWebサイトアクセス時にSSL暗号化を採用しています。これにより、データの盗聴を防ぎ、安全な認証基盤を構築しています。</p>
								</div>
								<div class="sdgs_lists">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-2">アクセス権限と監視の徹底</h2>
									<p class="sdgs_text">ユーザーや従業員には必要な権限のみが付与され、同時にシステムやネットワークのログの監視を徹底し、異常が検知された際には迅速に対応しています。お客様のデータを厳重に保護し、安心してご利用いただける環境を整えています。</p>
								</div>
								<div class="sdgs_lists sdgs_lists-last">
									<h2 class="sdgs_head sdgs_head-num sdgs_head-num-3">セキュリティ方針とトレーニング</h2>
									<p class="sdgs_text">従業員に対してセキュリティに関するポリシーを策定し、定期的な教育を通じて、全体的なセキュリティ意識を向上させています。お客様に安心感を提供するため、セキュリティに関する最新の知識を常に共有し、サービスの品質向上に努めています。</p>
								</div>
								<p class="sdgs_lastTxt">これらの取り組みにより、当社は情報セキュリティの向上と社内全体の安全な環境を確保しています。安心してご利用いただけるよう、引き続き努めてまいります。</p>
							</div><!-- /.sdgs_contents -->
                        </div><!-- /.sdgs -->

Styleguide 5.8.9
*/
.sdgs {
  padding-bottom: 120px;
}
.sdgs_top {
  margin-top: 100px;
}
.sdgs_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 55px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 55px;
  margin-bottom: 70px;
}
.sdgs_box .sdgs_img {
  min-width: 580px;
  height: 100%;
}
.sdgs_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  color: #2544af;
  font-weight: 600;
  margin-top: 0;
}
.sdgs_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.6615384615;
  line-height: 1;
}
.sdgs_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
}
.sdgs_contents {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 50px;
  padding: 75px 100px;
}
.sdgs_imgTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
  margin-top: 50px;
  border-bottom: 1px solid #c6cce1;
  padding-bottom: 40px;
}
.sdgs_img {
  min-width: 150px;
  height: 150px;
}
.sdgs_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sdgs_head {
  font-size: 1.25rem;
  letter-spacing: 0.025em;
  font-weight: bold;
}
.sdgs_head-green {
  color: #1b973a;
}
.sdgs_head-red {
  color: #c50e28;
}
.sdgs_head-red02 {
  color: #e83418;
}
.sdgs_head-red03 {
  color: #970a31;
}
.sdgs_head-orange {
  color: #ec6a06;
}
.sdgs_head-orange02 {
  color: #d39206;
}
.sdgs_head-pink {
  color: #dc097b;
}
.sdgs_head-blue {
  color: #004c88;
}
.sdgs_head-blue02 {
  color: #023067;
}
.sdgs_lastTxt {
  margin-top: 40px;
  font-weight: 500;
  letter-spacing: 0.025em;
}
.sdgs_lists {
  margin-top: 50px;
}
.sdgs_lists-last {
  padding-bottom: 50px;
  border-bottom: 1px solid #c6cce1;
}
.sdgs_lists > ul {
  padding-left: 20px;
}
.sdgs_lists > ul > li::marker {
  font-size: 0.6875rem;
  color: #2544af;
}
.sdgs_head-num::before {
  content: "1.";
  color: #2544af;
  font-weight: 600;
  font-size: 1.625rem;
  margin-right: 15px;
  font-family: "Josefin Sans", sans-serif;
}
.sdgs_head-num-1::before {
  content: "1.";
}
.sdgs_head-num-2::before {
  content: "2.";
}
.sdgs_head-num-3::before {
  content: "3.";
}
/*
siteProductions

siteProductions

Markup:
                <section class="siteProductions">
                    <div class="siteProductions_inner">
                        <div class="siteProductions_header">
                            <div class="contentsHeadings">
								<p class="contentsHeadings_ja contentsHeadings_ja-white">メンバー紹介</p>
								<!-- /.contentsHeadings_ja -->
								<h2 class="contentsHeadings_en contentsHeadings_en-white">Member</h2>
                                <h3 class="contentsHeadings_subHead">
                                    シフトのWebサイト制作について
                                    ご紹介します
                                </h3>
								<!-- /.contentsHeadings_en -->
								<p class="contentsHeadings_text contentsHeadings_text-white">
									創業35年、多種多様なウェブサイトを真摯に制作してきました。<br>
                                    そのノウハウの一部をご紹介いたします。</p>
							</div>
                        </div><!-- /.siteProductions_header -->
                    </div><!-- /.siteProductions_inner -->
                </section><!-- /.siteProductions -->

Styleguide 5.9.1
*/
.siteProductions {
  background-color: #0893e1;
}
.siteProductions_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 70px;
  padding: 100px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 684px;
  grid-template-columns: 1fr 684px;
  position: relative;
}
.siteProductions_inner::after {
  position: absolute;
  right: 0;
  bottom: -40px;
  content: url(../../assets/images/service/img01.png);
}
.siteProductions_inner-01::after {
  position: absolute;
  right: -160px;
  bottom: 100px;
  content: url(../../assets/images/service/img01.png);
}
.siteProductions_inner-02 .contentsHeadings_subHead {
  font-size: 2rem;
  white-space: nowrap;
}
.siteProductions_inner-02::after {
  position: absolute;
  right: 0;
  bottom: -90px;
  content: url(../../assets/images/service/img07.png);
}
.siteFeatures {
  padding-top: 100px;
  padding-bottom: 100px;
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
  background-color: #fff;
}
.siteFeatures_inner {
  width: 1160px;
  margin: 0 auto;
}
.siteFeatures_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
}
.siteFeatures_head {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.siteFeatures_headTxt {
  font-size: 1rem;
  letter-spacing: 0.025em;
  margin-top: 30px;
}
.siteFeatures_grid {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.siteFeatures_item {
  border: 1px solid #cfd4e5;
  border-radius: 10px;
  background-color: #f9f9fc;
  padding: 45px 35px 0;
  letter-spacing: 0.025em;
}
.siteFeatures_num {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
}
.siteFeatures_num::before {
  content: "";
  font-size: 1.625rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  color: #2544af;
}
.siteFeatures_num-01::before {
  content: "1.";
  margin-right: 10px;
}
.siteFeatures_num-02::before {
  content: "2.";
  margin-right: 10px;
}
.siteFeatures_num-03::before {
  content: "3.";
  margin-right: 10px;
}
.siteFeatures_num-04::before {
  content: "4.";
  margin-right: 10px;
}
.siteFeatures_num-05::before {
  content: "5.";
  margin-right: 10px;
}
.siteFeatures_num-06::before {
  content: "6.";
  margin-right: 10px;
}
.siteFeatures_text {
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8;
}
.siteFeatures_img {
  margin-top: 63px;
  width: 290px;
  height: 250px;
}
.siteFeatures_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.siteFeatures_link {
  border-bottom: 1px solid #2544af;
  display: table;
  margin-left: auto;
  text-decoration: none;
  margin-top: 10px;
  text-align: right;
  font-size: 0.875rem;
  font-weight: bold;
  color: #2544af;
}
.siteFeatures_link::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  padding-left: 8px;
  font-size: 0.875rem;
}
/*
produceFlow

produceFlow

Markup:
<div class="produceFlow">
    <div class="produceFlow_inner">
        <div class="produceFlow_header">
            <p class="produceFlow_en">Production flow</p><!-- /.produceFlow_en -->
            <h2 class="produceFlow_ja">Web制作の流れ</h2><!-- /.produceFlow_ja -->
        </div><!-- /.produceFlow_header -->
        <div class="produceFlow_items">
            <div class="produceFlow_item produceFlow_item-01">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow01.png" alt="要件定義">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">要件定義</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">ディレクターがお客様に細かな要件の聞き取りを行い、仕様を詰めていくフェーズです。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-01 -->
            <div class="produceFlow_item produceFlow_item-02">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow02.png" alt="競合調査">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">競合調査</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    競合となる企業やサービスのウェブサイトを調査し、お客様のサイトのSEO設計やUI設計に落とし込んでいきます。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-02 -->
            <div class="produceFlow_item produceFlow_item-03">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow03.png" alt="サイト構成">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">サイト構成</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    様々な調査を元に、ウェブサイトのUI/UX、SEOの設計を行います。それを元に、最適なサイト構成を作成します。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-03 -->
            <div class="produceFlow_item produceFlow_item-04">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow04.png" alt="設計書作成">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">設計書作成</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">要件定義で決まった仕様や、様々な調査で得た情報を、エンジニアが整理して、詳細な設計書にまとめ上げます。
                </p><!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-04 -->
            <div class="produceFlow_item produceFlow_item-05">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow05.png" alt="デザイン">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">デザイン</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    公開側設計書をもとに、デザイナーがデザインを作成します。お客様のコンセプトやイメージも盛り込んだ完全オリジナルデザインです。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-05 -->
            <div class="produceFlow_item produceFlow_item-06">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow06.png" alt="コーディング">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">コーディング</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    デザインデータが出来たら、それをコーダーがHTML化してブラウザで閲覧できる状態にします。そこで一度お客様にチェックしてもらいます。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-06 -->
            <div class="produceFlow_item produceFlow_item-07">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow07.png" alt="CMS開発">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">CMS開発</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    公開側が出来たら、そこにプログラマーがCMS（コンテンツマネジメントシステム）を紐づけていき、管理画面から更新できる状態にしていきます。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-07 -->
            <div class="produceFlow_item produceFlow_item-08">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow08.png" alt="テスト">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">テスト</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    出来上がったウェブサイト・システムをお客様に納品する前に、テスターが徹底的にテストを行いバグを解消します。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-08 -->
            <div class="produceFlow_item produceFlow_item-09">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow09.png" alt="公開・保守">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">公開・保守</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">
                    サイトの公開フェーズです。保守に入っていただき、何か問題があったときにすぐに対応できる体制を維持することも可能です。</p>
                <!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-09 -->
            <div class="produceFlow_item produceFlow_item-10">
                <div class="produceFlow_icon">
                    <img src="/assets/images/service/flow10.png" alt="集客支援">
                </div><!-- /.produceFlow_icon -->
                <h2 class="produceFlow_head">集客支援</h2><!-- /.produceFlow_head -->
                <p class="produceFlow_text">サイト公開後の集客支援も可能です。SEOや広告運用を行い、サイトに訪問するユーザー数を増やしていきます。
                </p><!-- /.produceFlow_text -->
            </div><!-- /.produceFlow_item produceFlow_item-010 -->
        </div><!-- /.produceFlow_items -->
    </div><!-- /.produceFlow_inner -->
</div><!-- /.produceFlow -->

Styleguide 5.9.3
*/
.produceFlow {
  padding: 100px 0;
  overflow: hidden;
}
.produceFlow_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
}
.produceFlow_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.produceFlow_ja span {
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  background-color: #2544af;
  display: inline-block;
  border-radius: 50vh;
  width: 38px;
  height: 38px;
  font-size: 1.625rem;
  text-align: center;
  margin-right: 12px;
  line-height: 42px;
}
.produceFlow_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 40px 2fr 40px 2fr 40px 2fr 40px 2fr;
  grid-template-columns: repeat(5, 2fr);
  gap: 40px;
  margin-top: 50px;
}
.produceFlow_item {
  letter-spacing: 0.025em;
  position: relative;
}
.produceFlow_item-01::after {
  content: url(../../assets/images/service/dot.png);
  position: absolute;
  top: 50px;
  left: 120px;
}
.produceFlow_item-06::after {
  content: url(../../assets/images/service/dot.png);
  position: absolute;
  top: 50px;
  left: 0;
}
.produceFlow_icon {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.produceFlow_head {
  text-align: center;
  font-size: 1.25rem;
  color: #2544af;
  font-weight: bold;
  margin-top: 10px;
}
.produceFlow_text {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.8;
}
/*
systemFlow

systemFlow

Markup:
<div class="systemFlow">
    <div class="systemFlow_inner">
        <div class="systemFlow_header">
            <div class="contentsHeadings">
                <p class="contentsHeadings_ja contentsHeadings_ja-white">Website production</p>
                <!-- /.contentsHeadings_ja -->
                <h2 class="contentsHeadings_en contentsHeadings_en-type05 contentsHeadings_en-white">Webサイト制作</h2>
                <h3 class="contentsHeadings_subHead">
                    シフトのWebサイト制作について<br>
                    ご紹介します
                </h3>
                <!-- /.contentsHeadings_en -->
                <p class="contentsHeadings_text contentsHeadings_text-white">
                    創業35年、多種多様なウェブサイトを真摯に制作してきました。<br>
                    そのノウハウの一部をご紹介いたします。</p>
            </div>
            <p class="systemFlow_head"></p><!-- /.systemFlow_head -->
        </div><!-- /.systemFlow_header -->
    </div><!-- /.systemFlow_inner -->
</div><!-- /.systemFlow -->

Styleguide 5.9.4
*/
.systemFlow {
  background-color: #0893e1;
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
}
.systemFlow_inner {
  width: 1160px;
  margin: 0 auto;
  padding: 120px 0 210px;
  position: relative;
}
.systemFlow_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.systemFlow_head {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #fff;
  padding-right: 40px;
}
.systemFlow_img {
  position: absolute;
  top: 337px;
  aspect-ratio: 1160/550;
}
.systemFlow_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 20px;
}
/*
devSection

devSection

Markup:
                        <div class="devSection">
                            <div class="devSection_inner">
                                <div class="devSection_header">
                                    <p class="devSection_en">Development flow</p><!-- /.devSection_en -->
                                    <h2 class="devSection_ja">開発の流れ</h2><!-- /.devSection_ja -->
                                </div><!-- /.devSection_header -->
                                <div class="devSection_contents">
                                    <div class="devSection_items">
                                        <div class="devSection_item devSection_item-01">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow01.png" alt="要件定義">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">要件定義</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">ディレクターがお客様に細かな要件の聞き取りを行い、仕様を詰めていくフェーズです。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-01 -->
                                        <div class="devSection_item devSection_item-02">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow02.png" alt="競合調査">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">競合調査</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">競合となる企業やサービスのウェブサイトを調査し、お客様のサイトのSEO設計やUI設計に落とし込んでいきます。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-02 -->
                                        <div class="devSection_item devSection_item-03">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow03.png" alt="サイト構成">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">サイト構成</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">様々な調査を元に、ウェブサイトのUI/UX、SEOの設計を行います。それを元に、最適なサイト構成を作成します。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-03 -->
                                        <div class="devSection_item devSection_item-04">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow04.png" alt="設計書作成">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">設計書作成</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">要件定義で決まった仕様や、様々な調査で得た情報を、エンジニアが整理して、詳細な設計書にまとめ上げます。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-04 -->
                                        <div class="devSection_item devSection_item-05">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow05.png" alt="デザイン">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">デザイン</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">公開側設計書をもとに、デザイナーがデザインを作成します。お客様のコンセプトやイメージも盛り込んだ完全オリジナルデザインです。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-05 -->
                                        <div class="devSection_item devSection_item-06">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow06.png" alt="コーディング">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">コーディング</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">デザインデータが出来たら、それをコーダーがHTML化してブラウザで閲覧できる状態にします。そこで一度お客様にチェックしてもらいます。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-06 -->
                                        <div class="devSection_item devSection_item-07">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow07.png" alt="CMS開発">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">CMS開発</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">公開側が出来たら、そこにプログラマーがCMS（コンテンツマネジメントシステム）を紐づけていき、管理画面から更新できる状態にしていきます。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-07 -->
                                        <div class="devSection_item devSection_item-08">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow08.png" alt="テスト">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">テスト</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">出来上がったウェブサイト・システムをお客様に納品する前に、テスターが徹底的にテストを行いバグを解消します。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-08 -->
                                        <div class="devSection_item devSection_item-09">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow09.png" alt="公開・保守">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">公開・保守</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">サイトの公開フェーズです。保守に入っていただき、何か問題があったときにすぐに対応できる体制を維持することも可能です。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-09 -->
                                        <div class="devSection_item devSection_item-010">
                                            <div class="devSection_icon">
                                                <img src="/assets/images/service/flow10.png" alt="集客支援">
                                            </div><!-- /.devSection_icon -->
                                            <h2 class="devSection_head">集客支援</h2><!-- /.devSection_head -->
                                            <p class="devSection_text">サイト公開後の集客支援も可能です。SEOや広告運用を行い、サイトに訪問するユーザー数を増やしていきます。</p><!-- /.devSection_text -->
                                        </div><!-- /.devSection_item devSection_item-010 -->
                                    </div>
                                    <div class="devSection_icon">
                                        <img src="/assets/images/service/img05.png" alt="">
                                    </div>
                                </div><!-- /.devSection_contents -->
                            </div><!-- /.devSection_inner -->
                        </div><!-- /.devSection -->

Styleguide 5.9.5
*/
.devSection {
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px) 0;
  background-color: #fff;
  padding-bottom: 120px;
}
.devSection_inner {
  width: 1160px;
  margin: 0 auto;
  padding-top: 540px;
}
.devSection_inner .btn {
  width: 300px;
}
.devSection_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
}
.devSection_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.devSection_contents {
  margin-top: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 672px 120px 1fr;
  grid-template-columns: 672px 1fr;
  gap: 120px;
}
.devSection_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 190px 40px 190px 40px 190px;
  grid-template-columns: 190px 190px 190px;
  gap: 40px;
  overflow: hidden;
}
.devSection_item {
  letter-spacing: 0.025em;
  position: relative;
}
.devSection_item-01::after {
  content: url(../../assets/images/service/dot02.png);
  position: absolute;
  top: 55px;
  left: 120px;
  z-index: 1;
}
.devSection_item-04::after {
  content: url(../../assets/images/service/dot02.png);
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 1;
}
.devSection_icon {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.devSection_head {
  text-align: center;
  font-size: 1.25rem;
  color: #2544af;
  font-weight: bold;
  margin-top: 10px;
}
.devSection_text {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.8;
}
.devSection_scale {
  margin-top: 120px;
}
.devSection_row {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 58px;
}
.devSection_caption {
  aspect-ratio: 352px/562px;
}
.devSection_caption > img {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.devSection_texts > dl {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 175px 357px;
  grid-template-columns: 175px 357px;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 2.1875;
}
.devSection_heading {
  font-size: 1.25rem;
  color: #2544af;
  font-weight: bold;
  letter-spacing: 0.025em;
  border-bottom: 2px solid #bcc0d9;
  padding-bottom: 20px;
}
/*
名前

説明

Markup:
<div class="partnerships">
                            <div class="partnerships_inner">
                                <div class="partnerships_header">
                                    <p class="partnerships_en">External collaboration</p><!-- /.partnerships_en -->
                                    <h2 class="partnerships_ja">豊富な外部連携実績</h2><!-- /.partnerships_ja -->
                                </div><!-- /.partnerships_header -->
                                <table class="partnerships_table">
                                    <tr class="partnerships_tr">
                                      <th class="partnerships_th">システム名</th>
                                      <th class="partnerships_th">サービスベンダー</th>
                                      <th class="partnerships_th">実施するサイト種別</th>
                                    </tr>
                                    <tr class="partnerships_tr">
                                      <th class="partnerships_th">決済サービス</th>
                                      <td class="partnerships_td">
                                        <div class="partnerships_logo">
                                            <img src="/assets/images/service/img06.png" alt="" loading="lazy">
                                        </div>
                                      </td>
                                      <td class="partnerships_td">ECサイト、コーポレートサイト、ポータルサイト</td>
                                    </tr>
                                    <tr class="partnerships_tr">
                                      <th class="partnerships_th">基幹システム</th>
                                      <td class="partnerships_td">
                                        <div class="partnerships_logo">
                                            <img src="/assets/images/service/img06.png" alt="" loading="lazy">
                                        </div>
                                      </td>
                                      <td class="partnerships_td">ポータルサイト、会員制サイト</td>
                                    </tr>
                                    <tr class="partnerships_tr">
                                      <th class="partnerships_th">セールスフォース</th>
                                      <td class="partnerships_td">
                                        <div class="partnerships_logo">
                                            <img src="/assets/images/service/img06.png" alt="" loading="lazy">
                                        </div>
                                      </td>
                                      <td class="partnerships_td">ECサイト、製品サイト</td>
                                    </tr>
                                  </table>
                            </div><!-- /.partnerships_inner -->
                        </div><!-- /.partnerships -->
Styleguide 5.9.6
*/
.partnerships {
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
}
.partnerships_inner {
  width: 1160px;
  margin: 0 auto;
  padding-top: 100px;
}
.partnerships_inner .btn {
  margin: 40px 0;
  width: 300px;
}
.partnerships_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
}
.partnerships_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.partnerships_table {
  letter-spacing: 0.025em;
  background-color: #fff;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.partnerships_th {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  border: 1px solid #bcc0d9;
}
.partnerships_th-borderNone {
  border: none;
}
.partnerships_th-01 {
  background-color: #d1d7ea;
  border-top-left-radius: 10px;
}
.partnerships_th-02 {
  background-color: #2544af;
  color: #fff;
  border-right: 1px solid #bcc0d9;
}
.partnerships_th-03 {
  background-color: #0893e1;
  color: #fff;
  border-top-right-radius: 10px;
  position: relative;
  border-left: 1px solid #bcc0d9;
}
.partnerships_th-03::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #0893e1;
  right: -1px;
  top: 0;
  position: absolute;
}
.partnerships_th-type02 {
  font-size: 1.125rem;
  vertical-align: top;
  padding: 20px 40px 0;
  white-space: nowrap;
}
.partnerships_td {
  border: 1px solid #bcc0d9;
  vertical-align: top;
  padding: 20px;
}
.partnerships_case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.partnerships_case-img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.partnerships_case-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.partnerships_case-logo {
  text-align: center;
}
/*
analysis

analysis

Markup:
  <div class="analysis">
                            <div class="analysis_inner">
                                <div class="analysis_header">
                                    <p class="analysis_en">Site analysis/improvement</p><!-- /.analysis_en -->
                                    <h2 class="analysis_ja">サイト分析・改善</h2><!-- /.analysis_ja -->
                                </div><!-- /.analysis_header -->
                                <div class="analysis_items">
                                    <div class="analysis_item">
                                        <div class="analysis_icon"><img src="/assets/images/service/icon01.png" alt=""></div><!-- /.analysis_icon -->
                                        <h2 class="analysis_head">Google Analytics 4のデータを
                                            元に分析
                                            </h2><!-- /.analysis_head -->
                                        <p class="analysis_text">Google Analyticsのデータをもとにウェブサイトを細かく分析します。
                                            一番見られているページやどの経路から一番アクセスがあるのか、サイトのどの部分に問題点があるのか、データを基に浮彫にしていきます。</p><!-- /.analysis_text -->
                                    </div><!-- /.analysis_item -->
                                    <div class="analysis_item">
                                        <div class="analysis_icon"><img src="/assets/images/service/icon01.png" alt=""></div><!-- /.analysis_icon -->
                                        <h2 class="analysis_head">Google Analytics 4のデータを
                                            元に分析
                                            </h2><!-- /.analysis_head -->
                                        <p class="analysis_text">Google Analyticsのデータをもとにウェブサイトを細かく分析します。
                                            一番見られているページやどの経路から一番アクセスがあるのか、サイトのどの部分に問題点があるのか、データを基に浮彫にしていきます。</p><!-- /.analysis_text -->
                                    </div><!-- /.analysis_item -->
                                    <div class="analysis_item">
                                        <div class="analysis_icon"><img src="/assets/images/service/icon01.png" alt=""></div><!-- /.analysis_icon -->
                                        <h2 class="analysis_head">Google Analytics 4のデータを
                                            元に分析
                                            </h2><!-- /.analysis_head -->
                                        <p class="analysis_text">Google Analyticsのデータをもとにウェブサイトを細かく分析します。
                                            一番見られているページやどの経路から一番アクセスがあるのか、サイトのどの部分に問題点があるのか、データを基に浮彫にしていきます。</p><!-- /.analysis_text -->
                                    </div><!-- /.analysis_item -->
                                </div><!-- /.analysis_items -->
                            </div><!-- /.analysis_inner -->
                        </div><!-- /.analysis -->

Styleguide 5.9.7
*/
.analysis {
  background-color: #fff;
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px);
  letter-spacing: 0.025em;
}
.analysis_inner {
  width: 1160px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 100px;
}
.analysis_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
  margin-top: 0;
}
.analysis_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.analysis_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px 1fr 100px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px;
  margin-top: 30px;
}
.analysis_icon {
  text-align: center;
}
.analysis_head {
  color: #2544af;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 0 20px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/*
seoSection

seoSection

Markup:
<div class="seoSection">
    <div class="seoSection_inner">
        <div class="seoSection_header">
            <p class="seoSection_en">Search Engine Optimization</p><!-- /.seoSection_en -->
            <h2 class="seoSection_ja">SEO</h2><!-- /.seoSection_ja -->
        </div><!-- /.seoSection_header -->
        <div class="seoSection_contents">
            <div class="seoSection_left">
                <h2 class="seoSection_title">ベースSEO</h2><!-- /.seoSection_title -->
                <p class="seoSection_head">サイト全体を検索エンジンに対して最適化</p><!-- /.seoSection_head -->
            </div><!-- /.seoSection_left -->
            <div class="seoSection_right">
                <p class="seoSection_text">
                    サイト制作時やリニューアル時に、サイト全体のSEO設計を行い、Googleの検索結果で最大限上位表示できるように構築します。<br>
                    すでにあるサイトでも、SEO視点でどんな問題点があるのか、それを解決するためにはどんな修正作業が必要なのか、レポートにまとめて提出することが可能です。
                </p><!-- /.seoSection_text -->
            </div><!-- /.seoSection_right -->
        </div><!-- /.seoSection_contents -->
    </div><!-- /.seoSection_inner -->
</div><!-- /.seoSection -->

Styleguide 5.9.8
*/
.seoSection_inner {
  padding-top: 100px;
}
.seoSection_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
  margin-top: 0;
}
.seoSection_ja {
  font-size: 1.625rem;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.seoSection_contents {
  background-image: url("../../assets/images/service/seo-bg01.png?v=8cfa9dcbbe80db16958b3dfbe39fc22f");
  background-repeat: no-repeat;
  color: #fff;
  letter-spacing: 0.025em;
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: 430px 50px 500px;
  grid-template-columns: 430px 500px;
  padding: 90px 0 78px 60px;
  margin-top: 40px;
}
.seoSection_contents:first-child {
  margin-top: 55px;
}
.seoSection_contents-02 {
  background-image: url("../../assets/images/service/seo-bg02.png?v=7621912262a6db451b87303465c90cb7");
}
.seoSection_title {
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  line-height: 1.8;
}
.seoSection_title::before {
  content: "1.";
  font-weight: 600;
  font-size: 1.625rem;
  font-family: "Josefin Sans", sans-serif;
  margin-right: 15px;
}
.seoSection_title::after {
  content: "";
  display: inline-block;
  width: 275px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: -60px;
}
.seoSection_title-02::before {
  content: "2.";
}
.seoSection_head {
  font-size: 1.125rem;
  font-weight: bold;
}
.seoSection_text {
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.025em;
  margin-top: 0;
  line-height: 1.8;
}
/*
名前

説明

Markup:
                        <div class="advertisingServices">
                            <div class="advertisingServices_header">
                                <p class="advertisingServices_en">Advertising operation</p><!-- /.advertisingServices_en -->
                                <h2 class="advertisingServices_ja">広告運用</h2><!-- /.advertisingServices_ja -->
                            </div><!-- /.advertisingServices_header -->
                            <h2 class="advertisingServices_title">多様な広告を組み合わせて運用可能です。</h2><!-- /.advertisingServices_title -->
                            <div class="advertisingServices_contents">
                                <div class="advertisingServices_item">
                                    <div class="advertisingServices_header advertisingServices_header-01">
                                        <h3 class="advertisingServices_head">検索連動型広告</h3><!-- /.advertisingServices_head -->
                                        <h3 class="advertisingServices_head">ディスプレイ広告</h3><!-- /.advertisingServices_head -->
                                    </div><!-- /.advertisingServices_header -->
                                    <div class="advertisingServices_img">
                                        <img src="/assets/images/service/advertising-img01.png" alt="">
                                        <img src="/assets/images/service/advertising-img02.png" alt="">
                                    </div><!-- /.advertisingServices_img -->
                                </div><!-- /.advertisingServices_item -->
                                <div class="advertisingServices_item">
                                    <div class="advertisingServices_header advertisingServices_header-02">
                                        <h3 class="advertisingServices_head">検索連動型広告</h3><!-- /.advertisingServices_head -->
                                        <h3 class="advertisingServices_head">ディスプレイ広告</h3><!-- /.advertisingServices_head -->
                                    </div><!-- /.advertisingServices_header -->
                                    <div class="advertisingServices_img">
                                        <img src="/assets/images/service/advertising-img03.png" alt="">
                                        <img src="/assets/images/service/advertising-img04.png" alt="">
                                    </div><!-- /.advertisingServices_img -->
                                </div><!-- /.advertisingServices_item -->
                                <div class="advertisingServices_item">
                                    <div class="advertisingServices_header advertisingServices_header-03">
                                        <h3 class="advertisingServices_head">検索連動型広告</h3><!-- /.advertisingServices_head -->
                                        <h3 class="advertisingServices_head">ディスプレイ広告</h3><!-- /.advertisingServices_head -->
                                    </div><!-- /.advertisingServices_header -->
                                    <div class="advertisingServices_img">
                                        <img src="/assets/images/service/advertising-img05.png" alt="">
                                        <img src="/assets/images/service/advertising-img06.png" alt="">
                                    </div><!-- /.advertisingServices_img -->
                                </div><!-- /.advertisingServices_item -->
                            </div><!-- /.advertisingServices_contents -->
                            <div class="advertisingServices_btn btn"><a href="">集客方法を詳しく見る</a></div><!-- /.btn -->
                        </div><!-- /.advertisingServices -->

Styleguide 5.9.9
*/
.advertisingServices {
  padding: 120px 0;
  letter-spacing: 0.025em;
}
.advertisingServices_en {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #2544af;
  line-height: 1;
  margin-top: 0;
}
.advertisingServices_ja {
  font-size: 1.625rem;
  font-weight: bold;
}
.advertisingServices_title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 30px;
}
.advertisingServices_contents {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 26px 1fr 26px 1fr;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
  gap: 26px;
}
.advertisingServices_item {
  position: relative;
}
.advertisingServices_header {
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  position: relative;
  border-radius: 10px;
  padding: 20px 28px 30px;
  text-align: center;
}
.advertisingServices_header-01 {
  background-color: #2544af;
}
.advertisingServices_header-01::before {
  content: "A";
  font-weight: bold;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.625rem;
  position: absolute;
  left: 28px;
}
.advertisingServices_header-02 {
  background-color: #0893e1;
}
.advertisingServices_header-02::before {
  content: "B";
  font-weight: bold;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.625rem;
  position: absolute;
  left: 28px;
}
.advertisingServices_header-03 {
  background-color: #0574b0;
}
.advertisingServices_header-03::before {
  content: "C";
  font-weight: bold;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.625rem;
  position: absolute;
  left: 28px;
}
.advertisingServices_head {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.8;
}
.advertisingServices_head:first-child {
  margin-top: 20px;
}
.advertisingServices_img {
  margin-top: 48px;
  position: relative;
  padding-left: 10px;
}
.advertisingServices_img-sp > img:nth-child(2) {
  position: absolute;
  right: 50px;
  bottom: -85px;
}
.advertisingServices_img-pc > img:nth-child(2) {
  position: absolute;
  right: 10px;
  bottom: -90px;
}
.advertisingServices_btn {
  margin: 60px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.advertisingServices_btn > a::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.advertisingServices_btn > a::before {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
サイド

サイド用のクラス

Styleguide 6.
*/
@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@-webkit-keyframes slideTextY100 {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    /* 要素を上の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes slideTextY100 {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    /* 要素を上の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 要素を元の位置に移動*/
    opacity: 1;
  }
}
@-webkit-keyframes slideTextY-100 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    /* 要素を下の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes slideTextY-100 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    /* 要素を下の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 要素を元の位置に移動*/
    opacity: 1;
  }
}
.topMvSwiper {
  width: calc(100% - 60px);
  height: calc(100% - 30px) !important;
  margin: 0 auto;
  position: relative;
  border-radius: 20px;
  opacity: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  overflow: hidden;
}
.topMvSwiper-inview {
  opacity: 1;
}
.topMvSwiper_wrapper {
  overflow: hidden !important;
}
.topMvSwiper_wrapper .swiper-slide-active .swiper-img,
.topMvSwiper_wrapper .swiper-slide-duplicate-active .swiper-img,
.topMvSwiper_wrapper .swiper-slide-prev .swiper-img {
  -webkit-animation: zoomUp 30s linear 0s normal both !important;
          animation: zoomUp 30s linear 0s normal both !important;
}
.topMvSwiper_img > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: calc(100vh - 123px);
  display: block;
}
.topMvSwiper_textBlock {
  position: absolute;
  top: 26%;
  left: 12%;
  color: #fff;
  z-index: 2;
  opacity: 0;
  /* 事前に透過0 にして消しておく*/
  overflow: hidden;
}
.topMvSwiper_textBlock-active {
  -webkit-animation-name: slideTextY100;
          animation-name: slideTextY100;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
}
.topMvSwiper_title {
  font-size: 3.25rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  display: block;
}
.topMvSwiper_subTitle {
  display: block;
  margin-top: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
.topMvSwiper_subTitle-first {
  margin-top: 30px;
}
.topMvSwiper_footer {
  position: absolute;
  display: block;
  bottom: 50px;
  z-index: 99999;
  right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  text-decoration: none;
}
.topMvSwiper_scrollText {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
}
.topMvSwiper_arrowBtn {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  overflow: hidden;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.topMvSwiper_arrowBtn:hover {
  background-color: #2544af;
  opacity: 0.7;
}
.topMvSwiper_arrowBtn:hover::before {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.topMvSwiper_arrowBtn:hover::after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
  -webkit-transform: translate(0px, -100%);
      -ms-transform: translate(0px, -100%);
          transform: translate(0px, -100%);
  opacity: 1;
}
.topMvSwiper_arrowBtn::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.topMvSwiper_arrowBtn::after {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate(-35px, -100%);
      -ms-transform: translate(-35px, -100%);
          transform: translate(-35px, -100%);
  opacity: 0;
}
.topService_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 130px;
}
.topService_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.topService_btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 67px;
}
.topService_gird {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 60px;
}
.topService_col {
  border: 1px solid #cfd4e5;
  border-radius: 10px;
  padding-bottom: 80px;
  position: relative;
  text-decoration: none;
}
.topService_col:hover {
  opacity: 1;
  border: 1px solid #2544af;
}
.topService_col:hover .topService_arrowBtn > span {
  background-color: #2544af;
  opacity: 1;
}
.topService_col:hover .topService_arrowBtn > span::before {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.topService_col:hover .topService_arrowBtn > span::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topService_cms {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  padding-bottom: 0;
}
.topService_cms > div {
  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;
}
.topService_cms > div > figure {
  margin-right: 110px;
}
.topService_cms > div > figure, .topService_cms > div > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.topService_img {
  margin-top: 0;
}
.topService_textArea {
  margin-top: 75px;
  margin-left: 80px;
}
.topService_textArea-02 {
  margin-top: 35px;
}
.topService_textArea-03 {
  margin-top: 60px;
}
.topService_en {
  margin-top: 0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  color: #2544af;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.topService_ja {
  font-size: 2rem;
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #12182e;
}
.topService_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #12182e;
}
.topService_arrowBtn {
  position: absolute;
  right: 42px;
  bottom: 43px;
}
.topService_arrowBtn > span {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topService_arrowBtn > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.topService_arrowBtn > span::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 31px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
}
.topService_tabBtn span::before {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.topService_tabBtn span::after {
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.topFeatures_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 166px;
}
.topFeatures_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 70px;
  gap: 20px;
}
.topFeatures_item {
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding: 40px 20px 32px;
  text-decoration: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid transparent;
}
.topFeatures_item:hover {
  border: 1px solid #c8cee4;
  opacity: 1;
}
.topFeatures_item:hover .topFeatures_arrowIcon {
  background-color: #2544af;
  opacity: 1;
}
.topFeatures_item:hover .topFeatures_arrowIcon::before {
  opacity: 0;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}
.topFeatures_item:hover .topFeatures_arrowIcon::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topFeatures_item-01::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(01)";
}
.topFeatures_item-02::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(02)";
}
.topFeatures_item-03::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(03)";
}
.topFeatures_item-04::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(04)";
}
.topFeatures_item-05::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(05)";
}
.topFeatures_item-06::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(06)";
}
.topFeatures_item-07::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(07)";
}
.topFeatures_item-08::before {
  font-family: "Josefin Sans", sans-serif;
  position: absolute;
  top: 35px;
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  left: 40px;
  color: #2544af;
  content: "(08)";
}
.topFeatures_img {
  margin-top: 0;
  text-align: center;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topFeatures_img > dotlottie-player {
  width: 100px;
  height: 100px;
}
.topFeatures_texts {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 25px;
}
.topFeatures_text {
  margin-top: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #12182e;
  line-height: 1.8;
}
.topFeatures_head {
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: 10px;
  color: #12182e;
}
.topFeatures_arrowBtn {
  border: 1px solid #d0d5e6;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.topFeatures_arrowIcon {
  text-decoration: none;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topFeatures_arrowIcon::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.topFeatures_arrowIcon::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 0.625rem;
  line-height: 0;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topFeatures_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
.topUserCase {
  background-color: white;
}
.topUserCase_bgImg {
  margin-top: 150px;
  position: relative;
}
.topUserCase_bgImg > img {
  width: 100%;
  height: 100%;
}
.topUserCase_bgImg::before {
  content: "";
  display: inline-block;
  width: 75%;
  height: 105px;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: -5px;
  border-radius: 10px;
}
.topUserCase_inner {
  width: 1160px;
  margin: 0 auto;
}
.topUserCase_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 55px 1fr 55px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 55px;
  margin-top: 45px;
}
.topUserCase_col {
  text-decoration: none;
  color: #12182e;
  border-bottom: 1px dotted #bcc0d9;
  padding-bottom: 30px;
}
.topUserCase_col:hover {
  opacity: 1;
}
.topUserCase_col:hover .topUserCase_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.topUserCase_img {
  margin-top: 0;
  overflow: hidden;
  aspect-ratio: 350/234;
}
.topUserCase_img > img {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  border: 1px solid #d7dbeb;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 234px;
}
.topUserCase_companyName {
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.875rem;
  color: #12182e;
  letter-spacing: 0.025em;
  line-height: 1.5;
}
.topUserCase_head {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
}
.topUserCase_categorys {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.topUserCase_cat {
  margin-top: 0;
  background-color: #f2f4fa;
  color: #2544af;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  padding: 6px 13px;
  border-radius: 30px;
  line-height: 1;
}
.topUserCase_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
.topWorks {
  background-color: white;
}
.topWorks-type02 {
  padding-bottom: 120px;
}
.topWorks_inner {
  width: 1160px;
  margin: 0 auto;
  padding-top: 130px;
}
.topWorks_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.6615384615;
  letter-spacing: 0.025em;
}
.topWorks_total {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  color: #12182e;
  text-align: center;
}
.topWorks_total > span {
  font-weight: bold;
  font-size: 1.875rem;
  letter-spacing: 0.025em;
}
.topWorks_grid-type01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 110px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 110px;
  padding: 0 72px;
  margin-top: 50px;
}
.topWorks_grid-type02 {
  display: -ms-grid;
  display: grid;
  margin-top: 70px;
  gap: 55px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
}
.topWorks_grid-type02 video {
  width: 105%;
  height: auto;
  margin-top: -24px;
}
.topWorks_grid-type03 {
  display: -ms-grid;
  display: grid;
  margin-top: 70px;
  gap: 55px;
  -ms-grid-columns: 1fr 55px 1fr 55px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.topWorks_item {
  border-bottom: 1px dotted #bcc0d9;
  padding-bottom: 30px;
  text-decoration: none;
  position: relative;
}
.topWorks_item:hover {
  opacity: 1;
}
.topWorks_item:hover .topWorks_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.topWorks_logo {
  margin-top: 0;
  text-align: center;
  height: 50px;
  margin-bottom: 10px;
}
.topWorks_logo > img {
  max-height: 50px;
  max-width: 200px;
}
.topWorks_img {
  margin-top: 15px;
  overflow: hidden;
  border: 1px solid #d7dbeb;
  aspect-ratio: 452/254;
}
.topWorks_img-02 {
  aspect-ratio: 350/234;
}
.topWorks_img-02 > img {
  height: 100%;
}
.topWorks_img > img {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topWorks_texts {
  margin-top: 20px;
}
.topWorks_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.topWorks_pickUp {
  border: 1px solid #2544af;
  border-radius: 2px;
  font-weight: 600;
  color: #2544af;
  font-size: 0.75rem;
  border: 1px solid #2544af;
  font-family: "Josefin Sans", sans-serif;
  padding: 3px 7px 0;
}
.topWorks_companyName {
  margin-top: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #61626d;
}
.topWorks_companyName-02 {
  color: #12182e;
}
.topWorks_head {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #2c2c2c;
  margin-top: 20px;
}
.topWorks_categorys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 25px;
}
.topWorks_categorys > span, .topWorks_categorys a {
  text-decoration: none;
  color: #2544af;
  background-color: #f2f4fa;
  font-weight: 500;
  font-size: 0.75rem !important;
  line-height: 1.8;
  letter-spacing: 0.025em;
  border-radius: 30px;
  padding: 2px 12px;
  text-decoration: none;
}
.topWorks_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
.topCompanyLogo {
  padding: 120px 0 150px;
  overflow: hidden;
  background-color: white;
}
.topCompanyLogo_inner > :first-child {
  margin-top: 0;
}
.topCompanyLogo_contents > :first-child {
  margin-top: 0;
}
.topCompanyLogo_logo {
  margin: 70px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
}
.topCompanyLogo_list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: logoSlider;
          animation-name: logoSlider;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.topCompanyLogo_item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  height: 50px;
  width: 200px;
}
.topCompanyLogo_item img {
  max-width: 200px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes logoSlider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-33.5%);
            transform: translateX(-33.5%);
  }
}
@keyframes logoSlider {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-33.5%);
            transform: translateX(-33.5%);
  }
}
.topMember {
  background-color: #0893e1;
  display: block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: center center;
  border-bottom: 1px solid #4cb2eb;
  position: relative;
  overflow: hidden;
}
.topMember_bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
}
.topMember_bg > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.topMember:hover {
  opacity: 1;
}
.topMember:hover > .topMember_bg {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.topMember:hover .topMember_arrowBtn::before {
  width: 80px;
  height: 80px;
  opacity: 0.361;
}
.topMember:hover .topMember_arrowBtn > a::after {
  z-index: 999;
}
.topMember:hover .topMember_arrowBtn-link {
  opacity: 1;
  border: 1px solid transparent;
}
.topMember:hover .topMember_arrowBtn-link::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topMember:hover .topMember_arrowBtn-link::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topMember_inner {
  width: 1160px;
  margin: 0 auto;
  padding: 150px 0 180px;
  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;
  position: relative;
  z-index: 2;
}
.topMember_arrowBtn {
  position: relative;
  margin-right: 53px;
  margin-bottom: 13px;
}
.topMember_arrowBtn::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50%;
  z-index: 0;
}
.topMember_arrowBtn-link {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  overflow: hidden;
}
.topMember_arrowBtn-link:hover {
  opacity: 1;
  border: 1px solid transparent;
}
.topMember_arrowBtn-link:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topMember_arrowBtn-link:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topMember_arrowBtn-link::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.topMember_arrowBtn-link::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 31px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
  opacity: 0;
  z-index: 3;
}

@-webkit-keyframes bg02 {
  from {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
    background-size: 110%;
  }
  to {
    opacity: 1;
    background-size: 100%;
  }
}

@keyframes bg02 {
  from {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
    background-size: 110%;
  }
  to {
    opacity: 1;
    background-size: 100%;
  }
}
.topCompany {
  background-color: #0893e1;
  padding: 123px 0 130px;
}
.topCompany_inner {
  width: 1160px;
  margin: 0 auto;
}
.topCompany_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 160px;
}
.topCompany_text {
  margin-top: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}
.topCompany_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 68px;
}
.topCompany_item {
  background-color: #0574b0;
  border-radius: 10px;
  text-decoration: none;
  color: white;
  position: relative;
  overflow: hidden;
}
.topCompany_item-vision::before {
  content: url(../../assets/images/top/company-bg01.png);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topCompany_item:hover {
  opacity: 1;
}
.topCompany_item:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.topCompany_item-profile::before {
  content: url(../../assets/images/top/company-bg02.png);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topCompany_item:hover .topCompany_arrowBtn::before {
  width: 80px;
  height: 80px;
  opacity: 0.361;
}
.topCompany_item:hover .topCompany_arrowBtn > a::after {
  z-index: 999;
}
.topCompany_item:hover .topCompany_arrowBtn-link {
  opacity: 1;
  border: 1px solid transparent;
}
.topCompany_item:hover .topCompany_arrowBtn-link::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topCompany_item:hover .topCompany_arrowBtn-link::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topCompany_contents {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 70px 60px 47px;
}
.topCompany_ja {
  margin-top: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.topCompany_en {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.89;
}
.topCompany_arrowBtn {
  position: relative;
}
.topCompany_arrowBtn::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  z-index: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50%;
  z-index: 0;
}
.topCompany_arrowBtn-link {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #fff;
  text-decoration: none;
  overflow: hidden;
}
.topCompany_arrowBtn-link:hover {
  opacity: 1;
  border: 1px solid transparent;
}
.topCompany_arrowBtn-link:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topCompany_arrowBtn-link:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topCompany_arrowBtn-link::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
}
.topCompany_arrowBtn-link::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 31px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
  opacity: 0;
  z-index: 3;
}
@keyframes bg02 {
  from {
    background-size: 100%;
    opacity: 0.5;
  }
  to {
    background-size: 120%;
    opacity: 1;
  }
}
.topBlog {
  overflow: hidden;
}
.topBlog_inner {
  width: 1160px;
  margin: 0 auto;
  margin-top: 165px;
  position: relative;
  padding-bottom: 160px;
}
.topBlog_slider {
  overflow: visible;
}
.topBlog_slide {
  width: 380px;
  height: 395px;
  text-decoration: none;
}
.topBlog_slide:hover {
  opacity: 1;
}
.topBlog_slide:hover .topBlog_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.topBlog_marginSlider {
  max-width: 1160px;
}
.topBlog_marginSliderWrapper {
  width: calc(100% + (100vw - 1160px) / 2);
  z-index: 2;
  overflow-x: clip;
}
.topBlog_img {
  width: auto;
  height: 235px;
  overflow: hidden;
  border: 1px solid #bcc0d9;
}
.topBlog_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.6s !important;
  transition: all 0.6s !important;
}
.topBlog_pagination {
  color: #2544af;
  position: absolute;
  top: -40px !important;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #2544af;
  width: 50px;
  left: 975px !important;
  display: block !important;
}
.topBlog_prev {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1030px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  outline: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topBlog_prev:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.topBlog_prev:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topBlog_prev:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topBlog_prev::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.topBlog_prev::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 24px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.topBlog_next {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #2544af;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: -35px;
  left: 1035px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.topBlog_next:hover {
  opacity: 1;
  border: 1px solid transparent;
  background-color: #2544af;
}
.topBlog_next:hover::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.topBlog_next:hover::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.topBlog_next::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  font-size: 0.75rem !important;
}
.topBlog_next::after {
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 22px;
  left: 24px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75rem !important;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
  z-index: 3;
}
.topBlog_texts {
  margin-top: 20px;
}
.topBlog_date {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.8;
  color: #8f93a8;
}
.topBlog_head {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.topBlog_categorys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 25px;
}
.topBlog_cat {
  background-color: #edf0f7;
  border-radius: 30px;
  color: #2544af;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  padding: 2px 11px;
}
.topBlog_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 70px auto 0;
}
.topNews {
  position: relative;
}
.topNews_img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: calc(50% - 50vw);
}
.topNews_img > img {
  width: 100%;
  height: auto;
}
.topNews_inner {
  width: 1160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
  max-width: 1160px;
}
.topNews_contents {
  max-width: 603px;
  margin-left: auto;
}
.topNews_lists {
  margin-top: 60px;
}
.topNews_item {
  text-decoration: none;
  border-bottom: 1px solid #d7dbeb;
  padding-bottom: 15px;
  display: block;
  padding-top: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topNews_item:hover {
  background-color: white;
  opacity: 1;
  border-bottom: 1px solid #2544af;
}
.topNews_item:last-child {
  margin-bottom: 0;
}
.topNews_texts {
  padding: 0 20px;
}
.topNews_date {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #8f93a8;
}
.topNews_cat {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #2544af;
  border-radius: 30px;
  padding: 2px 12px 4px;
  margin-left: 13px;
}
.topNews_text {
  margin-top: 5px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #2c2c2c;
}
.topNews_btn {
  margin-top: 70px;
}
.banners {
  margin-top: 140px;
  margin-bottom: 120px;
}
.banners_inner {
  width: 1160px;
  margin: 0 auto;
}
.banners_items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.banners_item {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.banners_item:hover {
  opacity: 1;
}
.banners_item:hover::after {
  background-color: #fff;
  color: #2544af;
}
.banners_item::after {
  content: "\ea0f";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  width: 34px;
  height: 34px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background-color: #2544af;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.banners_item > img {
  width: 100%;
}
.member {
  margin-bottom: 120px;
}
.member_inner {
  width: 1160px;
  margin: 0 auto;
}
.member_nav {
  background-color: #fff;
}
.member_ankerLinks {
  width: 1160px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  margin-top: 100px;
}
.member_ankerLink {
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.member_ankerLink:hover {
  background-color: #eeeef7;
  opacity: 1;
}
.member_ankerLink:hover::before {
  bottom: -10px;
}
.member_ankerLink::before {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: 0px;
  left: 45%;
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  color: #2544af;
}
.member_contents {
  display: block;
  text-align: center;
  border-right: 1px solid #d7dbeb;
  padding-bottom: 20px;
  margin: 45px 0;
}
.member_contents-last {
  border-right: none;
}
.member_en {
  font-family: "Josefin Sans", sans-serif;
  color: #2544af;
  font-size: 1.5rem;
  font-weight: 600;
}
.member_ja {
  margin-top: 0;
  font-size: 0.75rem;
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.025em;
  line-height: 1.5;
  color: #8f93a8;
}
.member_work {
  margin-top: 140px;
}
.member_work:first-child {
  margin-top: 110px;
}
.member_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 40px;
  place-items: center;
  gap: 70px 40px;
}
.member_item {
  text-decoration: none;
  overflow: hidden;
  position: relative;
}
.member_item:hover {
  opacity: 1;
}
.member_item:hover > .member_img > img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.member_item:hover .member_arrowBtn > span {
  background-color: #2544af;
  opacity: 1;
}
.member_item:hover .member_arrowBtn > span::before {
  opacity: 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
}
.member_item:hover .member_arrowBtn > span::after {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: white;
}
.member_img {
  margin-top: 0;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 260/320;
  width: 260px;
  height: 320px;
}
.member_img > img {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.member_name {
  color: #2544af;
  font-size: 1.375rem;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  line-height: 1.5;
}
.member_cat {
  margin-top: 0;
  color: #12182e;
  font-weight: 500;
  letter-spacing: 0.025em;
  font-size: 0.875rem;
  line-height: 1.5;
}
.member_arrowBtn {
  position: absolute;
  right: 0;
  bottom: 30px;
}
.member_arrowBtn > span {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #d0d5e6;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.member_arrowBtn > span::before {
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  position: absolute;
  top: 1px;
  left: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 0.75rem;
}
.member_arrowBtn > span::after {
  font-size: 0.75rem;
  position: absolute;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px);
  top: 1px;
  left: 6px;
  content: "\ea0d";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2544af;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #2544af;
  opacity: 0;
}
.member_btn {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px auto 0;
}
.member_btn > a {
  overflow: hidden;
}
.member_btn > a::before {
  -webkit-transform: rotate(90deg) translateX(-100%) !important;
      -ms-transform: rotate(90deg) translateX(-100%) !important;
          transform: rotate(90deg) translateX(-100%) !important;
  line-height: 1;
}
.member_btn > a::after {
  -webkit-transform: rotate(90deg) !important;
      -ms-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
  line-height: 1;
}
.member_btn > a:hover::after {
  -webkit-transform: rotate(90deg) translateX(100%) !important;
      -ms-transform: rotate(90deg) translateX(100%) !important;
          transform: rotate(90deg) translateX(100%) !important;
}
.member_btn > a:hover::before {
  -webkit-transform: rotate(90deg) translateX(2px) !important;
      -ms-transform: rotate(90deg) translateX(2px) !important;
          transform: rotate(90deg) translateX(2px) !important;
}
.editArea {
  margin-top: 80px;
}
.editArea .pageTitle {
  font-size: 2.25rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.editArea > .section {
  background-color: #fff;
  margin: 0 min((var(--vw, 1vw) * 100 - 1160px) / -2, -20px) !important;
}
.editArea > .section > p {
  font-size: 1rem;
  letter-spacing: 0.025em;
}

.frame {
  letter-spacing: 0.025em;
  border-radius: 10px;
  padding: 25px 30px;
}
.frame-scroll {
  overflow-y: scroll;
  max-height: 185px;
}
.frame-scroll::-webkit-scrollbar {
  width: 14px; /* 横幅設定 */
}
.frame-scroll::-webkit-scrollbar-thumb {
  background: #d9deec; /* ハンドルの色 */
}
.frame-type01 {
  background-color: #f2f4fa;
}
.frame-type01 .frame_headLine > span {
  color: #2544af;
}
.frame-type02 {
  background-color: white;
  border: 1px solid #c6cce1;
}
.frame-type02 .frame_headLine > span {
  color: #2544af;
}
.frame-type03 {
  border: 1px solid #c6cce1;
}
.frame-type03 .frame_headLine > span {
  color: #ca1a19;
}
.frame_headLine > span {
  font-weight: bold;
  font-size: 1.25rem;
}

[data-acc-content] {
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: max-height 0.4s;
  transition: max-height 0.4s;
}

.editorTmplBnrs {
  margin: 20px 0 0;
}
.editorTmplBnrs_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: -20px 0 0 -20px;
}
.editorTmplBnrs_item {
  margin: 20px 0 0 20px;
  text-align: center;
}
.editorTmplBnrs_item > a {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.editorTmplBnrs_item-1-12 {
  width: calc((99.9%/12 * 1) - 20px);
}
.editorTmplBnrs_item-2-12 {
  width: calc((99.9%/12 * 2) - 20px);
}
.editorTmplBnrs_item-3-12 {
  width: calc((99.9%/12 * 3) - 20px);
}
.editorTmplBnrs_item-4-12 {
  width: calc((99.9%/12 * 4) - 20px);
}
.editorTmplBnrs_item-5-12 {
  width: calc((99.9%/12 * 5) - 20px);
}
.editorTmplBnrs_item-6-12 {
  width: calc((99.9%/12 * 6) - 20px);
}
.editorTmplBnrs_item-7-12 {
  width: calc((99.9%/12 * 7) - 20px);
}
.editorTmplBnrs_item-8-12 {
  width: calc((99.9%/12 * 8) - 20px);
}
.editorTmplBnrs_item-9-12 {
  width: calc((99.9%/12 * 9) - 20px);
}
.editorTmplBnrs_item-10-12 {
  width: calc((99.9%/12 * 10) - 20px);
}
.editorTmplBnrs_item-11-12 {
  width: calc((99.9%/12 * 11) - 20px);
}
.editorTmplBnrs_item-12-12 {
  width: calc((99.9%/12 * 12) - 20px);
}
.editorTmplBnrs_item-13-12 {
  width: calc((99.9%/12 * 13) - 20px);
}
.editorTmplBlocks01 {
  margin: 20px 0 0;
}
.editorTmplBlocks01_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: -20px 0 0 -20px;
}
.editorTmplBlocks01_item {
  margin: 20px 0 0 20px;
  width: calc(50% - 20px);
}
.editorTmplBlocks01_item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: inherit;
}
.editorTmplBlocks01_img {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 36%;
  padding-top: 20.25%;
  text-align: center;
  position: relative;
}
.editorTmplBlocks01_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.editorTmplBlocks01_body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.editorTmplBlocks01_body > :first-child {
  margin-top: 0;
}
.editorTmplBlocks01_title {
  font-weight: bold;
}
.editorTmplBlocks02 {
  margin: 20px 0 0;
}
.editorTmplBlocks02_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: -20px 0 0 -20px;
}
.editorTmplBlocks02_item {
  margin: 20px 0 0 20px;
  width: calc(50% - 20px);
}
.editorTmplBlocks02_item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: inherit;
}
.editorTmplBlocks02_img {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 36%;
  padding-top: 36%;
  text-align: center;
  position: relative;
}
.editorTmplBlocks02_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.editorTmplBlocks02_body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.editorTmplBlocks02_body > :first-child {
  margin-top: 0;
}
.editorTmplBlocks02_title {
  font-weight: bold;
}
.editorTmplBlocks03 {
  margin: 20px 0 0;
}
.editorTmplBlocks03_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: -20px 0 0 -20px;
}
.editorTmplBlocks03_item {
  margin: 20px 0 0 20px;
  width: calc(33.3% - 20px);
}
.editorTmplBlocks03_item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: inherit;
}
.editorTmplBlocks03_img {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 10px 0 0;
  width: 26%;
  padding-top: 26%;
  text-align: center;
  position: relative;
}
.editorTmplBlocks03_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.editorTmplBlocks03_body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.editorTmplBlocks03_body > :first-child {
  margin-top: 0;
}
.editorTmplBlocks03_title {
  font-weight: bold;
}
.editorTmplGrid {
  margin: 20px 0 0;
}
.editorTmplGrid_list {
  margin: -20px 0 0 -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.editorTmplGrid_col {
  margin: 20px 0 0 20px;
}
.editorTmplGrid_col > :first-child {
  margin-top: 0;
}
.editorTmplGrid_col-1-12 {
  width: calc((99.9%/12 * 1) - 20px);
}
.editorTmplGrid_col-2-12 {
  width: calc((99.9%/12 * 2) - 20px);
}
.editorTmplGrid_col-3-12 {
  width: calc((99.9%/12 * 3) - 20px);
}
.editorTmplGrid_col-4-12 {
  width: calc((99.9%/12 * 4) - 20px);
}
.editorTmplGrid_col-5-12 {
  width: calc((99.9%/12 * 5) - 20px);
}
.editorTmplGrid_col-6-12 {
  width: calc((99.9%/12 * 6) - 20px);
}
.editorTmplGrid_col-7-12 {
  width: calc((99.9%/12 * 7) - 20px);
}
.editorTmplGrid_col-8-12 {
  width: calc((99.9%/12 * 8) - 20px);
}
.editorTmplGrid_col-9-12 {
  width: calc((99.9%/12 * 9) - 20px);
}
.editorTmplGrid_col-10-12 {
  width: calc((99.9%/12 * 10) - 20px);
}
.editorTmplGrid_col-11-12 {
  width: calc((99.9%/12 * 11) - 20px);
}
.editorTmplGrid_col-12-12 {
  width: calc((99.9%/12 * 12) - 20px);
}
.editorTmplGrid_col-13-12 {
  width: calc((99.9%/12 * 13) - 20px);
}
.editorTmplGrid-center .editorTmplGrid_list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.editorTmplGrid-right .editorTmplGrid_list {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.editorTmplImgTxt {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.editorTmplImgTxt-vat {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.editorTmplImgTxt-vam {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editorTmplImgTxt-vab {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.editorTmplImgTxt_left {
  margin: 0 30px 0 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.editorTmplImgTxt_left > :first-child {
  margin-top: 0;
}
.editorTmplImgTxt_right {
  margin: 0 0 0 30px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.editorTmplImgTxt_right > :first-child {
  margin-top: 0;
}
.editorTmplImgTxt-around {
  overflow: hidden;
  display: block;
}
.editorTmplImgTxt-around .editorTmplImgTxt_right {
  float: right;
}
.editorTmplImgTxt-around .editorTmplImgTxt_left {
  float: left;
}
.editorTmplImgTxt_body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}
.editorTmplImgTxt_body > :first-child {
  margin-top: 0;
}
@media screen and (min-width: 737px) {
  .mqDummy {
    width: auto;
  }
  a,
button {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  a:hover,
button:hover {
    opacity: 0.6;
    text-decoration: none;
  }
  .hidden-pc,
.only-tab,
.only-sp,
.only-print {
    display: none !important;
  }
  .mt0-pc {
    margin-top: 0px !important;
  }
  .mr0-pc {
    margin-right: 0px !important;
  }
  .mb0-pc {
    margin-bottom: 0px !important;
  }
  .ml0-pc {
    margin-left: 0px !important;
  }
  .mt0e-pc {
    margin-top: 0em !important;
  }
  .mr0e-pc {
    margin-right: 0em !important;
  }
  .mb0e-pc {
    margin-bottom: 0em !important;
  }
  .ml0e-pc {
    margin-left: 0em !important;
  }
  .mt-0-pc {
    margin-top: 0px !important;
  }
  .mr-0-pc {
    margin-right: 0px !important;
  }
  .mb-0-pc {
    margin-bottom: 0px !important;
  }
  .ml-0-pc {
    margin-left: 0px !important;
  }
  .mt-0e-pc {
    margin-top: 0em !important;
  }
  .mr-0e-pc {
    margin-right: 0em !important;
  }
  .mb-0e-pc {
    margin-bottom: 0em !important;
  }
  .ml-0e-pc {
    margin-left: 0em !important;
  }
  .pt0-pc {
    padding-top: 0px !important;
  }
  .pr0-pc {
    padding-right: 0px !important;
  }
  .pb0-pc {
    padding-bottom: 0px !important;
  }
  .pl0-pc {
    padding-left: 0px !important;
  }
  .pt0e-pc {
    padding-top: 0em !important;
  }
  .pr0e-pc {
    padding-right: 0em !important;
  }
  .pb0e-pc {
    padding-bottom: 0em !important;
  }
  .pl0e-pc {
    padding-left: 0em !important;
  }
  .w0-pc {
    width: 0px !important;
  }
  .w0p-pc {
    width: 0% !important;
  }
  .w0e-pc {
    width: 0em !important;
  }
  .mt1-pc {
    margin-top: 1px !important;
  }
  .mr1-pc {
    margin-right: 1px !important;
  }
  .mb1-pc {
    margin-bottom: 1px !important;
  }
  .ml1-pc {
    margin-left: 1px !important;
  }
  .mt1e-pc {
    margin-top: 0.1em !important;
  }
  .mr1e-pc {
    margin-right: 0.1em !important;
  }
  .mb1e-pc {
    margin-bottom: 0.1em !important;
  }
  .ml1e-pc {
    margin-left: 0.1em !important;
  }
  .mt-1-pc {
    margin-top: -1px !important;
  }
  .mr-1-pc {
    margin-right: -1px !important;
  }
  .mb-1-pc {
    margin-bottom: -1px !important;
  }
  .ml-1-pc {
    margin-left: -1px !important;
  }
  .mt-1e-pc {
    margin-top: -0.1em !important;
  }
  .mr-1e-pc {
    margin-right: -0.1em !important;
  }
  .mb-1e-pc {
    margin-bottom: -0.1em !important;
  }
  .ml-1e-pc {
    margin-left: -0.1em !important;
  }
  .pt1-pc {
    padding-top: 1px !important;
  }
  .pr1-pc {
    padding-right: 1px !important;
  }
  .pb1-pc {
    padding-bottom: 1px !important;
  }
  .pl1-pc {
    padding-left: 1px !important;
  }
  .pt1e-pc {
    padding-top: 0.1em !important;
  }
  .pr1e-pc {
    padding-right: 0.1em !important;
  }
  .pb1e-pc {
    padding-bottom: 0.1em !important;
  }
  .pl1e-pc {
    padding-left: 0.1em !important;
  }
  .w10-pc {
    width: 10px !important;
  }
  .w1p-pc {
    width: 1% !important;
  }
  .w1e-pc {
    width: 0.1em !important;
  }
  .mt2-pc {
    margin-top: 2px !important;
  }
  .mr2-pc {
    margin-right: 2px !important;
  }
  .mb2-pc {
    margin-bottom: 2px !important;
  }
  .ml2-pc {
    margin-left: 2px !important;
  }
  .mt2e-pc {
    margin-top: 0.2em !important;
  }
  .mr2e-pc {
    margin-right: 0.2em !important;
  }
  .mb2e-pc {
    margin-bottom: 0.2em !important;
  }
  .ml2e-pc {
    margin-left: 0.2em !important;
  }
  .mt-2-pc {
    margin-top: -2px !important;
  }
  .mr-2-pc {
    margin-right: -2px !important;
  }
  .mb-2-pc {
    margin-bottom: -2px !important;
  }
  .ml-2-pc {
    margin-left: -2px !important;
  }
  .mt-2e-pc {
    margin-top: -0.2em !important;
  }
  .mr-2e-pc {
    margin-right: -0.2em !important;
  }
  .mb-2e-pc {
    margin-bottom: -0.2em !important;
  }
  .ml-2e-pc {
    margin-left: -0.2em !important;
  }
  .pt2-pc {
    padding-top: 2px !important;
  }
  .pr2-pc {
    padding-right: 2px !important;
  }
  .pb2-pc {
    padding-bottom: 2px !important;
  }
  .pl2-pc {
    padding-left: 2px !important;
  }
  .pt2e-pc {
    padding-top: 0.2em !important;
  }
  .pr2e-pc {
    padding-right: 0.2em !important;
  }
  .pb2e-pc {
    padding-bottom: 0.2em !important;
  }
  .pl2e-pc {
    padding-left: 0.2em !important;
  }
  .w20-pc {
    width: 20px !important;
  }
  .w2p-pc {
    width: 2% !important;
  }
  .w2e-pc {
    width: 0.2em !important;
  }
  .mt3-pc {
    margin-top: 3px !important;
  }
  .mr3-pc {
    margin-right: 3px !important;
  }
  .mb3-pc {
    margin-bottom: 3px !important;
  }
  .ml3-pc {
    margin-left: 3px !important;
  }
  .mt3e-pc {
    margin-top: 0.3em !important;
  }
  .mr3e-pc {
    margin-right: 0.3em !important;
  }
  .mb3e-pc {
    margin-bottom: 0.3em !important;
  }
  .ml3e-pc {
    margin-left: 0.3em !important;
  }
  .mt-3-pc {
    margin-top: -3px !important;
  }
  .mr-3-pc {
    margin-right: -3px !important;
  }
  .mb-3-pc {
    margin-bottom: -3px !important;
  }
  .ml-3-pc {
    margin-left: -3px !important;
  }
  .mt-3e-pc {
    margin-top: -0.3em !important;
  }
  .mr-3e-pc {
    margin-right: -0.3em !important;
  }
  .mb-3e-pc {
    margin-bottom: -0.3em !important;
  }
  .ml-3e-pc {
    margin-left: -0.3em !important;
  }
  .pt3-pc {
    padding-top: 3px !important;
  }
  .pr3-pc {
    padding-right: 3px !important;
  }
  .pb3-pc {
    padding-bottom: 3px !important;
  }
  .pl3-pc {
    padding-left: 3px !important;
  }
  .pt3e-pc {
    padding-top: 0.3em !important;
  }
  .pr3e-pc {
    padding-right: 0.3em !important;
  }
  .pb3e-pc {
    padding-bottom: 0.3em !important;
  }
  .pl3e-pc {
    padding-left: 0.3em !important;
  }
  .w30-pc {
    width: 30px !important;
  }
  .w3p-pc {
    width: 3% !important;
  }
  .w3e-pc {
    width: 0.3em !important;
  }
  .mt4-pc {
    margin-top: 4px !important;
  }
  .mr4-pc {
    margin-right: 4px !important;
  }
  .mb4-pc {
    margin-bottom: 4px !important;
  }
  .ml4-pc {
    margin-left: 4px !important;
  }
  .mt4e-pc {
    margin-top: 0.4em !important;
  }
  .mr4e-pc {
    margin-right: 0.4em !important;
  }
  .mb4e-pc {
    margin-bottom: 0.4em !important;
  }
  .ml4e-pc {
    margin-left: 0.4em !important;
  }
  .mt-4-pc {
    margin-top: -4px !important;
  }
  .mr-4-pc {
    margin-right: -4px !important;
  }
  .mb-4-pc {
    margin-bottom: -4px !important;
  }
  .ml-4-pc {
    margin-left: -4px !important;
  }
  .mt-4e-pc {
    margin-top: -0.4em !important;
  }
  .mr-4e-pc {
    margin-right: -0.4em !important;
  }
  .mb-4e-pc {
    margin-bottom: -0.4em !important;
  }
  .ml-4e-pc {
    margin-left: -0.4em !important;
  }
  .pt4-pc {
    padding-top: 4px !important;
  }
  .pr4-pc {
    padding-right: 4px !important;
  }
  .pb4-pc {
    padding-bottom: 4px !important;
  }
  .pl4-pc {
    padding-left: 4px !important;
  }
  .pt4e-pc {
    padding-top: 0.4em !important;
  }
  .pr4e-pc {
    padding-right: 0.4em !important;
  }
  .pb4e-pc {
    padding-bottom: 0.4em !important;
  }
  .pl4e-pc {
    padding-left: 0.4em !important;
  }
  .w40-pc {
    width: 40px !important;
  }
  .w4p-pc {
    width: 4% !important;
  }
  .w4e-pc {
    width: 0.4em !important;
  }
  .mt5-pc {
    margin-top: 5px !important;
  }
  .mr5-pc {
    margin-right: 5px !important;
  }
  .mb5-pc {
    margin-bottom: 5px !important;
  }
  .ml5-pc {
    margin-left: 5px !important;
  }
  .mt5e-pc {
    margin-top: 0.5em !important;
  }
  .mr5e-pc {
    margin-right: 0.5em !important;
  }
  .mb5e-pc {
    margin-bottom: 0.5em !important;
  }
  .ml5e-pc {
    margin-left: 0.5em !important;
  }
  .mt-5-pc {
    margin-top: -5px !important;
  }
  .mr-5-pc {
    margin-right: -5px !important;
  }
  .mb-5-pc {
    margin-bottom: -5px !important;
  }
  .ml-5-pc {
    margin-left: -5px !important;
  }
  .mt-5e-pc {
    margin-top: -0.5em !important;
  }
  .mr-5e-pc {
    margin-right: -0.5em !important;
  }
  .mb-5e-pc {
    margin-bottom: -0.5em !important;
  }
  .ml-5e-pc {
    margin-left: -0.5em !important;
  }
  .pt5-pc {
    padding-top: 5px !important;
  }
  .pr5-pc {
    padding-right: 5px !important;
  }
  .pb5-pc {
    padding-bottom: 5px !important;
  }
  .pl5-pc {
    padding-left: 5px !important;
  }
  .pt5e-pc {
    padding-top: 0.5em !important;
  }
  .pr5e-pc {
    padding-right: 0.5em !important;
  }
  .pb5e-pc {
    padding-bottom: 0.5em !important;
  }
  .pl5e-pc {
    padding-left: 0.5em !important;
  }
  .w50-pc {
    width: 50px !important;
  }
  .w5p-pc {
    width: 5% !important;
  }
  .w5e-pc {
    width: 0.5em !important;
  }
  .mt6-pc {
    margin-top: 6px !important;
  }
  .mr6-pc {
    margin-right: 6px !important;
  }
  .mb6-pc {
    margin-bottom: 6px !important;
  }
  .ml6-pc {
    margin-left: 6px !important;
  }
  .mt6e-pc {
    margin-top: 0.6em !important;
  }
  .mr6e-pc {
    margin-right: 0.6em !important;
  }
  .mb6e-pc {
    margin-bottom: 0.6em !important;
  }
  .ml6e-pc {
    margin-left: 0.6em !important;
  }
  .mt-6-pc {
    margin-top: -6px !important;
  }
  .mr-6-pc {
    margin-right: -6px !important;
  }
  .mb-6-pc {
    margin-bottom: -6px !important;
  }
  .ml-6-pc {
    margin-left: -6px !important;
  }
  .mt-6e-pc {
    margin-top: -0.6em !important;
  }
  .mr-6e-pc {
    margin-right: -0.6em !important;
  }
  .mb-6e-pc {
    margin-bottom: -0.6em !important;
  }
  .ml-6e-pc {
    margin-left: -0.6em !important;
  }
  .pt6-pc {
    padding-top: 6px !important;
  }
  .pr6-pc {
    padding-right: 6px !important;
  }
  .pb6-pc {
    padding-bottom: 6px !important;
  }
  .pl6-pc {
    padding-left: 6px !important;
  }
  .pt6e-pc {
    padding-top: 0.6em !important;
  }
  .pr6e-pc {
    padding-right: 0.6em !important;
  }
  .pb6e-pc {
    padding-bottom: 0.6em !important;
  }
  .pl6e-pc {
    padding-left: 0.6em !important;
  }
  .w60-pc {
    width: 60px !important;
  }
  .w6p-pc {
    width: 6% !important;
  }
  .w6e-pc {
    width: 0.6em !important;
  }
  .mt7-pc {
    margin-top: 7px !important;
  }
  .mr7-pc {
    margin-right: 7px !important;
  }
  .mb7-pc {
    margin-bottom: 7px !important;
  }
  .ml7-pc {
    margin-left: 7px !important;
  }
  .mt7e-pc {
    margin-top: 0.7em !important;
  }
  .mr7e-pc {
    margin-right: 0.7em !important;
  }
  .mb7e-pc {
    margin-bottom: 0.7em !important;
  }
  .ml7e-pc {
    margin-left: 0.7em !important;
  }
  .mt-7-pc {
    margin-top: -7px !important;
  }
  .mr-7-pc {
    margin-right: -7px !important;
  }
  .mb-7-pc {
    margin-bottom: -7px !important;
  }
  .ml-7-pc {
    margin-left: -7px !important;
  }
  .mt-7e-pc {
    margin-top: -0.7em !important;
  }
  .mr-7e-pc {
    margin-right: -0.7em !important;
  }
  .mb-7e-pc {
    margin-bottom: -0.7em !important;
  }
  .ml-7e-pc {
    margin-left: -0.7em !important;
  }
  .pt7-pc {
    padding-top: 7px !important;
  }
  .pr7-pc {
    padding-right: 7px !important;
  }
  .pb7-pc {
    padding-bottom: 7px !important;
  }
  .pl7-pc {
    padding-left: 7px !important;
  }
  .pt7e-pc {
    padding-top: 0.7em !important;
  }
  .pr7e-pc {
    padding-right: 0.7em !important;
  }
  .pb7e-pc {
    padding-bottom: 0.7em !important;
  }
  .pl7e-pc {
    padding-left: 0.7em !important;
  }
  .w70-pc {
    width: 70px !important;
  }
  .w7p-pc {
    width: 7% !important;
  }
  .w7e-pc {
    width: 0.7em !important;
  }
  .mt8-pc {
    margin-top: 8px !important;
  }
  .mr8-pc {
    margin-right: 8px !important;
  }
  .mb8-pc {
    margin-bottom: 8px !important;
  }
  .ml8-pc {
    margin-left: 8px !important;
  }
  .mt8e-pc {
    margin-top: 0.8em !important;
  }
  .mr8e-pc {
    margin-right: 0.8em !important;
  }
  .mb8e-pc {
    margin-bottom: 0.8em !important;
  }
  .ml8e-pc {
    margin-left: 0.8em !important;
  }
  .mt-8-pc {
    margin-top: -8px !important;
  }
  .mr-8-pc {
    margin-right: -8px !important;
  }
  .mb-8-pc {
    margin-bottom: -8px !important;
  }
  .ml-8-pc {
    margin-left: -8px !important;
  }
  .mt-8e-pc {
    margin-top: -0.8em !important;
  }
  .mr-8e-pc {
    margin-right: -0.8em !important;
  }
  .mb-8e-pc {
    margin-bottom: -0.8em !important;
  }
  .ml-8e-pc {
    margin-left: -0.8em !important;
  }
  .pt8-pc {
    padding-top: 8px !important;
  }
  .pr8-pc {
    padding-right: 8px !important;
  }
  .pb8-pc {
    padding-bottom: 8px !important;
  }
  .pl8-pc {
    padding-left: 8px !important;
  }
  .pt8e-pc {
    padding-top: 0.8em !important;
  }
  .pr8e-pc {
    padding-right: 0.8em !important;
  }
  .pb8e-pc {
    padding-bottom: 0.8em !important;
  }
  .pl8e-pc {
    padding-left: 0.8em !important;
  }
  .w80-pc {
    width: 80px !important;
  }
  .w8p-pc {
    width: 8% !important;
  }
  .w8e-pc {
    width: 0.8em !important;
  }
  .mt9-pc {
    margin-top: 9px !important;
  }
  .mr9-pc {
    margin-right: 9px !important;
  }
  .mb9-pc {
    margin-bottom: 9px !important;
  }
  .ml9-pc {
    margin-left: 9px !important;
  }
  .mt9e-pc {
    margin-top: 0.9em !important;
  }
  .mr9e-pc {
    margin-right: 0.9em !important;
  }
  .mb9e-pc {
    margin-bottom: 0.9em !important;
  }
  .ml9e-pc {
    margin-left: 0.9em !important;
  }
  .mt-9-pc {
    margin-top: -9px !important;
  }
  .mr-9-pc {
    margin-right: -9px !important;
  }
  .mb-9-pc {
    margin-bottom: -9px !important;
  }
  .ml-9-pc {
    margin-left: -9px !important;
  }
  .mt-9e-pc {
    margin-top: -0.9em !important;
  }
  .mr-9e-pc {
    margin-right: -0.9em !important;
  }
  .mb-9e-pc {
    margin-bottom: -0.9em !important;
  }
  .ml-9e-pc {
    margin-left: -0.9em !important;
  }
  .pt9-pc {
    padding-top: 9px !important;
  }
  .pr9-pc {
    padding-right: 9px !important;
  }
  .pb9-pc {
    padding-bottom: 9px !important;
  }
  .pl9-pc {
    padding-left: 9px !important;
  }
  .pt9e-pc {
    padding-top: 0.9em !important;
  }
  .pr9e-pc {
    padding-right: 0.9em !important;
  }
  .pb9e-pc {
    padding-bottom: 0.9em !important;
  }
  .pl9e-pc {
    padding-left: 0.9em !important;
  }
  .w90-pc {
    width: 90px !important;
  }
  .w9p-pc {
    width: 9% !important;
  }
  .w9e-pc {
    width: 0.9em !important;
  }
  .mt10-pc {
    margin-top: 10px !important;
  }
  .mr10-pc {
    margin-right: 10px !important;
  }
  .mb10-pc {
    margin-bottom: 10px !important;
  }
  .ml10-pc {
    margin-left: 10px !important;
  }
  .mt10e-pc {
    margin-top: 1em !important;
  }
  .mr10e-pc {
    margin-right: 1em !important;
  }
  .mb10e-pc {
    margin-bottom: 1em !important;
  }
  .ml10e-pc {
    margin-left: 1em !important;
  }
  .mt-10-pc {
    margin-top: -10px !important;
  }
  .mr-10-pc {
    margin-right: -10px !important;
  }
  .mb-10-pc {
    margin-bottom: -10px !important;
  }
  .ml-10-pc {
    margin-left: -10px !important;
  }
  .mt-10e-pc {
    margin-top: -1em !important;
  }
  .mr-10e-pc {
    margin-right: -1em !important;
  }
  .mb-10e-pc {
    margin-bottom: -1em !important;
  }
  .ml-10e-pc {
    margin-left: -1em !important;
  }
  .pt10-pc {
    padding-top: 10px !important;
  }
  .pr10-pc {
    padding-right: 10px !important;
  }
  .pb10-pc {
    padding-bottom: 10px !important;
  }
  .pl10-pc {
    padding-left: 10px !important;
  }
  .pt10e-pc {
    padding-top: 1em !important;
  }
  .pr10e-pc {
    padding-right: 1em !important;
  }
  .pb10e-pc {
    padding-bottom: 1em !important;
  }
  .pl10e-pc {
    padding-left: 1em !important;
  }
  .w100-pc {
    width: 100px !important;
  }
  .w10p-pc {
    width: 10% !important;
  }
  .w10e-pc {
    width: 1em !important;
  }
  .mt11-pc {
    margin-top: 11px !important;
  }
  .mr11-pc {
    margin-right: 11px !important;
  }
  .mb11-pc {
    margin-bottom: 11px !important;
  }
  .ml11-pc {
    margin-left: 11px !important;
  }
  .mt11e-pc {
    margin-top: 1.1em !important;
  }
  .mr11e-pc {
    margin-right: 1.1em !important;
  }
  .mb11e-pc {
    margin-bottom: 1.1em !important;
  }
  .ml11e-pc {
    margin-left: 1.1em !important;
  }
  .mt-11-pc {
    margin-top: -11px !important;
  }
  .mr-11-pc {
    margin-right: -11px !important;
  }
  .mb-11-pc {
    margin-bottom: -11px !important;
  }
  .ml-11-pc {
    margin-left: -11px !important;
  }
  .mt-11e-pc {
    margin-top: -1.1em !important;
  }
  .mr-11e-pc {
    margin-right: -1.1em !important;
  }
  .mb-11e-pc {
    margin-bottom: -1.1em !important;
  }
  .ml-11e-pc {
    margin-left: -1.1em !important;
  }
  .pt11-pc {
    padding-top: 11px !important;
  }
  .pr11-pc {
    padding-right: 11px !important;
  }
  .pb11-pc {
    padding-bottom: 11px !important;
  }
  .pl11-pc {
    padding-left: 11px !important;
  }
  .pt11e-pc {
    padding-top: 1.1em !important;
  }
  .pr11e-pc {
    padding-right: 1.1em !important;
  }
  .pb11e-pc {
    padding-bottom: 1.1em !important;
  }
  .pl11e-pc {
    padding-left: 1.1em !important;
  }
  .w110-pc {
    width: 110px !important;
  }
  .w11p-pc {
    width: 11% !important;
  }
  .w11e-pc {
    width: 1.1em !important;
  }
  .mt12-pc {
    margin-top: 12px !important;
  }
  .mr12-pc {
    margin-right: 12px !important;
  }
  .mb12-pc {
    margin-bottom: 12px !important;
  }
  .ml12-pc {
    margin-left: 12px !important;
  }
  .mt12e-pc {
    margin-top: 1.2em !important;
  }
  .mr12e-pc {
    margin-right: 1.2em !important;
  }
  .mb12e-pc {
    margin-bottom: 1.2em !important;
  }
  .ml12e-pc {
    margin-left: 1.2em !important;
  }
  .mt-12-pc {
    margin-top: -12px !important;
  }
  .mr-12-pc {
    margin-right: -12px !important;
  }
  .mb-12-pc {
    margin-bottom: -12px !important;
  }
  .ml-12-pc {
    margin-left: -12px !important;
  }
  .mt-12e-pc {
    margin-top: -1.2em !important;
  }
  .mr-12e-pc {
    margin-right: -1.2em !important;
  }
  .mb-12e-pc {
    margin-bottom: -1.2em !important;
  }
  .ml-12e-pc {
    margin-left: -1.2em !important;
  }
  .pt12-pc {
    padding-top: 12px !important;
  }
  .pr12-pc {
    padding-right: 12px !important;
  }
  .pb12-pc {
    padding-bottom: 12px !important;
  }
  .pl12-pc {
    padding-left: 12px !important;
  }
  .pt12e-pc {
    padding-top: 1.2em !important;
  }
  .pr12e-pc {
    padding-right: 1.2em !important;
  }
  .pb12e-pc {
    padding-bottom: 1.2em !important;
  }
  .pl12e-pc {
    padding-left: 1.2em !important;
  }
  .w120-pc {
    width: 120px !important;
  }
  .w12p-pc {
    width: 12% !important;
  }
  .w12e-pc {
    width: 1.2em !important;
  }
  .mt13-pc {
    margin-top: 13px !important;
  }
  .mr13-pc {
    margin-right: 13px !important;
  }
  .mb13-pc {
    margin-bottom: 13px !important;
  }
  .ml13-pc {
    margin-left: 13px !important;
  }
  .mt13e-pc {
    margin-top: 1.3em !important;
  }
  .mr13e-pc {
    margin-right: 1.3em !important;
  }
  .mb13e-pc {
    margin-bottom: 1.3em !important;
  }
  .ml13e-pc {
    margin-left: 1.3em !important;
  }
  .mt-13-pc {
    margin-top: -13px !important;
  }
  .mr-13-pc {
    margin-right: -13px !important;
  }
  .mb-13-pc {
    margin-bottom: -13px !important;
  }
  .ml-13-pc {
    margin-left: -13px !important;
  }
  .mt-13e-pc {
    margin-top: -1.3em !important;
  }
  .mr-13e-pc {
    margin-right: -1.3em !important;
  }
  .mb-13e-pc {
    margin-bottom: -1.3em !important;
  }
  .ml-13e-pc {
    margin-left: -1.3em !important;
  }
  .pt13-pc {
    padding-top: 13px !important;
  }
  .pr13-pc {
    padding-right: 13px !important;
  }
  .pb13-pc {
    padding-bottom: 13px !important;
  }
  .pl13-pc {
    padding-left: 13px !important;
  }
  .pt13e-pc {
    padding-top: 1.3em !important;
  }
  .pr13e-pc {
    padding-right: 1.3em !important;
  }
  .pb13e-pc {
    padding-bottom: 1.3em !important;
  }
  .pl13e-pc {
    padding-left: 1.3em !important;
  }
  .w130-pc {
    width: 130px !important;
  }
  .w13p-pc {
    width: 13% !important;
  }
  .w13e-pc {
    width: 1.3em !important;
  }
  .mt14-pc {
    margin-top: 14px !important;
  }
  .mr14-pc {
    margin-right: 14px !important;
  }
  .mb14-pc {
    margin-bottom: 14px !important;
  }
  .ml14-pc {
    margin-left: 14px !important;
  }
  .mt14e-pc {
    margin-top: 1.4em !important;
  }
  .mr14e-pc {
    margin-right: 1.4em !important;
  }
  .mb14e-pc {
    margin-bottom: 1.4em !important;
  }
  .ml14e-pc {
    margin-left: 1.4em !important;
  }
  .mt-14-pc {
    margin-top: -14px !important;
  }
  .mr-14-pc {
    margin-right: -14px !important;
  }
  .mb-14-pc {
    margin-bottom: -14px !important;
  }
  .ml-14-pc {
    margin-left: -14px !important;
  }
  .mt-14e-pc {
    margin-top: -1.4em !important;
  }
  .mr-14e-pc {
    margin-right: -1.4em !important;
  }
  .mb-14e-pc {
    margin-bottom: -1.4em !important;
  }
  .ml-14e-pc {
    margin-left: -1.4em !important;
  }
  .pt14-pc {
    padding-top: 14px !important;
  }
  .pr14-pc {
    padding-right: 14px !important;
  }
  .pb14-pc {
    padding-bottom: 14px !important;
  }
  .pl14-pc {
    padding-left: 14px !important;
  }
  .pt14e-pc {
    padding-top: 1.4em !important;
  }
  .pr14e-pc {
    padding-right: 1.4em !important;
  }
  .pb14e-pc {
    padding-bottom: 1.4em !important;
  }
  .pl14e-pc {
    padding-left: 1.4em !important;
  }
  .w140-pc {
    width: 140px !important;
  }
  .w14p-pc {
    width: 14% !important;
  }
  .w14e-pc {
    width: 1.4em !important;
  }
  .mt15-pc {
    margin-top: 15px !important;
  }
  .mr15-pc {
    margin-right: 15px !important;
  }
  .mb15-pc {
    margin-bottom: 15px !important;
  }
  .ml15-pc {
    margin-left: 15px !important;
  }
  .mt15e-pc {
    margin-top: 1.5em !important;
  }
  .mr15e-pc {
    margin-right: 1.5em !important;
  }
  .mb15e-pc {
    margin-bottom: 1.5em !important;
  }
  .ml15e-pc {
    margin-left: 1.5em !important;
  }
  .mt-15-pc {
    margin-top: -15px !important;
  }
  .mr-15-pc {
    margin-right: -15px !important;
  }
  .mb-15-pc {
    margin-bottom: -15px !important;
  }
  .ml-15-pc {
    margin-left: -15px !important;
  }
  .mt-15e-pc {
    margin-top: -1.5em !important;
  }
  .mr-15e-pc {
    margin-right: -1.5em !important;
  }
  .mb-15e-pc {
    margin-bottom: -1.5em !important;
  }
  .ml-15e-pc {
    margin-left: -1.5em !important;
  }
  .pt15-pc {
    padding-top: 15px !important;
  }
  .pr15-pc {
    padding-right: 15px !important;
  }
  .pb15-pc {
    padding-bottom: 15px !important;
  }
  .pl15-pc {
    padding-left: 15px !important;
  }
  .pt15e-pc {
    padding-top: 1.5em !important;
  }
  .pr15e-pc {
    padding-right: 1.5em !important;
  }
  .pb15e-pc {
    padding-bottom: 1.5em !important;
  }
  .pl15e-pc {
    padding-left: 1.5em !important;
  }
  .w150-pc {
    width: 150px !important;
  }
  .w15p-pc {
    width: 15% !important;
  }
  .w15e-pc {
    width: 1.5em !important;
  }
  .mt16-pc {
    margin-top: 16px !important;
  }
  .mr16-pc {
    margin-right: 16px !important;
  }
  .mb16-pc {
    margin-bottom: 16px !important;
  }
  .ml16-pc {
    margin-left: 16px !important;
  }
  .mt16e-pc {
    margin-top: 1.6em !important;
  }
  .mr16e-pc {
    margin-right: 1.6em !important;
  }
  .mb16e-pc {
    margin-bottom: 1.6em !important;
  }
  .ml16e-pc {
    margin-left: 1.6em !important;
  }
  .mt-16-pc {
    margin-top: -16px !important;
  }
  .mr-16-pc {
    margin-right: -16px !important;
  }
  .mb-16-pc {
    margin-bottom: -16px !important;
  }
  .ml-16-pc {
    margin-left: -16px !important;
  }
  .mt-16e-pc {
    margin-top: -1.6em !important;
  }
  .mr-16e-pc {
    margin-right: -1.6em !important;
  }
  .mb-16e-pc {
    margin-bottom: -1.6em !important;
  }
  .ml-16e-pc {
    margin-left: -1.6em !important;
  }
  .pt16-pc {
    padding-top: 16px !important;
  }
  .pr16-pc {
    padding-right: 16px !important;
  }
  .pb16-pc {
    padding-bottom: 16px !important;
  }
  .pl16-pc {
    padding-left: 16px !important;
  }
  .pt16e-pc {
    padding-top: 1.6em !important;
  }
  .pr16e-pc {
    padding-right: 1.6em !important;
  }
  .pb16e-pc {
    padding-bottom: 1.6em !important;
  }
  .pl16e-pc {
    padding-left: 1.6em !important;
  }
  .w160-pc {
    width: 160px !important;
  }
  .w16p-pc {
    width: 16% !important;
  }
  .w16e-pc {
    width: 1.6em !important;
  }
  .mt17-pc {
    margin-top: 17px !important;
  }
  .mr17-pc {
    margin-right: 17px !important;
  }
  .mb17-pc {
    margin-bottom: 17px !important;
  }
  .ml17-pc {
    margin-left: 17px !important;
  }
  .mt17e-pc {
    margin-top: 1.7em !important;
  }
  .mr17e-pc {
    margin-right: 1.7em !important;
  }
  .mb17e-pc {
    margin-bottom: 1.7em !important;
  }
  .ml17e-pc {
    margin-left: 1.7em !important;
  }
  .mt-17-pc {
    margin-top: -17px !important;
  }
  .mr-17-pc {
    margin-right: -17px !important;
  }
  .mb-17-pc {
    margin-bottom: -17px !important;
  }
  .ml-17-pc {
    margin-left: -17px !important;
  }
  .mt-17e-pc {
    margin-top: -1.7em !important;
  }
  .mr-17e-pc {
    margin-right: -1.7em !important;
  }
  .mb-17e-pc {
    margin-bottom: -1.7em !important;
  }
  .ml-17e-pc {
    margin-left: -1.7em !important;
  }
  .pt17-pc {
    padding-top: 17px !important;
  }
  .pr17-pc {
    padding-right: 17px !important;
  }
  .pb17-pc {
    padding-bottom: 17px !important;
  }
  .pl17-pc {
    padding-left: 17px !important;
  }
  .pt17e-pc {
    padding-top: 1.7em !important;
  }
  .pr17e-pc {
    padding-right: 1.7em !important;
  }
  .pb17e-pc {
    padding-bottom: 1.7em !important;
  }
  .pl17e-pc {
    padding-left: 1.7em !important;
  }
  .w170-pc {
    width: 170px !important;
  }
  .w17p-pc {
    width: 17% !important;
  }
  .w17e-pc {
    width: 1.7em !important;
  }
  .mt18-pc {
    margin-top: 18px !important;
  }
  .mr18-pc {
    margin-right: 18px !important;
  }
  .mb18-pc {
    margin-bottom: 18px !important;
  }
  .ml18-pc {
    margin-left: 18px !important;
  }
  .mt18e-pc {
    margin-top: 1.8em !important;
  }
  .mr18e-pc {
    margin-right: 1.8em !important;
  }
  .mb18e-pc {
    margin-bottom: 1.8em !important;
  }
  .ml18e-pc {
    margin-left: 1.8em !important;
  }
  .mt-18-pc {
    margin-top: -18px !important;
  }
  .mr-18-pc {
    margin-right: -18px !important;
  }
  .mb-18-pc {
    margin-bottom: -18px !important;
  }
  .ml-18-pc {
    margin-left: -18px !important;
  }
  .mt-18e-pc {
    margin-top: -1.8em !important;
  }
  .mr-18e-pc {
    margin-right: -1.8em !important;
  }
  .mb-18e-pc {
    margin-bottom: -1.8em !important;
  }
  .ml-18e-pc {
    margin-left: -1.8em !important;
  }
  .pt18-pc {
    padding-top: 18px !important;
  }
  .pr18-pc {
    padding-right: 18px !important;
  }
  .pb18-pc {
    padding-bottom: 18px !important;
  }
  .pl18-pc {
    padding-left: 18px !important;
  }
  .pt18e-pc {
    padding-top: 1.8em !important;
  }
  .pr18e-pc {
    padding-right: 1.8em !important;
  }
  .pb18e-pc {
    padding-bottom: 1.8em !important;
  }
  .pl18e-pc {
    padding-left: 1.8em !important;
  }
  .w180-pc {
    width: 180px !important;
  }
  .w18p-pc {
    width: 18% !important;
  }
  .w18e-pc {
    width: 1.8em !important;
  }
  .mt19-pc {
    margin-top: 19px !important;
  }
  .mr19-pc {
    margin-right: 19px !important;
  }
  .mb19-pc {
    margin-bottom: 19px !important;
  }
  .ml19-pc {
    margin-left: 19px !important;
  }
  .mt19e-pc {
    margin-top: 1.9em !important;
  }
  .mr19e-pc {
    margin-right: 1.9em !important;
  }
  .mb19e-pc {
    margin-bottom: 1.9em !important;
  }
  .ml19e-pc {
    margin-left: 1.9em !important;
  }
  .mt-19-pc {
    margin-top: -19px !important;
  }
  .mr-19-pc {
    margin-right: -19px !important;
  }
  .mb-19-pc {
    margin-bottom: -19px !important;
  }
  .ml-19-pc {
    margin-left: -19px !important;
  }
  .mt-19e-pc {
    margin-top: -1.9em !important;
  }
  .mr-19e-pc {
    margin-right: -1.9em !important;
  }
  .mb-19e-pc {
    margin-bottom: -1.9em !important;
  }
  .ml-19e-pc {
    margin-left: -1.9em !important;
  }
  .pt19-pc {
    padding-top: 19px !important;
  }
  .pr19-pc {
    padding-right: 19px !important;
  }
  .pb19-pc {
    padding-bottom: 19px !important;
  }
  .pl19-pc {
    padding-left: 19px !important;
  }
  .pt19e-pc {
    padding-top: 1.9em !important;
  }
  .pr19e-pc {
    padding-right: 1.9em !important;
  }
  .pb19e-pc {
    padding-bottom: 1.9em !important;
  }
  .pl19e-pc {
    padding-left: 1.9em !important;
  }
  .w190-pc {
    width: 190px !important;
  }
  .w19p-pc {
    width: 19% !important;
  }
  .w19e-pc {
    width: 1.9em !important;
  }
  .mt20-pc {
    margin-top: 20px !important;
  }
  .mr20-pc {
    margin-right: 20px !important;
  }
  .mb20-pc {
    margin-bottom: 20px !important;
  }
  .ml20-pc {
    margin-left: 20px !important;
  }
  .mt20e-pc {
    margin-top: 2em !important;
  }
  .mr20e-pc {
    margin-right: 2em !important;
  }
  .mb20e-pc {
    margin-bottom: 2em !important;
  }
  .ml20e-pc {
    margin-left: 2em !important;
  }
  .mt-20-pc {
    margin-top: -20px !important;
  }
  .mr-20-pc {
    margin-right: -20px !important;
  }
  .mb-20-pc {
    margin-bottom: -20px !important;
  }
  .ml-20-pc {
    margin-left: -20px !important;
  }
  .mt-20e-pc {
    margin-top: -2em !important;
  }
  .mr-20e-pc {
    margin-right: -2em !important;
  }
  .mb-20e-pc {
    margin-bottom: -2em !important;
  }
  .ml-20e-pc {
    margin-left: -2em !important;
  }
  .pt20-pc {
    padding-top: 20px !important;
  }
  .pr20-pc {
    padding-right: 20px !important;
  }
  .pb20-pc {
    padding-bottom: 20px !important;
  }
  .pl20-pc {
    padding-left: 20px !important;
  }
  .pt20e-pc {
    padding-top: 2em !important;
  }
  .pr20e-pc {
    padding-right: 2em !important;
  }
  .pb20e-pc {
    padding-bottom: 2em !important;
  }
  .pl20e-pc {
    padding-left: 2em !important;
  }
  .w200-pc {
    width: 200px !important;
  }
  .w20p-pc {
    width: 20% !important;
  }
  .w20e-pc {
    width: 2em !important;
  }
  .mt21-pc {
    margin-top: 21px !important;
  }
  .mr21-pc {
    margin-right: 21px !important;
  }
  .mb21-pc {
    margin-bottom: 21px !important;
  }
  .ml21-pc {
    margin-left: 21px !important;
  }
  .mt21e-pc {
    margin-top: 2.1em !important;
  }
  .mr21e-pc {
    margin-right: 2.1em !important;
  }
  .mb21e-pc {
    margin-bottom: 2.1em !important;
  }
  .ml21e-pc {
    margin-left: 2.1em !important;
  }
  .mt-21-pc {
    margin-top: -21px !important;
  }
  .mr-21-pc {
    margin-right: -21px !important;
  }
  .mb-21-pc {
    margin-bottom: -21px !important;
  }
  .ml-21-pc {
    margin-left: -21px !important;
  }
  .mt-21e-pc {
    margin-top: -2.1em !important;
  }
  .mr-21e-pc {
    margin-right: -2.1em !important;
  }
  .mb-21e-pc {
    margin-bottom: -2.1em !important;
  }
  .ml-21e-pc {
    margin-left: -2.1em !important;
  }
  .pt21-pc {
    padding-top: 21px !important;
  }
  .pr21-pc {
    padding-right: 21px !important;
  }
  .pb21-pc {
    padding-bottom: 21px !important;
  }
  .pl21-pc {
    padding-left: 21px !important;
  }
  .pt21e-pc {
    padding-top: 2.1em !important;
  }
  .pr21e-pc {
    padding-right: 2.1em !important;
  }
  .pb21e-pc {
    padding-bottom: 2.1em !important;
  }
  .pl21e-pc {
    padding-left: 2.1em !important;
  }
  .w210-pc {
    width: 210px !important;
  }
  .w21p-pc {
    width: 21% !important;
  }
  .w21e-pc {
    width: 2.1em !important;
  }
  .mt22-pc {
    margin-top: 22px !important;
  }
  .mr22-pc {
    margin-right: 22px !important;
  }
  .mb22-pc {
    margin-bottom: 22px !important;
  }
  .ml22-pc {
    margin-left: 22px !important;
  }
  .mt22e-pc {
    margin-top: 2.2em !important;
  }
  .mr22e-pc {
    margin-right: 2.2em !important;
  }
  .mb22e-pc {
    margin-bottom: 2.2em !important;
  }
  .ml22e-pc {
    margin-left: 2.2em !important;
  }
  .mt-22-pc {
    margin-top: -22px !important;
  }
  .mr-22-pc {
    margin-right: -22px !important;
  }
  .mb-22-pc {
    margin-bottom: -22px !important;
  }
  .ml-22-pc {
    margin-left: -22px !important;
  }
  .mt-22e-pc {
    margin-top: -2.2em !important;
  }
  .mr-22e-pc {
    margin-right: -2.2em !important;
  }
  .mb-22e-pc {
    margin-bottom: -2.2em !important;
  }
  .ml-22e-pc {
    margin-left: -2.2em !important;
  }
  .pt22-pc {
    padding-top: 22px !important;
  }
  .pr22-pc {
    padding-right: 22px !important;
  }
  .pb22-pc {
    padding-bottom: 22px !important;
  }
  .pl22-pc {
    padding-left: 22px !important;
  }
  .pt22e-pc {
    padding-top: 2.2em !important;
  }
  .pr22e-pc {
    padding-right: 2.2em !important;
  }
  .pb22e-pc {
    padding-bottom: 2.2em !important;
  }
  .pl22e-pc {
    padding-left: 2.2em !important;
  }
  .w220-pc {
    width: 220px !important;
  }
  .w22p-pc {
    width: 22% !important;
  }
  .w22e-pc {
    width: 2.2em !important;
  }
  .mt23-pc {
    margin-top: 23px !important;
  }
  .mr23-pc {
    margin-right: 23px !important;
  }
  .mb23-pc {
    margin-bottom: 23px !important;
  }
  .ml23-pc {
    margin-left: 23px !important;
  }
  .mt23e-pc {
    margin-top: 2.3em !important;
  }
  .mr23e-pc {
    margin-right: 2.3em !important;
  }
  .mb23e-pc {
    margin-bottom: 2.3em !important;
  }
  .ml23e-pc {
    margin-left: 2.3em !important;
  }
  .mt-23-pc {
    margin-top: -23px !important;
  }
  .mr-23-pc {
    margin-right: -23px !important;
  }
  .mb-23-pc {
    margin-bottom: -23px !important;
  }
  .ml-23-pc {
    margin-left: -23px !important;
  }
  .mt-23e-pc {
    margin-top: -2.3em !important;
  }
  .mr-23e-pc {
    margin-right: -2.3em !important;
  }
  .mb-23e-pc {
    margin-bottom: -2.3em !important;
  }
  .ml-23e-pc {
    margin-left: -2.3em !important;
  }
  .pt23-pc {
    padding-top: 23px !important;
  }
  .pr23-pc {
    padding-right: 23px !important;
  }
  .pb23-pc {
    padding-bottom: 23px !important;
  }
  .pl23-pc {
    padding-left: 23px !important;
  }
  .pt23e-pc {
    padding-top: 2.3em !important;
  }
  .pr23e-pc {
    padding-right: 2.3em !important;
  }
  .pb23e-pc {
    padding-bottom: 2.3em !important;
  }
  .pl23e-pc {
    padding-left: 2.3em !important;
  }
  .w230-pc {
    width: 230px !important;
  }
  .w23p-pc {
    width: 23% !important;
  }
  .w23e-pc {
    width: 2.3em !important;
  }
  .mt24-pc {
    margin-top: 24px !important;
  }
  .mr24-pc {
    margin-right: 24px !important;
  }
  .mb24-pc {
    margin-bottom: 24px !important;
  }
  .ml24-pc {
    margin-left: 24px !important;
  }
  .mt24e-pc {
    margin-top: 2.4em !important;
  }
  .mr24e-pc {
    margin-right: 2.4em !important;
  }
  .mb24e-pc {
    margin-bottom: 2.4em !important;
  }
  .ml24e-pc {
    margin-left: 2.4em !important;
  }
  .mt-24-pc {
    margin-top: -24px !important;
  }
  .mr-24-pc {
    margin-right: -24px !important;
  }
  .mb-24-pc {
    margin-bottom: -24px !important;
  }
  .ml-24-pc {
    margin-left: -24px !important;
  }
  .mt-24e-pc {
    margin-top: -2.4em !important;
  }
  .mr-24e-pc {
    margin-right: -2.4em !important;
  }
  .mb-24e-pc {
    margin-bottom: -2.4em !important;
  }
  .ml-24e-pc {
    margin-left: -2.4em !important;
  }
  .pt24-pc {
    padding-top: 24px !important;
  }
  .pr24-pc {
    padding-right: 24px !important;
  }
  .pb24-pc {
    padding-bottom: 24px !important;
  }
  .pl24-pc {
    padding-left: 24px !important;
  }
  .pt24e-pc {
    padding-top: 2.4em !important;
  }
  .pr24e-pc {
    padding-right: 2.4em !important;
  }
  .pb24e-pc {
    padding-bottom: 2.4em !important;
  }
  .pl24e-pc {
    padding-left: 2.4em !important;
  }
  .w240-pc {
    width: 240px !important;
  }
  .w24p-pc {
    width: 24% !important;
  }
  .w24e-pc {
    width: 2.4em !important;
  }
  .mt25-pc {
    margin-top: 25px !important;
  }
  .mr25-pc {
    margin-right: 25px !important;
  }
  .mb25-pc {
    margin-bottom: 25px !important;
  }
  .ml25-pc {
    margin-left: 25px !important;
  }
  .mt25e-pc {
    margin-top: 2.5em !important;
  }
  .mr25e-pc {
    margin-right: 2.5em !important;
  }
  .mb25e-pc {
    margin-bottom: 2.5em !important;
  }
  .ml25e-pc {
    margin-left: 2.5em !important;
  }
  .mt-25-pc {
    margin-top: -25px !important;
  }
  .mr-25-pc {
    margin-right: -25px !important;
  }
  .mb-25-pc {
    margin-bottom: -25px !important;
  }
  .ml-25-pc {
    margin-left: -25px !important;
  }
  .mt-25e-pc {
    margin-top: -2.5em !important;
  }
  .mr-25e-pc {
    margin-right: -2.5em !important;
  }
  .mb-25e-pc {
    margin-bottom: -2.5em !important;
  }
  .ml-25e-pc {
    margin-left: -2.5em !important;
  }
  .pt25-pc {
    padding-top: 25px !important;
  }
  .pr25-pc {
    padding-right: 25px !important;
  }
  .pb25-pc {
    padding-bottom: 25px !important;
  }
  .pl25-pc {
    padding-left: 25px !important;
  }
  .pt25e-pc {
    padding-top: 2.5em !important;
  }
  .pr25e-pc {
    padding-right: 2.5em !important;
  }
  .pb25e-pc {
    padding-bottom: 2.5em !important;
  }
  .pl25e-pc {
    padding-left: 2.5em !important;
  }
  .w250-pc {
    width: 250px !important;
  }
  .w25p-pc {
    width: 25% !important;
  }
  .w25e-pc {
    width: 2.5em !important;
  }
  .mt26-pc {
    margin-top: 26px !important;
  }
  .mr26-pc {
    margin-right: 26px !important;
  }
  .mb26-pc {
    margin-bottom: 26px !important;
  }
  .ml26-pc {
    margin-left: 26px !important;
  }
  .mt26e-pc {
    margin-top: 2.6em !important;
  }
  .mr26e-pc {
    margin-right: 2.6em !important;
  }
  .mb26e-pc {
    margin-bottom: 2.6em !important;
  }
  .ml26e-pc {
    margin-left: 2.6em !important;
  }
  .mt-26-pc {
    margin-top: -26px !important;
  }
  .mr-26-pc {
    margin-right: -26px !important;
  }
  .mb-26-pc {
    margin-bottom: -26px !important;
  }
  .ml-26-pc {
    margin-left: -26px !important;
  }
  .mt-26e-pc {
    margin-top: -2.6em !important;
  }
  .mr-26e-pc {
    margin-right: -2.6em !important;
  }
  .mb-26e-pc {
    margin-bottom: -2.6em !important;
  }
  .ml-26e-pc {
    margin-left: -2.6em !important;
  }
  .pt26-pc {
    padding-top: 26px !important;
  }
  .pr26-pc {
    padding-right: 26px !important;
  }
  .pb26-pc {
    padding-bottom: 26px !important;
  }
  .pl26-pc {
    padding-left: 26px !important;
  }
  .pt26e-pc {
    padding-top: 2.6em !important;
  }
  .pr26e-pc {
    padding-right: 2.6em !important;
  }
  .pb26e-pc {
    padding-bottom: 2.6em !important;
  }
  .pl26e-pc {
    padding-left: 2.6em !important;
  }
  .w260-pc {
    width: 260px !important;
  }
  .w26p-pc {
    width: 26% !important;
  }
  .w26e-pc {
    width: 2.6em !important;
  }
  .mt27-pc {
    margin-top: 27px !important;
  }
  .mr27-pc {
    margin-right: 27px !important;
  }
  .mb27-pc {
    margin-bottom: 27px !important;
  }
  .ml27-pc {
    margin-left: 27px !important;
  }
  .mt27e-pc {
    margin-top: 2.7em !important;
  }
  .mr27e-pc {
    margin-right: 2.7em !important;
  }
  .mb27e-pc {
    margin-bottom: 2.7em !important;
  }
  .ml27e-pc {
    margin-left: 2.7em !important;
  }
  .mt-27-pc {
    margin-top: -27px !important;
  }
  .mr-27-pc {
    margin-right: -27px !important;
  }
  .mb-27-pc {
    margin-bottom: -27px !important;
  }
  .ml-27-pc {
    margin-left: -27px !important;
  }
  .mt-27e-pc {
    margin-top: -2.7em !important;
  }
  .mr-27e-pc {
    margin-right: -2.7em !important;
  }
  .mb-27e-pc {
    margin-bottom: -2.7em !important;
  }
  .ml-27e-pc {
    margin-left: -2.7em !important;
  }
  .pt27-pc {
    padding-top: 27px !important;
  }
  .pr27-pc {
    padding-right: 27px !important;
  }
  .pb27-pc {
    padding-bottom: 27px !important;
  }
  .pl27-pc {
    padding-left: 27px !important;
  }
  .pt27e-pc {
    padding-top: 2.7em !important;
  }
  .pr27e-pc {
    padding-right: 2.7em !important;
  }
  .pb27e-pc {
    padding-bottom: 2.7em !important;
  }
  .pl27e-pc {
    padding-left: 2.7em !important;
  }
  .w270-pc {
    width: 270px !important;
  }
  .w27p-pc {
    width: 27% !important;
  }
  .w27e-pc {
    width: 2.7em !important;
  }
  .mt28-pc {
    margin-top: 28px !important;
  }
  .mr28-pc {
    margin-right: 28px !important;
  }
  .mb28-pc {
    margin-bottom: 28px !important;
  }
  .ml28-pc {
    margin-left: 28px !important;
  }
  .mt28e-pc {
    margin-top: 2.8em !important;
  }
  .mr28e-pc {
    margin-right: 2.8em !important;
  }
  .mb28e-pc {
    margin-bottom: 2.8em !important;
  }
  .ml28e-pc {
    margin-left: 2.8em !important;
  }
  .mt-28-pc {
    margin-top: -28px !important;
  }
  .mr-28-pc {
    margin-right: -28px !important;
  }
  .mb-28-pc {
    margin-bottom: -28px !important;
  }
  .ml-28-pc {
    margin-left: -28px !important;
  }
  .mt-28e-pc {
    margin-top: -2.8em !important;
  }
  .mr-28e-pc {
    margin-right: -2.8em !important;
  }
  .mb-28e-pc {
    margin-bottom: -2.8em !important;
  }
  .ml-28e-pc {
    margin-left: -2.8em !important;
  }
  .pt28-pc {
    padding-top: 28px !important;
  }
  .pr28-pc {
    padding-right: 28px !important;
  }
  .pb28-pc {
    padding-bottom: 28px !important;
  }
  .pl28-pc {
    padding-left: 28px !important;
  }
  .pt28e-pc {
    padding-top: 2.8em !important;
  }
  .pr28e-pc {
    padding-right: 2.8em !important;
  }
  .pb28e-pc {
    padding-bottom: 2.8em !important;
  }
  .pl28e-pc {
    padding-left: 2.8em !important;
  }
  .w280-pc {
    width: 280px !important;
  }
  .w28p-pc {
    width: 28% !important;
  }
  .w28e-pc {
    width: 2.8em !important;
  }
  .mt29-pc {
    margin-top: 29px !important;
  }
  .mr29-pc {
    margin-right: 29px !important;
  }
  .mb29-pc {
    margin-bottom: 29px !important;
  }
  .ml29-pc {
    margin-left: 29px !important;
  }
  .mt29e-pc {
    margin-top: 2.9em !important;
  }
  .mr29e-pc {
    margin-right: 2.9em !important;
  }
  .mb29e-pc {
    margin-bottom: 2.9em !important;
  }
  .ml29e-pc {
    margin-left: 2.9em !important;
  }
  .mt-29-pc {
    margin-top: -29px !important;
  }
  .mr-29-pc {
    margin-right: -29px !important;
  }
  .mb-29-pc {
    margin-bottom: -29px !important;
  }
  .ml-29-pc {
    margin-left: -29px !important;
  }
  .mt-29e-pc {
    margin-top: -2.9em !important;
  }
  .mr-29e-pc {
    margin-right: -2.9em !important;
  }
  .mb-29e-pc {
    margin-bottom: -2.9em !important;
  }
  .ml-29e-pc {
    margin-left: -2.9em !important;
  }
  .pt29-pc {
    padding-top: 29px !important;
  }
  .pr29-pc {
    padding-right: 29px !important;
  }
  .pb29-pc {
    padding-bottom: 29px !important;
  }
  .pl29-pc {
    padding-left: 29px !important;
  }
  .pt29e-pc {
    padding-top: 2.9em !important;
  }
  .pr29e-pc {
    padding-right: 2.9em !important;
  }
  .pb29e-pc {
    padding-bottom: 2.9em !important;
  }
  .pl29e-pc {
    padding-left: 2.9em !important;
  }
  .w290-pc {
    width: 290px !important;
  }
  .w29p-pc {
    width: 29% !important;
  }
  .w29e-pc {
    width: 2.9em !important;
  }
  .mt30-pc {
    margin-top: 30px !important;
  }
  .mr30-pc {
    margin-right: 30px !important;
  }
  .mb30-pc {
    margin-bottom: 30px !important;
  }
  .ml30-pc {
    margin-left: 30px !important;
  }
  .mt30e-pc {
    margin-top: 3em !important;
  }
  .mr30e-pc {
    margin-right: 3em !important;
  }
  .mb30e-pc {
    margin-bottom: 3em !important;
  }
  .ml30e-pc {
    margin-left: 3em !important;
  }
  .mt-30-pc {
    margin-top: -30px !important;
  }
  .mr-30-pc {
    margin-right: -30px !important;
  }
  .mb-30-pc {
    margin-bottom: -30px !important;
  }
  .ml-30-pc {
    margin-left: -30px !important;
  }
  .mt-30e-pc {
    margin-top: -3em !important;
  }
  .mr-30e-pc {
    margin-right: -3em !important;
  }
  .mb-30e-pc {
    margin-bottom: -3em !important;
  }
  .ml-30e-pc {
    margin-left: -3em !important;
  }
  .pt30-pc {
    padding-top: 30px !important;
  }
  .pr30-pc {
    padding-right: 30px !important;
  }
  .pb30-pc {
    padding-bottom: 30px !important;
  }
  .pl30-pc {
    padding-left: 30px !important;
  }
  .pt30e-pc {
    padding-top: 3em !important;
  }
  .pr30e-pc {
    padding-right: 3em !important;
  }
  .pb30e-pc {
    padding-bottom: 3em !important;
  }
  .pl30e-pc {
    padding-left: 3em !important;
  }
  .w300-pc {
    width: 300px !important;
  }
  .w30p-pc {
    width: 30% !important;
  }
  .w30e-pc {
    width: 3em !important;
  }
  .mt31-pc {
    margin-top: 31px !important;
  }
  .mr31-pc {
    margin-right: 31px !important;
  }
  .mb31-pc {
    margin-bottom: 31px !important;
  }
  .ml31-pc {
    margin-left: 31px !important;
  }
  .mt31e-pc {
    margin-top: 3.1em !important;
  }
  .mr31e-pc {
    margin-right: 3.1em !important;
  }
  .mb31e-pc {
    margin-bottom: 3.1em !important;
  }
  .ml31e-pc {
    margin-left: 3.1em !important;
  }
  .mt-31-pc {
    margin-top: -31px !important;
  }
  .mr-31-pc {
    margin-right: -31px !important;
  }
  .mb-31-pc {
    margin-bottom: -31px !important;
  }
  .ml-31-pc {
    margin-left: -31px !important;
  }
  .mt-31e-pc {
    margin-top: -3.1em !important;
  }
  .mr-31e-pc {
    margin-right: -3.1em !important;
  }
  .mb-31e-pc {
    margin-bottom: -3.1em !important;
  }
  .ml-31e-pc {
    margin-left: -3.1em !important;
  }
  .pt31-pc {
    padding-top: 31px !important;
  }
  .pr31-pc {
    padding-right: 31px !important;
  }
  .pb31-pc {
    padding-bottom: 31px !important;
  }
  .pl31-pc {
    padding-left: 31px !important;
  }
  .pt31e-pc {
    padding-top: 3.1em !important;
  }
  .pr31e-pc {
    padding-right: 3.1em !important;
  }
  .pb31e-pc {
    padding-bottom: 3.1em !important;
  }
  .pl31e-pc {
    padding-left: 3.1em !important;
  }
  .w310-pc {
    width: 310px !important;
  }
  .w31p-pc {
    width: 31% !important;
  }
  .w31e-pc {
    width: 3.1em !important;
  }
  .mt32-pc {
    margin-top: 32px !important;
  }
  .mr32-pc {
    margin-right: 32px !important;
  }
  .mb32-pc {
    margin-bottom: 32px !important;
  }
  .ml32-pc {
    margin-left: 32px !important;
  }
  .mt32e-pc {
    margin-top: 3.2em !important;
  }
  .mr32e-pc {
    margin-right: 3.2em !important;
  }
  .mb32e-pc {
    margin-bottom: 3.2em !important;
  }
  .ml32e-pc {
    margin-left: 3.2em !important;
  }
  .mt-32-pc {
    margin-top: -32px !important;
  }
  .mr-32-pc {
    margin-right: -32px !important;
  }
  .mb-32-pc {
    margin-bottom: -32px !important;
  }
  .ml-32-pc {
    margin-left: -32px !important;
  }
  .mt-32e-pc {
    margin-top: -3.2em !important;
  }
  .mr-32e-pc {
    margin-right: -3.2em !important;
  }
  .mb-32e-pc {
    margin-bottom: -3.2em !important;
  }
  .ml-32e-pc {
    margin-left: -3.2em !important;
  }
  .pt32-pc {
    padding-top: 32px !important;
  }
  .pr32-pc {
    padding-right: 32px !important;
  }
  .pb32-pc {
    padding-bottom: 32px !important;
  }
  .pl32-pc {
    padding-left: 32px !important;
  }
  .pt32e-pc {
    padding-top: 3.2em !important;
  }
  .pr32e-pc {
    padding-right: 3.2em !important;
  }
  .pb32e-pc {
    padding-bottom: 3.2em !important;
  }
  .pl32e-pc {
    padding-left: 3.2em !important;
  }
  .w320-pc {
    width: 320px !important;
  }
  .w32p-pc {
    width: 32% !important;
  }
  .w32e-pc {
    width: 3.2em !important;
  }
  .mt33-pc {
    margin-top: 33px !important;
  }
  .mr33-pc {
    margin-right: 33px !important;
  }
  .mb33-pc {
    margin-bottom: 33px !important;
  }
  .ml33-pc {
    margin-left: 33px !important;
  }
  .mt33e-pc {
    margin-top: 3.3em !important;
  }
  .mr33e-pc {
    margin-right: 3.3em !important;
  }
  .mb33e-pc {
    margin-bottom: 3.3em !important;
  }
  .ml33e-pc {
    margin-left: 3.3em !important;
  }
  .mt-33-pc {
    margin-top: -33px !important;
  }
  .mr-33-pc {
    margin-right: -33px !important;
  }
  .mb-33-pc {
    margin-bottom: -33px !important;
  }
  .ml-33-pc {
    margin-left: -33px !important;
  }
  .mt-33e-pc {
    margin-top: -3.3em !important;
  }
  .mr-33e-pc {
    margin-right: -3.3em !important;
  }
  .mb-33e-pc {
    margin-bottom: -3.3em !important;
  }
  .ml-33e-pc {
    margin-left: -3.3em !important;
  }
  .pt33-pc {
    padding-top: 33px !important;
  }
  .pr33-pc {
    padding-right: 33px !important;
  }
  .pb33-pc {
    padding-bottom: 33px !important;
  }
  .pl33-pc {
    padding-left: 33px !important;
  }
  .pt33e-pc {
    padding-top: 3.3em !important;
  }
  .pr33e-pc {
    padding-right: 3.3em !important;
  }
  .pb33e-pc {
    padding-bottom: 3.3em !important;
  }
  .pl33e-pc {
    padding-left: 3.3em !important;
  }
  .w330-pc {
    width: 330px !important;
  }
  .w33p-pc {
    width: 33% !important;
  }
  .w33e-pc {
    width: 3.3em !important;
  }
  .mt34-pc {
    margin-top: 34px !important;
  }
  .mr34-pc {
    margin-right: 34px !important;
  }
  .mb34-pc {
    margin-bottom: 34px !important;
  }
  .ml34-pc {
    margin-left: 34px !important;
  }
  .mt34e-pc {
    margin-top: 3.4em !important;
  }
  .mr34e-pc {
    margin-right: 3.4em !important;
  }
  .mb34e-pc {
    margin-bottom: 3.4em !important;
  }
  .ml34e-pc {
    margin-left: 3.4em !important;
  }
  .mt-34-pc {
    margin-top: -34px !important;
  }
  .mr-34-pc {
    margin-right: -34px !important;
  }
  .mb-34-pc {
    margin-bottom: -34px !important;
  }
  .ml-34-pc {
    margin-left: -34px !important;
  }
  .mt-34e-pc {
    margin-top: -3.4em !important;
  }
  .mr-34e-pc {
    margin-right: -3.4em !important;
  }
  .mb-34e-pc {
    margin-bottom: -3.4em !important;
  }
  .ml-34e-pc {
    margin-left: -3.4em !important;
  }
  .pt34-pc {
    padding-top: 34px !important;
  }
  .pr34-pc {
    padding-right: 34px !important;
  }
  .pb34-pc {
    padding-bottom: 34px !important;
  }
  .pl34-pc {
    padding-left: 34px !important;
  }
  .pt34e-pc {
    padding-top: 3.4em !important;
  }
  .pr34e-pc {
    padding-right: 3.4em !important;
  }
  .pb34e-pc {
    padding-bottom: 3.4em !important;
  }
  .pl34e-pc {
    padding-left: 3.4em !important;
  }
  .w340-pc {
    width: 340px !important;
  }
  .w34p-pc {
    width: 34% !important;
  }
  .w34e-pc {
    width: 3.4em !important;
  }
  .mt35-pc {
    margin-top: 35px !important;
  }
  .mr35-pc {
    margin-right: 35px !important;
  }
  .mb35-pc {
    margin-bottom: 35px !important;
  }
  .ml35-pc {
    margin-left: 35px !important;
  }
  .mt35e-pc {
    margin-top: 3.5em !important;
  }
  .mr35e-pc {
    margin-right: 3.5em !important;
  }
  .mb35e-pc {
    margin-bottom: 3.5em !important;
  }
  .ml35e-pc {
    margin-left: 3.5em !important;
  }
  .mt-35-pc {
    margin-top: -35px !important;
  }
  .mr-35-pc {
    margin-right: -35px !important;
  }
  .mb-35-pc {
    margin-bottom: -35px !important;
  }
  .ml-35-pc {
    margin-left: -35px !important;
  }
  .mt-35e-pc {
    margin-top: -3.5em !important;
  }
  .mr-35e-pc {
    margin-right: -3.5em !important;
  }
  .mb-35e-pc {
    margin-bottom: -3.5em !important;
  }
  .ml-35e-pc {
    margin-left: -3.5em !important;
  }
  .pt35-pc {
    padding-top: 35px !important;
  }
  .pr35-pc {
    padding-right: 35px !important;
  }
  .pb35-pc {
    padding-bottom: 35px !important;
  }
  .pl35-pc {
    padding-left: 35px !important;
  }
  .pt35e-pc {
    padding-top: 3.5em !important;
  }
  .pr35e-pc {
    padding-right: 3.5em !important;
  }
  .pb35e-pc {
    padding-bottom: 3.5em !important;
  }
  .pl35e-pc {
    padding-left: 3.5em !important;
  }
  .w350-pc {
    width: 350px !important;
  }
  .w35p-pc {
    width: 35% !important;
  }
  .w35e-pc {
    width: 3.5em !important;
  }
  .mt36-pc {
    margin-top: 36px !important;
  }
  .mr36-pc {
    margin-right: 36px !important;
  }
  .mb36-pc {
    margin-bottom: 36px !important;
  }
  .ml36-pc {
    margin-left: 36px !important;
  }
  .mt36e-pc {
    margin-top: 3.6em !important;
  }
  .mr36e-pc {
    margin-right: 3.6em !important;
  }
  .mb36e-pc {
    margin-bottom: 3.6em !important;
  }
  .ml36e-pc {
    margin-left: 3.6em !important;
  }
  .mt-36-pc {
    margin-top: -36px !important;
  }
  .mr-36-pc {
    margin-right: -36px !important;
  }
  .mb-36-pc {
    margin-bottom: -36px !important;
  }
  .ml-36-pc {
    margin-left: -36px !important;
  }
  .mt-36e-pc {
    margin-top: -3.6em !important;
  }
  .mr-36e-pc {
    margin-right: -3.6em !important;
  }
  .mb-36e-pc {
    margin-bottom: -3.6em !important;
  }
  .ml-36e-pc {
    margin-left: -3.6em !important;
  }
  .pt36-pc {
    padding-top: 36px !important;
  }
  .pr36-pc {
    padding-right: 36px !important;
  }
  .pb36-pc {
    padding-bottom: 36px !important;
  }
  .pl36-pc {
    padding-left: 36px !important;
  }
  .pt36e-pc {
    padding-top: 3.6em !important;
  }
  .pr36e-pc {
    padding-right: 3.6em !important;
  }
  .pb36e-pc {
    padding-bottom: 3.6em !important;
  }
  .pl36e-pc {
    padding-left: 3.6em !important;
  }
  .w360-pc {
    width: 360px !important;
  }
  .w36p-pc {
    width: 36% !important;
  }
  .w36e-pc {
    width: 3.6em !important;
  }
  .mt37-pc {
    margin-top: 37px !important;
  }
  .mr37-pc {
    margin-right: 37px !important;
  }
  .mb37-pc {
    margin-bottom: 37px !important;
  }
  .ml37-pc {
    margin-left: 37px !important;
  }
  .mt37e-pc {
    margin-top: 3.7em !important;
  }
  .mr37e-pc {
    margin-right: 3.7em !important;
  }
  .mb37e-pc {
    margin-bottom: 3.7em !important;
  }
  .ml37e-pc {
    margin-left: 3.7em !important;
  }
  .mt-37-pc {
    margin-top: -37px !important;
  }
  .mr-37-pc {
    margin-right: -37px !important;
  }
  .mb-37-pc {
    margin-bottom: -37px !important;
  }
  .ml-37-pc {
    margin-left: -37px !important;
  }
  .mt-37e-pc {
    margin-top: -3.7em !important;
  }
  .mr-37e-pc {
    margin-right: -3.7em !important;
  }
  .mb-37e-pc {
    margin-bottom: -3.7em !important;
  }
  .ml-37e-pc {
    margin-left: -3.7em !important;
  }
  .pt37-pc {
    padding-top: 37px !important;
  }
  .pr37-pc {
    padding-right: 37px !important;
  }
  .pb37-pc {
    padding-bottom: 37px !important;
  }
  .pl37-pc {
    padding-left: 37px !important;
  }
  .pt37e-pc {
    padding-top: 3.7em !important;
  }
  .pr37e-pc {
    padding-right: 3.7em !important;
  }
  .pb37e-pc {
    padding-bottom: 3.7em !important;
  }
  .pl37e-pc {
    padding-left: 3.7em !important;
  }
  .w370-pc {
    width: 370px !important;
  }
  .w37p-pc {
    width: 37% !important;
  }
  .w37e-pc {
    width: 3.7em !important;
  }
  .mt38-pc {
    margin-top: 38px !important;
  }
  .mr38-pc {
    margin-right: 38px !important;
  }
  .mb38-pc {
    margin-bottom: 38px !important;
  }
  .ml38-pc {
    margin-left: 38px !important;
  }
  .mt38e-pc {
    margin-top: 3.8em !important;
  }
  .mr38e-pc {
    margin-right: 3.8em !important;
  }
  .mb38e-pc {
    margin-bottom: 3.8em !important;
  }
  .ml38e-pc {
    margin-left: 3.8em !important;
  }
  .mt-38-pc {
    margin-top: -38px !important;
  }
  .mr-38-pc {
    margin-right: -38px !important;
  }
  .mb-38-pc {
    margin-bottom: -38px !important;
  }
  .ml-38-pc {
    margin-left: -38px !important;
  }
  .mt-38e-pc {
    margin-top: -3.8em !important;
  }
  .mr-38e-pc {
    margin-right: -3.8em !important;
  }
  .mb-38e-pc {
    margin-bottom: -3.8em !important;
  }
  .ml-38e-pc {
    margin-left: -3.8em !important;
  }
  .pt38-pc {
    padding-top: 38px !important;
  }
  .pr38-pc {
    padding-right: 38px !important;
  }
  .pb38-pc {
    padding-bottom: 38px !important;
  }
  .pl38-pc {
    padding-left: 38px !important;
  }
  .pt38e-pc {
    padding-top: 3.8em !important;
  }
  .pr38e-pc {
    padding-right: 3.8em !important;
  }
  .pb38e-pc {
    padding-bottom: 3.8em !important;
  }
  .pl38e-pc {
    padding-left: 3.8em !important;
  }
  .w380-pc {
    width: 380px !important;
  }
  .w38p-pc {
    width: 38% !important;
  }
  .w38e-pc {
    width: 3.8em !important;
  }
  .mt39-pc {
    margin-top: 39px !important;
  }
  .mr39-pc {
    margin-right: 39px !important;
  }
  .mb39-pc {
    margin-bottom: 39px !important;
  }
  .ml39-pc {
    margin-left: 39px !important;
  }
  .mt39e-pc {
    margin-top: 3.9em !important;
  }
  .mr39e-pc {
    margin-right: 3.9em !important;
  }
  .mb39e-pc {
    margin-bottom: 3.9em !important;
  }
  .ml39e-pc {
    margin-left: 3.9em !important;
  }
  .mt-39-pc {
    margin-top: -39px !important;
  }
  .mr-39-pc {
    margin-right: -39px !important;
  }
  .mb-39-pc {
    margin-bottom: -39px !important;
  }
  .ml-39-pc {
    margin-left: -39px !important;
  }
  .mt-39e-pc {
    margin-top: -3.9em !important;
  }
  .mr-39e-pc {
    margin-right: -3.9em !important;
  }
  .mb-39e-pc {
    margin-bottom: -3.9em !important;
  }
  .ml-39e-pc {
    margin-left: -3.9em !important;
  }
  .pt39-pc {
    padding-top: 39px !important;
  }
  .pr39-pc {
    padding-right: 39px !important;
  }
  .pb39-pc {
    padding-bottom: 39px !important;
  }
  .pl39-pc {
    padding-left: 39px !important;
  }
  .pt39e-pc {
    padding-top: 3.9em !important;
  }
  .pr39e-pc {
    padding-right: 3.9em !important;
  }
  .pb39e-pc {
    padding-bottom: 3.9em !important;
  }
  .pl39e-pc {
    padding-left: 3.9em !important;
  }
  .w390-pc {
    width: 390px !important;
  }
  .w39p-pc {
    width: 39% !important;
  }
  .w39e-pc {
    width: 3.9em !important;
  }
  .mt40-pc {
    margin-top: 40px !important;
  }
  .mr40-pc {
    margin-right: 40px !important;
  }
  .mb40-pc {
    margin-bottom: 40px !important;
  }
  .ml40-pc {
    margin-left: 40px !important;
  }
  .mt40e-pc {
    margin-top: 4em !important;
  }
  .mr40e-pc {
    margin-right: 4em !important;
  }
  .mb40e-pc {
    margin-bottom: 4em !important;
  }
  .ml40e-pc {
    margin-left: 4em !important;
  }
  .mt-40-pc {
    margin-top: -40px !important;
  }
  .mr-40-pc {
    margin-right: -40px !important;
  }
  .mb-40-pc {
    margin-bottom: -40px !important;
  }
  .ml-40-pc {
    margin-left: -40px !important;
  }
  .mt-40e-pc {
    margin-top: -4em !important;
  }
  .mr-40e-pc {
    margin-right: -4em !important;
  }
  .mb-40e-pc {
    margin-bottom: -4em !important;
  }
  .ml-40e-pc {
    margin-left: -4em !important;
  }
  .pt40-pc {
    padding-top: 40px !important;
  }
  .pr40-pc {
    padding-right: 40px !important;
  }
  .pb40-pc {
    padding-bottom: 40px !important;
  }
  .pl40-pc {
    padding-left: 40px !important;
  }
  .pt40e-pc {
    padding-top: 4em !important;
  }
  .pr40e-pc {
    padding-right: 4em !important;
  }
  .pb40e-pc {
    padding-bottom: 4em !important;
  }
  .pl40e-pc {
    padding-left: 4em !important;
  }
  .w400-pc {
    width: 400px !important;
  }
  .w40p-pc {
    width: 40% !important;
  }
  .w40e-pc {
    width: 4em !important;
  }
  .mt41-pc {
    margin-top: 41px !important;
  }
  .mr41-pc {
    margin-right: 41px !important;
  }
  .mb41-pc {
    margin-bottom: 41px !important;
  }
  .ml41-pc {
    margin-left: 41px !important;
  }
  .mt41e-pc {
    margin-top: 4.1em !important;
  }
  .mr41e-pc {
    margin-right: 4.1em !important;
  }
  .mb41e-pc {
    margin-bottom: 4.1em !important;
  }
  .ml41e-pc {
    margin-left: 4.1em !important;
  }
  .mt-41-pc {
    margin-top: -41px !important;
  }
  .mr-41-pc {
    margin-right: -41px !important;
  }
  .mb-41-pc {
    margin-bottom: -41px !important;
  }
  .ml-41-pc {
    margin-left: -41px !important;
  }
  .mt-41e-pc {
    margin-top: -4.1em !important;
  }
  .mr-41e-pc {
    margin-right: -4.1em !important;
  }
  .mb-41e-pc {
    margin-bottom: -4.1em !important;
  }
  .ml-41e-pc {
    margin-left: -4.1em !important;
  }
  .pt41-pc {
    padding-top: 41px !important;
  }
  .pr41-pc {
    padding-right: 41px !important;
  }
  .pb41-pc {
    padding-bottom: 41px !important;
  }
  .pl41-pc {
    padding-left: 41px !important;
  }
  .pt41e-pc {
    padding-top: 4.1em !important;
  }
  .pr41e-pc {
    padding-right: 4.1em !important;
  }
  .pb41e-pc {
    padding-bottom: 4.1em !important;
  }
  .pl41e-pc {
    padding-left: 4.1em !important;
  }
  .w410-pc {
    width: 410px !important;
  }
  .w41p-pc {
    width: 41% !important;
  }
  .w41e-pc {
    width: 4.1em !important;
  }
  .mt42-pc {
    margin-top: 42px !important;
  }
  .mr42-pc {
    margin-right: 42px !important;
  }
  .mb42-pc {
    margin-bottom: 42px !important;
  }
  .ml42-pc {
    margin-left: 42px !important;
  }
  .mt42e-pc {
    margin-top: 4.2em !important;
  }
  .mr42e-pc {
    margin-right: 4.2em !important;
  }
  .mb42e-pc {
    margin-bottom: 4.2em !important;
  }
  .ml42e-pc {
    margin-left: 4.2em !important;
  }
  .mt-42-pc {
    margin-top: -42px !important;
  }
  .mr-42-pc {
    margin-right: -42px !important;
  }
  .mb-42-pc {
    margin-bottom: -42px !important;
  }
  .ml-42-pc {
    margin-left: -42px !important;
  }
  .mt-42e-pc {
    margin-top: -4.2em !important;
  }
  .mr-42e-pc {
    margin-right: -4.2em !important;
  }
  .mb-42e-pc {
    margin-bottom: -4.2em !important;
  }
  .ml-42e-pc {
    margin-left: -4.2em !important;
  }
  .pt42-pc {
    padding-top: 42px !important;
  }
  .pr42-pc {
    padding-right: 42px !important;
  }
  .pb42-pc {
    padding-bottom: 42px !important;
  }
  .pl42-pc {
    padding-left: 42px !important;
  }
  .pt42e-pc {
    padding-top: 4.2em !important;
  }
  .pr42e-pc {
    padding-right: 4.2em !important;
  }
  .pb42e-pc {
    padding-bottom: 4.2em !important;
  }
  .pl42e-pc {
    padding-left: 4.2em !important;
  }
  .w420-pc {
    width: 420px !important;
  }
  .w42p-pc {
    width: 42% !important;
  }
  .w42e-pc {
    width: 4.2em !important;
  }
  .mt43-pc {
    margin-top: 43px !important;
  }
  .mr43-pc {
    margin-right: 43px !important;
  }
  .mb43-pc {
    margin-bottom: 43px !important;
  }
  .ml43-pc {
    margin-left: 43px !important;
  }
  .mt43e-pc {
    margin-top: 4.3em !important;
  }
  .mr43e-pc {
    margin-right: 4.3em !important;
  }
  .mb43e-pc {
    margin-bottom: 4.3em !important;
  }
  .ml43e-pc {
    margin-left: 4.3em !important;
  }
  .mt-43-pc {
    margin-top: -43px !important;
  }
  .mr-43-pc {
    margin-right: -43px !important;
  }
  .mb-43-pc {
    margin-bottom: -43px !important;
  }
  .ml-43-pc {
    margin-left: -43px !important;
  }
  .mt-43e-pc {
    margin-top: -4.3em !important;
  }
  .mr-43e-pc {
    margin-right: -4.3em !important;
  }
  .mb-43e-pc {
    margin-bottom: -4.3em !important;
  }
  .ml-43e-pc {
    margin-left: -4.3em !important;
  }
  .pt43-pc {
    padding-top: 43px !important;
  }
  .pr43-pc {
    padding-right: 43px !important;
  }
  .pb43-pc {
    padding-bottom: 43px !important;
  }
  .pl43-pc {
    padding-left: 43px !important;
  }
  .pt43e-pc {
    padding-top: 4.3em !important;
  }
  .pr43e-pc {
    padding-right: 4.3em !important;
  }
  .pb43e-pc {
    padding-bottom: 4.3em !important;
  }
  .pl43e-pc {
    padding-left: 4.3em !important;
  }
  .w430-pc {
    width: 430px !important;
  }
  .w43p-pc {
    width: 43% !important;
  }
  .w43e-pc {
    width: 4.3em !important;
  }
  .mt44-pc {
    margin-top: 44px !important;
  }
  .mr44-pc {
    margin-right: 44px !important;
  }
  .mb44-pc {
    margin-bottom: 44px !important;
  }
  .ml44-pc {
    margin-left: 44px !important;
  }
  .mt44e-pc {
    margin-top: 4.4em !important;
  }
  .mr44e-pc {
    margin-right: 4.4em !important;
  }
  .mb44e-pc {
    margin-bottom: 4.4em !important;
  }
  .ml44e-pc {
    margin-left: 4.4em !important;
  }
  .mt-44-pc {
    margin-top: -44px !important;
  }
  .mr-44-pc {
    margin-right: -44px !important;
  }
  .mb-44-pc {
    margin-bottom: -44px !important;
  }
  .ml-44-pc {
    margin-left: -44px !important;
  }
  .mt-44e-pc {
    margin-top: -4.4em !important;
  }
  .mr-44e-pc {
    margin-right: -4.4em !important;
  }
  .mb-44e-pc {
    margin-bottom: -4.4em !important;
  }
  .ml-44e-pc {
    margin-left: -4.4em !important;
  }
  .pt44-pc {
    padding-top: 44px !important;
  }
  .pr44-pc {
    padding-right: 44px !important;
  }
  .pb44-pc {
    padding-bottom: 44px !important;
  }
  .pl44-pc {
    padding-left: 44px !important;
  }
  .pt44e-pc {
    padding-top: 4.4em !important;
  }
  .pr44e-pc {
    padding-right: 4.4em !important;
  }
  .pb44e-pc {
    padding-bottom: 4.4em !important;
  }
  .pl44e-pc {
    padding-left: 4.4em !important;
  }
  .w440-pc {
    width: 440px !important;
  }
  .w44p-pc {
    width: 44% !important;
  }
  .w44e-pc {
    width: 4.4em !important;
  }
  .mt45-pc {
    margin-top: 45px !important;
  }
  .mr45-pc {
    margin-right: 45px !important;
  }
  .mb45-pc {
    margin-bottom: 45px !important;
  }
  .ml45-pc {
    margin-left: 45px !important;
  }
  .mt45e-pc {
    margin-top: 4.5em !important;
  }
  .mr45e-pc {
    margin-right: 4.5em !important;
  }
  .mb45e-pc {
    margin-bottom: 4.5em !important;
  }
  .ml45e-pc {
    margin-left: 4.5em !important;
  }
  .mt-45-pc {
    margin-top: -45px !important;
  }
  .mr-45-pc {
    margin-right: -45px !important;
  }
  .mb-45-pc {
    margin-bottom: -45px !important;
  }
  .ml-45-pc {
    margin-left: -45px !important;
  }
  .mt-45e-pc {
    margin-top: -4.5em !important;
  }
  .mr-45e-pc {
    margin-right: -4.5em !important;
  }
  .mb-45e-pc {
    margin-bottom: -4.5em !important;
  }
  .ml-45e-pc {
    margin-left: -4.5em !important;
  }
  .pt45-pc {
    padding-top: 45px !important;
  }
  .pr45-pc {
    padding-right: 45px !important;
  }
  .pb45-pc {
    padding-bottom: 45px !important;
  }
  .pl45-pc {
    padding-left: 45px !important;
  }
  .pt45e-pc {
    padding-top: 4.5em !important;
  }
  .pr45e-pc {
    padding-right: 4.5em !important;
  }
  .pb45e-pc {
    padding-bottom: 4.5em !important;
  }
  .pl45e-pc {
    padding-left: 4.5em !important;
  }
  .w450-pc {
    width: 450px !important;
  }
  .w45p-pc {
    width: 45% !important;
  }
  .w45e-pc {
    width: 4.5em !important;
  }
  .mt46-pc {
    margin-top: 46px !important;
  }
  .mr46-pc {
    margin-right: 46px !important;
  }
  .mb46-pc {
    margin-bottom: 46px !important;
  }
  .ml46-pc {
    margin-left: 46px !important;
  }
  .mt46e-pc {
    margin-top: 4.6em !important;
  }
  .mr46e-pc {
    margin-right: 4.6em !important;
  }
  .mb46e-pc {
    margin-bottom: 4.6em !important;
  }
  .ml46e-pc {
    margin-left: 4.6em !important;
  }
  .mt-46-pc {
    margin-top: -46px !important;
  }
  .mr-46-pc {
    margin-right: -46px !important;
  }
  .mb-46-pc {
    margin-bottom: -46px !important;
  }
  .ml-46-pc {
    margin-left: -46px !important;
  }
  .mt-46e-pc {
    margin-top: -4.6em !important;
  }
  .mr-46e-pc {
    margin-right: -4.6em !important;
  }
  .mb-46e-pc {
    margin-bottom: -4.6em !important;
  }
  .ml-46e-pc {
    margin-left: -4.6em !important;
  }
  .pt46-pc {
    padding-top: 46px !important;
  }
  .pr46-pc {
    padding-right: 46px !important;
  }
  .pb46-pc {
    padding-bottom: 46px !important;
  }
  .pl46-pc {
    padding-left: 46px !important;
  }
  .pt46e-pc {
    padding-top: 4.6em !important;
  }
  .pr46e-pc {
    padding-right: 4.6em !important;
  }
  .pb46e-pc {
    padding-bottom: 4.6em !important;
  }
  .pl46e-pc {
    padding-left: 4.6em !important;
  }
  .w460-pc {
    width: 460px !important;
  }
  .w46p-pc {
    width: 46% !important;
  }
  .w46e-pc {
    width: 4.6em !important;
  }
  .mt47-pc {
    margin-top: 47px !important;
  }
  .mr47-pc {
    margin-right: 47px !important;
  }
  .mb47-pc {
    margin-bottom: 47px !important;
  }
  .ml47-pc {
    margin-left: 47px !important;
  }
  .mt47e-pc {
    margin-top: 4.7em !important;
  }
  .mr47e-pc {
    margin-right: 4.7em !important;
  }
  .mb47e-pc {
    margin-bottom: 4.7em !important;
  }
  .ml47e-pc {
    margin-left: 4.7em !important;
  }
  .mt-47-pc {
    margin-top: -47px !important;
  }
  .mr-47-pc {
    margin-right: -47px !important;
  }
  .mb-47-pc {
    margin-bottom: -47px !important;
  }
  .ml-47-pc {
    margin-left: -47px !important;
  }
  .mt-47e-pc {
    margin-top: -4.7em !important;
  }
  .mr-47e-pc {
    margin-right: -4.7em !important;
  }
  .mb-47e-pc {
    margin-bottom: -4.7em !important;
  }
  .ml-47e-pc {
    margin-left: -4.7em !important;
  }
  .pt47-pc {
    padding-top: 47px !important;
  }
  .pr47-pc {
    padding-right: 47px !important;
  }
  .pb47-pc {
    padding-bottom: 47px !important;
  }
  .pl47-pc {
    padding-left: 47px !important;
  }
  .pt47e-pc {
    padding-top: 4.7em !important;
  }
  .pr47e-pc {
    padding-right: 4.7em !important;
  }
  .pb47e-pc {
    padding-bottom: 4.7em !important;
  }
  .pl47e-pc {
    padding-left: 4.7em !important;
  }
  .w470-pc {
    width: 470px !important;
  }
  .w47p-pc {
    width: 47% !important;
  }
  .w47e-pc {
    width: 4.7em !important;
  }
  .mt48-pc {
    margin-top: 48px !important;
  }
  .mr48-pc {
    margin-right: 48px !important;
  }
  .mb48-pc {
    margin-bottom: 48px !important;
  }
  .ml48-pc {
    margin-left: 48px !important;
  }
  .mt48e-pc {
    margin-top: 4.8em !important;
  }
  .mr48e-pc {
    margin-right: 4.8em !important;
  }
  .mb48e-pc {
    margin-bottom: 4.8em !important;
  }
  .ml48e-pc {
    margin-left: 4.8em !important;
  }
  .mt-48-pc {
    margin-top: -48px !important;
  }
  .mr-48-pc {
    margin-right: -48px !important;
  }
  .mb-48-pc {
    margin-bottom: -48px !important;
  }
  .ml-48-pc {
    margin-left: -48px !important;
  }
  .mt-48e-pc {
    margin-top: -4.8em !important;
  }
  .mr-48e-pc {
    margin-right: -4.8em !important;
  }
  .mb-48e-pc {
    margin-bottom: -4.8em !important;
  }
  .ml-48e-pc {
    margin-left: -4.8em !important;
  }
  .pt48-pc {
    padding-top: 48px !important;
  }
  .pr48-pc {
    padding-right: 48px !important;
  }
  .pb48-pc {
    padding-bottom: 48px !important;
  }
  .pl48-pc {
    padding-left: 48px !important;
  }
  .pt48e-pc {
    padding-top: 4.8em !important;
  }
  .pr48e-pc {
    padding-right: 4.8em !important;
  }
  .pb48e-pc {
    padding-bottom: 4.8em !important;
  }
  .pl48e-pc {
    padding-left: 4.8em !important;
  }
  .w480-pc {
    width: 480px !important;
  }
  .w48p-pc {
    width: 48% !important;
  }
  .w48e-pc {
    width: 4.8em !important;
  }
  .mt49-pc {
    margin-top: 49px !important;
  }
  .mr49-pc {
    margin-right: 49px !important;
  }
  .mb49-pc {
    margin-bottom: 49px !important;
  }
  .ml49-pc {
    margin-left: 49px !important;
  }
  .mt49e-pc {
    margin-top: 4.9em !important;
  }
  .mr49e-pc {
    margin-right: 4.9em !important;
  }
  .mb49e-pc {
    margin-bottom: 4.9em !important;
  }
  .ml49e-pc {
    margin-left: 4.9em !important;
  }
  .mt-49-pc {
    margin-top: -49px !important;
  }
  .mr-49-pc {
    margin-right: -49px !important;
  }
  .mb-49-pc {
    margin-bottom: -49px !important;
  }
  .ml-49-pc {
    margin-left: -49px !important;
  }
  .mt-49e-pc {
    margin-top: -4.9em !important;
  }
  .mr-49e-pc {
    margin-right: -4.9em !important;
  }
  .mb-49e-pc {
    margin-bottom: -4.9em !important;
  }
  .ml-49e-pc {
    margin-left: -4.9em !important;
  }
  .pt49-pc {
    padding-top: 49px !important;
  }
  .pr49-pc {
    padding-right: 49px !important;
  }
  .pb49-pc {
    padding-bottom: 49px !important;
  }
  .pl49-pc {
    padding-left: 49px !important;
  }
  .pt49e-pc {
    padding-top: 4.9em !important;
  }
  .pr49e-pc {
    padding-right: 4.9em !important;
  }
  .pb49e-pc {
    padding-bottom: 4.9em !important;
  }
  .pl49e-pc {
    padding-left: 4.9em !important;
  }
  .w490-pc {
    width: 490px !important;
  }
  .w49p-pc {
    width: 49% !important;
  }
  .w49e-pc {
    width: 4.9em !important;
  }
  .mt50-pc {
    margin-top: 50px !important;
  }
  .mr50-pc {
    margin-right: 50px !important;
  }
  .mb50-pc {
    margin-bottom: 50px !important;
  }
  .ml50-pc {
    margin-left: 50px !important;
  }
  .mt50e-pc {
    margin-top: 5em !important;
  }
  .mr50e-pc {
    margin-right: 5em !important;
  }
  .mb50e-pc {
    margin-bottom: 5em !important;
  }
  .ml50e-pc {
    margin-left: 5em !important;
  }
  .mt-50-pc {
    margin-top: -50px !important;
  }
  .mr-50-pc {
    margin-right: -50px !important;
  }
  .mb-50-pc {
    margin-bottom: -50px !important;
  }
  .ml-50-pc {
    margin-left: -50px !important;
  }
  .mt-50e-pc {
    margin-top: -5em !important;
  }
  .mr-50e-pc {
    margin-right: -5em !important;
  }
  .mb-50e-pc {
    margin-bottom: -5em !important;
  }
  .ml-50e-pc {
    margin-left: -5em !important;
  }
  .pt50-pc {
    padding-top: 50px !important;
  }
  .pr50-pc {
    padding-right: 50px !important;
  }
  .pb50-pc {
    padding-bottom: 50px !important;
  }
  .pl50-pc {
    padding-left: 50px !important;
  }
  .pt50e-pc {
    padding-top: 5em !important;
  }
  .pr50e-pc {
    padding-right: 5em !important;
  }
  .pb50e-pc {
    padding-bottom: 5em !important;
  }
  .pl50e-pc {
    padding-left: 5em !important;
  }
  .w500-pc {
    width: 500px !important;
  }
  .w50p-pc {
    width: 50% !important;
  }
  .w50e-pc {
    width: 5em !important;
  }
  .mt51-pc {
    margin-top: 51px !important;
  }
  .mr51-pc {
    margin-right: 51px !important;
  }
  .mb51-pc {
    margin-bottom: 51px !important;
  }
  .ml51-pc {
    margin-left: 51px !important;
  }
  .mt51e-pc {
    margin-top: 5.1em !important;
  }
  .mr51e-pc {
    margin-right: 5.1em !important;
  }
  .mb51e-pc {
    margin-bottom: 5.1em !important;
  }
  .ml51e-pc {
    margin-left: 5.1em !important;
  }
  .mt-51-pc {
    margin-top: -51px !important;
  }
  .mr-51-pc {
    margin-right: -51px !important;
  }
  .mb-51-pc {
    margin-bottom: -51px !important;
  }
  .ml-51-pc {
    margin-left: -51px !important;
  }
  .mt-51e-pc {
    margin-top: -5.1em !important;
  }
  .mr-51e-pc {
    margin-right: -5.1em !important;
  }
  .mb-51e-pc {
    margin-bottom: -5.1em !important;
  }
  .ml-51e-pc {
    margin-left: -5.1em !important;
  }
  .pt51-pc {
    padding-top: 51px !important;
  }
  .pr51-pc {
    padding-right: 51px !important;
  }
  .pb51-pc {
    padding-bottom: 51px !important;
  }
  .pl51-pc {
    padding-left: 51px !important;
  }
  .pt51e-pc {
    padding-top: 5.1em !important;
  }
  .pr51e-pc {
    padding-right: 5.1em !important;
  }
  .pb51e-pc {
    padding-bottom: 5.1em !important;
  }
  .pl51e-pc {
    padding-left: 5.1em !important;
  }
  .w510-pc {
    width: 510px !important;
  }
  .w51p-pc {
    width: 51% !important;
  }
  .w51e-pc {
    width: 5.1em !important;
  }
  .mt52-pc {
    margin-top: 52px !important;
  }
  .mr52-pc {
    margin-right: 52px !important;
  }
  .mb52-pc {
    margin-bottom: 52px !important;
  }
  .ml52-pc {
    margin-left: 52px !important;
  }
  .mt52e-pc {
    margin-top: 5.2em !important;
  }
  .mr52e-pc {
    margin-right: 5.2em !important;
  }
  .mb52e-pc {
    margin-bottom: 5.2em !important;
  }
  .ml52e-pc {
    margin-left: 5.2em !important;
  }
  .mt-52-pc {
    margin-top: -52px !important;
  }
  .mr-52-pc {
    margin-right: -52px !important;
  }
  .mb-52-pc {
    margin-bottom: -52px !important;
  }
  .ml-52-pc {
    margin-left: -52px !important;
  }
  .mt-52e-pc {
    margin-top: -5.2em !important;
  }
  .mr-52e-pc {
    margin-right: -5.2em !important;
  }
  .mb-52e-pc {
    margin-bottom: -5.2em !important;
  }
  .ml-52e-pc {
    margin-left: -5.2em !important;
  }
  .pt52-pc {
    padding-top: 52px !important;
  }
  .pr52-pc {
    padding-right: 52px !important;
  }
  .pb52-pc {
    padding-bottom: 52px !important;
  }
  .pl52-pc {
    padding-left: 52px !important;
  }
  .pt52e-pc {
    padding-top: 5.2em !important;
  }
  .pr52e-pc {
    padding-right: 5.2em !important;
  }
  .pb52e-pc {
    padding-bottom: 5.2em !important;
  }
  .pl52e-pc {
    padding-left: 5.2em !important;
  }
  .w520-pc {
    width: 520px !important;
  }
  .w52p-pc {
    width: 52% !important;
  }
  .w52e-pc {
    width: 5.2em !important;
  }
  .mt53-pc {
    margin-top: 53px !important;
  }
  .mr53-pc {
    margin-right: 53px !important;
  }
  .mb53-pc {
    margin-bottom: 53px !important;
  }
  .ml53-pc {
    margin-left: 53px !important;
  }
  .mt53e-pc {
    margin-top: 5.3em !important;
  }
  .mr53e-pc {
    margin-right: 5.3em !important;
  }
  .mb53e-pc {
    margin-bottom: 5.3em !important;
  }
  .ml53e-pc {
    margin-left: 5.3em !important;
  }
  .mt-53-pc {
    margin-top: -53px !important;
  }
  .mr-53-pc {
    margin-right: -53px !important;
  }
  .mb-53-pc {
    margin-bottom: -53px !important;
  }
  .ml-53-pc {
    margin-left: -53px !important;
  }
  .mt-53e-pc {
    margin-top: -5.3em !important;
  }
  .mr-53e-pc {
    margin-right: -5.3em !important;
  }
  .mb-53e-pc {
    margin-bottom: -5.3em !important;
  }
  .ml-53e-pc {
    margin-left: -5.3em !important;
  }
  .pt53-pc {
    padding-top: 53px !important;
  }
  .pr53-pc {
    padding-right: 53px !important;
  }
  .pb53-pc {
    padding-bottom: 53px !important;
  }
  .pl53-pc {
    padding-left: 53px !important;
  }
  .pt53e-pc {
    padding-top: 5.3em !important;
  }
  .pr53e-pc {
    padding-right: 5.3em !important;
  }
  .pb53e-pc {
    padding-bottom: 5.3em !important;
  }
  .pl53e-pc {
    padding-left: 5.3em !important;
  }
  .w530-pc {
    width: 530px !important;
  }
  .w53p-pc {
    width: 53% !important;
  }
  .w53e-pc {
    width: 5.3em !important;
  }
  .mt54-pc {
    margin-top: 54px !important;
  }
  .mr54-pc {
    margin-right: 54px !important;
  }
  .mb54-pc {
    margin-bottom: 54px !important;
  }
  .ml54-pc {
    margin-left: 54px !important;
  }
  .mt54e-pc {
    margin-top: 5.4em !important;
  }
  .mr54e-pc {
    margin-right: 5.4em !important;
  }
  .mb54e-pc {
    margin-bottom: 5.4em !important;
  }
  .ml54e-pc {
    margin-left: 5.4em !important;
  }
  .mt-54-pc {
    margin-top: -54px !important;
  }
  .mr-54-pc {
    margin-right: -54px !important;
  }
  .mb-54-pc {
    margin-bottom: -54px !important;
  }
  .ml-54-pc {
    margin-left: -54px !important;
  }
  .mt-54e-pc {
    margin-top: -5.4em !important;
  }
  .mr-54e-pc {
    margin-right: -5.4em !important;
  }
  .mb-54e-pc {
    margin-bottom: -5.4em !important;
  }
  .ml-54e-pc {
    margin-left: -5.4em !important;
  }
  .pt54-pc {
    padding-top: 54px !important;
  }
  .pr54-pc {
    padding-right: 54px !important;
  }
  .pb54-pc {
    padding-bottom: 54px !important;
  }
  .pl54-pc {
    padding-left: 54px !important;
  }
  .pt54e-pc {
    padding-top: 5.4em !important;
  }
  .pr54e-pc {
    padding-right: 5.4em !important;
  }
  .pb54e-pc {
    padding-bottom: 5.4em !important;
  }
  .pl54e-pc {
    padding-left: 5.4em !important;
  }
  .w540-pc {
    width: 540px !important;
  }
  .w54p-pc {
    width: 54% !important;
  }
  .w54e-pc {
    width: 5.4em !important;
  }
  .mt55-pc {
    margin-top: 55px !important;
  }
  .mr55-pc {
    margin-right: 55px !important;
  }
  .mb55-pc {
    margin-bottom: 55px !important;
  }
  .ml55-pc {
    margin-left: 55px !important;
  }
  .mt55e-pc {
    margin-top: 5.5em !important;
  }
  .mr55e-pc {
    margin-right: 5.5em !important;
  }
  .mb55e-pc {
    margin-bottom: 5.5em !important;
  }
  .ml55e-pc {
    margin-left: 5.5em !important;
  }
  .mt-55-pc {
    margin-top: -55px !important;
  }
  .mr-55-pc {
    margin-right: -55px !important;
  }
  .mb-55-pc {
    margin-bottom: -55px !important;
  }
  .ml-55-pc {
    margin-left: -55px !important;
  }
  .mt-55e-pc {
    margin-top: -5.5em !important;
  }
  .mr-55e-pc {
    margin-right: -5.5em !important;
  }
  .mb-55e-pc {
    margin-bottom: -5.5em !important;
  }
  .ml-55e-pc {
    margin-left: -5.5em !important;
  }
  .pt55-pc {
    padding-top: 55px !important;
  }
  .pr55-pc {
    padding-right: 55px !important;
  }
  .pb55-pc {
    padding-bottom: 55px !important;
  }
  .pl55-pc {
    padding-left: 55px !important;
  }
  .pt55e-pc {
    padding-top: 5.5em !important;
  }
  .pr55e-pc {
    padding-right: 5.5em !important;
  }
  .pb55e-pc {
    padding-bottom: 5.5em !important;
  }
  .pl55e-pc {
    padding-left: 5.5em !important;
  }
  .w550-pc {
    width: 550px !important;
  }
  .w55p-pc {
    width: 55% !important;
  }
  .w55e-pc {
    width: 5.5em !important;
  }
  .mt56-pc {
    margin-top: 56px !important;
  }
  .mr56-pc {
    margin-right: 56px !important;
  }
  .mb56-pc {
    margin-bottom: 56px !important;
  }
  .ml56-pc {
    margin-left: 56px !important;
  }
  .mt56e-pc {
    margin-top: 5.6em !important;
  }
  .mr56e-pc {
    margin-right: 5.6em !important;
  }
  .mb56e-pc {
    margin-bottom: 5.6em !important;
  }
  .ml56e-pc {
    margin-left: 5.6em !important;
  }
  .mt-56-pc {
    margin-top: -56px !important;
  }
  .mr-56-pc {
    margin-right: -56px !important;
  }
  .mb-56-pc {
    margin-bottom: -56px !important;
  }
  .ml-56-pc {
    margin-left: -56px !important;
  }
  .mt-56e-pc {
    margin-top: -5.6em !important;
  }
  .mr-56e-pc {
    margin-right: -5.6em !important;
  }
  .mb-56e-pc {
    margin-bottom: -5.6em !important;
  }
  .ml-56e-pc {
    margin-left: -5.6em !important;
  }
  .pt56-pc {
    padding-top: 56px !important;
  }
  .pr56-pc {
    padding-right: 56px !important;
  }
  .pb56-pc {
    padding-bottom: 56px !important;
  }
  .pl56-pc {
    padding-left: 56px !important;
  }
  .pt56e-pc {
    padding-top: 5.6em !important;
  }
  .pr56e-pc {
    padding-right: 5.6em !important;
  }
  .pb56e-pc {
    padding-bottom: 5.6em !important;
  }
  .pl56e-pc {
    padding-left: 5.6em !important;
  }
  .w560-pc {
    width: 560px !important;
  }
  .w56p-pc {
    width: 56% !important;
  }
  .w56e-pc {
    width: 5.6em !important;
  }
  .mt57-pc {
    margin-top: 57px !important;
  }
  .mr57-pc {
    margin-right: 57px !important;
  }
  .mb57-pc {
    margin-bottom: 57px !important;
  }
  .ml57-pc {
    margin-left: 57px !important;
  }
  .mt57e-pc {
    margin-top: 5.7em !important;
  }
  .mr57e-pc {
    margin-right: 5.7em !important;
  }
  .mb57e-pc {
    margin-bottom: 5.7em !important;
  }
  .ml57e-pc {
    margin-left: 5.7em !important;
  }
  .mt-57-pc {
    margin-top: -57px !important;
  }
  .mr-57-pc {
    margin-right: -57px !important;
  }
  .mb-57-pc {
    margin-bottom: -57px !important;
  }
  .ml-57-pc {
    margin-left: -57px !important;
  }
  .mt-57e-pc {
    margin-top: -5.7em !important;
  }
  .mr-57e-pc {
    margin-right: -5.7em !important;
  }
  .mb-57e-pc {
    margin-bottom: -5.7em !important;
  }
  .ml-57e-pc {
    margin-left: -5.7em !important;
  }
  .pt57-pc {
    padding-top: 57px !important;
  }
  .pr57-pc {
    padding-right: 57px !important;
  }
  .pb57-pc {
    padding-bottom: 57px !important;
  }
  .pl57-pc {
    padding-left: 57px !important;
  }
  .pt57e-pc {
    padding-top: 5.7em !important;
  }
  .pr57e-pc {
    padding-right: 5.7em !important;
  }
  .pb57e-pc {
    padding-bottom: 5.7em !important;
  }
  .pl57e-pc {
    padding-left: 5.7em !important;
  }
  .w570-pc {
    width: 570px !important;
  }
  .w57p-pc {
    width: 57% !important;
  }
  .w57e-pc {
    width: 5.7em !important;
  }
  .mt58-pc {
    margin-top: 58px !important;
  }
  .mr58-pc {
    margin-right: 58px !important;
  }
  .mb58-pc {
    margin-bottom: 58px !important;
  }
  .ml58-pc {
    margin-left: 58px !important;
  }
  .mt58e-pc {
    margin-top: 5.8em !important;
  }
  .mr58e-pc {
    margin-right: 5.8em !important;
  }
  .mb58e-pc {
    margin-bottom: 5.8em !important;
  }
  .ml58e-pc {
    margin-left: 5.8em !important;
  }
  .mt-58-pc {
    margin-top: -58px !important;
  }
  .mr-58-pc {
    margin-right: -58px !important;
  }
  .mb-58-pc {
    margin-bottom: -58px !important;
  }
  .ml-58-pc {
    margin-left: -58px !important;
  }
  .mt-58e-pc {
    margin-top: -5.8em !important;
  }
  .mr-58e-pc {
    margin-right: -5.8em !important;
  }
  .mb-58e-pc {
    margin-bottom: -5.8em !important;
  }
  .ml-58e-pc {
    margin-left: -5.8em !important;
  }
  .pt58-pc {
    padding-top: 58px !important;
  }
  .pr58-pc {
    padding-right: 58px !important;
  }
  .pb58-pc {
    padding-bottom: 58px !important;
  }
  .pl58-pc {
    padding-left: 58px !important;
  }
  .pt58e-pc {
    padding-top: 5.8em !important;
  }
  .pr58e-pc {
    padding-right: 5.8em !important;
  }
  .pb58e-pc {
    padding-bottom: 5.8em !important;
  }
  .pl58e-pc {
    padding-left: 5.8em !important;
  }
  .w580-pc {
    width: 580px !important;
  }
  .w58p-pc {
    width: 58% !important;
  }
  .w58e-pc {
    width: 5.8em !important;
  }
  .mt59-pc {
    margin-top: 59px !important;
  }
  .mr59-pc {
    margin-right: 59px !important;
  }
  .mb59-pc {
    margin-bottom: 59px !important;
  }
  .ml59-pc {
    margin-left: 59px !important;
  }
  .mt59e-pc {
    margin-top: 5.9em !important;
  }
  .mr59e-pc {
    margin-right: 5.9em !important;
  }
  .mb59e-pc {
    margin-bottom: 5.9em !important;
  }
  .ml59e-pc {
    margin-left: 5.9em !important;
  }
  .mt-59-pc {
    margin-top: -59px !important;
  }
  .mr-59-pc {
    margin-right: -59px !important;
  }
  .mb-59-pc {
    margin-bottom: -59px !important;
  }
  .ml-59-pc {
    margin-left: -59px !important;
  }
  .mt-59e-pc {
    margin-top: -5.9em !important;
  }
  .mr-59e-pc {
    margin-right: -5.9em !important;
  }
  .mb-59e-pc {
    margin-bottom: -5.9em !important;
  }
  .ml-59e-pc {
    margin-left: -5.9em !important;
  }
  .pt59-pc {
    padding-top: 59px !important;
  }
  .pr59-pc {
    padding-right: 59px !important;
  }
  .pb59-pc {
    padding-bottom: 59px !important;
  }
  .pl59-pc {
    padding-left: 59px !important;
  }
  .pt59e-pc {
    padding-top: 5.9em !important;
  }
  .pr59e-pc {
    padding-right: 5.9em !important;
  }
  .pb59e-pc {
    padding-bottom: 5.9em !important;
  }
  .pl59e-pc {
    padding-left: 5.9em !important;
  }
  .w590-pc {
    width: 590px !important;
  }
  .w59p-pc {
    width: 59% !important;
  }
  .w59e-pc {
    width: 5.9em !important;
  }
  .mt60-pc {
    margin-top: 60px !important;
  }
  .mr60-pc {
    margin-right: 60px !important;
  }
  .mb60-pc {
    margin-bottom: 60px !important;
  }
  .ml60-pc {
    margin-left: 60px !important;
  }
  .mt60e-pc {
    margin-top: 6em !important;
  }
  .mr60e-pc {
    margin-right: 6em !important;
  }
  .mb60e-pc {
    margin-bottom: 6em !important;
  }
  .ml60e-pc {
    margin-left: 6em !important;
  }
  .mt-60-pc {
    margin-top: -60px !important;
  }
  .mr-60-pc {
    margin-right: -60px !important;
  }
  .mb-60-pc {
    margin-bottom: -60px !important;
  }
  .ml-60-pc {
    margin-left: -60px !important;
  }
  .mt-60e-pc {
    margin-top: -6em !important;
  }
  .mr-60e-pc {
    margin-right: -6em !important;
  }
  .mb-60e-pc {
    margin-bottom: -6em !important;
  }
  .ml-60e-pc {
    margin-left: -6em !important;
  }
  .pt60-pc {
    padding-top: 60px !important;
  }
  .pr60-pc {
    padding-right: 60px !important;
  }
  .pb60-pc {
    padding-bottom: 60px !important;
  }
  .pl60-pc {
    padding-left: 60px !important;
  }
  .pt60e-pc {
    padding-top: 6em !important;
  }
  .pr60e-pc {
    padding-right: 6em !important;
  }
  .pb60e-pc {
    padding-bottom: 6em !important;
  }
  .pl60e-pc {
    padding-left: 6em !important;
  }
  .w600-pc {
    width: 600px !important;
  }
  .w60p-pc {
    width: 60% !important;
  }
  .w60e-pc {
    width: 6em !important;
  }
  .mt61-pc {
    margin-top: 61px !important;
  }
  .mr61-pc {
    margin-right: 61px !important;
  }
  .mb61-pc {
    margin-bottom: 61px !important;
  }
  .ml61-pc {
    margin-left: 61px !important;
  }
  .mt61e-pc {
    margin-top: 6.1em !important;
  }
  .mr61e-pc {
    margin-right: 6.1em !important;
  }
  .mb61e-pc {
    margin-bottom: 6.1em !important;
  }
  .ml61e-pc {
    margin-left: 6.1em !important;
  }
  .mt-61-pc {
    margin-top: -61px !important;
  }
  .mr-61-pc {
    margin-right: -61px !important;
  }
  .mb-61-pc {
    margin-bottom: -61px !important;
  }
  .ml-61-pc {
    margin-left: -61px !important;
  }
  .mt-61e-pc {
    margin-top: -6.1em !important;
  }
  .mr-61e-pc {
    margin-right: -6.1em !important;
  }
  .mb-61e-pc {
    margin-bottom: -6.1em !important;
  }
  .ml-61e-pc {
    margin-left: -6.1em !important;
  }
  .pt61-pc {
    padding-top: 61px !important;
  }
  .pr61-pc {
    padding-right: 61px !important;
  }
  .pb61-pc {
    padding-bottom: 61px !important;
  }
  .pl61-pc {
    padding-left: 61px !important;
  }
  .pt61e-pc {
    padding-top: 6.1em !important;
  }
  .pr61e-pc {
    padding-right: 6.1em !important;
  }
  .pb61e-pc {
    padding-bottom: 6.1em !important;
  }
  .pl61e-pc {
    padding-left: 6.1em !important;
  }
  .w610-pc {
    width: 610px !important;
  }
  .w61p-pc {
    width: 61% !important;
  }
  .w61e-pc {
    width: 6.1em !important;
  }
  .mt62-pc {
    margin-top: 62px !important;
  }
  .mr62-pc {
    margin-right: 62px !important;
  }
  .mb62-pc {
    margin-bottom: 62px !important;
  }
  .ml62-pc {
    margin-left: 62px !important;
  }
  .mt62e-pc {
    margin-top: 6.2em !important;
  }
  .mr62e-pc {
    margin-right: 6.2em !important;
  }
  .mb62e-pc {
    margin-bottom: 6.2em !important;
  }
  .ml62e-pc {
    margin-left: 6.2em !important;
  }
  .mt-62-pc {
    margin-top: -62px !important;
  }
  .mr-62-pc {
    margin-right: -62px !important;
  }
  .mb-62-pc {
    margin-bottom: -62px !important;
  }
  .ml-62-pc {
    margin-left: -62px !important;
  }
  .mt-62e-pc {
    margin-top: -6.2em !important;
  }
  .mr-62e-pc {
    margin-right: -6.2em !important;
  }
  .mb-62e-pc {
    margin-bottom: -6.2em !important;
  }
  .ml-62e-pc {
    margin-left: -6.2em !important;
  }
  .pt62-pc {
    padding-top: 62px !important;
  }
  .pr62-pc {
    padding-right: 62px !important;
  }
  .pb62-pc {
    padding-bottom: 62px !important;
  }
  .pl62-pc {
    padding-left: 62px !important;
  }
  .pt62e-pc {
    padding-top: 6.2em !important;
  }
  .pr62e-pc {
    padding-right: 6.2em !important;
  }
  .pb62e-pc {
    padding-bottom: 6.2em !important;
  }
  .pl62e-pc {
    padding-left: 6.2em !important;
  }
  .w620-pc {
    width: 620px !important;
  }
  .w62p-pc {
    width: 62% !important;
  }
  .w62e-pc {
    width: 6.2em !important;
  }
  .mt63-pc {
    margin-top: 63px !important;
  }
  .mr63-pc {
    margin-right: 63px !important;
  }
  .mb63-pc {
    margin-bottom: 63px !important;
  }
  .ml63-pc {
    margin-left: 63px !important;
  }
  .mt63e-pc {
    margin-top: 6.3em !important;
  }
  .mr63e-pc {
    margin-right: 6.3em !important;
  }
  .mb63e-pc {
    margin-bottom: 6.3em !important;
  }
  .ml63e-pc {
    margin-left: 6.3em !important;
  }
  .mt-63-pc {
    margin-top: -63px !important;
  }
  .mr-63-pc {
    margin-right: -63px !important;
  }
  .mb-63-pc {
    margin-bottom: -63px !important;
  }
  .ml-63-pc {
    margin-left: -63px !important;
  }
  .mt-63e-pc {
    margin-top: -6.3em !important;
  }
  .mr-63e-pc {
    margin-right: -6.3em !important;
  }
  .mb-63e-pc {
    margin-bottom: -6.3em !important;
  }
  .ml-63e-pc {
    margin-left: -6.3em !important;
  }
  .pt63-pc {
    padding-top: 63px !important;
  }
  .pr63-pc {
    padding-right: 63px !important;
  }
  .pb63-pc {
    padding-bottom: 63px !important;
  }
  .pl63-pc {
    padding-left: 63px !important;
  }
  .pt63e-pc {
    padding-top: 6.3em !important;
  }
  .pr63e-pc {
    padding-right: 6.3em !important;
  }
  .pb63e-pc {
    padding-bottom: 6.3em !important;
  }
  .pl63e-pc {
    padding-left: 6.3em !important;
  }
  .w630-pc {
    width: 630px !important;
  }
  .w63p-pc {
    width: 63% !important;
  }
  .w63e-pc {
    width: 6.3em !important;
  }
  .mt64-pc {
    margin-top: 64px !important;
  }
  .mr64-pc {
    margin-right: 64px !important;
  }
  .mb64-pc {
    margin-bottom: 64px !important;
  }
  .ml64-pc {
    margin-left: 64px !important;
  }
  .mt64e-pc {
    margin-top: 6.4em !important;
  }
  .mr64e-pc {
    margin-right: 6.4em !important;
  }
  .mb64e-pc {
    margin-bottom: 6.4em !important;
  }
  .ml64e-pc {
    margin-left: 6.4em !important;
  }
  .mt-64-pc {
    margin-top: -64px !important;
  }
  .mr-64-pc {
    margin-right: -64px !important;
  }
  .mb-64-pc {
    margin-bottom: -64px !important;
  }
  .ml-64-pc {
    margin-left: -64px !important;
  }
  .mt-64e-pc {
    margin-top: -6.4em !important;
  }
  .mr-64e-pc {
    margin-right: -6.4em !important;
  }
  .mb-64e-pc {
    margin-bottom: -6.4em !important;
  }
  .ml-64e-pc {
    margin-left: -6.4em !important;
  }
  .pt64-pc {
    padding-top: 64px !important;
  }
  .pr64-pc {
    padding-right: 64px !important;
  }
  .pb64-pc {
    padding-bottom: 64px !important;
  }
  .pl64-pc {
    padding-left: 64px !important;
  }
  .pt64e-pc {
    padding-top: 6.4em !important;
  }
  .pr64e-pc {
    padding-right: 6.4em !important;
  }
  .pb64e-pc {
    padding-bottom: 6.4em !important;
  }
  .pl64e-pc {
    padding-left: 6.4em !important;
  }
  .w640-pc {
    width: 640px !important;
  }
  .w64p-pc {
    width: 64% !important;
  }
  .w64e-pc {
    width: 6.4em !important;
  }
  .mt65-pc {
    margin-top: 65px !important;
  }
  .mr65-pc {
    margin-right: 65px !important;
  }
  .mb65-pc {
    margin-bottom: 65px !important;
  }
  .ml65-pc {
    margin-left: 65px !important;
  }
  .mt65e-pc {
    margin-top: 6.5em !important;
  }
  .mr65e-pc {
    margin-right: 6.5em !important;
  }
  .mb65e-pc {
    margin-bottom: 6.5em !important;
  }
  .ml65e-pc {
    margin-left: 6.5em !important;
  }
  .mt-65-pc {
    margin-top: -65px !important;
  }
  .mr-65-pc {
    margin-right: -65px !important;
  }
  .mb-65-pc {
    margin-bottom: -65px !important;
  }
  .ml-65-pc {
    margin-left: -65px !important;
  }
  .mt-65e-pc {
    margin-top: -6.5em !important;
  }
  .mr-65e-pc {
    margin-right: -6.5em !important;
  }
  .mb-65e-pc {
    margin-bottom: -6.5em !important;
  }
  .ml-65e-pc {
    margin-left: -6.5em !important;
  }
  .pt65-pc {
    padding-top: 65px !important;
  }
  .pr65-pc {
    padding-right: 65px !important;
  }
  .pb65-pc {
    padding-bottom: 65px !important;
  }
  .pl65-pc {
    padding-left: 65px !important;
  }
  .pt65e-pc {
    padding-top: 6.5em !important;
  }
  .pr65e-pc {
    padding-right: 6.5em !important;
  }
  .pb65e-pc {
    padding-bottom: 6.5em !important;
  }
  .pl65e-pc {
    padding-left: 6.5em !important;
  }
  .w650-pc {
    width: 650px !important;
  }
  .w65p-pc {
    width: 65% !important;
  }
  .w65e-pc {
    width: 6.5em !important;
  }
  .mt66-pc {
    margin-top: 66px !important;
  }
  .mr66-pc {
    margin-right: 66px !important;
  }
  .mb66-pc {
    margin-bottom: 66px !important;
  }
  .ml66-pc {
    margin-left: 66px !important;
  }
  .mt66e-pc {
    margin-top: 6.6em !important;
  }
  .mr66e-pc {
    margin-right: 6.6em !important;
  }
  .mb66e-pc {
    margin-bottom: 6.6em !important;
  }
  .ml66e-pc {
    margin-left: 6.6em !important;
  }
  .mt-66-pc {
    margin-top: -66px !important;
  }
  .mr-66-pc {
    margin-right: -66px !important;
  }
  .mb-66-pc {
    margin-bottom: -66px !important;
  }
  .ml-66-pc {
    margin-left: -66px !important;
  }
  .mt-66e-pc {
    margin-top: -6.6em !important;
  }
  .mr-66e-pc {
    margin-right: -6.6em !important;
  }
  .mb-66e-pc {
    margin-bottom: -6.6em !important;
  }
  .ml-66e-pc {
    margin-left: -6.6em !important;
  }
  .pt66-pc {
    padding-top: 66px !important;
  }
  .pr66-pc {
    padding-right: 66px !important;
  }
  .pb66-pc {
    padding-bottom: 66px !important;
  }
  .pl66-pc {
    padding-left: 66px !important;
  }
  .pt66e-pc {
    padding-top: 6.6em !important;
  }
  .pr66e-pc {
    padding-right: 6.6em !important;
  }
  .pb66e-pc {
    padding-bottom: 6.6em !important;
  }
  .pl66e-pc {
    padding-left: 6.6em !important;
  }
  .w660-pc {
    width: 660px !important;
  }
  .w66p-pc {
    width: 66% !important;
  }
  .w66e-pc {
    width: 6.6em !important;
  }
  .mt67-pc {
    margin-top: 67px !important;
  }
  .mr67-pc {
    margin-right: 67px !important;
  }
  .mb67-pc {
    margin-bottom: 67px !important;
  }
  .ml67-pc {
    margin-left: 67px !important;
  }
  .mt67e-pc {
    margin-top: 6.7em !important;
  }
  .mr67e-pc {
    margin-right: 6.7em !important;
  }
  .mb67e-pc {
    margin-bottom: 6.7em !important;
  }
  .ml67e-pc {
    margin-left: 6.7em !important;
  }
  .mt-67-pc {
    margin-top: -67px !important;
  }
  .mr-67-pc {
    margin-right: -67px !important;
  }
  .mb-67-pc {
    margin-bottom: -67px !important;
  }
  .ml-67-pc {
    margin-left: -67px !important;
  }
  .mt-67e-pc {
    margin-top: -6.7em !important;
  }
  .mr-67e-pc {
    margin-right: -6.7em !important;
  }
  .mb-67e-pc {
    margin-bottom: -6.7em !important;
  }
  .ml-67e-pc {
    margin-left: -6.7em !important;
  }
  .pt67-pc {
    padding-top: 67px !important;
  }
  .pr67-pc {
    padding-right: 67px !important;
  }
  .pb67-pc {
    padding-bottom: 67px !important;
  }
  .pl67-pc {
    padding-left: 67px !important;
  }
  .pt67e-pc {
    padding-top: 6.7em !important;
  }
  .pr67e-pc {
    padding-right: 6.7em !important;
  }
  .pb67e-pc {
    padding-bottom: 6.7em !important;
  }
  .pl67e-pc {
    padding-left: 6.7em !important;
  }
  .w670-pc {
    width: 670px !important;
  }
  .w67p-pc {
    width: 67% !important;
  }
  .w67e-pc {
    width: 6.7em !important;
  }
  .mt68-pc {
    margin-top: 68px !important;
  }
  .mr68-pc {
    margin-right: 68px !important;
  }
  .mb68-pc {
    margin-bottom: 68px !important;
  }
  .ml68-pc {
    margin-left: 68px !important;
  }
  .mt68e-pc {
    margin-top: 6.8em !important;
  }
  .mr68e-pc {
    margin-right: 6.8em !important;
  }
  .mb68e-pc {
    margin-bottom: 6.8em !important;
  }
  .ml68e-pc {
    margin-left: 6.8em !important;
  }
  .mt-68-pc {
    margin-top: -68px !important;
  }
  .mr-68-pc {
    margin-right: -68px !important;
  }
  .mb-68-pc {
    margin-bottom: -68px !important;
  }
  .ml-68-pc {
    margin-left: -68px !important;
  }
  .mt-68e-pc {
    margin-top: -6.8em !important;
  }
  .mr-68e-pc {
    margin-right: -6.8em !important;
  }
  .mb-68e-pc {
    margin-bottom: -6.8em !important;
  }
  .ml-68e-pc {
    margin-left: -6.8em !important;
  }
  .pt68-pc {
    padding-top: 68px !important;
  }
  .pr68-pc {
    padding-right: 68px !important;
  }
  .pb68-pc {
    padding-bottom: 68px !important;
  }
  .pl68-pc {
    padding-left: 68px !important;
  }
  .pt68e-pc {
    padding-top: 6.8em !important;
  }
  .pr68e-pc {
    padding-right: 6.8em !important;
  }
  .pb68e-pc {
    padding-bottom: 6.8em !important;
  }
  .pl68e-pc {
    padding-left: 6.8em !important;
  }
  .w680-pc {
    width: 680px !important;
  }
  .w68p-pc {
    width: 68% !important;
  }
  .w68e-pc {
    width: 6.8em !important;
  }
  .mt69-pc {
    margin-top: 69px !important;
  }
  .mr69-pc {
    margin-right: 69px !important;
  }
  .mb69-pc {
    margin-bottom: 69px !important;
  }
  .ml69-pc {
    margin-left: 69px !important;
  }
  .mt69e-pc {
    margin-top: 6.9em !important;
  }
  .mr69e-pc {
    margin-right: 6.9em !important;
  }
  .mb69e-pc {
    margin-bottom: 6.9em !important;
  }
  .ml69e-pc {
    margin-left: 6.9em !important;
  }
  .mt-69-pc {
    margin-top: -69px !important;
  }
  .mr-69-pc {
    margin-right: -69px !important;
  }
  .mb-69-pc {
    margin-bottom: -69px !important;
  }
  .ml-69-pc {
    margin-left: -69px !important;
  }
  .mt-69e-pc {
    margin-top: -6.9em !important;
  }
  .mr-69e-pc {
    margin-right: -6.9em !important;
  }
  .mb-69e-pc {
    margin-bottom: -6.9em !important;
  }
  .ml-69e-pc {
    margin-left: -6.9em !important;
  }
  .pt69-pc {
    padding-top: 69px !important;
  }
  .pr69-pc {
    padding-right: 69px !important;
  }
  .pb69-pc {
    padding-bottom: 69px !important;
  }
  .pl69-pc {
    padding-left: 69px !important;
  }
  .pt69e-pc {
    padding-top: 6.9em !important;
  }
  .pr69e-pc {
    padding-right: 6.9em !important;
  }
  .pb69e-pc {
    padding-bottom: 6.9em !important;
  }
  .pl69e-pc {
    padding-left: 6.9em !important;
  }
  .w690-pc {
    width: 690px !important;
  }
  .w69p-pc {
    width: 69% !important;
  }
  .w69e-pc {
    width: 6.9em !important;
  }
  .mt70-pc {
    margin-top: 70px !important;
  }
  .mr70-pc {
    margin-right: 70px !important;
  }
  .mb70-pc {
    margin-bottom: 70px !important;
  }
  .ml70-pc {
    margin-left: 70px !important;
  }
  .mt70e-pc {
    margin-top: 7em !important;
  }
  .mr70e-pc {
    margin-right: 7em !important;
  }
  .mb70e-pc {
    margin-bottom: 7em !important;
  }
  .ml70e-pc {
    margin-left: 7em !important;
  }
  .mt-70-pc {
    margin-top: -70px !important;
  }
  .mr-70-pc {
    margin-right: -70px !important;
  }
  .mb-70-pc {
    margin-bottom: -70px !important;
  }
  .ml-70-pc {
    margin-left: -70px !important;
  }
  .mt-70e-pc {
    margin-top: -7em !important;
  }
  .mr-70e-pc {
    margin-right: -7em !important;
  }
  .mb-70e-pc {
    margin-bottom: -7em !important;
  }
  .ml-70e-pc {
    margin-left: -7em !important;
  }
  .pt70-pc {
    padding-top: 70px !important;
  }
  .pr70-pc {
    padding-right: 70px !important;
  }
  .pb70-pc {
    padding-bottom: 70px !important;
  }
  .pl70-pc {
    padding-left: 70px !important;
  }
  .pt70e-pc {
    padding-top: 7em !important;
  }
  .pr70e-pc {
    padding-right: 7em !important;
  }
  .pb70e-pc {
    padding-bottom: 7em !important;
  }
  .pl70e-pc {
    padding-left: 7em !important;
  }
  .w700-pc {
    width: 700px !important;
  }
  .w70p-pc {
    width: 70% !important;
  }
  .w70e-pc {
    width: 7em !important;
  }
  .mt71-pc {
    margin-top: 71px !important;
  }
  .mr71-pc {
    margin-right: 71px !important;
  }
  .mb71-pc {
    margin-bottom: 71px !important;
  }
  .ml71-pc {
    margin-left: 71px !important;
  }
  .mt71e-pc {
    margin-top: 7.1em !important;
  }
  .mr71e-pc {
    margin-right: 7.1em !important;
  }
  .mb71e-pc {
    margin-bottom: 7.1em !important;
  }
  .ml71e-pc {
    margin-left: 7.1em !important;
  }
  .mt-71-pc {
    margin-top: -71px !important;
  }
  .mr-71-pc {
    margin-right: -71px !important;
  }
  .mb-71-pc {
    margin-bottom: -71px !important;
  }
  .ml-71-pc {
    margin-left: -71px !important;
  }
  .mt-71e-pc {
    margin-top: -7.1em !important;
  }
  .mr-71e-pc {
    margin-right: -7.1em !important;
  }
  .mb-71e-pc {
    margin-bottom: -7.1em !important;
  }
  .ml-71e-pc {
    margin-left: -7.1em !important;
  }
  .pt71-pc {
    padding-top: 71px !important;
  }
  .pr71-pc {
    padding-right: 71px !important;
  }
  .pb71-pc {
    padding-bottom: 71px !important;
  }
  .pl71-pc {
    padding-left: 71px !important;
  }
  .pt71e-pc {
    padding-top: 7.1em !important;
  }
  .pr71e-pc {
    padding-right: 7.1em !important;
  }
  .pb71e-pc {
    padding-bottom: 7.1em !important;
  }
  .pl71e-pc {
    padding-left: 7.1em !important;
  }
  .w710-pc {
    width: 710px !important;
  }
  .w71p-pc {
    width: 71% !important;
  }
  .w71e-pc {
    width: 7.1em !important;
  }
  .mt72-pc {
    margin-top: 72px !important;
  }
  .mr72-pc {
    margin-right: 72px !important;
  }
  .mb72-pc {
    margin-bottom: 72px !important;
  }
  .ml72-pc {
    margin-left: 72px !important;
  }
  .mt72e-pc {
    margin-top: 7.2em !important;
  }
  .mr72e-pc {
    margin-right: 7.2em !important;
  }
  .mb72e-pc {
    margin-bottom: 7.2em !important;
  }
  .ml72e-pc {
    margin-left: 7.2em !important;
  }
  .mt-72-pc {
    margin-top: -72px !important;
  }
  .mr-72-pc {
    margin-right: -72px !important;
  }
  .mb-72-pc {
    margin-bottom: -72px !important;
  }
  .ml-72-pc {
    margin-left: -72px !important;
  }
  .mt-72e-pc {
    margin-top: -7.2em !important;
  }
  .mr-72e-pc {
    margin-right: -7.2em !important;
  }
  .mb-72e-pc {
    margin-bottom: -7.2em !important;
  }
  .ml-72e-pc {
    margin-left: -7.2em !important;
  }
  .pt72-pc {
    padding-top: 72px !important;
  }
  .pr72-pc {
    padding-right: 72px !important;
  }
  .pb72-pc {
    padding-bottom: 72px !important;
  }
  .pl72-pc {
    padding-left: 72px !important;
  }
  .pt72e-pc {
    padding-top: 7.2em !important;
  }
  .pr72e-pc {
    padding-right: 7.2em !important;
  }
  .pb72e-pc {
    padding-bottom: 7.2em !important;
  }
  .pl72e-pc {
    padding-left: 7.2em !important;
  }
  .w720-pc {
    width: 720px !important;
  }
  .w72p-pc {
    width: 72% !important;
  }
  .w72e-pc {
    width: 7.2em !important;
  }
  .mt73-pc {
    margin-top: 73px !important;
  }
  .mr73-pc {
    margin-right: 73px !important;
  }
  .mb73-pc {
    margin-bottom: 73px !important;
  }
  .ml73-pc {
    margin-left: 73px !important;
  }
  .mt73e-pc {
    margin-top: 7.3em !important;
  }
  .mr73e-pc {
    margin-right: 7.3em !important;
  }
  .mb73e-pc {
    margin-bottom: 7.3em !important;
  }
  .ml73e-pc {
    margin-left: 7.3em !important;
  }
  .mt-73-pc {
    margin-top: -73px !important;
  }
  .mr-73-pc {
    margin-right: -73px !important;
  }
  .mb-73-pc {
    margin-bottom: -73px !important;
  }
  .ml-73-pc {
    margin-left: -73px !important;
  }
  .mt-73e-pc {
    margin-top: -7.3em !important;
  }
  .mr-73e-pc {
    margin-right: -7.3em !important;
  }
  .mb-73e-pc {
    margin-bottom: -7.3em !important;
  }
  .ml-73e-pc {
    margin-left: -7.3em !important;
  }
  .pt73-pc {
    padding-top: 73px !important;
  }
  .pr73-pc {
    padding-right: 73px !important;
  }
  .pb73-pc {
    padding-bottom: 73px !important;
  }
  .pl73-pc {
    padding-left: 73px !important;
  }
  .pt73e-pc {
    padding-top: 7.3em !important;
  }
  .pr73e-pc {
    padding-right: 7.3em !important;
  }
  .pb73e-pc {
    padding-bottom: 7.3em !important;
  }
  .pl73e-pc {
    padding-left: 7.3em !important;
  }
  .w730-pc {
    width: 730px !important;
  }
  .w73p-pc {
    width: 73% !important;
  }
  .w73e-pc {
    width: 7.3em !important;
  }
  .mt74-pc {
    margin-top: 74px !important;
  }
  .mr74-pc {
    margin-right: 74px !important;
  }
  .mb74-pc {
    margin-bottom: 74px !important;
  }
  .ml74-pc {
    margin-left: 74px !important;
  }
  .mt74e-pc {
    margin-top: 7.4em !important;
  }
  .mr74e-pc {
    margin-right: 7.4em !important;
  }
  .mb74e-pc {
    margin-bottom: 7.4em !important;
  }
  .ml74e-pc {
    margin-left: 7.4em !important;
  }
  .mt-74-pc {
    margin-top: -74px !important;
  }
  .mr-74-pc {
    margin-right: -74px !important;
  }
  .mb-74-pc {
    margin-bottom: -74px !important;
  }
  .ml-74-pc {
    margin-left: -74px !important;
  }
  .mt-74e-pc {
    margin-top: -7.4em !important;
  }
  .mr-74e-pc {
    margin-right: -7.4em !important;
  }
  .mb-74e-pc {
    margin-bottom: -7.4em !important;
  }
  .ml-74e-pc {
    margin-left: -7.4em !important;
  }
  .pt74-pc {
    padding-top: 74px !important;
  }
  .pr74-pc {
    padding-right: 74px !important;
  }
  .pb74-pc {
    padding-bottom: 74px !important;
  }
  .pl74-pc {
    padding-left: 74px !important;
  }
  .pt74e-pc {
    padding-top: 7.4em !important;
  }
  .pr74e-pc {
    padding-right: 7.4em !important;
  }
  .pb74e-pc {
    padding-bottom: 7.4em !important;
  }
  .pl74e-pc {
    padding-left: 7.4em !important;
  }
  .w740-pc {
    width: 740px !important;
  }
  .w74p-pc {
    width: 74% !important;
  }
  .w74e-pc {
    width: 7.4em !important;
  }
  .mt75-pc {
    margin-top: 75px !important;
  }
  .mr75-pc {
    margin-right: 75px !important;
  }
  .mb75-pc {
    margin-bottom: 75px !important;
  }
  .ml75-pc {
    margin-left: 75px !important;
  }
  .mt75e-pc {
    margin-top: 7.5em !important;
  }
  .mr75e-pc {
    margin-right: 7.5em !important;
  }
  .mb75e-pc {
    margin-bottom: 7.5em !important;
  }
  .ml75e-pc {
    margin-left: 7.5em !important;
  }
  .mt-75-pc {
    margin-top: -75px !important;
  }
  .mr-75-pc {
    margin-right: -75px !important;
  }
  .mb-75-pc {
    margin-bottom: -75px !important;
  }
  .ml-75-pc {
    margin-left: -75px !important;
  }
  .mt-75e-pc {
    margin-top: -7.5em !important;
  }
  .mr-75e-pc {
    margin-right: -7.5em !important;
  }
  .mb-75e-pc {
    margin-bottom: -7.5em !important;
  }
  .ml-75e-pc {
    margin-left: -7.5em !important;
  }
  .pt75-pc {
    padding-top: 75px !important;
  }
  .pr75-pc {
    padding-right: 75px !important;
  }
  .pb75-pc {
    padding-bottom: 75px !important;
  }
  .pl75-pc {
    padding-left: 75px !important;
  }
  .pt75e-pc {
    padding-top: 7.5em !important;
  }
  .pr75e-pc {
    padding-right: 7.5em !important;
  }
  .pb75e-pc {
    padding-bottom: 7.5em !important;
  }
  .pl75e-pc {
    padding-left: 7.5em !important;
  }
  .w750-pc {
    width: 750px !important;
  }
  .w75p-pc {
    width: 75% !important;
  }
  .w75e-pc {
    width: 7.5em !important;
  }
  .mt76-pc {
    margin-top: 76px !important;
  }
  .mr76-pc {
    margin-right: 76px !important;
  }
  .mb76-pc {
    margin-bottom: 76px !important;
  }
  .ml76-pc {
    margin-left: 76px !important;
  }
  .mt76e-pc {
    margin-top: 7.6em !important;
  }
  .mr76e-pc {
    margin-right: 7.6em !important;
  }
  .mb76e-pc {
    margin-bottom: 7.6em !important;
  }
  .ml76e-pc {
    margin-left: 7.6em !important;
  }
  .mt-76-pc {
    margin-top: -76px !important;
  }
  .mr-76-pc {
    margin-right: -76px !important;
  }
  .mb-76-pc {
    margin-bottom: -76px !important;
  }
  .ml-76-pc {
    margin-left: -76px !important;
  }
  .mt-76e-pc {
    margin-top: -7.6em !important;
  }
  .mr-76e-pc {
    margin-right: -7.6em !important;
  }
  .mb-76e-pc {
    margin-bottom: -7.6em !important;
  }
  .ml-76e-pc {
    margin-left: -7.6em !important;
  }
  .pt76-pc {
    padding-top: 76px !important;
  }
  .pr76-pc {
    padding-right: 76px !important;
  }
  .pb76-pc {
    padding-bottom: 76px !important;
  }
  .pl76-pc {
    padding-left: 76px !important;
  }
  .pt76e-pc {
    padding-top: 7.6em !important;
  }
  .pr76e-pc {
    padding-right: 7.6em !important;
  }
  .pb76e-pc {
    padding-bottom: 7.6em !important;
  }
  .pl76e-pc {
    padding-left: 7.6em !important;
  }
  .w760-pc {
    width: 760px !important;
  }
  .w76p-pc {
    width: 76% !important;
  }
  .w76e-pc {
    width: 7.6em !important;
  }
  .mt77-pc {
    margin-top: 77px !important;
  }
  .mr77-pc {
    margin-right: 77px !important;
  }
  .mb77-pc {
    margin-bottom: 77px !important;
  }
  .ml77-pc {
    margin-left: 77px !important;
  }
  .mt77e-pc {
    margin-top: 7.7em !important;
  }
  .mr77e-pc {
    margin-right: 7.7em !important;
  }
  .mb77e-pc {
    margin-bottom: 7.7em !important;
  }
  .ml77e-pc {
    margin-left: 7.7em !important;
  }
  .mt-77-pc {
    margin-top: -77px !important;
  }
  .mr-77-pc {
    margin-right: -77px !important;
  }
  .mb-77-pc {
    margin-bottom: -77px !important;
  }
  .ml-77-pc {
    margin-left: -77px !important;
  }
  .mt-77e-pc {
    margin-top: -7.7em !important;
  }
  .mr-77e-pc {
    margin-right: -7.7em !important;
  }
  .mb-77e-pc {
    margin-bottom: -7.7em !important;
  }
  .ml-77e-pc {
    margin-left: -7.7em !important;
  }
  .pt77-pc {
    padding-top: 77px !important;
  }
  .pr77-pc {
    padding-right: 77px !important;
  }
  .pb77-pc {
    padding-bottom: 77px !important;
  }
  .pl77-pc {
    padding-left: 77px !important;
  }
  .pt77e-pc {
    padding-top: 7.7em !important;
  }
  .pr77e-pc {
    padding-right: 7.7em !important;
  }
  .pb77e-pc {
    padding-bottom: 7.7em !important;
  }
  .pl77e-pc {
    padding-left: 7.7em !important;
  }
  .w770-pc {
    width: 770px !important;
  }
  .w77p-pc {
    width: 77% !important;
  }
  .w77e-pc {
    width: 7.7em !important;
  }
  .mt78-pc {
    margin-top: 78px !important;
  }
  .mr78-pc {
    margin-right: 78px !important;
  }
  .mb78-pc {
    margin-bottom: 78px !important;
  }
  .ml78-pc {
    margin-left: 78px !important;
  }
  .mt78e-pc {
    margin-top: 7.8em !important;
  }
  .mr78e-pc {
    margin-right: 7.8em !important;
  }
  .mb78e-pc {
    margin-bottom: 7.8em !important;
  }
  .ml78e-pc {
    margin-left: 7.8em !important;
  }
  .mt-78-pc {
    margin-top: -78px !important;
  }
  .mr-78-pc {
    margin-right: -78px !important;
  }
  .mb-78-pc {
    margin-bottom: -78px !important;
  }
  .ml-78-pc {
    margin-left: -78px !important;
  }
  .mt-78e-pc {
    margin-top: -7.8em !important;
  }
  .mr-78e-pc {
    margin-right: -7.8em !important;
  }
  .mb-78e-pc {
    margin-bottom: -7.8em !important;
  }
  .ml-78e-pc {
    margin-left: -7.8em !important;
  }
  .pt78-pc {
    padding-top: 78px !important;
  }
  .pr78-pc {
    padding-right: 78px !important;
  }
  .pb78-pc {
    padding-bottom: 78px !important;
  }
  .pl78-pc {
    padding-left: 78px !important;
  }
  .pt78e-pc {
    padding-top: 7.8em !important;
  }
  .pr78e-pc {
    padding-right: 7.8em !important;
  }
  .pb78e-pc {
    padding-bottom: 7.8em !important;
  }
  .pl78e-pc {
    padding-left: 7.8em !important;
  }
  .w780-pc {
    width: 780px !important;
  }
  .w78p-pc {
    width: 78% !important;
  }
  .w78e-pc {
    width: 7.8em !important;
  }
  .mt79-pc {
    margin-top: 79px !important;
  }
  .mr79-pc {
    margin-right: 79px !important;
  }
  .mb79-pc {
    margin-bottom: 79px !important;
  }
  .ml79-pc {
    margin-left: 79px !important;
  }
  .mt79e-pc {
    margin-top: 7.9em !important;
  }
  .mr79e-pc {
    margin-right: 7.9em !important;
  }
  .mb79e-pc {
    margin-bottom: 7.9em !important;
  }
  .ml79e-pc {
    margin-left: 7.9em !important;
  }
  .mt-79-pc {
    margin-top: -79px !important;
  }
  .mr-79-pc {
    margin-right: -79px !important;
  }
  .mb-79-pc {
    margin-bottom: -79px !important;
  }
  .ml-79-pc {
    margin-left: -79px !important;
  }
  .mt-79e-pc {
    margin-top: -7.9em !important;
  }
  .mr-79e-pc {
    margin-right: -7.9em !important;
  }
  .mb-79e-pc {
    margin-bottom: -7.9em !important;
  }
  .ml-79e-pc {
    margin-left: -7.9em !important;
  }
  .pt79-pc {
    padding-top: 79px !important;
  }
  .pr79-pc {
    padding-right: 79px !important;
  }
  .pb79-pc {
    padding-bottom: 79px !important;
  }
  .pl79-pc {
    padding-left: 79px !important;
  }
  .pt79e-pc {
    padding-top: 7.9em !important;
  }
  .pr79e-pc {
    padding-right: 7.9em !important;
  }
  .pb79e-pc {
    padding-bottom: 7.9em !important;
  }
  .pl79e-pc {
    padding-left: 7.9em !important;
  }
  .w790-pc {
    width: 790px !important;
  }
  .w79p-pc {
    width: 79% !important;
  }
  .w79e-pc {
    width: 7.9em !important;
  }
  .mt80-pc {
    margin-top: 80px !important;
  }
  .mr80-pc {
    margin-right: 80px !important;
  }
  .mb80-pc {
    margin-bottom: 80px !important;
  }
  .ml80-pc {
    margin-left: 80px !important;
  }
  .mt80e-pc {
    margin-top: 8em !important;
  }
  .mr80e-pc {
    margin-right: 8em !important;
  }
  .mb80e-pc {
    margin-bottom: 8em !important;
  }
  .ml80e-pc {
    margin-left: 8em !important;
  }
  .mt-80-pc {
    margin-top: -80px !important;
  }
  .mr-80-pc {
    margin-right: -80px !important;
  }
  .mb-80-pc {
    margin-bottom: -80px !important;
  }
  .ml-80-pc {
    margin-left: -80px !important;
  }
  .mt-80e-pc {
    margin-top: -8em !important;
  }
  .mr-80e-pc {
    margin-right: -8em !important;
  }
  .mb-80e-pc {
    margin-bottom: -8em !important;
  }
  .ml-80e-pc {
    margin-left: -8em !important;
  }
  .pt80-pc {
    padding-top: 80px !important;
  }
  .pr80-pc {
    padding-right: 80px !important;
  }
  .pb80-pc {
    padding-bottom: 80px !important;
  }
  .pl80-pc {
    padding-left: 80px !important;
  }
  .pt80e-pc {
    padding-top: 8em !important;
  }
  .pr80e-pc {
    padding-right: 8em !important;
  }
  .pb80e-pc {
    padding-bottom: 8em !important;
  }
  .pl80e-pc {
    padding-left: 8em !important;
  }
  .w800-pc {
    width: 800px !important;
  }
  .w80p-pc {
    width: 80% !important;
  }
  .w80e-pc {
    width: 8em !important;
  }
  .mt81-pc {
    margin-top: 81px !important;
  }
  .mr81-pc {
    margin-right: 81px !important;
  }
  .mb81-pc {
    margin-bottom: 81px !important;
  }
  .ml81-pc {
    margin-left: 81px !important;
  }
  .mt81e-pc {
    margin-top: 8.1em !important;
  }
  .mr81e-pc {
    margin-right: 8.1em !important;
  }
  .mb81e-pc {
    margin-bottom: 8.1em !important;
  }
  .ml81e-pc {
    margin-left: 8.1em !important;
  }
  .mt-81-pc {
    margin-top: -81px !important;
  }
  .mr-81-pc {
    margin-right: -81px !important;
  }
  .mb-81-pc {
    margin-bottom: -81px !important;
  }
  .ml-81-pc {
    margin-left: -81px !important;
  }
  .mt-81e-pc {
    margin-top: -8.1em !important;
  }
  .mr-81e-pc {
    margin-right: -8.1em !important;
  }
  .mb-81e-pc {
    margin-bottom: -8.1em !important;
  }
  .ml-81e-pc {
    margin-left: -8.1em !important;
  }
  .pt81-pc {
    padding-top: 81px !important;
  }
  .pr81-pc {
    padding-right: 81px !important;
  }
  .pb81-pc {
    padding-bottom: 81px !important;
  }
  .pl81-pc {
    padding-left: 81px !important;
  }
  .pt81e-pc {
    padding-top: 8.1em !important;
  }
  .pr81e-pc {
    padding-right: 8.1em !important;
  }
  .pb81e-pc {
    padding-bottom: 8.1em !important;
  }
  .pl81e-pc {
    padding-left: 8.1em !important;
  }
  .w810-pc {
    width: 810px !important;
  }
  .w81p-pc {
    width: 81% !important;
  }
  .w81e-pc {
    width: 8.1em !important;
  }
  .mt82-pc {
    margin-top: 82px !important;
  }
  .mr82-pc {
    margin-right: 82px !important;
  }
  .mb82-pc {
    margin-bottom: 82px !important;
  }
  .ml82-pc {
    margin-left: 82px !important;
  }
  .mt82e-pc {
    margin-top: 8.2em !important;
  }
  .mr82e-pc {
    margin-right: 8.2em !important;
  }
  .mb82e-pc {
    margin-bottom: 8.2em !important;
  }
  .ml82e-pc {
    margin-left: 8.2em !important;
  }
  .mt-82-pc {
    margin-top: -82px !important;
  }
  .mr-82-pc {
    margin-right: -82px !important;
  }
  .mb-82-pc {
    margin-bottom: -82px !important;
  }
  .ml-82-pc {
    margin-left: -82px !important;
  }
  .mt-82e-pc {
    margin-top: -8.2em !important;
  }
  .mr-82e-pc {
    margin-right: -8.2em !important;
  }
  .mb-82e-pc {
    margin-bottom: -8.2em !important;
  }
  .ml-82e-pc {
    margin-left: -8.2em !important;
  }
  .pt82-pc {
    padding-top: 82px !important;
  }
  .pr82-pc {
    padding-right: 82px !important;
  }
  .pb82-pc {
    padding-bottom: 82px !important;
  }
  .pl82-pc {
    padding-left: 82px !important;
  }
  .pt82e-pc {
    padding-top: 8.2em !important;
  }
  .pr82e-pc {
    padding-right: 8.2em !important;
  }
  .pb82e-pc {
    padding-bottom: 8.2em !important;
  }
  .pl82e-pc {
    padding-left: 8.2em !important;
  }
  .w820-pc {
    width: 820px !important;
  }
  .w82p-pc {
    width: 82% !important;
  }
  .w82e-pc {
    width: 8.2em !important;
  }
  .mt83-pc {
    margin-top: 83px !important;
  }
  .mr83-pc {
    margin-right: 83px !important;
  }
  .mb83-pc {
    margin-bottom: 83px !important;
  }
  .ml83-pc {
    margin-left: 83px !important;
  }
  .mt83e-pc {
    margin-top: 8.3em !important;
  }
  .mr83e-pc {
    margin-right: 8.3em !important;
  }
  .mb83e-pc {
    margin-bottom: 8.3em !important;
  }
  .ml83e-pc {
    margin-left: 8.3em !important;
  }
  .mt-83-pc {
    margin-top: -83px !important;
  }
  .mr-83-pc {
    margin-right: -83px !important;
  }
  .mb-83-pc {
    margin-bottom: -83px !important;
  }
  .ml-83-pc {
    margin-left: -83px !important;
  }
  .mt-83e-pc {
    margin-top: -8.3em !important;
  }
  .mr-83e-pc {
    margin-right: -8.3em !important;
  }
  .mb-83e-pc {
    margin-bottom: -8.3em !important;
  }
  .ml-83e-pc {
    margin-left: -8.3em !important;
  }
  .pt83-pc {
    padding-top: 83px !important;
  }
  .pr83-pc {
    padding-right: 83px !important;
  }
  .pb83-pc {
    padding-bottom: 83px !important;
  }
  .pl83-pc {
    padding-left: 83px !important;
  }
  .pt83e-pc {
    padding-top: 8.3em !important;
  }
  .pr83e-pc {
    padding-right: 8.3em !important;
  }
  .pb83e-pc {
    padding-bottom: 8.3em !important;
  }
  .pl83e-pc {
    padding-left: 8.3em !important;
  }
  .w830-pc {
    width: 830px !important;
  }
  .w83p-pc {
    width: 83% !important;
  }
  .w83e-pc {
    width: 8.3em !important;
  }
  .mt84-pc {
    margin-top: 84px !important;
  }
  .mr84-pc {
    margin-right: 84px !important;
  }
  .mb84-pc {
    margin-bottom: 84px !important;
  }
  .ml84-pc {
    margin-left: 84px !important;
  }
  .mt84e-pc {
    margin-top: 8.4em !important;
  }
  .mr84e-pc {
    margin-right: 8.4em !important;
  }
  .mb84e-pc {
    margin-bottom: 8.4em !important;
  }
  .ml84e-pc {
    margin-left: 8.4em !important;
  }
  .mt-84-pc {
    margin-top: -84px !important;
  }
  .mr-84-pc {
    margin-right: -84px !important;
  }
  .mb-84-pc {
    margin-bottom: -84px !important;
  }
  .ml-84-pc {
    margin-left: -84px !important;
  }
  .mt-84e-pc {
    margin-top: -8.4em !important;
  }
  .mr-84e-pc {
    margin-right: -8.4em !important;
  }
  .mb-84e-pc {
    margin-bottom: -8.4em !important;
  }
  .ml-84e-pc {
    margin-left: -8.4em !important;
  }
  .pt84-pc {
    padding-top: 84px !important;
  }
  .pr84-pc {
    padding-right: 84px !important;
  }
  .pb84-pc {
    padding-bottom: 84px !important;
  }
  .pl84-pc {
    padding-left: 84px !important;
  }
  .pt84e-pc {
    padding-top: 8.4em !important;
  }
  .pr84e-pc {
    padding-right: 8.4em !important;
  }
  .pb84e-pc {
    padding-bottom: 8.4em !important;
  }
  .pl84e-pc {
    padding-left: 8.4em !important;
  }
  .w840-pc {
    width: 840px !important;
  }
  .w84p-pc {
    width: 84% !important;
  }
  .w84e-pc {
    width: 8.4em !important;
  }
  .mt85-pc {
    margin-top: 85px !important;
  }
  .mr85-pc {
    margin-right: 85px !important;
  }
  .mb85-pc {
    margin-bottom: 85px !important;
  }
  .ml85-pc {
    margin-left: 85px !important;
  }
  .mt85e-pc {
    margin-top: 8.5em !important;
  }
  .mr85e-pc {
    margin-right: 8.5em !important;
  }
  .mb85e-pc {
    margin-bottom: 8.5em !important;
  }
  .ml85e-pc {
    margin-left: 8.5em !important;
  }
  .mt-85-pc {
    margin-top: -85px !important;
  }
  .mr-85-pc {
    margin-right: -85px !important;
  }
  .mb-85-pc {
    margin-bottom: -85px !important;
  }
  .ml-85-pc {
    margin-left: -85px !important;
  }
  .mt-85e-pc {
    margin-top: -8.5em !important;
  }
  .mr-85e-pc {
    margin-right: -8.5em !important;
  }
  .mb-85e-pc {
    margin-bottom: -8.5em !important;
  }
  .ml-85e-pc {
    margin-left: -8.5em !important;
  }
  .pt85-pc {
    padding-top: 85px !important;
  }
  .pr85-pc {
    padding-right: 85px !important;
  }
  .pb85-pc {
    padding-bottom: 85px !important;
  }
  .pl85-pc {
    padding-left: 85px !important;
  }
  .pt85e-pc {
    padding-top: 8.5em !important;
  }
  .pr85e-pc {
    padding-right: 8.5em !important;
  }
  .pb85e-pc {
    padding-bottom: 8.5em !important;
  }
  .pl85e-pc {
    padding-left: 8.5em !important;
  }
  .w850-pc {
    width: 850px !important;
  }
  .w85p-pc {
    width: 85% !important;
  }
  .w85e-pc {
    width: 8.5em !important;
  }
  .mt86-pc {
    margin-top: 86px !important;
  }
  .mr86-pc {
    margin-right: 86px !important;
  }
  .mb86-pc {
    margin-bottom: 86px !important;
  }
  .ml86-pc {
    margin-left: 86px !important;
  }
  .mt86e-pc {
    margin-top: 8.6em !important;
  }
  .mr86e-pc {
    margin-right: 8.6em !important;
  }
  .mb86e-pc {
    margin-bottom: 8.6em !important;
  }
  .ml86e-pc {
    margin-left: 8.6em !important;
  }
  .mt-86-pc {
    margin-top: -86px !important;
  }
  .mr-86-pc {
    margin-right: -86px !important;
  }
  .mb-86-pc {
    margin-bottom: -86px !important;
  }
  .ml-86-pc {
    margin-left: -86px !important;
  }
  .mt-86e-pc {
    margin-top: -8.6em !important;
  }
  .mr-86e-pc {
    margin-right: -8.6em !important;
  }
  .mb-86e-pc {
    margin-bottom: -8.6em !important;
  }
  .ml-86e-pc {
    margin-left: -8.6em !important;
  }
  .pt86-pc {
    padding-top: 86px !important;
  }
  .pr86-pc {
    padding-right: 86px !important;
  }
  .pb86-pc {
    padding-bottom: 86px !important;
  }
  .pl86-pc {
    padding-left: 86px !important;
  }
  .pt86e-pc {
    padding-top: 8.6em !important;
  }
  .pr86e-pc {
    padding-right: 8.6em !important;
  }
  .pb86e-pc {
    padding-bottom: 8.6em !important;
  }
  .pl86e-pc {
    padding-left: 8.6em !important;
  }
  .w860-pc {
    width: 860px !important;
  }
  .w86p-pc {
    width: 86% !important;
  }
  .w86e-pc {
    width: 8.6em !important;
  }
  .mt87-pc {
    margin-top: 87px !important;
  }
  .mr87-pc {
    margin-right: 87px !important;
  }
  .mb87-pc {
    margin-bottom: 87px !important;
  }
  .ml87-pc {
    margin-left: 87px !important;
  }
  .mt87e-pc {
    margin-top: 8.7em !important;
  }
  .mr87e-pc {
    margin-right: 8.7em !important;
  }
  .mb87e-pc {
    margin-bottom: 8.7em !important;
  }
  .ml87e-pc {
    margin-left: 8.7em !important;
  }
  .mt-87-pc {
    margin-top: -87px !important;
  }
  .mr-87-pc {
    margin-right: -87px !important;
  }
  .mb-87-pc {
    margin-bottom: -87px !important;
  }
  .ml-87-pc {
    margin-left: -87px !important;
  }
  .mt-87e-pc {
    margin-top: -8.7em !important;
  }
  .mr-87e-pc {
    margin-right: -8.7em !important;
  }
  .mb-87e-pc {
    margin-bottom: -8.7em !important;
  }
  .ml-87e-pc {
    margin-left: -8.7em !important;
  }
  .pt87-pc {
    padding-top: 87px !important;
  }
  .pr87-pc {
    padding-right: 87px !important;
  }
  .pb87-pc {
    padding-bottom: 87px !important;
  }
  .pl87-pc {
    padding-left: 87px !important;
  }
  .pt87e-pc {
    padding-top: 8.7em !important;
  }
  .pr87e-pc {
    padding-right: 8.7em !important;
  }
  .pb87e-pc {
    padding-bottom: 8.7em !important;
  }
  .pl87e-pc {
    padding-left: 8.7em !important;
  }
  .w870-pc {
    width: 870px !important;
  }
  .w87p-pc {
    width: 87% !important;
  }
  .w87e-pc {
    width: 8.7em !important;
  }
  .mt88-pc {
    margin-top: 88px !important;
  }
  .mr88-pc {
    margin-right: 88px !important;
  }
  .mb88-pc {
    margin-bottom: 88px !important;
  }
  .ml88-pc {
    margin-left: 88px !important;
  }
  .mt88e-pc {
    margin-top: 8.8em !important;
  }
  .mr88e-pc {
    margin-right: 8.8em !important;
  }
  .mb88e-pc {
    margin-bottom: 8.8em !important;
  }
  .ml88e-pc {
    margin-left: 8.8em !important;
  }
  .mt-88-pc {
    margin-top: -88px !important;
  }
  .mr-88-pc {
    margin-right: -88px !important;
  }
  .mb-88-pc {
    margin-bottom: -88px !important;
  }
  .ml-88-pc {
    margin-left: -88px !important;
  }
  .mt-88e-pc {
    margin-top: -8.8em !important;
  }
  .mr-88e-pc {
    margin-right: -8.8em !important;
  }
  .mb-88e-pc {
    margin-bottom: -8.8em !important;
  }
  .ml-88e-pc {
    margin-left: -8.8em !important;
  }
  .pt88-pc {
    padding-top: 88px !important;
  }
  .pr88-pc {
    padding-right: 88px !important;
  }
  .pb88-pc {
    padding-bottom: 88px !important;
  }
  .pl88-pc {
    padding-left: 88px !important;
  }
  .pt88e-pc {
    padding-top: 8.8em !important;
  }
  .pr88e-pc {
    padding-right: 8.8em !important;
  }
  .pb88e-pc {
    padding-bottom: 8.8em !important;
  }
  .pl88e-pc {
    padding-left: 8.8em !important;
  }
  .w880-pc {
    width: 880px !important;
  }
  .w88p-pc {
    width: 88% !important;
  }
  .w88e-pc {
    width: 8.8em !important;
  }
  .mt89-pc {
    margin-top: 89px !important;
  }
  .mr89-pc {
    margin-right: 89px !important;
  }
  .mb89-pc {
    margin-bottom: 89px !important;
  }
  .ml89-pc {
    margin-left: 89px !important;
  }
  .mt89e-pc {
    margin-top: 8.9em !important;
  }
  .mr89e-pc {
    margin-right: 8.9em !important;
  }
  .mb89e-pc {
    margin-bottom: 8.9em !important;
  }
  .ml89e-pc {
    margin-left: 8.9em !important;
  }
  .mt-89-pc {
    margin-top: -89px !important;
  }
  .mr-89-pc {
    margin-right: -89px !important;
  }
  .mb-89-pc {
    margin-bottom: -89px !important;
  }
  .ml-89-pc {
    margin-left: -89px !important;
  }
  .mt-89e-pc {
    margin-top: -8.9em !important;
  }
  .mr-89e-pc {
    margin-right: -8.9em !important;
  }
  .mb-89e-pc {
    margin-bottom: -8.9em !important;
  }
  .ml-89e-pc {
    margin-left: -8.9em !important;
  }
  .pt89-pc {
    padding-top: 89px !important;
  }
  .pr89-pc {
    padding-right: 89px !important;
  }
  .pb89-pc {
    padding-bottom: 89px !important;
  }
  .pl89-pc {
    padding-left: 89px !important;
  }
  .pt89e-pc {
    padding-top: 8.9em !important;
  }
  .pr89e-pc {
    padding-right: 8.9em !important;
  }
  .pb89e-pc {
    padding-bottom: 8.9em !important;
  }
  .pl89e-pc {
    padding-left: 8.9em !important;
  }
  .w890-pc {
    width: 890px !important;
  }
  .w89p-pc {
    width: 89% !important;
  }
  .w89e-pc {
    width: 8.9em !important;
  }
  .mt90-pc {
    margin-top: 90px !important;
  }
  .mr90-pc {
    margin-right: 90px !important;
  }
  .mb90-pc {
    margin-bottom: 90px !important;
  }
  .ml90-pc {
    margin-left: 90px !important;
  }
  .mt90e-pc {
    margin-top: 9em !important;
  }
  .mr90e-pc {
    margin-right: 9em !important;
  }
  .mb90e-pc {
    margin-bottom: 9em !important;
  }
  .ml90e-pc {
    margin-left: 9em !important;
  }
  .mt-90-pc {
    margin-top: -90px !important;
  }
  .mr-90-pc {
    margin-right: -90px !important;
  }
  .mb-90-pc {
    margin-bottom: -90px !important;
  }
  .ml-90-pc {
    margin-left: -90px !important;
  }
  .mt-90e-pc {
    margin-top: -9em !important;
  }
  .mr-90e-pc {
    margin-right: -9em !important;
  }
  .mb-90e-pc {
    margin-bottom: -9em !important;
  }
  .ml-90e-pc {
    margin-left: -9em !important;
  }
  .pt90-pc {
    padding-top: 90px !important;
  }
  .pr90-pc {
    padding-right: 90px !important;
  }
  .pb90-pc {
    padding-bottom: 90px !important;
  }
  .pl90-pc {
    padding-left: 90px !important;
  }
  .pt90e-pc {
    padding-top: 9em !important;
  }
  .pr90e-pc {
    padding-right: 9em !important;
  }
  .pb90e-pc {
    padding-bottom: 9em !important;
  }
  .pl90e-pc {
    padding-left: 9em !important;
  }
  .w900-pc {
    width: 900px !important;
  }
  .w90p-pc {
    width: 90% !important;
  }
  .w90e-pc {
    width: 9em !important;
  }
  .mt91-pc {
    margin-top: 91px !important;
  }
  .mr91-pc {
    margin-right: 91px !important;
  }
  .mb91-pc {
    margin-bottom: 91px !important;
  }
  .ml91-pc {
    margin-left: 91px !important;
  }
  .mt91e-pc {
    margin-top: 9.1em !important;
  }
  .mr91e-pc {
    margin-right: 9.1em !important;
  }
  .mb91e-pc {
    margin-bottom: 9.1em !important;
  }
  .ml91e-pc {
    margin-left: 9.1em !important;
  }
  .mt-91-pc {
    margin-top: -91px !important;
  }
  .mr-91-pc {
    margin-right: -91px !important;
  }
  .mb-91-pc {
    margin-bottom: -91px !important;
  }
  .ml-91-pc {
    margin-left: -91px !important;
  }
  .mt-91e-pc {
    margin-top: -9.1em !important;
  }
  .mr-91e-pc {
    margin-right: -9.1em !important;
  }
  .mb-91e-pc {
    margin-bottom: -9.1em !important;
  }
  .ml-91e-pc {
    margin-left: -9.1em !important;
  }
  .pt91-pc {
    padding-top: 91px !important;
  }
  .pr91-pc {
    padding-right: 91px !important;
  }
  .pb91-pc {
    padding-bottom: 91px !important;
  }
  .pl91-pc {
    padding-left: 91px !important;
  }
  .pt91e-pc {
    padding-top: 9.1em !important;
  }
  .pr91e-pc {
    padding-right: 9.1em !important;
  }
  .pb91e-pc {
    padding-bottom: 9.1em !important;
  }
  .pl91e-pc {
    padding-left: 9.1em !important;
  }
  .w910-pc {
    width: 910px !important;
  }
  .w91p-pc {
    width: 91% !important;
  }
  .w91e-pc {
    width: 9.1em !important;
  }
  .mt92-pc {
    margin-top: 92px !important;
  }
  .mr92-pc {
    margin-right: 92px !important;
  }
  .mb92-pc {
    margin-bottom: 92px !important;
  }
  .ml92-pc {
    margin-left: 92px !important;
  }
  .mt92e-pc {
    margin-top: 9.2em !important;
  }
  .mr92e-pc {
    margin-right: 9.2em !important;
  }
  .mb92e-pc {
    margin-bottom: 9.2em !important;
  }
  .ml92e-pc {
    margin-left: 9.2em !important;
  }
  .mt-92-pc {
    margin-top: -92px !important;
  }
  .mr-92-pc {
    margin-right: -92px !important;
  }
  .mb-92-pc {
    margin-bottom: -92px !important;
  }
  .ml-92-pc {
    margin-left: -92px !important;
  }
  .mt-92e-pc {
    margin-top: -9.2em !important;
  }
  .mr-92e-pc {
    margin-right: -9.2em !important;
  }
  .mb-92e-pc {
    margin-bottom: -9.2em !important;
  }
  .ml-92e-pc {
    margin-left: -9.2em !important;
  }
  .pt92-pc {
    padding-top: 92px !important;
  }
  .pr92-pc {
    padding-right: 92px !important;
  }
  .pb92-pc {
    padding-bottom: 92px !important;
  }
  .pl92-pc {
    padding-left: 92px !important;
  }
  .pt92e-pc {
    padding-top: 9.2em !important;
  }
  .pr92e-pc {
    padding-right: 9.2em !important;
  }
  .pb92e-pc {
    padding-bottom: 9.2em !important;
  }
  .pl92e-pc {
    padding-left: 9.2em !important;
  }
  .w920-pc {
    width: 920px !important;
  }
  .w92p-pc {
    width: 92% !important;
  }
  .w92e-pc {
    width: 9.2em !important;
  }
  .mt93-pc {
    margin-top: 93px !important;
  }
  .mr93-pc {
    margin-right: 93px !important;
  }
  .mb93-pc {
    margin-bottom: 93px !important;
  }
  .ml93-pc {
    margin-left: 93px !important;
  }
  .mt93e-pc {
    margin-top: 9.3em !important;
  }
  .mr93e-pc {
    margin-right: 9.3em !important;
  }
  .mb93e-pc {
    margin-bottom: 9.3em !important;
  }
  .ml93e-pc {
    margin-left: 9.3em !important;
  }
  .mt-93-pc {
    margin-top: -93px !important;
  }
  .mr-93-pc {
    margin-right: -93px !important;
  }
  .mb-93-pc {
    margin-bottom: -93px !important;
  }
  .ml-93-pc {
    margin-left: -93px !important;
  }
  .mt-93e-pc {
    margin-top: -9.3em !important;
  }
  .mr-93e-pc {
    margin-right: -9.3em !important;
  }
  .mb-93e-pc {
    margin-bottom: -9.3em !important;
  }
  .ml-93e-pc {
    margin-left: -9.3em !important;
  }
  .pt93-pc {
    padding-top: 93px !important;
  }
  .pr93-pc {
    padding-right: 93px !important;
  }
  .pb93-pc {
    padding-bottom: 93px !important;
  }
  .pl93-pc {
    padding-left: 93px !important;
  }
  .pt93e-pc {
    padding-top: 9.3em !important;
  }
  .pr93e-pc {
    padding-right: 9.3em !important;
  }
  .pb93e-pc {
    padding-bottom: 9.3em !important;
  }
  .pl93e-pc {
    padding-left: 9.3em !important;
  }
  .w930-pc {
    width: 930px !important;
  }
  .w93p-pc {
    width: 93% !important;
  }
  .w93e-pc {
    width: 9.3em !important;
  }
  .mt94-pc {
    margin-top: 94px !important;
  }
  .mr94-pc {
    margin-right: 94px !important;
  }
  .mb94-pc {
    margin-bottom: 94px !important;
  }
  .ml94-pc {
    margin-left: 94px !important;
  }
  .mt94e-pc {
    margin-top: 9.4em !important;
  }
  .mr94e-pc {
    margin-right: 9.4em !important;
  }
  .mb94e-pc {
    margin-bottom: 9.4em !important;
  }
  .ml94e-pc {
    margin-left: 9.4em !important;
  }
  .mt-94-pc {
    margin-top: -94px !important;
  }
  .mr-94-pc {
    margin-right: -94px !important;
  }
  .mb-94-pc {
    margin-bottom: -94px !important;
  }
  .ml-94-pc {
    margin-left: -94px !important;
  }
  .mt-94e-pc {
    margin-top: -9.4em !important;
  }
  .mr-94e-pc {
    margin-right: -9.4em !important;
  }
  .mb-94e-pc {
    margin-bottom: -9.4em !important;
  }
  .ml-94e-pc {
    margin-left: -9.4em !important;
  }
  .pt94-pc {
    padding-top: 94px !important;
  }
  .pr94-pc {
    padding-right: 94px !important;
  }
  .pb94-pc {
    padding-bottom: 94px !important;
  }
  .pl94-pc {
    padding-left: 94px !important;
  }
  .pt94e-pc {
    padding-top: 9.4em !important;
  }
  .pr94e-pc {
    padding-right: 9.4em !important;
  }
  .pb94e-pc {
    padding-bottom: 9.4em !important;
  }
  .pl94e-pc {
    padding-left: 9.4em !important;
  }
  .w940-pc {
    width: 940px !important;
  }
  .w94p-pc {
    width: 94% !important;
  }
  .w94e-pc {
    width: 9.4em !important;
  }
  .mt95-pc {
    margin-top: 95px !important;
  }
  .mr95-pc {
    margin-right: 95px !important;
  }
  .mb95-pc {
    margin-bottom: 95px !important;
  }
  .ml95-pc {
    margin-left: 95px !important;
  }
  .mt95e-pc {
    margin-top: 9.5em !important;
  }
  .mr95e-pc {
    margin-right: 9.5em !important;
  }
  .mb95e-pc {
    margin-bottom: 9.5em !important;
  }
  .ml95e-pc {
    margin-left: 9.5em !important;
  }
  .mt-95-pc {
    margin-top: -95px !important;
  }
  .mr-95-pc {
    margin-right: -95px !important;
  }
  .mb-95-pc {
    margin-bottom: -95px !important;
  }
  .ml-95-pc {
    margin-left: -95px !important;
  }
  .mt-95e-pc {
    margin-top: -9.5em !important;
  }
  .mr-95e-pc {
    margin-right: -9.5em !important;
  }
  .mb-95e-pc {
    margin-bottom: -9.5em !important;
  }
  .ml-95e-pc {
    margin-left: -9.5em !important;
  }
  .pt95-pc {
    padding-top: 95px !important;
  }
  .pr95-pc {
    padding-right: 95px !important;
  }
  .pb95-pc {
    padding-bottom: 95px !important;
  }
  .pl95-pc {
    padding-left: 95px !important;
  }
  .pt95e-pc {
    padding-top: 9.5em !important;
  }
  .pr95e-pc {
    padding-right: 9.5em !important;
  }
  .pb95e-pc {
    padding-bottom: 9.5em !important;
  }
  .pl95e-pc {
    padding-left: 9.5em !important;
  }
  .w950-pc {
    width: 950px !important;
  }
  .w95p-pc {
    width: 95% !important;
  }
  .w95e-pc {
    width: 9.5em !important;
  }
  .mt96-pc {
    margin-top: 96px !important;
  }
  .mr96-pc {
    margin-right: 96px !important;
  }
  .mb96-pc {
    margin-bottom: 96px !important;
  }
  .ml96-pc {
    margin-left: 96px !important;
  }
  .mt96e-pc {
    margin-top: 9.6em !important;
  }
  .mr96e-pc {
    margin-right: 9.6em !important;
  }
  .mb96e-pc {
    margin-bottom: 9.6em !important;
  }
  .ml96e-pc {
    margin-left: 9.6em !important;
  }
  .mt-96-pc {
    margin-top: -96px !important;
  }
  .mr-96-pc {
    margin-right: -96px !important;
  }
  .mb-96-pc {
    margin-bottom: -96px !important;
  }
  .ml-96-pc {
    margin-left: -96px !important;
  }
  .mt-96e-pc {
    margin-top: -9.6em !important;
  }
  .mr-96e-pc {
    margin-right: -9.6em !important;
  }
  .mb-96e-pc {
    margin-bottom: -9.6em !important;
  }
  .ml-96e-pc {
    margin-left: -9.6em !important;
  }
  .pt96-pc {
    padding-top: 96px !important;
  }
  .pr96-pc {
    padding-right: 96px !important;
  }
  .pb96-pc {
    padding-bottom: 96px !important;
  }
  .pl96-pc {
    padding-left: 96px !important;
  }
  .pt96e-pc {
    padding-top: 9.6em !important;
  }
  .pr96e-pc {
    padding-right: 9.6em !important;
  }
  .pb96e-pc {
    padding-bottom: 9.6em !important;
  }
  .pl96e-pc {
    padding-left: 9.6em !important;
  }
  .w960-pc {
    width: 960px !important;
  }
  .w96p-pc {
    width: 96% !important;
  }
  .w96e-pc {
    width: 9.6em !important;
  }
  .mt97-pc {
    margin-top: 97px !important;
  }
  .mr97-pc {
    margin-right: 97px !important;
  }
  .mb97-pc {
    margin-bottom: 97px !important;
  }
  .ml97-pc {
    margin-left: 97px !important;
  }
  .mt97e-pc {
    margin-top: 9.7em !important;
  }
  .mr97e-pc {
    margin-right: 9.7em !important;
  }
  .mb97e-pc {
    margin-bottom: 9.7em !important;
  }
  .ml97e-pc {
    margin-left: 9.7em !important;
  }
  .mt-97-pc {
    margin-top: -97px !important;
  }
  .mr-97-pc {
    margin-right: -97px !important;
  }
  .mb-97-pc {
    margin-bottom: -97px !important;
  }
  .ml-97-pc {
    margin-left: -97px !important;
  }
  .mt-97e-pc {
    margin-top: -9.7em !important;
  }
  .mr-97e-pc {
    margin-right: -9.7em !important;
  }
  .mb-97e-pc {
    margin-bottom: -9.7em !important;
  }
  .ml-97e-pc {
    margin-left: -9.7em !important;
  }
  .pt97-pc {
    padding-top: 97px !important;
  }
  .pr97-pc {
    padding-right: 97px !important;
  }
  .pb97-pc {
    padding-bottom: 97px !important;
  }
  .pl97-pc {
    padding-left: 97px !important;
  }
  .pt97e-pc {
    padding-top: 9.7em !important;
  }
  .pr97e-pc {
    padding-right: 9.7em !important;
  }
  .pb97e-pc {
    padding-bottom: 9.7em !important;
  }
  .pl97e-pc {
    padding-left: 9.7em !important;
  }
  .w970-pc {
    width: 970px !important;
  }
  .w97p-pc {
    width: 97% !important;
  }
  .w97e-pc {
    width: 9.7em !important;
  }
  .mt98-pc {
    margin-top: 98px !important;
  }
  .mr98-pc {
    margin-right: 98px !important;
  }
  .mb98-pc {
    margin-bottom: 98px !important;
  }
  .ml98-pc {
    margin-left: 98px !important;
  }
  .mt98e-pc {
    margin-top: 9.8em !important;
  }
  .mr98e-pc {
    margin-right: 9.8em !important;
  }
  .mb98e-pc {
    margin-bottom: 9.8em !important;
  }
  .ml98e-pc {
    margin-left: 9.8em !important;
  }
  .mt-98-pc {
    margin-top: -98px !important;
  }
  .mr-98-pc {
    margin-right: -98px !important;
  }
  .mb-98-pc {
    margin-bottom: -98px !important;
  }
  .ml-98-pc {
    margin-left: -98px !important;
  }
  .mt-98e-pc {
    margin-top: -9.8em !important;
  }
  .mr-98e-pc {
    margin-right: -9.8em !important;
  }
  .mb-98e-pc {
    margin-bottom: -9.8em !important;
  }
  .ml-98e-pc {
    margin-left: -9.8em !important;
  }
  .pt98-pc {
    padding-top: 98px !important;
  }
  .pr98-pc {
    padding-right: 98px !important;
  }
  .pb98-pc {
    padding-bottom: 98px !important;
  }
  .pl98-pc {
    padding-left: 98px !important;
  }
  .pt98e-pc {
    padding-top: 9.8em !important;
  }
  .pr98e-pc {
    padding-right: 9.8em !important;
  }
  .pb98e-pc {
    padding-bottom: 9.8em !important;
  }
  .pl98e-pc {
    padding-left: 9.8em !important;
  }
  .w980-pc {
    width: 980px !important;
  }
  .w98p-pc {
    width: 98% !important;
  }
  .w98e-pc {
    width: 9.8em !important;
  }
  .mt99-pc {
    margin-top: 99px !important;
  }
  .mr99-pc {
    margin-right: 99px !important;
  }
  .mb99-pc {
    margin-bottom: 99px !important;
  }
  .ml99-pc {
    margin-left: 99px !important;
  }
  .mt99e-pc {
    margin-top: 9.9em !important;
  }
  .mr99e-pc {
    margin-right: 9.9em !important;
  }
  .mb99e-pc {
    margin-bottom: 9.9em !important;
  }
  .ml99e-pc {
    margin-left: 9.9em !important;
  }
  .mt-99-pc {
    margin-top: -99px !important;
  }
  .mr-99-pc {
    margin-right: -99px !important;
  }
  .mb-99-pc {
    margin-bottom: -99px !important;
  }
  .ml-99-pc {
    margin-left: -99px !important;
  }
  .mt-99e-pc {
    margin-top: -9.9em !important;
  }
  .mr-99e-pc {
    margin-right: -9.9em !important;
  }
  .mb-99e-pc {
    margin-bottom: -9.9em !important;
  }
  .ml-99e-pc {
    margin-left: -9.9em !important;
  }
  .pt99-pc {
    padding-top: 99px !important;
  }
  .pr99-pc {
    padding-right: 99px !important;
  }
  .pb99-pc {
    padding-bottom: 99px !important;
  }
  .pl99-pc {
    padding-left: 99px !important;
  }
  .pt99e-pc {
    padding-top: 9.9em !important;
  }
  .pr99e-pc {
    padding-right: 9.9em !important;
  }
  .pb99e-pc {
    padding-bottom: 9.9em !important;
  }
  .pl99e-pc {
    padding-left: 9.9em !important;
  }
  .w990-pc {
    width: 990px !important;
  }
  .w99p-pc {
    width: 99% !important;
  }
  .w99e-pc {
    width: 9.9em !important;
  }
  .mt100-pc {
    margin-top: 100px !important;
  }
  .mr100-pc {
    margin-right: 100px !important;
  }
  .mb100-pc {
    margin-bottom: 100px !important;
  }
  .ml100-pc {
    margin-left: 100px !important;
  }
  .mt100e-pc {
    margin-top: 10em !important;
  }
  .mr100e-pc {
    margin-right: 10em !important;
  }
  .mb100e-pc {
    margin-bottom: 10em !important;
  }
  .ml100e-pc {
    margin-left: 10em !important;
  }
  .mt-100-pc {
    margin-top: -100px !important;
  }
  .mr-100-pc {
    margin-right: -100px !important;
  }
  .mb-100-pc {
    margin-bottom: -100px !important;
  }
  .ml-100-pc {
    margin-left: -100px !important;
  }
  .mt-100e-pc {
    margin-top: -10em !important;
  }
  .mr-100e-pc {
    margin-right: -10em !important;
  }
  .mb-100e-pc {
    margin-bottom: -10em !important;
  }
  .ml-100e-pc {
    margin-left: -10em !important;
  }
  .pt100-pc {
    padding-top: 100px !important;
  }
  .pr100-pc {
    padding-right: 100px !important;
  }
  .pb100-pc {
    padding-bottom: 100px !important;
  }
  .pl100-pc {
    padding-left: 100px !important;
  }
  .pt100e-pc {
    padding-top: 10em !important;
  }
  .pr100e-pc {
    padding-right: 10em !important;
  }
  .pb100e-pc {
    padding-bottom: 10em !important;
  }
  .pl100e-pc {
    padding-left: 10em !important;
  }
  .w1000-pc {
    width: 1000px !important;
  }
  .w100p-pc {
    width: 100% !important;
  }
  .w100e-pc {
    width: 10em !important;
  }
  .mta-pc {
    margin-top: auto !important;
  }
  .mra-pc {
    margin-right: auto !important;
  }
  .mba-pc {
    margin-bottom: auto !important;
  }
  .mla-pc {
    margin-left: auto !important;
  }
  .fLeft-pc {
    float: left !important;
  }
  .fRight-pc {
    float: right !important;
  }
  .tLeft-pc {
    text-align: left !important;
  }
  .tCenter-pc {
    text-align: center !important;
  }
  .tRight-pc {
    text-align: right !important;
  }
  .vat-pc {
    vertical-align: top !important;
  }
  .vam-pc {
    vertical-align: middle !important;
  }
  .vab-pc {
    vertical-align: bottom !important;
  }
  .ib-pc {
    display: inline-block !important;
  }
  .font-lllllPc {
    font-size: 1.625rem;
  }
  .font-llllPc {
    font-size: 1.5rem;
  }
  .font-lllPc {
    font-size: 1.375rem;
  }
  .font-llPc {
    font-size: 1.25rem;
  }
  .font-lPc {
    font-size: 1.125rem;
  }
  .font-sPc {
    font-size: 0.875rem;
  }
  .font-ssPc {
    font-size: 0.8125rem;
  }
  .font-sssPc {
    font-size: 0.75rem;
  }
  .font-ssssPc {
    font-size: 0.6875rem;
  }
  .font-sssssPc {
    font-size: 0.625rem;
  }
  .btn > a::before, .btn > a::after {
    font-size: 0.875rem;
  }
  .btns_item {
    margin: 20px auto 0;
  }
  .btns_item-1-12pc {
    width: calc(99.9%/12 * 1);
  }
  .btns_item-2-12pc {
    width: calc(99.9%/12 * 2);
  }
  .btns_item-3-12pc {
    width: calc(99.9%/12 * 3);
  }
  .btns_item-4-12pc {
    width: calc(99.9%/12 * 4);
  }
  .btns_item-5-12pc {
    width: calc(99.9%/12 * 5);
  }
  .btns_item-6-12pc {
    width: calc(99.9%/12 * 6);
  }
  .btns_item-7-12pc {
    width: calc(99.9%/12 * 7);
  }
  .btns_item-8-12pc {
    width: calc(99.9%/12 * 8);
  }
  .btns_item-9-12pc {
    width: calc(99.9%/12 * 9);
  }
  .btns_item-10-12pc {
    width: calc(99.9%/12 * 10);
  }
  .btns_item-11-12pc {
    width: calc(99.9%/12 * 11);
  }
  .btns_item-12-12pc {
    width: calc(99.9%/12 * 12);
  }
  .btns_item-13-12pc {
    width: calc(99.9%/12 * 13);
  }
  .btns_item-1-10pc {
    width: calc(99.9%/10 * 1);
  }
  .btns_item-2-10pc {
    width: calc(99.9%/10 * 2);
  }
  .btns_item-3-10pc {
    width: calc(99.9%/10 * 3);
  }
  .btns_item-4-10pc {
    width: calc(99.9%/10 * 4);
  }
  .btns_item-5-10pc {
    width: calc(99.9%/10 * 5);
  }
  .btns_item-6-10pc {
    width: calc(99.9%/10 * 6);
  }
  .btns_item-7-10pc {
    width: calc(99.9%/10 * 7);
  }
  .btns_item-8-10pc {
    width: calc(99.9%/10 * 8);
  }
  .btns_item-9-10pc {
    width: calc(99.9%/10 * 9);
  }
  .btns_item-10-10pc {
    width: calc(99.9%/10 * 10);
  }
  .btns_item-11-10pc {
    width: calc(99.9%/10 * 11);
  }
  .btns-hr .btns_item-1-12pc {
    width: calc(99.9%/12 * 1 - 20px);
  }
  .btns-hr .btns_item-2-12pc {
    width: calc(99.9%/12 * 2 - 20px);
  }
  .btns-hr .btns_item-3-12pc {
    width: calc(99.9%/12 * 3 - 20px);
  }
  .btns-hr .btns_item-4-12pc {
    width: calc(99.9%/12 * 4 - 20px);
  }
  .btns-hr .btns_item-5-12pc {
    width: calc(99.9%/12 * 5 - 20px);
  }
  .btns-hr .btns_item-6-12pc {
    width: calc(99.9%/12 * 6 - 20px);
  }
  .btns-hr .btns_item-7-12pc {
    width: calc(99.9%/12 * 7 - 20px);
  }
  .btns-hr .btns_item-8-12pc {
    width: calc(99.9%/12 * 8 - 20px);
  }
  .btns-hr .btns_item-9-12pc {
    width: calc(99.9%/12 * 9 - 20px);
  }
  .btns-hr .btns_item-10-12pc {
    width: calc(99.9%/12 * 10 - 20px);
  }
  .btns-hr .btns_item-11-12pc {
    width: calc(99.9%/12 * 11 - 20px);
  }
  .btns-hr .btns_item-12-12pc {
    width: calc(99.9%/12 * 12 - 20px);
  }
  .btns-hr .btns_item-13-12pc {
    width: calc(99.9%/12 * 13 - 20px);
  }
  .btns-hr .btns_item-1-10pc {
    width: calc(99.9%/10 * 1 - 20px);
  }
  .btns-hr .btns_item-2-10pc {
    width: calc(99.9%/10 * 2 - 20px);
  }
  .btns-hr .btns_item-3-10pc {
    width: calc(99.9%/10 * 3 - 20px);
  }
  .btns-hr .btns_item-4-10pc {
    width: calc(99.9%/10 * 4 - 20px);
  }
  .btns-hr .btns_item-5-10pc {
    width: calc(99.9%/10 * 5 - 20px);
  }
  .btns-hr .btns_item-6-10pc {
    width: calc(99.9%/10 * 6 - 20px);
  }
  .btns-hr .btns_item-7-10pc {
    width: calc(99.9%/10 * 7 - 20px);
  }
  .btns-hr .btns_item-8-10pc {
    width: calc(99.9%/10 * 8 - 20px);
  }
  .btns-hr .btns_item-9-10pc {
    width: calc(99.9%/10 * 9 - 20px);
  }
  .btns-hr .btns_item-10-10pc {
    width: calc(99.9%/10 * 10 - 20px);
  }
  .btns-hr .btns_item-11-10pc {
    width: calc(99.9%/10 * 11 - 20px);
  }
  .hidden-pc {
    display: none !important;
  }
  .grid_col {
    margin: 0 0 0 20px;
  }
  .grid_col-1-12pc {
    width: calc(99.9%/12 * 1 - 20px);
  }
  .grid_col-2-12pc {
    width: calc(99.9%/12 * 2 - 20px);
  }
  .grid_col-3-12pc {
    width: calc(99.9%/12 * 3 - 20px);
  }
  .grid_col-4-12pc {
    width: calc(99.9%/12 * 4 - 20px);
  }
  .grid_col-5-12pc {
    width: calc(99.9%/12 * 5 - 20px);
  }
  .grid_col-6-12pc {
    width: calc(99.9%/12 * 6 - 20px);
  }
  .grid_col-7-12pc {
    width: calc(99.9%/12 * 7 - 20px);
  }
  .grid_col-8-12pc {
    width: calc(99.9%/12 * 8 - 20px);
  }
  .grid_col-9-12pc {
    width: calc(99.9%/12 * 9 - 20px);
  }
  .grid_col-10-12pc {
    width: calc(99.9%/12 * 10 - 20px);
  }
  .grid_col-11-12pc {
    width: calc(99.9%/12 * 11 - 20px);
  }
  .grid_col-12-12pc {
    width: calc(99.9%/12 * 12 - 20px);
  }
  .grid_col-1-10pc {
    width: calc(99.9%/10 * 1 - 20px);
  }
  .grid_col-2-10pc {
    width: calc(99.9%/10 * 2 - 20px);
  }
  .grid_col-3-10pc {
    width: calc(99.9%/10 * 3 - 20px);
  }
  .grid_col-4-10pc {
    width: calc(99.9%/10 * 4 - 20px);
  }
  .grid_col-5-10pc {
    width: calc(99.9%/10 * 5 - 20px);
  }
  .grid_col-6-10pc {
    width: calc(99.9%/10 * 6 - 20px);
  }
  .grid_col-7-10pc {
    width: calc(99.9%/10 * 7 - 20px);
  }
  .grid_col-8-10pc {
    width: calc(99.9%/10 * 8 - 20px);
  }
  .grid_col-9-10pc {
    width: calc(99.9%/10 * 9 - 20px);
  }
  .grid_col-10-10pc {
    width: calc(99.9%/10 * 10 - 20px);
  }
  .editorTmplBnrs_item-1-12pc {
    width: calc((99.9%/12 * 1) - 20px);
  }
  .editorTmplBnrs_item-2-12pc {
    width: calc((99.9%/12 * 2) - 20px);
  }
  .editorTmplBnrs_item-3-12pc {
    width: calc((99.9%/12 * 3) - 20px);
  }
  .editorTmplBnrs_item-4-12pc {
    width: calc((99.9%/12 * 4) - 20px);
  }
  .editorTmplBnrs_item-5-12pc {
    width: calc((99.9%/12 * 5) - 20px);
  }
  .editorTmplBnrs_item-6-12pc {
    width: calc((99.9%/12 * 6) - 20px);
  }
  .editorTmplBnrs_item-7-12pc {
    width: calc((99.9%/12 * 7) - 20px);
  }
  .editorTmplBnrs_item-8-12pc {
    width: calc((99.9%/12 * 8) - 20px);
  }
  .editorTmplBnrs_item-9-12pc {
    width: calc((99.9%/12 * 9) - 20px);
  }
  .editorTmplBnrs_item-10-12pc {
    width: calc((99.9%/12 * 10) - 20px);
  }
  .editorTmplBnrs_item-11-12pc {
    width: calc((99.9%/12 * 11) - 20px);
  }
  .editorTmplBnrs_item-12-12pc {
    width: calc((99.9%/12 * 12) - 20px);
  }
  .editorTmplBnrs_item-13-12pc {
    width: calc((99.9%/12 * 13) - 20px);
  }
  .editorTmplGrid_col-1-12pc {
    width: calc((99.9%/12 * 1) - 20px);
  }
  .editorTmplGrid_col-2-12pc {
    width: calc((99.9%/12 * 2) - 20px);
  }
  .editorTmplGrid_col-3-12pc {
    width: calc((99.9%/12 * 3) - 20px);
  }
  .editorTmplGrid_col-4-12pc {
    width: calc((99.9%/12 * 4) - 20px);
  }
  .editorTmplGrid_col-5-12pc {
    width: calc((99.9%/12 * 5) - 20px);
  }
  .editorTmplGrid_col-6-12pc {
    width: calc((99.9%/12 * 6) - 20px);
  }
  .editorTmplGrid_col-7-12pc {
    width: calc((99.9%/12 * 7) - 20px);
  }
  .editorTmplGrid_col-8-12pc {
    width: calc((99.9%/12 * 8) - 20px);
  }
  .editorTmplGrid_col-9-12pc {
    width: calc((99.9%/12 * 9) - 20px);
  }
  .editorTmplGrid_col-10-12pc {
    width: calc((99.9%/12 * 10) - 20px);
  }
  .editorTmplGrid_col-11-12pc {
    width: calc((99.9%/12 * 11) - 20px);
  }
  .editorTmplGrid_col-12-12pc {
    width: calc((99.9%/12 * 12) - 20px);
  }
  .editorTmplGrid_col-13-12pc {
    width: calc((99.9%/12 * 13) - 20px);
  }
}
@media screen and (min-width: 736px) {
  .mqDummy {
    width: auto;
  }
}
@media screen and (max-width: 736px) {
  .mqDummy {
    width: auto;
  }
  html {
    font-size: 14px;
  }
  .hidden-sp,
.only-pc,
.only-tab,
.only-print {
    display: none !important;
  }
  .mt0-sp {
    margin-top: 0px !important;
  }
  .mr0-sp {
    margin-right: 0px !important;
  }
  .mb0-sp {
    margin-bottom: 0px !important;
  }
  .ml0-sp {
    margin-left: 0px !important;
  }
  .mt0e-sp {
    margin-top: 0em !important;
  }
  .mr0e-sp {
    margin-right: 0em !important;
  }
  .mb0e-sp {
    margin-bottom: 0em !important;
  }
  .ml0e-sp {
    margin-left: 0em !important;
  }
  .mt-0-sp {
    margin-top: 0px !important;
  }
  .mr-0-sp {
    margin-right: 0px !important;
  }
  .mb-0-sp {
    margin-bottom: 0px !important;
  }
  .ml-0-sp {
    margin-left: 0px !important;
  }
  .mt-0e-sp {
    margin-top: 0em !important;
  }
  .mr-0e-sp {
    margin-right: 0em !important;
  }
  .mb-0e-sp {
    margin-bottom: 0em !important;
  }
  .ml-0e-sp {
    margin-left: 0em !important;
  }
  .pt0-sp {
    padding-top: 0px !important;
  }
  .pr0-sp {
    padding-right: 0px !important;
  }
  .pb0-sp {
    padding-bottom: 0px !important;
  }
  .pl0-sp {
    padding-left: 0px !important;
  }
  .pt0e-sp {
    padding-top: 0em !important;
  }
  .pr0e-sp {
    padding-right: 0em !important;
  }
  .pb0e-sp {
    padding-bottom: 0em !important;
  }
  .pl0e-sp {
    padding-left: 0em !important;
  }
  .w0-sp {
    width: 0px !important;
  }
  .w0p-sp {
    width: 0% !important;
  }
  .w0e-sp {
    width: 0em !important;
  }
  .mt1-sp {
    margin-top: 1px !important;
  }
  .mr1-sp {
    margin-right: 1px !important;
  }
  .mb1-sp {
    margin-bottom: 1px !important;
  }
  .ml1-sp {
    margin-left: 1px !important;
  }
  .mt1e-sp {
    margin-top: 0.1em !important;
  }
  .mr1e-sp {
    margin-right: 0.1em !important;
  }
  .mb1e-sp {
    margin-bottom: 0.1em !important;
  }
  .ml1e-sp {
    margin-left: 0.1em !important;
  }
  .mt-1-sp {
    margin-top: -1px !important;
  }
  .mr-1-sp {
    margin-right: -1px !important;
  }
  .mb-1-sp {
    margin-bottom: -1px !important;
  }
  .ml-1-sp {
    margin-left: -1px !important;
  }
  .mt-1e-sp {
    margin-top: -0.1em !important;
  }
  .mr-1e-sp {
    margin-right: -0.1em !important;
  }
  .mb-1e-sp {
    margin-bottom: -0.1em !important;
  }
  .ml-1e-sp {
    margin-left: -0.1em !important;
  }
  .pt1-sp {
    padding-top: 1px !important;
  }
  .pr1-sp {
    padding-right: 1px !important;
  }
  .pb1-sp {
    padding-bottom: 1px !important;
  }
  .pl1-sp {
    padding-left: 1px !important;
  }
  .pt1e-sp {
    padding-top: 0.1em !important;
  }
  .pr1e-sp {
    padding-right: 0.1em !important;
  }
  .pb1e-sp {
    padding-bottom: 0.1em !important;
  }
  .pl1e-sp {
    padding-left: 0.1em !important;
  }
  .w10-sp {
    width: 10px !important;
  }
  .w1p-sp {
    width: 1% !important;
  }
  .w1e-sp {
    width: 0.1em !important;
  }
  .mt2-sp {
    margin-top: 2px !important;
  }
  .mr2-sp {
    margin-right: 2px !important;
  }
  .mb2-sp {
    margin-bottom: 2px !important;
  }
  .ml2-sp {
    margin-left: 2px !important;
  }
  .mt2e-sp {
    margin-top: 0.2em !important;
  }
  .mr2e-sp {
    margin-right: 0.2em !important;
  }
  .mb2e-sp {
    margin-bottom: 0.2em !important;
  }
  .ml2e-sp {
    margin-left: 0.2em !important;
  }
  .mt-2-sp {
    margin-top: -2px !important;
  }
  .mr-2-sp {
    margin-right: -2px !important;
  }
  .mb-2-sp {
    margin-bottom: -2px !important;
  }
  .ml-2-sp {
    margin-left: -2px !important;
  }
  .mt-2e-sp {
    margin-top: -0.2em !important;
  }
  .mr-2e-sp {
    margin-right: -0.2em !important;
  }
  .mb-2e-sp {
    margin-bottom: -0.2em !important;
  }
  .ml-2e-sp {
    margin-left: -0.2em !important;
  }
  .pt2-sp {
    padding-top: 2px !important;
  }
  .pr2-sp {
    padding-right: 2px !important;
  }
  .pb2-sp {
    padding-bottom: 2px !important;
  }
  .pl2-sp {
    padding-left: 2px !important;
  }
  .pt2e-sp {
    padding-top: 0.2em !important;
  }
  .pr2e-sp {
    padding-right: 0.2em !important;
  }
  .pb2e-sp {
    padding-bottom: 0.2em !important;
  }
  .pl2e-sp {
    padding-left: 0.2em !important;
  }
  .w20-sp {
    width: 20px !important;
  }
  .w2p-sp {
    width: 2% !important;
  }
  .w2e-sp {
    width: 0.2em !important;
  }
  .mt3-sp {
    margin-top: 3px !important;
  }
  .mr3-sp {
    margin-right: 3px !important;
  }
  .mb3-sp {
    margin-bottom: 3px !important;
  }
  .ml3-sp {
    margin-left: 3px !important;
  }
  .mt3e-sp {
    margin-top: 0.3em !important;
  }
  .mr3e-sp {
    margin-right: 0.3em !important;
  }
  .mb3e-sp {
    margin-bottom: 0.3em !important;
  }
  .ml3e-sp {
    margin-left: 0.3em !important;
  }
  .mt-3-sp {
    margin-top: -3px !important;
  }
  .mr-3-sp {
    margin-right: -3px !important;
  }
  .mb-3-sp {
    margin-bottom: -3px !important;
  }
  .ml-3-sp {
    margin-left: -3px !important;
  }
  .mt-3e-sp {
    margin-top: -0.3em !important;
  }
  .mr-3e-sp {
    margin-right: -0.3em !important;
  }
  .mb-3e-sp {
    margin-bottom: -0.3em !important;
  }
  .ml-3e-sp {
    margin-left: -0.3em !important;
  }
  .pt3-sp {
    padding-top: 3px !important;
  }
  .pr3-sp {
    padding-right: 3px !important;
  }
  .pb3-sp {
    padding-bottom: 3px !important;
  }
  .pl3-sp {
    padding-left: 3px !important;
  }
  .pt3e-sp {
    padding-top: 0.3em !important;
  }
  .pr3e-sp {
    padding-right: 0.3em !important;
  }
  .pb3e-sp {
    padding-bottom: 0.3em !important;
  }
  .pl3e-sp {
    padding-left: 0.3em !important;
  }
  .w30-sp {
    width: 30px !important;
  }
  .w3p-sp {
    width: 3% !important;
  }
  .w3e-sp {
    width: 0.3em !important;
  }
  .mt4-sp {
    margin-top: 4px !important;
  }
  .mr4-sp {
    margin-right: 4px !important;
  }
  .mb4-sp {
    margin-bottom: 4px !important;
  }
  .ml4-sp {
    margin-left: 4px !important;
  }
  .mt4e-sp {
    margin-top: 0.4em !important;
  }
  .mr4e-sp {
    margin-right: 0.4em !important;
  }
  .mb4e-sp {
    margin-bottom: 0.4em !important;
  }
  .ml4e-sp {
    margin-left: 0.4em !important;
  }
  .mt-4-sp {
    margin-top: -4px !important;
  }
  .mr-4-sp {
    margin-right: -4px !important;
  }
  .mb-4-sp {
    margin-bottom: -4px !important;
  }
  .ml-4-sp {
    margin-left: -4px !important;
  }
  .mt-4e-sp {
    margin-top: -0.4em !important;
  }
  .mr-4e-sp {
    margin-right: -0.4em !important;
  }
  .mb-4e-sp {
    margin-bottom: -0.4em !important;
  }
  .ml-4e-sp {
    margin-left: -0.4em !important;
  }
  .pt4-sp {
    padding-top: 4px !important;
  }
  .pr4-sp {
    padding-right: 4px !important;
  }
  .pb4-sp {
    padding-bottom: 4px !important;
  }
  .pl4-sp {
    padding-left: 4px !important;
  }
  .pt4e-sp {
    padding-top: 0.4em !important;
  }
  .pr4e-sp {
    padding-right: 0.4em !important;
  }
  .pb4e-sp {
    padding-bottom: 0.4em !important;
  }
  .pl4e-sp {
    padding-left: 0.4em !important;
  }
  .w40-sp {
    width: 40px !important;
  }
  .w4p-sp {
    width: 4% !important;
  }
  .w4e-sp {
    width: 0.4em !important;
  }
  .mt5-sp {
    margin-top: 5px !important;
  }
  .mr5-sp {
    margin-right: 5px !important;
  }
  .mb5-sp {
    margin-bottom: 5px !important;
  }
  .ml5-sp {
    margin-left: 5px !important;
  }
  .mt5e-sp {
    margin-top: 0.5em !important;
  }
  .mr5e-sp {
    margin-right: 0.5em !important;
  }
  .mb5e-sp {
    margin-bottom: 0.5em !important;
  }
  .ml5e-sp {
    margin-left: 0.5em !important;
  }
  .mt-5-sp {
    margin-top: -5px !important;
  }
  .mr-5-sp {
    margin-right: -5px !important;
  }
  .mb-5-sp {
    margin-bottom: -5px !important;
  }
  .ml-5-sp {
    margin-left: -5px !important;
  }
  .mt-5e-sp {
    margin-top: -0.5em !important;
  }
  .mr-5e-sp {
    margin-right: -0.5em !important;
  }
  .mb-5e-sp {
    margin-bottom: -0.5em !important;
  }
  .ml-5e-sp {
    margin-left: -0.5em !important;
  }
  .pt5-sp {
    padding-top: 5px !important;
  }
  .pr5-sp {
    padding-right: 5px !important;
  }
  .pb5-sp {
    padding-bottom: 5px !important;
  }
  .pl5-sp {
    padding-left: 5px !important;
  }
  .pt5e-sp {
    padding-top: 0.5em !important;
  }
  .pr5e-sp {
    padding-right: 0.5em !important;
  }
  .pb5e-sp {
    padding-bottom: 0.5em !important;
  }
  .pl5e-sp {
    padding-left: 0.5em !important;
  }
  .w50-sp {
    width: 50px !important;
  }
  .w5p-sp {
    width: 5% !important;
  }
  .w5e-sp {
    width: 0.5em !important;
  }
  .mt6-sp {
    margin-top: 6px !important;
  }
  .mr6-sp {
    margin-right: 6px !important;
  }
  .mb6-sp {
    margin-bottom: 6px !important;
  }
  .ml6-sp {
    margin-left: 6px !important;
  }
  .mt6e-sp {
    margin-top: 0.6em !important;
  }
  .mr6e-sp {
    margin-right: 0.6em !important;
  }
  .mb6e-sp {
    margin-bottom: 0.6em !important;
  }
  .ml6e-sp {
    margin-left: 0.6em !important;
  }
  .mt-6-sp {
    margin-top: -6px !important;
  }
  .mr-6-sp {
    margin-right: -6px !important;
  }
  .mb-6-sp {
    margin-bottom: -6px !important;
  }
  .ml-6-sp {
    margin-left: -6px !important;
  }
  .mt-6e-sp {
    margin-top: -0.6em !important;
  }
  .mr-6e-sp {
    margin-right: -0.6em !important;
  }
  .mb-6e-sp {
    margin-bottom: -0.6em !important;
  }
  .ml-6e-sp {
    margin-left: -0.6em !important;
  }
  .pt6-sp {
    padding-top: 6px !important;
  }
  .pr6-sp {
    padding-right: 6px !important;
  }
  .pb6-sp {
    padding-bottom: 6px !important;
  }
  .pl6-sp {
    padding-left: 6px !important;
  }
  .pt6e-sp {
    padding-top: 0.6em !important;
  }
  .pr6e-sp {
    padding-right: 0.6em !important;
  }
  .pb6e-sp {
    padding-bottom: 0.6em !important;
  }
  .pl6e-sp {
    padding-left: 0.6em !important;
  }
  .w60-sp {
    width: 60px !important;
  }
  .w6p-sp {
    width: 6% !important;
  }
  .w6e-sp {
    width: 0.6em !important;
  }
  .mt7-sp {
    margin-top: 7px !important;
  }
  .mr7-sp {
    margin-right: 7px !important;
  }
  .mb7-sp {
    margin-bottom: 7px !important;
  }
  .ml7-sp {
    margin-left: 7px !important;
  }
  .mt7e-sp {
    margin-top: 0.7em !important;
  }
  .mr7e-sp {
    margin-right: 0.7em !important;
  }
  .mb7e-sp {
    margin-bottom: 0.7em !important;
  }
  .ml7e-sp {
    margin-left: 0.7em !important;
  }
  .mt-7-sp {
    margin-top: -7px !important;
  }
  .mr-7-sp {
    margin-right: -7px !important;
  }
  .mb-7-sp {
    margin-bottom: -7px !important;
  }
  .ml-7-sp {
    margin-left: -7px !important;
  }
  .mt-7e-sp {
    margin-top: -0.7em !important;
  }
  .mr-7e-sp {
    margin-right: -0.7em !important;
  }
  .mb-7e-sp {
    margin-bottom: -0.7em !important;
  }
  .ml-7e-sp {
    margin-left: -0.7em !important;
  }
  .pt7-sp {
    padding-top: 7px !important;
  }
  .pr7-sp {
    padding-right: 7px !important;
  }
  .pb7-sp {
    padding-bottom: 7px !important;
  }
  .pl7-sp {
    padding-left: 7px !important;
  }
  .pt7e-sp {
    padding-top: 0.7em !important;
  }
  .pr7e-sp {
    padding-right: 0.7em !important;
  }
  .pb7e-sp {
    padding-bottom: 0.7em !important;
  }
  .pl7e-sp {
    padding-left: 0.7em !important;
  }
  .w70-sp {
    width: 70px !important;
  }
  .w7p-sp {
    width: 7% !important;
  }
  .w7e-sp {
    width: 0.7em !important;
  }
  .mt8-sp {
    margin-top: 8px !important;
  }
  .mr8-sp {
    margin-right: 8px !important;
  }
  .mb8-sp {
    margin-bottom: 8px !important;
  }
  .ml8-sp {
    margin-left: 8px !important;
  }
  .mt8e-sp {
    margin-top: 0.8em !important;
  }
  .mr8e-sp {
    margin-right: 0.8em !important;
  }
  .mb8e-sp {
    margin-bottom: 0.8em !important;
  }
  .ml8e-sp {
    margin-left: 0.8em !important;
  }
  .mt-8-sp {
    margin-top: -8px !important;
  }
  .mr-8-sp {
    margin-right: -8px !important;
  }
  .mb-8-sp {
    margin-bottom: -8px !important;
  }
  .ml-8-sp {
    margin-left: -8px !important;
  }
  .mt-8e-sp {
    margin-top: -0.8em !important;
  }
  .mr-8e-sp {
    margin-right: -0.8em !important;
  }
  .mb-8e-sp {
    margin-bottom: -0.8em !important;
  }
  .ml-8e-sp {
    margin-left: -0.8em !important;
  }
  .pt8-sp {
    padding-top: 8px !important;
  }
  .pr8-sp {
    padding-right: 8px !important;
  }
  .pb8-sp {
    padding-bottom: 8px !important;
  }
  .pl8-sp {
    padding-left: 8px !important;
  }
  .pt8e-sp {
    padding-top: 0.8em !important;
  }
  .pr8e-sp {
    padding-right: 0.8em !important;
  }
  .pb8e-sp {
    padding-bottom: 0.8em !important;
  }
  .pl8e-sp {
    padding-left: 0.8em !important;
  }
  .w80-sp {
    width: 80px !important;
  }
  .w8p-sp {
    width: 8% !important;
  }
  .w8e-sp {
    width: 0.8em !important;
  }
  .mt9-sp {
    margin-top: 9px !important;
  }
  .mr9-sp {
    margin-right: 9px !important;
  }
  .mb9-sp {
    margin-bottom: 9px !important;
  }
  .ml9-sp {
    margin-left: 9px !important;
  }
  .mt9e-sp {
    margin-top: 0.9em !important;
  }
  .mr9e-sp {
    margin-right: 0.9em !important;
  }
  .mb9e-sp {
    margin-bottom: 0.9em !important;
  }
  .ml9e-sp {
    margin-left: 0.9em !important;
  }
  .mt-9-sp {
    margin-top: -9px !important;
  }
  .mr-9-sp {
    margin-right: -9px !important;
  }
  .mb-9-sp {
    margin-bottom: -9px !important;
  }
  .ml-9-sp {
    margin-left: -9px !important;
  }
  .mt-9e-sp {
    margin-top: -0.9em !important;
  }
  .mr-9e-sp {
    margin-right: -0.9em !important;
  }
  .mb-9e-sp {
    margin-bottom: -0.9em !important;
  }
  .ml-9e-sp {
    margin-left: -0.9em !important;
  }
  .pt9-sp {
    padding-top: 9px !important;
  }
  .pr9-sp {
    padding-right: 9px !important;
  }
  .pb9-sp {
    padding-bottom: 9px !important;
  }
  .pl9-sp {
    padding-left: 9px !important;
  }
  .pt9e-sp {
    padding-top: 0.9em !important;
  }
  .pr9e-sp {
    padding-right: 0.9em !important;
  }
  .pb9e-sp {
    padding-bottom: 0.9em !important;
  }
  .pl9e-sp {
    padding-left: 0.9em !important;
  }
  .w90-sp {
    width: 90px !important;
  }
  .w9p-sp {
    width: 9% !important;
  }
  .w9e-sp {
    width: 0.9em !important;
  }
  .mt10-sp {
    margin-top: 10px !important;
  }
  .mr10-sp {
    margin-right: 10px !important;
  }
  .mb10-sp {
    margin-bottom: 10px !important;
  }
  .ml10-sp {
    margin-left: 10px !important;
  }
  .mt10e-sp {
    margin-top: 1em !important;
  }
  .mr10e-sp {
    margin-right: 1em !important;
  }
  .mb10e-sp {
    margin-bottom: 1em !important;
  }
  .ml10e-sp {
    margin-left: 1em !important;
  }
  .mt-10-sp {
    margin-top: -10px !important;
  }
  .mr-10-sp {
    margin-right: -10px !important;
  }
  .mb-10-sp {
    margin-bottom: -10px !important;
  }
  .ml-10-sp {
    margin-left: -10px !important;
  }
  .mt-10e-sp {
    margin-top: -1em !important;
  }
  .mr-10e-sp {
    margin-right: -1em !important;
  }
  .mb-10e-sp {
    margin-bottom: -1em !important;
  }
  .ml-10e-sp {
    margin-left: -1em !important;
  }
  .pt10-sp {
    padding-top: 10px !important;
  }
  .pr10-sp {
    padding-right: 10px !important;
  }
  .pb10-sp {
    padding-bottom: 10px !important;
  }
  .pl10-sp {
    padding-left: 10px !important;
  }
  .pt10e-sp {
    padding-top: 1em !important;
  }
  .pr10e-sp {
    padding-right: 1em !important;
  }
  .pb10e-sp {
    padding-bottom: 1em !important;
  }
  .pl10e-sp {
    padding-left: 1em !important;
  }
  .w100-sp {
    width: 100px !important;
  }
  .w10p-sp {
    width: 10% !important;
  }
  .w10e-sp {
    width: 1em !important;
  }
  .mt11-sp {
    margin-top: 11px !important;
  }
  .mr11-sp {
    margin-right: 11px !important;
  }
  .mb11-sp {
    margin-bottom: 11px !important;
  }
  .ml11-sp {
    margin-left: 11px !important;
  }
  .mt11e-sp {
    margin-top: 1.1em !important;
  }
  .mr11e-sp {
    margin-right: 1.1em !important;
  }
  .mb11e-sp {
    margin-bottom: 1.1em !important;
  }
  .ml11e-sp {
    margin-left: 1.1em !important;
  }
  .mt-11-sp {
    margin-top: -11px !important;
  }
  .mr-11-sp {
    margin-right: -11px !important;
  }
  .mb-11-sp {
    margin-bottom: -11px !important;
  }
  .ml-11-sp {
    margin-left: -11px !important;
  }
  .mt-11e-sp {
    margin-top: -1.1em !important;
  }
  .mr-11e-sp {
    margin-right: -1.1em !important;
  }
  .mb-11e-sp {
    margin-bottom: -1.1em !important;
  }
  .ml-11e-sp {
    margin-left: -1.1em !important;
  }
  .pt11-sp {
    padding-top: 11px !important;
  }
  .pr11-sp {
    padding-right: 11px !important;
  }
  .pb11-sp {
    padding-bottom: 11px !important;
  }
  .pl11-sp {
    padding-left: 11px !important;
  }
  .pt11e-sp {
    padding-top: 1.1em !important;
  }
  .pr11e-sp {
    padding-right: 1.1em !important;
  }
  .pb11e-sp {
    padding-bottom: 1.1em !important;
  }
  .pl11e-sp {
    padding-left: 1.1em !important;
  }
  .w110-sp {
    width: 110px !important;
  }
  .w11p-sp {
    width: 11% !important;
  }
  .w11e-sp {
    width: 1.1em !important;
  }
  .mt12-sp {
    margin-top: 12px !important;
  }
  .mr12-sp {
    margin-right: 12px !important;
  }
  .mb12-sp {
    margin-bottom: 12px !important;
  }
  .ml12-sp {
    margin-left: 12px !important;
  }
  .mt12e-sp {
    margin-top: 1.2em !important;
  }
  .mr12e-sp {
    margin-right: 1.2em !important;
  }
  .mb12e-sp {
    margin-bottom: 1.2em !important;
  }
  .ml12e-sp {
    margin-left: 1.2em !important;
  }
  .mt-12-sp {
    margin-top: -12px !important;
  }
  .mr-12-sp {
    margin-right: -12px !important;
  }
  .mb-12-sp {
    margin-bottom: -12px !important;
  }
  .ml-12-sp {
    margin-left: -12px !important;
  }
  .mt-12e-sp {
    margin-top: -1.2em !important;
  }
  .mr-12e-sp {
    margin-right: -1.2em !important;
  }
  .mb-12e-sp {
    margin-bottom: -1.2em !important;
  }
  .ml-12e-sp {
    margin-left: -1.2em !important;
  }
  .pt12-sp {
    padding-top: 12px !important;
  }
  .pr12-sp {
    padding-right: 12px !important;
  }
  .pb12-sp {
    padding-bottom: 12px !important;
  }
  .pl12-sp {
    padding-left: 12px !important;
  }
  .pt12e-sp {
    padding-top: 1.2em !important;
  }
  .pr12e-sp {
    padding-right: 1.2em !important;
  }
  .pb12e-sp {
    padding-bottom: 1.2em !important;
  }
  .pl12e-sp {
    padding-left: 1.2em !important;
  }
  .w120-sp {
    width: 120px !important;
  }
  .w12p-sp {
    width: 12% !important;
  }
  .w12e-sp {
    width: 1.2em !important;
  }
  .mt13-sp {
    margin-top: 13px !important;
  }
  .mr13-sp {
    margin-right: 13px !important;
  }
  .mb13-sp {
    margin-bottom: 13px !important;
  }
  .ml13-sp {
    margin-left: 13px !important;
  }
  .mt13e-sp {
    margin-top: 1.3em !important;
  }
  .mr13e-sp {
    margin-right: 1.3em !important;
  }
  .mb13e-sp {
    margin-bottom: 1.3em !important;
  }
  .ml13e-sp {
    margin-left: 1.3em !important;
  }
  .mt-13-sp {
    margin-top: -13px !important;
  }
  .mr-13-sp {
    margin-right: -13px !important;
  }
  .mb-13-sp {
    margin-bottom: -13px !important;
  }
  .ml-13-sp {
    margin-left: -13px !important;
  }
  .mt-13e-sp {
    margin-top: -1.3em !important;
  }
  .mr-13e-sp {
    margin-right: -1.3em !important;
  }
  .mb-13e-sp {
    margin-bottom: -1.3em !important;
  }
  .ml-13e-sp {
    margin-left: -1.3em !important;
  }
  .pt13-sp {
    padding-top: 13px !important;
  }
  .pr13-sp {
    padding-right: 13px !important;
  }
  .pb13-sp {
    padding-bottom: 13px !important;
  }
  .pl13-sp {
    padding-left: 13px !important;
  }
  .pt13e-sp {
    padding-top: 1.3em !important;
  }
  .pr13e-sp {
    padding-right: 1.3em !important;
  }
  .pb13e-sp {
    padding-bottom: 1.3em !important;
  }
  .pl13e-sp {
    padding-left: 1.3em !important;
  }
  .w130-sp {
    width: 130px !important;
  }
  .w13p-sp {
    width: 13% !important;
  }
  .w13e-sp {
    width: 1.3em !important;
  }
  .mt14-sp {
    margin-top: 14px !important;
  }
  .mr14-sp {
    margin-right: 14px !important;
  }
  .mb14-sp {
    margin-bottom: 14px !important;
  }
  .ml14-sp {
    margin-left: 14px !important;
  }
  .mt14e-sp {
    margin-top: 1.4em !important;
  }
  .mr14e-sp {
    margin-right: 1.4em !important;
  }
  .mb14e-sp {
    margin-bottom: 1.4em !important;
  }
  .ml14e-sp {
    margin-left: 1.4em !important;
  }
  .mt-14-sp {
    margin-top: -14px !important;
  }
  .mr-14-sp {
    margin-right: -14px !important;
  }
  .mb-14-sp {
    margin-bottom: -14px !important;
  }
  .ml-14-sp {
    margin-left: -14px !important;
  }
  .mt-14e-sp {
    margin-top: -1.4em !important;
  }
  .mr-14e-sp {
    margin-right: -1.4em !important;
  }
  .mb-14e-sp {
    margin-bottom: -1.4em !important;
  }
  .ml-14e-sp {
    margin-left: -1.4em !important;
  }
  .pt14-sp {
    padding-top: 14px !important;
  }
  .pr14-sp {
    padding-right: 14px !important;
  }
  .pb14-sp {
    padding-bottom: 14px !important;
  }
  .pl14-sp {
    padding-left: 14px !important;
  }
  .pt14e-sp {
    padding-top: 1.4em !important;
  }
  .pr14e-sp {
    padding-right: 1.4em !important;
  }
  .pb14e-sp {
    padding-bottom: 1.4em !important;
  }
  .pl14e-sp {
    padding-left: 1.4em !important;
  }
  .w140-sp {
    width: 140px !important;
  }
  .w14p-sp {
    width: 14% !important;
  }
  .w14e-sp {
    width: 1.4em !important;
  }
  .mt15-sp {
    margin-top: 15px !important;
  }
  .mr15-sp {
    margin-right: 15px !important;
  }
  .mb15-sp {
    margin-bottom: 15px !important;
  }
  .ml15-sp {
    margin-left: 15px !important;
  }
  .mt15e-sp {
    margin-top: 1.5em !important;
  }
  .mr15e-sp {
    margin-right: 1.5em !important;
  }
  .mb15e-sp {
    margin-bottom: 1.5em !important;
  }
  .ml15e-sp {
    margin-left: 1.5em !important;
  }
  .mt-15-sp {
    margin-top: -15px !important;
  }
  .mr-15-sp {
    margin-right: -15px !important;
  }
  .mb-15-sp {
    margin-bottom: -15px !important;
  }
  .ml-15-sp {
    margin-left: -15px !important;
  }
  .mt-15e-sp {
    margin-top: -1.5em !important;
  }
  .mr-15e-sp {
    margin-right: -1.5em !important;
  }
  .mb-15e-sp {
    margin-bottom: -1.5em !important;
  }
  .ml-15e-sp {
    margin-left: -1.5em !important;
  }
  .pt15-sp {
    padding-top: 15px !important;
  }
  .pr15-sp {
    padding-right: 15px !important;
  }
  .pb15-sp {
    padding-bottom: 15px !important;
  }
  .pl15-sp {
    padding-left: 15px !important;
  }
  .pt15e-sp {
    padding-top: 1.5em !important;
  }
  .pr15e-sp {
    padding-right: 1.5em !important;
  }
  .pb15e-sp {
    padding-bottom: 1.5em !important;
  }
  .pl15e-sp {
    padding-left: 1.5em !important;
  }
  .w150-sp {
    width: 150px !important;
  }
  .w15p-sp {
    width: 15% !important;
  }
  .w15e-sp {
    width: 1.5em !important;
  }
  .mt16-sp {
    margin-top: 16px !important;
  }
  .mr16-sp {
    margin-right: 16px !important;
  }
  .mb16-sp {
    margin-bottom: 16px !important;
  }
  .ml16-sp {
    margin-left: 16px !important;
  }
  .mt16e-sp {
    margin-top: 1.6em !important;
  }
  .mr16e-sp {
    margin-right: 1.6em !important;
  }
  .mb16e-sp {
    margin-bottom: 1.6em !important;
  }
  .ml16e-sp {
    margin-left: 1.6em !important;
  }
  .mt-16-sp {
    margin-top: -16px !important;
  }
  .mr-16-sp {
    margin-right: -16px !important;
  }
  .mb-16-sp {
    margin-bottom: -16px !important;
  }
  .ml-16-sp {
    margin-left: -16px !important;
  }
  .mt-16e-sp {
    margin-top: -1.6em !important;
  }
  .mr-16e-sp {
    margin-right: -1.6em !important;
  }
  .mb-16e-sp {
    margin-bottom: -1.6em !important;
  }
  .ml-16e-sp {
    margin-left: -1.6em !important;
  }
  .pt16-sp {
    padding-top: 16px !important;
  }
  .pr16-sp {
    padding-right: 16px !important;
  }
  .pb16-sp {
    padding-bottom: 16px !important;
  }
  .pl16-sp {
    padding-left: 16px !important;
  }
  .pt16e-sp {
    padding-top: 1.6em !important;
  }
  .pr16e-sp {
    padding-right: 1.6em !important;
  }
  .pb16e-sp {
    padding-bottom: 1.6em !important;
  }
  .pl16e-sp {
    padding-left: 1.6em !important;
  }
  .w160-sp {
    width: 160px !important;
  }
  .w16p-sp {
    width: 16% !important;
  }
  .w16e-sp {
    width: 1.6em !important;
  }
  .mt17-sp {
    margin-top: 17px !important;
  }
  .mr17-sp {
    margin-right: 17px !important;
  }
  .mb17-sp {
    margin-bottom: 17px !important;
  }
  .ml17-sp {
    margin-left: 17px !important;
  }
  .mt17e-sp {
    margin-top: 1.7em !important;
  }
  .mr17e-sp {
    margin-right: 1.7em !important;
  }
  .mb17e-sp {
    margin-bottom: 1.7em !important;
  }
  .ml17e-sp {
    margin-left: 1.7em !important;
  }
  .mt-17-sp {
    margin-top: -17px !important;
  }
  .mr-17-sp {
    margin-right: -17px !important;
  }
  .mb-17-sp {
    margin-bottom: -17px !important;
  }
  .ml-17-sp {
    margin-left: -17px !important;
  }
  .mt-17e-sp {
    margin-top: -1.7em !important;
  }
  .mr-17e-sp {
    margin-right: -1.7em !important;
  }
  .mb-17e-sp {
    margin-bottom: -1.7em !important;
  }
  .ml-17e-sp {
    margin-left: -1.7em !important;
  }
  .pt17-sp {
    padding-top: 17px !important;
  }
  .pr17-sp {
    padding-right: 17px !important;
  }
  .pb17-sp {
    padding-bottom: 17px !important;
  }
  .pl17-sp {
    padding-left: 17px !important;
  }
  .pt17e-sp {
    padding-top: 1.7em !important;
  }
  .pr17e-sp {
    padding-right: 1.7em !important;
  }
  .pb17e-sp {
    padding-bottom: 1.7em !important;
  }
  .pl17e-sp {
    padding-left: 1.7em !important;
  }
  .w170-sp {
    width: 170px !important;
  }
  .w17p-sp {
    width: 17% !important;
  }
  .w17e-sp {
    width: 1.7em !important;
  }
  .mt18-sp {
    margin-top: 18px !important;
  }
  .mr18-sp {
    margin-right: 18px !important;
  }
  .mb18-sp {
    margin-bottom: 18px !important;
  }
  .ml18-sp {
    margin-left: 18px !important;
  }
  .mt18e-sp {
    margin-top: 1.8em !important;
  }
  .mr18e-sp {
    margin-right: 1.8em !important;
  }
  .mb18e-sp {
    margin-bottom: 1.8em !important;
  }
  .ml18e-sp {
    margin-left: 1.8em !important;
  }
  .mt-18-sp {
    margin-top: -18px !important;
  }
  .mr-18-sp {
    margin-right: -18px !important;
  }
  .mb-18-sp {
    margin-bottom: -18px !important;
  }
  .ml-18-sp {
    margin-left: -18px !important;
  }
  .mt-18e-sp {
    margin-top: -1.8em !important;
  }
  .mr-18e-sp {
    margin-right: -1.8em !important;
  }
  .mb-18e-sp {
    margin-bottom: -1.8em !important;
  }
  .ml-18e-sp {
    margin-left: -1.8em !important;
  }
  .pt18-sp {
    padding-top: 18px !important;
  }
  .pr18-sp {
    padding-right: 18px !important;
  }
  .pb18-sp {
    padding-bottom: 18px !important;
  }
  .pl18-sp {
    padding-left: 18px !important;
  }
  .pt18e-sp {
    padding-top: 1.8em !important;
  }
  .pr18e-sp {
    padding-right: 1.8em !important;
  }
  .pb18e-sp {
    padding-bottom: 1.8em !important;
  }
  .pl18e-sp {
    padding-left: 1.8em !important;
  }
  .w180-sp {
    width: 180px !important;
  }
  .w18p-sp {
    width: 18% !important;
  }
  .w18e-sp {
    width: 1.8em !important;
  }
  .mt19-sp {
    margin-top: 19px !important;
  }
  .mr19-sp {
    margin-right: 19px !important;
  }
  .mb19-sp {
    margin-bottom: 19px !important;
  }
  .ml19-sp {
    margin-left: 19px !important;
  }
  .mt19e-sp {
    margin-top: 1.9em !important;
  }
  .mr19e-sp {
    margin-right: 1.9em !important;
  }
  .mb19e-sp {
    margin-bottom: 1.9em !important;
  }
  .ml19e-sp {
    margin-left: 1.9em !important;
  }
  .mt-19-sp {
    margin-top: -19px !important;
  }
  .mr-19-sp {
    margin-right: -19px !important;
  }
  .mb-19-sp {
    margin-bottom: -19px !important;
  }
  .ml-19-sp {
    margin-left: -19px !important;
  }
  .mt-19e-sp {
    margin-top: -1.9em !important;
  }
  .mr-19e-sp {
    margin-right: -1.9em !important;
  }
  .mb-19e-sp {
    margin-bottom: -1.9em !important;
  }
  .ml-19e-sp {
    margin-left: -1.9em !important;
  }
  .pt19-sp {
    padding-top: 19px !important;
  }
  .pr19-sp {
    padding-right: 19px !important;
  }
  .pb19-sp {
    padding-bottom: 19px !important;
  }
  .pl19-sp {
    padding-left: 19px !important;
  }
  .pt19e-sp {
    padding-top: 1.9em !important;
  }
  .pr19e-sp {
    padding-right: 1.9em !important;
  }
  .pb19e-sp {
    padding-bottom: 1.9em !important;
  }
  .pl19e-sp {
    padding-left: 1.9em !important;
  }
  .w190-sp {
    width: 190px !important;
  }
  .w19p-sp {
    width: 19% !important;
  }
  .w19e-sp {
    width: 1.9em !important;
  }
  .mt20-sp {
    margin-top: 20px !important;
  }
  .mr20-sp {
    margin-right: 20px !important;
  }
  .mb20-sp {
    margin-bottom: 20px !important;
  }
  .ml20-sp {
    margin-left: 20px !important;
  }
  .mt20e-sp {
    margin-top: 2em !important;
  }
  .mr20e-sp {
    margin-right: 2em !important;
  }
  .mb20e-sp {
    margin-bottom: 2em !important;
  }
  .ml20e-sp {
    margin-left: 2em !important;
  }
  .mt-20-sp {
    margin-top: -20px !important;
  }
  .mr-20-sp {
    margin-right: -20px !important;
  }
  .mb-20-sp {
    margin-bottom: -20px !important;
  }
  .ml-20-sp {
    margin-left: -20px !important;
  }
  .mt-20e-sp {
    margin-top: -2em !important;
  }
  .mr-20e-sp {
    margin-right: -2em !important;
  }
  .mb-20e-sp {
    margin-bottom: -2em !important;
  }
  .ml-20e-sp {
    margin-left: -2em !important;
  }
  .pt20-sp {
    padding-top: 20px !important;
  }
  .pr20-sp {
    padding-right: 20px !important;
  }
  .pb20-sp {
    padding-bottom: 20px !important;
  }
  .pl20-sp {
    padding-left: 20px !important;
  }
  .pt20e-sp {
    padding-top: 2em !important;
  }
  .pr20e-sp {
    padding-right: 2em !important;
  }
  .pb20e-sp {
    padding-bottom: 2em !important;
  }
  .pl20e-sp {
    padding-left: 2em !important;
  }
  .w200-sp {
    width: 200px !important;
  }
  .w20p-sp {
    width: 20% !important;
  }
  .w20e-sp {
    width: 2em !important;
  }
  .mt21-sp {
    margin-top: 21px !important;
  }
  .mr21-sp {
    margin-right: 21px !important;
  }
  .mb21-sp {
    margin-bottom: 21px !important;
  }
  .ml21-sp {
    margin-left: 21px !important;
  }
  .mt21e-sp {
    margin-top: 2.1em !important;
  }
  .mr21e-sp {
    margin-right: 2.1em !important;
  }
  .mb21e-sp {
    margin-bottom: 2.1em !important;
  }
  .ml21e-sp {
    margin-left: 2.1em !important;
  }
  .mt-21-sp {
    margin-top: -21px !important;
  }
  .mr-21-sp {
    margin-right: -21px !important;
  }
  .mb-21-sp {
    margin-bottom: -21px !important;
  }
  .ml-21-sp {
    margin-left: -21px !important;
  }
  .mt-21e-sp {
    margin-top: -2.1em !important;
  }
  .mr-21e-sp {
    margin-right: -2.1em !important;
  }
  .mb-21e-sp {
    margin-bottom: -2.1em !important;
  }
  .ml-21e-sp {
    margin-left: -2.1em !important;
  }
  .pt21-sp {
    padding-top: 21px !important;
  }
  .pr21-sp {
    padding-right: 21px !important;
  }
  .pb21-sp {
    padding-bottom: 21px !important;
  }
  .pl21-sp {
    padding-left: 21px !important;
  }
  .pt21e-sp {
    padding-top: 2.1em !important;
  }
  .pr21e-sp {
    padding-right: 2.1em !important;
  }
  .pb21e-sp {
    padding-bottom: 2.1em !important;
  }
  .pl21e-sp {
    padding-left: 2.1em !important;
  }
  .w210-sp {
    width: 210px !important;
  }
  .w21p-sp {
    width: 21% !important;
  }
  .w21e-sp {
    width: 2.1em !important;
  }
  .mt22-sp {
    margin-top: 22px !important;
  }
  .mr22-sp {
    margin-right: 22px !important;
  }
  .mb22-sp {
    margin-bottom: 22px !important;
  }
  .ml22-sp {
    margin-left: 22px !important;
  }
  .mt22e-sp {
    margin-top: 2.2em !important;
  }
  .mr22e-sp {
    margin-right: 2.2em !important;
  }
  .mb22e-sp {
    margin-bottom: 2.2em !important;
  }
  .ml22e-sp {
    margin-left: 2.2em !important;
  }
  .mt-22-sp {
    margin-top: -22px !important;
  }
  .mr-22-sp {
    margin-right: -22px !important;
  }
  .mb-22-sp {
    margin-bottom: -22px !important;
  }
  .ml-22-sp {
    margin-left: -22px !important;
  }
  .mt-22e-sp {
    margin-top: -2.2em !important;
  }
  .mr-22e-sp {
    margin-right: -2.2em !important;
  }
  .mb-22e-sp {
    margin-bottom: -2.2em !important;
  }
  .ml-22e-sp {
    margin-left: -2.2em !important;
  }
  .pt22-sp {
    padding-top: 22px !important;
  }
  .pr22-sp {
    padding-right: 22px !important;
  }
  .pb22-sp {
    padding-bottom: 22px !important;
  }
  .pl22-sp {
    padding-left: 22px !important;
  }
  .pt22e-sp {
    padding-top: 2.2em !important;
  }
  .pr22e-sp {
    padding-right: 2.2em !important;
  }
  .pb22e-sp {
    padding-bottom: 2.2em !important;
  }
  .pl22e-sp {
    padding-left: 2.2em !important;
  }
  .w220-sp {
    width: 220px !important;
  }
  .w22p-sp {
    width: 22% !important;
  }
  .w22e-sp {
    width: 2.2em !important;
  }
  .mt23-sp {
    margin-top: 23px !important;
  }
  .mr23-sp {
    margin-right: 23px !important;
  }
  .mb23-sp {
    margin-bottom: 23px !important;
  }
  .ml23-sp {
    margin-left: 23px !important;
  }
  .mt23e-sp {
    margin-top: 2.3em !important;
  }
  .mr23e-sp {
    margin-right: 2.3em !important;
  }
  .mb23e-sp {
    margin-bottom: 2.3em !important;
  }
  .ml23e-sp {
    margin-left: 2.3em !important;
  }
  .mt-23-sp {
    margin-top: -23px !important;
  }
  .mr-23-sp {
    margin-right: -23px !important;
  }
  .mb-23-sp {
    margin-bottom: -23px !important;
  }
  .ml-23-sp {
    margin-left: -23px !important;
  }
  .mt-23e-sp {
    margin-top: -2.3em !important;
  }
  .mr-23e-sp {
    margin-right: -2.3em !important;
  }
  .mb-23e-sp {
    margin-bottom: -2.3em !important;
  }
  .ml-23e-sp {
    margin-left: -2.3em !important;
  }
  .pt23-sp {
    padding-top: 23px !important;
  }
  .pr23-sp {
    padding-right: 23px !important;
  }
  .pb23-sp {
    padding-bottom: 23px !important;
  }
  .pl23-sp {
    padding-left: 23px !important;
  }
  .pt23e-sp {
    padding-top: 2.3em !important;
  }
  .pr23e-sp {
    padding-right: 2.3em !important;
  }
  .pb23e-sp {
    padding-bottom: 2.3em !important;
  }
  .pl23e-sp {
    padding-left: 2.3em !important;
  }
  .w230-sp {
    width: 230px !important;
  }
  .w23p-sp {
    width: 23% !important;
  }
  .w23e-sp {
    width: 2.3em !important;
  }
  .mt24-sp {
    margin-top: 24px !important;
  }
  .mr24-sp {
    margin-right: 24px !important;
  }
  .mb24-sp {
    margin-bottom: 24px !important;
  }
  .ml24-sp {
    margin-left: 24px !important;
  }
  .mt24e-sp {
    margin-top: 2.4em !important;
  }
  .mr24e-sp {
    margin-right: 2.4em !important;
  }
  .mb24e-sp {
    margin-bottom: 2.4em !important;
  }
  .ml24e-sp {
    margin-left: 2.4em !important;
  }
  .mt-24-sp {
    margin-top: -24px !important;
  }
  .mr-24-sp {
    margin-right: -24px !important;
  }
  .mb-24-sp {
    margin-bottom: -24px !important;
  }
  .ml-24-sp {
    margin-left: -24px !important;
  }
  .mt-24e-sp {
    margin-top: -2.4em !important;
  }
  .mr-24e-sp {
    margin-right: -2.4em !important;
  }
  .mb-24e-sp {
    margin-bottom: -2.4em !important;
  }
  .ml-24e-sp {
    margin-left: -2.4em !important;
  }
  .pt24-sp {
    padding-top: 24px !important;
  }
  .pr24-sp {
    padding-right: 24px !important;
  }
  .pb24-sp {
    padding-bottom: 24px !important;
  }
  .pl24-sp {
    padding-left: 24px !important;
  }
  .pt24e-sp {
    padding-top: 2.4em !important;
  }
  .pr24e-sp {
    padding-right: 2.4em !important;
  }
  .pb24e-sp {
    padding-bottom: 2.4em !important;
  }
  .pl24e-sp {
    padding-left: 2.4em !important;
  }
  .w240-sp {
    width: 240px !important;
  }
  .w24p-sp {
    width: 24% !important;
  }
  .w24e-sp {
    width: 2.4em !important;
  }
  .mt25-sp {
    margin-top: 25px !important;
  }
  .mr25-sp {
    margin-right: 25px !important;
  }
  .mb25-sp {
    margin-bottom: 25px !important;
  }
  .ml25-sp {
    margin-left: 25px !important;
  }
  .mt25e-sp {
    margin-top: 2.5em !important;
  }
  .mr25e-sp {
    margin-right: 2.5em !important;
  }
  .mb25e-sp {
    margin-bottom: 2.5em !important;
  }
  .ml25e-sp {
    margin-left: 2.5em !important;
  }
  .mt-25-sp {
    margin-top: -25px !important;
  }
  .mr-25-sp {
    margin-right: -25px !important;
  }
  .mb-25-sp {
    margin-bottom: -25px !important;
  }
  .ml-25-sp {
    margin-left: -25px !important;
  }
  .mt-25e-sp {
    margin-top: -2.5em !important;
  }
  .mr-25e-sp {
    margin-right: -2.5em !important;
  }
  .mb-25e-sp {
    margin-bottom: -2.5em !important;
  }
  .ml-25e-sp {
    margin-left: -2.5em !important;
  }
  .pt25-sp {
    padding-top: 25px !important;
  }
  .pr25-sp {
    padding-right: 25px !important;
  }
  .pb25-sp {
    padding-bottom: 25px !important;
  }
  .pl25-sp {
    padding-left: 25px !important;
  }
  .pt25e-sp {
    padding-top: 2.5em !important;
  }
  .pr25e-sp {
    padding-right: 2.5em !important;
  }
  .pb25e-sp {
    padding-bottom: 2.5em !important;
  }
  .pl25e-sp {
    padding-left: 2.5em !important;
  }
  .w250-sp {
    width: 250px !important;
  }
  .w25p-sp {
    width: 25% !important;
  }
  .w25e-sp {
    width: 2.5em !important;
  }
  .mt26-sp {
    margin-top: 26px !important;
  }
  .mr26-sp {
    margin-right: 26px !important;
  }
  .mb26-sp {
    margin-bottom: 26px !important;
  }
  .ml26-sp {
    margin-left: 26px !important;
  }
  .mt26e-sp {
    margin-top: 2.6em !important;
  }
  .mr26e-sp {
    margin-right: 2.6em !important;
  }
  .mb26e-sp {
    margin-bottom: 2.6em !important;
  }
  .ml26e-sp {
    margin-left: 2.6em !important;
  }
  .mt-26-sp {
    margin-top: -26px !important;
  }
  .mr-26-sp {
    margin-right: -26px !important;
  }
  .mb-26-sp {
    margin-bottom: -26px !important;
  }
  .ml-26-sp {
    margin-left: -26px !important;
  }
  .mt-26e-sp {
    margin-top: -2.6em !important;
  }
  .mr-26e-sp {
    margin-right: -2.6em !important;
  }
  .mb-26e-sp {
    margin-bottom: -2.6em !important;
  }
  .ml-26e-sp {
    margin-left: -2.6em !important;
  }
  .pt26-sp {
    padding-top: 26px !important;
  }
  .pr26-sp {
    padding-right: 26px !important;
  }
  .pb26-sp {
    padding-bottom: 26px !important;
  }
  .pl26-sp {
    padding-left: 26px !important;
  }
  .pt26e-sp {
    padding-top: 2.6em !important;
  }
  .pr26e-sp {
    padding-right: 2.6em !important;
  }
  .pb26e-sp {
    padding-bottom: 2.6em !important;
  }
  .pl26e-sp {
    padding-left: 2.6em !important;
  }
  .w260-sp {
    width: 260px !important;
  }
  .w26p-sp {
    width: 26% !important;
  }
  .w26e-sp {
    width: 2.6em !important;
  }
  .mt27-sp {
    margin-top: 27px !important;
  }
  .mr27-sp {
    margin-right: 27px !important;
  }
  .mb27-sp {
    margin-bottom: 27px !important;
  }
  .ml27-sp {
    margin-left: 27px !important;
  }
  .mt27e-sp {
    margin-top: 2.7em !important;
  }
  .mr27e-sp {
    margin-right: 2.7em !important;
  }
  .mb27e-sp {
    margin-bottom: 2.7em !important;
  }
  .ml27e-sp {
    margin-left: 2.7em !important;
  }
  .mt-27-sp {
    margin-top: -27px !important;
  }
  .mr-27-sp {
    margin-right: -27px !important;
  }
  .mb-27-sp {
    margin-bottom: -27px !important;
  }
  .ml-27-sp {
    margin-left: -27px !important;
  }
  .mt-27e-sp {
    margin-top: -2.7em !important;
  }
  .mr-27e-sp {
    margin-right: -2.7em !important;
  }
  .mb-27e-sp {
    margin-bottom: -2.7em !important;
  }
  .ml-27e-sp {
    margin-left: -2.7em !important;
  }
  .pt27-sp {
    padding-top: 27px !important;
  }
  .pr27-sp {
    padding-right: 27px !important;
  }
  .pb27-sp {
    padding-bottom: 27px !important;
  }
  .pl27-sp {
    padding-left: 27px !important;
  }
  .pt27e-sp {
    padding-top: 2.7em !important;
  }
  .pr27e-sp {
    padding-right: 2.7em !important;
  }
  .pb27e-sp {
    padding-bottom: 2.7em !important;
  }
  .pl27e-sp {
    padding-left: 2.7em !important;
  }
  .w270-sp {
    width: 270px !important;
  }
  .w27p-sp {
    width: 27% !important;
  }
  .w27e-sp {
    width: 2.7em !important;
  }
  .mt28-sp {
    margin-top: 28px !important;
  }
  .mr28-sp {
    margin-right: 28px !important;
  }
  .mb28-sp {
    margin-bottom: 28px !important;
  }
  .ml28-sp {
    margin-left: 28px !important;
  }
  .mt28e-sp {
    margin-top: 2.8em !important;
  }
  .mr28e-sp {
    margin-right: 2.8em !important;
  }
  .mb28e-sp {
    margin-bottom: 2.8em !important;
  }
  .ml28e-sp {
    margin-left: 2.8em !important;
  }
  .mt-28-sp {
    margin-top: -28px !important;
  }
  .mr-28-sp {
    margin-right: -28px !important;
  }
  .mb-28-sp {
    margin-bottom: -28px !important;
  }
  .ml-28-sp {
    margin-left: -28px !important;
  }
  .mt-28e-sp {
    margin-top: -2.8em !important;
  }
  .mr-28e-sp {
    margin-right: -2.8em !important;
  }
  .mb-28e-sp {
    margin-bottom: -2.8em !important;
  }
  .ml-28e-sp {
    margin-left: -2.8em !important;
  }
  .pt28-sp {
    padding-top: 28px !important;
  }
  .pr28-sp {
    padding-right: 28px !important;
  }
  .pb28-sp {
    padding-bottom: 28px !important;
  }
  .pl28-sp {
    padding-left: 28px !important;
  }
  .pt28e-sp {
    padding-top: 2.8em !important;
  }
  .pr28e-sp {
    padding-right: 2.8em !important;
  }
  .pb28e-sp {
    padding-bottom: 2.8em !important;
  }
  .pl28e-sp {
    padding-left: 2.8em !important;
  }
  .w280-sp {
    width: 280px !important;
  }
  .w28p-sp {
    width: 28% !important;
  }
  .w28e-sp {
    width: 2.8em !important;
  }
  .mt29-sp {
    margin-top: 29px !important;
  }
  .mr29-sp {
    margin-right: 29px !important;
  }
  .mb29-sp {
    margin-bottom: 29px !important;
  }
  .ml29-sp {
    margin-left: 29px !important;
  }
  .mt29e-sp {
    margin-top: 2.9em !important;
  }
  .mr29e-sp {
    margin-right: 2.9em !important;
  }
  .mb29e-sp {
    margin-bottom: 2.9em !important;
  }
  .ml29e-sp {
    margin-left: 2.9em !important;
  }
  .mt-29-sp {
    margin-top: -29px !important;
  }
  .mr-29-sp {
    margin-right: -29px !important;
  }
  .mb-29-sp {
    margin-bottom: -29px !important;
  }
  .ml-29-sp {
    margin-left: -29px !important;
  }
  .mt-29e-sp {
    margin-top: -2.9em !important;
  }
  .mr-29e-sp {
    margin-right: -2.9em !important;
  }
  .mb-29e-sp {
    margin-bottom: -2.9em !important;
  }
  .ml-29e-sp {
    margin-left: -2.9em !important;
  }
  .pt29-sp {
    padding-top: 29px !important;
  }
  .pr29-sp {
    padding-right: 29px !important;
  }
  .pb29-sp {
    padding-bottom: 29px !important;
  }
  .pl29-sp {
    padding-left: 29px !important;
  }
  .pt29e-sp {
    padding-top: 2.9em !important;
  }
  .pr29e-sp {
    padding-right: 2.9em !important;
  }
  .pb29e-sp {
    padding-bottom: 2.9em !important;
  }
  .pl29e-sp {
    padding-left: 2.9em !important;
  }
  .w290-sp {
    width: 290px !important;
  }
  .w29p-sp {
    width: 29% !important;
  }
  .w29e-sp {
    width: 2.9em !important;
  }
  .mt30-sp {
    margin-top: 30px !important;
  }
  .mr30-sp {
    margin-right: 30px !important;
  }
  .mb30-sp {
    margin-bottom: 30px !important;
  }
  .ml30-sp {
    margin-left: 30px !important;
  }
  .mt30e-sp {
    margin-top: 3em !important;
  }
  .mr30e-sp {
    margin-right: 3em !important;
  }
  .mb30e-sp {
    margin-bottom: 3em !important;
  }
  .ml30e-sp {
    margin-left: 3em !important;
  }
  .mt-30-sp {
    margin-top: -30px !important;
  }
  .mr-30-sp {
    margin-right: -30px !important;
  }
  .mb-30-sp {
    margin-bottom: -30px !important;
  }
  .ml-30-sp {
    margin-left: -30px !important;
  }
  .mt-30e-sp {
    margin-top: -3em !important;
  }
  .mr-30e-sp {
    margin-right: -3em !important;
  }
  .mb-30e-sp {
    margin-bottom: -3em !important;
  }
  .ml-30e-sp {
    margin-left: -3em !important;
  }
  .pt30-sp {
    padding-top: 30px !important;
  }
  .pr30-sp {
    padding-right: 30px !important;
  }
  .pb30-sp {
    padding-bottom: 30px !important;
  }
  .pl30-sp {
    padding-left: 30px !important;
  }
  .pt30e-sp {
    padding-top: 3em !important;
  }
  .pr30e-sp {
    padding-right: 3em !important;
  }
  .pb30e-sp {
    padding-bottom: 3em !important;
  }
  .pl30e-sp {
    padding-left: 3em !important;
  }
  .w300-sp {
    width: 300px !important;
  }
  .w30p-sp {
    width: 30% !important;
  }
  .w30e-sp {
    width: 3em !important;
  }
  .mt31-sp {
    margin-top: 31px !important;
  }
  .mr31-sp {
    margin-right: 31px !important;
  }
  .mb31-sp {
    margin-bottom: 31px !important;
  }
  .ml31-sp {
    margin-left: 31px !important;
  }
  .mt31e-sp {
    margin-top: 3.1em !important;
  }
  .mr31e-sp {
    margin-right: 3.1em !important;
  }
  .mb31e-sp {
    margin-bottom: 3.1em !important;
  }
  .ml31e-sp {
    margin-left: 3.1em !important;
  }
  .mt-31-sp {
    margin-top: -31px !important;
  }
  .mr-31-sp {
    margin-right: -31px !important;
  }
  .mb-31-sp {
    margin-bottom: -31px !important;
  }
  .ml-31-sp {
    margin-left: -31px !important;
  }
  .mt-31e-sp {
    margin-top: -3.1em !important;
  }
  .mr-31e-sp {
    margin-right: -3.1em !important;
  }
  .mb-31e-sp {
    margin-bottom: -3.1em !important;
  }
  .ml-31e-sp {
    margin-left: -3.1em !important;
  }
  .pt31-sp {
    padding-top: 31px !important;
  }
  .pr31-sp {
    padding-right: 31px !important;
  }
  .pb31-sp {
    padding-bottom: 31px !important;
  }
  .pl31-sp {
    padding-left: 31px !important;
  }
  .pt31e-sp {
    padding-top: 3.1em !important;
  }
  .pr31e-sp {
    padding-right: 3.1em !important;
  }
  .pb31e-sp {
    padding-bottom: 3.1em !important;
  }
  .pl31e-sp {
    padding-left: 3.1em !important;
  }
  .w310-sp {
    width: 310px !important;
  }
  .w31p-sp {
    width: 31% !important;
  }
  .w31e-sp {
    width: 3.1em !important;
  }
  .mt32-sp {
    margin-top: 32px !important;
  }
  .mr32-sp {
    margin-right: 32px !important;
  }
  .mb32-sp {
    margin-bottom: 32px !important;
  }
  .ml32-sp {
    margin-left: 32px !important;
  }
  .mt32e-sp {
    margin-top: 3.2em !important;
  }
  .mr32e-sp {
    margin-right: 3.2em !important;
  }
  .mb32e-sp {
    margin-bottom: 3.2em !important;
  }
  .ml32e-sp {
    margin-left: 3.2em !important;
  }
  .mt-32-sp {
    margin-top: -32px !important;
  }
  .mr-32-sp {
    margin-right: -32px !important;
  }
  .mb-32-sp {
    margin-bottom: -32px !important;
  }
  .ml-32-sp {
    margin-left: -32px !important;
  }
  .mt-32e-sp {
    margin-top: -3.2em !important;
  }
  .mr-32e-sp {
    margin-right: -3.2em !important;
  }
  .mb-32e-sp {
    margin-bottom: -3.2em !important;
  }
  .ml-32e-sp {
    margin-left: -3.2em !important;
  }
  .pt32-sp {
    padding-top: 32px !important;
  }
  .pr32-sp {
    padding-right: 32px !important;
  }
  .pb32-sp {
    padding-bottom: 32px !important;
  }
  .pl32-sp {
    padding-left: 32px !important;
  }
  .pt32e-sp {
    padding-top: 3.2em !important;
  }
  .pr32e-sp {
    padding-right: 3.2em !important;
  }
  .pb32e-sp {
    padding-bottom: 3.2em !important;
  }
  .pl32e-sp {
    padding-left: 3.2em !important;
  }
  .w320-sp {
    width: 320px !important;
  }
  .w32p-sp {
    width: 32% !important;
  }
  .w32e-sp {
    width: 3.2em !important;
  }
  .mt33-sp {
    margin-top: 33px !important;
  }
  .mr33-sp {
    margin-right: 33px !important;
  }
  .mb33-sp {
    margin-bottom: 33px !important;
  }
  .ml33-sp {
    margin-left: 33px !important;
  }
  .mt33e-sp {
    margin-top: 3.3em !important;
  }
  .mr33e-sp {
    margin-right: 3.3em !important;
  }
  .mb33e-sp {
    margin-bottom: 3.3em !important;
  }
  .ml33e-sp {
    margin-left: 3.3em !important;
  }
  .mt-33-sp {
    margin-top: -33px !important;
  }
  .mr-33-sp {
    margin-right: -33px !important;
  }
  .mb-33-sp {
    margin-bottom: -33px !important;
  }
  .ml-33-sp {
    margin-left: -33px !important;
  }
  .mt-33e-sp {
    margin-top: -3.3em !important;
  }
  .mr-33e-sp {
    margin-right: -3.3em !important;
  }
  .mb-33e-sp {
    margin-bottom: -3.3em !important;
  }
  .ml-33e-sp {
    margin-left: -3.3em !important;
  }
  .pt33-sp {
    padding-top: 33px !important;
  }
  .pr33-sp {
    padding-right: 33px !important;
  }
  .pb33-sp {
    padding-bottom: 33px !important;
  }
  .pl33-sp {
    padding-left: 33px !important;
  }
  .pt33e-sp {
    padding-top: 3.3em !important;
  }
  .pr33e-sp {
    padding-right: 3.3em !important;
  }
  .pb33e-sp {
    padding-bottom: 3.3em !important;
  }
  .pl33e-sp {
    padding-left: 3.3em !important;
  }
  .w330-sp {
    width: 330px !important;
  }
  .w33p-sp {
    width: 33% !important;
  }
  .w33e-sp {
    width: 3.3em !important;
  }
  .mt34-sp {
    margin-top: 34px !important;
  }
  .mr34-sp {
    margin-right: 34px !important;
  }
  .mb34-sp {
    margin-bottom: 34px !important;
  }
  .ml34-sp {
    margin-left: 34px !important;
  }
  .mt34e-sp {
    margin-top: 3.4em !important;
  }
  .mr34e-sp {
    margin-right: 3.4em !important;
  }
  .mb34e-sp {
    margin-bottom: 3.4em !important;
  }
  .ml34e-sp {
    margin-left: 3.4em !important;
  }
  .mt-34-sp {
    margin-top: -34px !important;
  }
  .mr-34-sp {
    margin-right: -34px !important;
  }
  .mb-34-sp {
    margin-bottom: -34px !important;
  }
  .ml-34-sp {
    margin-left: -34px !important;
  }
  .mt-34e-sp {
    margin-top: -3.4em !important;
  }
  .mr-34e-sp {
    margin-right: -3.4em !important;
  }
  .mb-34e-sp {
    margin-bottom: -3.4em !important;
  }
  .ml-34e-sp {
    margin-left: -3.4em !important;
  }
  .pt34-sp {
    padding-top: 34px !important;
  }
  .pr34-sp {
    padding-right: 34px !important;
  }
  .pb34-sp {
    padding-bottom: 34px !important;
  }
  .pl34-sp {
    padding-left: 34px !important;
  }
  .pt34e-sp {
    padding-top: 3.4em !important;
  }
  .pr34e-sp {
    padding-right: 3.4em !important;
  }
  .pb34e-sp {
    padding-bottom: 3.4em !important;
  }
  .pl34e-sp {
    padding-left: 3.4em !important;
  }
  .w340-sp {
    width: 340px !important;
  }
  .w34p-sp {
    width: 34% !important;
  }
  .w34e-sp {
    width: 3.4em !important;
  }
  .mt35-sp {
    margin-top: 35px !important;
  }
  .mr35-sp {
    margin-right: 35px !important;
  }
  .mb35-sp {
    margin-bottom: 35px !important;
  }
  .ml35-sp {
    margin-left: 35px !important;
  }
  .mt35e-sp {
    margin-top: 3.5em !important;
  }
  .mr35e-sp {
    margin-right: 3.5em !important;
  }
  .mb35e-sp {
    margin-bottom: 3.5em !important;
  }
  .ml35e-sp {
    margin-left: 3.5em !important;
  }
  .mt-35-sp {
    margin-top: -35px !important;
  }
  .mr-35-sp {
    margin-right: -35px !important;
  }
  .mb-35-sp {
    margin-bottom: -35px !important;
  }
  .ml-35-sp {
    margin-left: -35px !important;
  }
  .mt-35e-sp {
    margin-top: -3.5em !important;
  }
  .mr-35e-sp {
    margin-right: -3.5em !important;
  }
  .mb-35e-sp {
    margin-bottom: -3.5em !important;
  }
  .ml-35e-sp {
    margin-left: -3.5em !important;
  }
  .pt35-sp {
    padding-top: 35px !important;
  }
  .pr35-sp {
    padding-right: 35px !important;
  }
  .pb35-sp {
    padding-bottom: 35px !important;
  }
  .pl35-sp {
    padding-left: 35px !important;
  }
  .pt35e-sp {
    padding-top: 3.5em !important;
  }
  .pr35e-sp {
    padding-right: 3.5em !important;
  }
  .pb35e-sp {
    padding-bottom: 3.5em !important;
  }
  .pl35e-sp {
    padding-left: 3.5em !important;
  }
  .w350-sp {
    width: 350px !important;
  }
  .w35p-sp {
    width: 35% !important;
  }
  .w35e-sp {
    width: 3.5em !important;
  }
  .mt36-sp {
    margin-top: 36px !important;
  }
  .mr36-sp {
    margin-right: 36px !important;
  }
  .mb36-sp {
    margin-bottom: 36px !important;
  }
  .ml36-sp {
    margin-left: 36px !important;
  }
  .mt36e-sp {
    margin-top: 3.6em !important;
  }
  .mr36e-sp {
    margin-right: 3.6em !important;
  }
  .mb36e-sp {
    margin-bottom: 3.6em !important;
  }
  .ml36e-sp {
    margin-left: 3.6em !important;
  }
  .mt-36-sp {
    margin-top: -36px !important;
  }
  .mr-36-sp {
    margin-right: -36px !important;
  }
  .mb-36-sp {
    margin-bottom: -36px !important;
  }
  .ml-36-sp {
    margin-left: -36px !important;
  }
  .mt-36e-sp {
    margin-top: -3.6em !important;
  }
  .mr-36e-sp {
    margin-right: -3.6em !important;
  }
  .mb-36e-sp {
    margin-bottom: -3.6em !important;
  }
  .ml-36e-sp {
    margin-left: -3.6em !important;
  }
  .pt36-sp {
    padding-top: 36px !important;
  }
  .pr36-sp {
    padding-right: 36px !important;
  }
  .pb36-sp {
    padding-bottom: 36px !important;
  }
  .pl36-sp {
    padding-left: 36px !important;
  }
  .pt36e-sp {
    padding-top: 3.6em !important;
  }
  .pr36e-sp {
    padding-right: 3.6em !important;
  }
  .pb36e-sp {
    padding-bottom: 3.6em !important;
  }
  .pl36e-sp {
    padding-left: 3.6em !important;
  }
  .w360-sp {
    width: 360px !important;
  }
  .w36p-sp {
    width: 36% !important;
  }
  .w36e-sp {
    width: 3.6em !important;
  }
  .mt37-sp {
    margin-top: 37px !important;
  }
  .mr37-sp {
    margin-right: 37px !important;
  }
  .mb37-sp {
    margin-bottom: 37px !important;
  }
  .ml37-sp {
    margin-left: 37px !important;
  }
  .mt37e-sp {
    margin-top: 3.7em !important;
  }
  .mr37e-sp {
    margin-right: 3.7em !important;
  }
  .mb37e-sp {
    margin-bottom: 3.7em !important;
  }
  .ml37e-sp {
    margin-left: 3.7em !important;
  }
  .mt-37-sp {
    margin-top: -37px !important;
  }
  .mr-37-sp {
    margin-right: -37px !important;
  }
  .mb-37-sp {
    margin-bottom: -37px !important;
  }
  .ml-37-sp {
    margin-left: -37px !important;
  }
  .mt-37e-sp {
    margin-top: -3.7em !important;
  }
  .mr-37e-sp {
    margin-right: -3.7em !important;
  }
  .mb-37e-sp {
    margin-bottom: -3.7em !important;
  }
  .ml-37e-sp {
    margin-left: -3.7em !important;
  }
  .pt37-sp {
    padding-top: 37px !important;
  }
  .pr37-sp {
    padding-right: 37px !important;
  }
  .pb37-sp {
    padding-bottom: 37px !important;
  }
  .pl37-sp {
    padding-left: 37px !important;
  }
  .pt37e-sp {
    padding-top: 3.7em !important;
  }
  .pr37e-sp {
    padding-right: 3.7em !important;
  }
  .pb37e-sp {
    padding-bottom: 3.7em !important;
  }
  .pl37e-sp {
    padding-left: 3.7em !important;
  }
  .w370-sp {
    width: 370px !important;
  }
  .w37p-sp {
    width: 37% !important;
  }
  .w37e-sp {
    width: 3.7em !important;
  }
  .mt38-sp {
    margin-top: 38px !important;
  }
  .mr38-sp {
    margin-right: 38px !important;
  }
  .mb38-sp {
    margin-bottom: 38px !important;
  }
  .ml38-sp {
    margin-left: 38px !important;
  }
  .mt38e-sp {
    margin-top: 3.8em !important;
  }
  .mr38e-sp {
    margin-right: 3.8em !important;
  }
  .mb38e-sp {
    margin-bottom: 3.8em !important;
  }
  .ml38e-sp {
    margin-left: 3.8em !important;
  }
  .mt-38-sp {
    margin-top: -38px !important;
  }
  .mr-38-sp {
    margin-right: -38px !important;
  }
  .mb-38-sp {
    margin-bottom: -38px !important;
  }
  .ml-38-sp {
    margin-left: -38px !important;
  }
  .mt-38e-sp {
    margin-top: -3.8em !important;
  }
  .mr-38e-sp {
    margin-right: -3.8em !important;
  }
  .mb-38e-sp {
    margin-bottom: -3.8em !important;
  }
  .ml-38e-sp {
    margin-left: -3.8em !important;
  }
  .pt38-sp {
    padding-top: 38px !important;
  }
  .pr38-sp {
    padding-right: 38px !important;
  }
  .pb38-sp {
    padding-bottom: 38px !important;
  }
  .pl38-sp {
    padding-left: 38px !important;
  }
  .pt38e-sp {
    padding-top: 3.8em !important;
  }
  .pr38e-sp {
    padding-right: 3.8em !important;
  }
  .pb38e-sp {
    padding-bottom: 3.8em !important;
  }
  .pl38e-sp {
    padding-left: 3.8em !important;
  }
  .w380-sp {
    width: 380px !important;
  }
  .w38p-sp {
    width: 38% !important;
  }
  .w38e-sp {
    width: 3.8em !important;
  }
  .mt39-sp {
    margin-top: 39px !important;
  }
  .mr39-sp {
    margin-right: 39px !important;
  }
  .mb39-sp {
    margin-bottom: 39px !important;
  }
  .ml39-sp {
    margin-left: 39px !important;
  }
  .mt39e-sp {
    margin-top: 3.9em !important;
  }
  .mr39e-sp {
    margin-right: 3.9em !important;
  }
  .mb39e-sp {
    margin-bottom: 3.9em !important;
  }
  .ml39e-sp {
    margin-left: 3.9em !important;
  }
  .mt-39-sp {
    margin-top: -39px !important;
  }
  .mr-39-sp {
    margin-right: -39px !important;
  }
  .mb-39-sp {
    margin-bottom: -39px !important;
  }
  .ml-39-sp {
    margin-left: -39px !important;
  }
  .mt-39e-sp {
    margin-top: -3.9em !important;
  }
  .mr-39e-sp {
    margin-right: -3.9em !important;
  }
  .mb-39e-sp {
    margin-bottom: -3.9em !important;
  }
  .ml-39e-sp {
    margin-left: -3.9em !important;
  }
  .pt39-sp {
    padding-top: 39px !important;
  }
  .pr39-sp {
    padding-right: 39px !important;
  }
  .pb39-sp {
    padding-bottom: 39px !important;
  }
  .pl39-sp {
    padding-left: 39px !important;
  }
  .pt39e-sp {
    padding-top: 3.9em !important;
  }
  .pr39e-sp {
    padding-right: 3.9em !important;
  }
  .pb39e-sp {
    padding-bottom: 3.9em !important;
  }
  .pl39e-sp {
    padding-left: 3.9em !important;
  }
  .w390-sp {
    width: 390px !important;
  }
  .w39p-sp {
    width: 39% !important;
  }
  .w39e-sp {
    width: 3.9em !important;
  }
  .mt40-sp {
    margin-top: 40px !important;
  }
  .mr40-sp {
    margin-right: 40px !important;
  }
  .mb40-sp {
    margin-bottom: 40px !important;
  }
  .ml40-sp {
    margin-left: 40px !important;
  }
  .mt40e-sp {
    margin-top: 4em !important;
  }
  .mr40e-sp {
    margin-right: 4em !important;
  }
  .mb40e-sp {
    margin-bottom: 4em !important;
  }
  .ml40e-sp {
    margin-left: 4em !important;
  }
  .mt-40-sp {
    margin-top: -40px !important;
  }
  .mr-40-sp {
    margin-right: -40px !important;
  }
  .mb-40-sp {
    margin-bottom: -40px !important;
  }
  .ml-40-sp {
    margin-left: -40px !important;
  }
  .mt-40e-sp {
    margin-top: -4em !important;
  }
  .mr-40e-sp {
    margin-right: -4em !important;
  }
  .mb-40e-sp {
    margin-bottom: -4em !important;
  }
  .ml-40e-sp {
    margin-left: -4em !important;
  }
  .pt40-sp {
    padding-top: 40px !important;
  }
  .pr40-sp {
    padding-right: 40px !important;
  }
  .pb40-sp {
    padding-bottom: 40px !important;
  }
  .pl40-sp {
    padding-left: 40px !important;
  }
  .pt40e-sp {
    padding-top: 4em !important;
  }
  .pr40e-sp {
    padding-right: 4em !important;
  }
  .pb40e-sp {
    padding-bottom: 4em !important;
  }
  .pl40e-sp {
    padding-left: 4em !important;
  }
  .w400-sp {
    width: 400px !important;
  }
  .w40p-sp {
    width: 40% !important;
  }
  .w40e-sp {
    width: 4em !important;
  }
  .mt41-sp {
    margin-top: 41px !important;
  }
  .mr41-sp {
    margin-right: 41px !important;
  }
  .mb41-sp {
    margin-bottom: 41px !important;
  }
  .ml41-sp {
    margin-left: 41px !important;
  }
  .mt41e-sp {
    margin-top: 4.1em !important;
  }
  .mr41e-sp {
    margin-right: 4.1em !important;
  }
  .mb41e-sp {
    margin-bottom: 4.1em !important;
  }
  .ml41e-sp {
    margin-left: 4.1em !important;
  }
  .mt-41-sp {
    margin-top: -41px !important;
  }
  .mr-41-sp {
    margin-right: -41px !important;
  }
  .mb-41-sp {
    margin-bottom: -41px !important;
  }
  .ml-41-sp {
    margin-left: -41px !important;
  }
  .mt-41e-sp {
    margin-top: -4.1em !important;
  }
  .mr-41e-sp {
    margin-right: -4.1em !important;
  }
  .mb-41e-sp {
    margin-bottom: -4.1em !important;
  }
  .ml-41e-sp {
    margin-left: -4.1em !important;
  }
  .pt41-sp {
    padding-top: 41px !important;
  }
  .pr41-sp {
    padding-right: 41px !important;
  }
  .pb41-sp {
    padding-bottom: 41px !important;
  }
  .pl41-sp {
    padding-left: 41px !important;
  }
  .pt41e-sp {
    padding-top: 4.1em !important;
  }
  .pr41e-sp {
    padding-right: 4.1em !important;
  }
  .pb41e-sp {
    padding-bottom: 4.1em !important;
  }
  .pl41e-sp {
    padding-left: 4.1em !important;
  }
  .w410-sp {
    width: 410px !important;
  }
  .w41p-sp {
    width: 41% !important;
  }
  .w41e-sp {
    width: 4.1em !important;
  }
  .mt42-sp {
    margin-top: 42px !important;
  }
  .mr42-sp {
    margin-right: 42px !important;
  }
  .mb42-sp {
    margin-bottom: 42px !important;
  }
  .ml42-sp {
    margin-left: 42px !important;
  }
  .mt42e-sp {
    margin-top: 4.2em !important;
  }
  .mr42e-sp {
    margin-right: 4.2em !important;
  }
  .mb42e-sp {
    margin-bottom: 4.2em !important;
  }
  .ml42e-sp {
    margin-left: 4.2em !important;
  }
  .mt-42-sp {
    margin-top: -42px !important;
  }
  .mr-42-sp {
    margin-right: -42px !important;
  }
  .mb-42-sp {
    margin-bottom: -42px !important;
  }
  .ml-42-sp {
    margin-left: -42px !important;
  }
  .mt-42e-sp {
    margin-top: -4.2em !important;
  }
  .mr-42e-sp {
    margin-right: -4.2em !important;
  }
  .mb-42e-sp {
    margin-bottom: -4.2em !important;
  }
  .ml-42e-sp {
    margin-left: -4.2em !important;
  }
  .pt42-sp {
    padding-top: 42px !important;
  }
  .pr42-sp {
    padding-right: 42px !important;
  }
  .pb42-sp {
    padding-bottom: 42px !important;
  }
  .pl42-sp {
    padding-left: 42px !important;
  }
  .pt42e-sp {
    padding-top: 4.2em !important;
  }
  .pr42e-sp {
    padding-right: 4.2em !important;
  }
  .pb42e-sp {
    padding-bottom: 4.2em !important;
  }
  .pl42e-sp {
    padding-left: 4.2em !important;
  }
  .w420-sp {
    width: 420px !important;
  }
  .w42p-sp {
    width: 42% !important;
  }
  .w42e-sp {
    width: 4.2em !important;
  }
  .mt43-sp {
    margin-top: 43px !important;
  }
  .mr43-sp {
    margin-right: 43px !important;
  }
  .mb43-sp {
    margin-bottom: 43px !important;
  }
  .ml43-sp {
    margin-left: 43px !important;
  }
  .mt43e-sp {
    margin-top: 4.3em !important;
  }
  .mr43e-sp {
    margin-right: 4.3em !important;
  }
  .mb43e-sp {
    margin-bottom: 4.3em !important;
  }
  .ml43e-sp {
    margin-left: 4.3em !important;
  }
  .mt-43-sp {
    margin-top: -43px !important;
  }
  .mr-43-sp {
    margin-right: -43px !important;
  }
  .mb-43-sp {
    margin-bottom: -43px !important;
  }
  .ml-43-sp {
    margin-left: -43px !important;
  }
  .mt-43e-sp {
    margin-top: -4.3em !important;
  }
  .mr-43e-sp {
    margin-right: -4.3em !important;
  }
  .mb-43e-sp {
    margin-bottom: -4.3em !important;
  }
  .ml-43e-sp {
    margin-left: -4.3em !important;
  }
  .pt43-sp {
    padding-top: 43px !important;
  }
  .pr43-sp {
    padding-right: 43px !important;
  }
  .pb43-sp {
    padding-bottom: 43px !important;
  }
  .pl43-sp {
    padding-left: 43px !important;
  }
  .pt43e-sp {
    padding-top: 4.3em !important;
  }
  .pr43e-sp {
    padding-right: 4.3em !important;
  }
  .pb43e-sp {
    padding-bottom: 4.3em !important;
  }
  .pl43e-sp {
    padding-left: 4.3em !important;
  }
  .w430-sp {
    width: 430px !important;
  }
  .w43p-sp {
    width: 43% !important;
  }
  .w43e-sp {
    width: 4.3em !important;
  }
  .mt44-sp {
    margin-top: 44px !important;
  }
  .mr44-sp {
    margin-right: 44px !important;
  }
  .mb44-sp {
    margin-bottom: 44px !important;
  }
  .ml44-sp {
    margin-left: 44px !important;
  }
  .mt44e-sp {
    margin-top: 4.4em !important;
  }
  .mr44e-sp {
    margin-right: 4.4em !important;
  }
  .mb44e-sp {
    margin-bottom: 4.4em !important;
  }
  .ml44e-sp {
    margin-left: 4.4em !important;
  }
  .mt-44-sp {
    margin-top: -44px !important;
  }
  .mr-44-sp {
    margin-right: -44px !important;
  }
  .mb-44-sp {
    margin-bottom: -44px !important;
  }
  .ml-44-sp {
    margin-left: -44px !important;
  }
  .mt-44e-sp {
    margin-top: -4.4em !important;
  }
  .mr-44e-sp {
    margin-right: -4.4em !important;
  }
  .mb-44e-sp {
    margin-bottom: -4.4em !important;
  }
  .ml-44e-sp {
    margin-left: -4.4em !important;
  }
  .pt44-sp {
    padding-top: 44px !important;
  }
  .pr44-sp {
    padding-right: 44px !important;
  }
  .pb44-sp {
    padding-bottom: 44px !important;
  }
  .pl44-sp {
    padding-left: 44px !important;
  }
  .pt44e-sp {
    padding-top: 4.4em !important;
  }
  .pr44e-sp {
    padding-right: 4.4em !important;
  }
  .pb44e-sp {
    padding-bottom: 4.4em !important;
  }
  .pl44e-sp {
    padding-left: 4.4em !important;
  }
  .w440-sp {
    width: 440px !important;
  }
  .w44p-sp {
    width: 44% !important;
  }
  .w44e-sp {
    width: 4.4em !important;
  }
  .mt45-sp {
    margin-top: 45px !important;
  }
  .mr45-sp {
    margin-right: 45px !important;
  }
  .mb45-sp {
    margin-bottom: 45px !important;
  }
  .ml45-sp {
    margin-left: 45px !important;
  }
  .mt45e-sp {
    margin-top: 4.5em !important;
  }
  .mr45e-sp {
    margin-right: 4.5em !important;
  }
  .mb45e-sp {
    margin-bottom: 4.5em !important;
  }
  .ml45e-sp {
    margin-left: 4.5em !important;
  }
  .mt-45-sp {
    margin-top: -45px !important;
  }
  .mr-45-sp {
    margin-right: -45px !important;
  }
  .mb-45-sp {
    margin-bottom: -45px !important;
  }
  .ml-45-sp {
    margin-left: -45px !important;
  }
  .mt-45e-sp {
    margin-top: -4.5em !important;
  }
  .mr-45e-sp {
    margin-right: -4.5em !important;
  }
  .mb-45e-sp {
    margin-bottom: -4.5em !important;
  }
  .ml-45e-sp {
    margin-left: -4.5em !important;
  }
  .pt45-sp {
    padding-top: 45px !important;
  }
  .pr45-sp {
    padding-right: 45px !important;
  }
  .pb45-sp {
    padding-bottom: 45px !important;
  }
  .pl45-sp {
    padding-left: 45px !important;
  }
  .pt45e-sp {
    padding-top: 4.5em !important;
  }
  .pr45e-sp {
    padding-right: 4.5em !important;
  }
  .pb45e-sp {
    padding-bottom: 4.5em !important;
  }
  .pl45e-sp {
    padding-left: 4.5em !important;
  }
  .w450-sp {
    width: 450px !important;
  }
  .w45p-sp {
    width: 45% !important;
  }
  .w45e-sp {
    width: 4.5em !important;
  }
  .mt46-sp {
    margin-top: 46px !important;
  }
  .mr46-sp {
    margin-right: 46px !important;
  }
  .mb46-sp {
    margin-bottom: 46px !important;
  }
  .ml46-sp {
    margin-left: 46px !important;
  }
  .mt46e-sp {
    margin-top: 4.6em !important;
  }
  .mr46e-sp {
    margin-right: 4.6em !important;
  }
  .mb46e-sp {
    margin-bottom: 4.6em !important;
  }
  .ml46e-sp {
    margin-left: 4.6em !important;
  }
  .mt-46-sp {
    margin-top: -46px !important;
  }
  .mr-46-sp {
    margin-right: -46px !important;
  }
  .mb-46-sp {
    margin-bottom: -46px !important;
  }
  .ml-46-sp {
    margin-left: -46px !important;
  }
  .mt-46e-sp {
    margin-top: -4.6em !important;
  }
  .mr-46e-sp {
    margin-right: -4.6em !important;
  }
  .mb-46e-sp {
    margin-bottom: -4.6em !important;
  }
  .ml-46e-sp {
    margin-left: -4.6em !important;
  }
  .pt46-sp {
    padding-top: 46px !important;
  }
  .pr46-sp {
    padding-right: 46px !important;
  }
  .pb46-sp {
    padding-bottom: 46px !important;
  }
  .pl46-sp {
    padding-left: 46px !important;
  }
  .pt46e-sp {
    padding-top: 4.6em !important;
  }
  .pr46e-sp {
    padding-right: 4.6em !important;
  }
  .pb46e-sp {
    padding-bottom: 4.6em !important;
  }
  .pl46e-sp {
    padding-left: 4.6em !important;
  }
  .w460-sp {
    width: 460px !important;
  }
  .w46p-sp {
    width: 46% !important;
  }
  .w46e-sp {
    width: 4.6em !important;
  }
  .mt47-sp {
    margin-top: 47px !important;
  }
  .mr47-sp {
    margin-right: 47px !important;
  }
  .mb47-sp {
    margin-bottom: 47px !important;
  }
  .ml47-sp {
    margin-left: 47px !important;
  }
  .mt47e-sp {
    margin-top: 4.7em !important;
  }
  .mr47e-sp {
    margin-right: 4.7em !important;
  }
  .mb47e-sp {
    margin-bottom: 4.7em !important;
  }
  .ml47e-sp {
    margin-left: 4.7em !important;
  }
  .mt-47-sp {
    margin-top: -47px !important;
  }
  .mr-47-sp {
    margin-right: -47px !important;
  }
  .mb-47-sp {
    margin-bottom: -47px !important;
  }
  .ml-47-sp {
    margin-left: -47px !important;
  }
  .mt-47e-sp {
    margin-top: -4.7em !important;
  }
  .mr-47e-sp {
    margin-right: -4.7em !important;
  }
  .mb-47e-sp {
    margin-bottom: -4.7em !important;
  }
  .ml-47e-sp {
    margin-left: -4.7em !important;
  }
  .pt47-sp {
    padding-top: 47px !important;
  }
  .pr47-sp {
    padding-right: 47px !important;
  }
  .pb47-sp {
    padding-bottom: 47px !important;
  }
  .pl47-sp {
    padding-left: 47px !important;
  }
  .pt47e-sp {
    padding-top: 4.7em !important;
  }
  .pr47e-sp {
    padding-right: 4.7em !important;
  }
  .pb47e-sp {
    padding-bottom: 4.7em !important;
  }
  .pl47e-sp {
    padding-left: 4.7em !important;
  }
  .w470-sp {
    width: 470px !important;
  }
  .w47p-sp {
    width: 47% !important;
  }
  .w47e-sp {
    width: 4.7em !important;
  }
  .mt48-sp {
    margin-top: 48px !important;
  }
  .mr48-sp {
    margin-right: 48px !important;
  }
  .mb48-sp {
    margin-bottom: 48px !important;
  }
  .ml48-sp {
    margin-left: 48px !important;
  }
  .mt48e-sp {
    margin-top: 4.8em !important;
  }
  .mr48e-sp {
    margin-right: 4.8em !important;
  }
  .mb48e-sp {
    margin-bottom: 4.8em !important;
  }
  .ml48e-sp {
    margin-left: 4.8em !important;
  }
  .mt-48-sp {
    margin-top: -48px !important;
  }
  .mr-48-sp {
    margin-right: -48px !important;
  }
  .mb-48-sp {
    margin-bottom: -48px !important;
  }
  .ml-48-sp {
    margin-left: -48px !important;
  }
  .mt-48e-sp {
    margin-top: -4.8em !important;
  }
  .mr-48e-sp {
    margin-right: -4.8em !important;
  }
  .mb-48e-sp {
    margin-bottom: -4.8em !important;
  }
  .ml-48e-sp {
    margin-left: -4.8em !important;
  }
  .pt48-sp {
    padding-top: 48px !important;
  }
  .pr48-sp {
    padding-right: 48px !important;
  }
  .pb48-sp {
    padding-bottom: 48px !important;
  }
  .pl48-sp {
    padding-left: 48px !important;
  }
  .pt48e-sp {
    padding-top: 4.8em !important;
  }
  .pr48e-sp {
    padding-right: 4.8em !important;
  }
  .pb48e-sp {
    padding-bottom: 4.8em !important;
  }
  .pl48e-sp {
    padding-left: 4.8em !important;
  }
  .w480-sp {
    width: 480px !important;
  }
  .w48p-sp {
    width: 48% !important;
  }
  .w48e-sp {
    width: 4.8em !important;
  }
  .mt49-sp {
    margin-top: 49px !important;
  }
  .mr49-sp {
    margin-right: 49px !important;
  }
  .mb49-sp {
    margin-bottom: 49px !important;
  }
  .ml49-sp {
    margin-left: 49px !important;
  }
  .mt49e-sp {
    margin-top: 4.9em !important;
  }
  .mr49e-sp {
    margin-right: 4.9em !important;
  }
  .mb49e-sp {
    margin-bottom: 4.9em !important;
  }
  .ml49e-sp {
    margin-left: 4.9em !important;
  }
  .mt-49-sp {
    margin-top: -49px !important;
  }
  .mr-49-sp {
    margin-right: -49px !important;
  }
  .mb-49-sp {
    margin-bottom: -49px !important;
  }
  .ml-49-sp {
    margin-left: -49px !important;
  }
  .mt-49e-sp {
    margin-top: -4.9em !important;
  }
  .mr-49e-sp {
    margin-right: -4.9em !important;
  }
  .mb-49e-sp {
    margin-bottom: -4.9em !important;
  }
  .ml-49e-sp {
    margin-left: -4.9em !important;
  }
  .pt49-sp {
    padding-top: 49px !important;
  }
  .pr49-sp {
    padding-right: 49px !important;
  }
  .pb49-sp {
    padding-bottom: 49px !important;
  }
  .pl49-sp {
    padding-left: 49px !important;
  }
  .pt49e-sp {
    padding-top: 4.9em !important;
  }
  .pr49e-sp {
    padding-right: 4.9em !important;
  }
  .pb49e-sp {
    padding-bottom: 4.9em !important;
  }
  .pl49e-sp {
    padding-left: 4.9em !important;
  }
  .w490-sp {
    width: 490px !important;
  }
  .w49p-sp {
    width: 49% !important;
  }
  .w49e-sp {
    width: 4.9em !important;
  }
  .mt50-sp {
    margin-top: 50px !important;
  }
  .mr50-sp {
    margin-right: 50px !important;
  }
  .mb50-sp {
    margin-bottom: 50px !important;
  }
  .ml50-sp {
    margin-left: 50px !important;
  }
  .mt50e-sp {
    margin-top: 5em !important;
  }
  .mr50e-sp {
    margin-right: 5em !important;
  }
  .mb50e-sp {
    margin-bottom: 5em !important;
  }
  .ml50e-sp {
    margin-left: 5em !important;
  }
  .mt-50-sp {
    margin-top: -50px !important;
  }
  .mr-50-sp {
    margin-right: -50px !important;
  }
  .mb-50-sp {
    margin-bottom: -50px !important;
  }
  .ml-50-sp {
    margin-left: -50px !important;
  }
  .mt-50e-sp {
    margin-top: -5em !important;
  }
  .mr-50e-sp {
    margin-right: -5em !important;
  }
  .mb-50e-sp {
    margin-bottom: -5em !important;
  }
  .ml-50e-sp {
    margin-left: -5em !important;
  }
  .pt50-sp {
    padding-top: 50px !important;
  }
  .pr50-sp {
    padding-right: 50px !important;
  }
  .pb50-sp {
    padding-bottom: 50px !important;
  }
  .pl50-sp {
    padding-left: 50px !important;
  }
  .pt50e-sp {
    padding-top: 5em !important;
  }
  .pr50e-sp {
    padding-right: 5em !important;
  }
  .pb50e-sp {
    padding-bottom: 5em !important;
  }
  .pl50e-sp {
    padding-left: 5em !important;
  }
  .w500-sp {
    width: 500px !important;
  }
  .w50p-sp {
    width: 50% !important;
  }
  .w50e-sp {
    width: 5em !important;
  }
  .mt51-sp {
    margin-top: 51px !important;
  }
  .mr51-sp {
    margin-right: 51px !important;
  }
  .mb51-sp {
    margin-bottom: 51px !important;
  }
  .ml51-sp {
    margin-left: 51px !important;
  }
  .mt51e-sp {
    margin-top: 5.1em !important;
  }
  .mr51e-sp {
    margin-right: 5.1em !important;
  }
  .mb51e-sp {
    margin-bottom: 5.1em !important;
  }
  .ml51e-sp {
    margin-left: 5.1em !important;
  }
  .mt-51-sp {
    margin-top: -51px !important;
  }
  .mr-51-sp {
    margin-right: -51px !important;
  }
  .mb-51-sp {
    margin-bottom: -51px !important;
  }
  .ml-51-sp {
    margin-left: -51px !important;
  }
  .mt-51e-sp {
    margin-top: -5.1em !important;
  }
  .mr-51e-sp {
    margin-right: -5.1em !important;
  }
  .mb-51e-sp {
    margin-bottom: -5.1em !important;
  }
  .ml-51e-sp {
    margin-left: -5.1em !important;
  }
  .pt51-sp {
    padding-top: 51px !important;
  }
  .pr51-sp {
    padding-right: 51px !important;
  }
  .pb51-sp {
    padding-bottom: 51px !important;
  }
  .pl51-sp {
    padding-left: 51px !important;
  }
  .pt51e-sp {
    padding-top: 5.1em !important;
  }
  .pr51e-sp {
    padding-right: 5.1em !important;
  }
  .pb51e-sp {
    padding-bottom: 5.1em !important;
  }
  .pl51e-sp {
    padding-left: 5.1em !important;
  }
  .w510-sp {
    width: 510px !important;
  }
  .w51p-sp {
    width: 51% !important;
  }
  .w51e-sp {
    width: 5.1em !important;
  }
  .mt52-sp {
    margin-top: 52px !important;
  }
  .mr52-sp {
    margin-right: 52px !important;
  }
  .mb52-sp {
    margin-bottom: 52px !important;
  }
  .ml52-sp {
    margin-left: 52px !important;
  }
  .mt52e-sp {
    margin-top: 5.2em !important;
  }
  .mr52e-sp {
    margin-right: 5.2em !important;
  }
  .mb52e-sp {
    margin-bottom: 5.2em !important;
  }
  .ml52e-sp {
    margin-left: 5.2em !important;
  }
  .mt-52-sp {
    margin-top: -52px !important;
  }
  .mr-52-sp {
    margin-right: -52px !important;
  }
  .mb-52-sp {
    margin-bottom: -52px !important;
  }
  .ml-52-sp {
    margin-left: -52px !important;
  }
  .mt-52e-sp {
    margin-top: -5.2em !important;
  }
  .mr-52e-sp {
    margin-right: -5.2em !important;
  }
  .mb-52e-sp {
    margin-bottom: -5.2em !important;
  }
  .ml-52e-sp {
    margin-left: -5.2em !important;
  }
  .pt52-sp {
    padding-top: 52px !important;
  }
  .pr52-sp {
    padding-right: 52px !important;
  }
  .pb52-sp {
    padding-bottom: 52px !important;
  }
  .pl52-sp {
    padding-left: 52px !important;
  }
  .pt52e-sp {
    padding-top: 5.2em !important;
  }
  .pr52e-sp {
    padding-right: 5.2em !important;
  }
  .pb52e-sp {
    padding-bottom: 5.2em !important;
  }
  .pl52e-sp {
    padding-left: 5.2em !important;
  }
  .w520-sp {
    width: 520px !important;
  }
  .w52p-sp {
    width: 52% !important;
  }
  .w52e-sp {
    width: 5.2em !important;
  }
  .mt53-sp {
    margin-top: 53px !important;
  }
  .mr53-sp {
    margin-right: 53px !important;
  }
  .mb53-sp {
    margin-bottom: 53px !important;
  }
  .ml53-sp {
    margin-left: 53px !important;
  }
  .mt53e-sp {
    margin-top: 5.3em !important;
  }
  .mr53e-sp {
    margin-right: 5.3em !important;
  }
  .mb53e-sp {
    margin-bottom: 5.3em !important;
  }
  .ml53e-sp {
    margin-left: 5.3em !important;
  }
  .mt-53-sp {
    margin-top: -53px !important;
  }
  .mr-53-sp {
    margin-right: -53px !important;
  }
  .mb-53-sp {
    margin-bottom: -53px !important;
  }
  .ml-53-sp {
    margin-left: -53px !important;
  }
  .mt-53e-sp {
    margin-top: -5.3em !important;
  }
  .mr-53e-sp {
    margin-right: -5.3em !important;
  }
  .mb-53e-sp {
    margin-bottom: -5.3em !important;
  }
  .ml-53e-sp {
    margin-left: -5.3em !important;
  }
  .pt53-sp {
    padding-top: 53px !important;
  }
  .pr53-sp {
    padding-right: 53px !important;
  }
  .pb53-sp {
    padding-bottom: 53px !important;
  }
  .pl53-sp {
    padding-left: 53px !important;
  }
  .pt53e-sp {
    padding-top: 5.3em !important;
  }
  .pr53e-sp {
    padding-right: 5.3em !important;
  }
  .pb53e-sp {
    padding-bottom: 5.3em !important;
  }
  .pl53e-sp {
    padding-left: 5.3em !important;
  }
  .w530-sp {
    width: 530px !important;
  }
  .w53p-sp {
    width: 53% !important;
  }
  .w53e-sp {
    width: 5.3em !important;
  }
  .mt54-sp {
    margin-top: 54px !important;
  }
  .mr54-sp {
    margin-right: 54px !important;
  }
  .mb54-sp {
    margin-bottom: 54px !important;
  }
  .ml54-sp {
    margin-left: 54px !important;
  }
  .mt54e-sp {
    margin-top: 5.4em !important;
  }
  .mr54e-sp {
    margin-right: 5.4em !important;
  }
  .mb54e-sp {
    margin-bottom: 5.4em !important;
  }
  .ml54e-sp {
    margin-left: 5.4em !important;
  }
  .mt-54-sp {
    margin-top: -54px !important;
  }
  .mr-54-sp {
    margin-right: -54px !important;
  }
  .mb-54-sp {
    margin-bottom: -54px !important;
  }
  .ml-54-sp {
    margin-left: -54px !important;
  }
  .mt-54e-sp {
    margin-top: -5.4em !important;
  }
  .mr-54e-sp {
    margin-right: -5.4em !important;
  }
  .mb-54e-sp {
    margin-bottom: -5.4em !important;
  }
  .ml-54e-sp {
    margin-left: -5.4em !important;
  }
  .pt54-sp {
    padding-top: 54px !important;
  }
  .pr54-sp {
    padding-right: 54px !important;
  }
  .pb54-sp {
    padding-bottom: 54px !important;
  }
  .pl54-sp {
    padding-left: 54px !important;
  }
  .pt54e-sp {
    padding-top: 5.4em !important;
  }
  .pr54e-sp {
    padding-right: 5.4em !important;
  }
  .pb54e-sp {
    padding-bottom: 5.4em !important;
  }
  .pl54e-sp {
    padding-left: 5.4em !important;
  }
  .w540-sp {
    width: 540px !important;
  }
  .w54p-sp {
    width: 54% !important;
  }
  .w54e-sp {
    width: 5.4em !important;
  }
  .mt55-sp {
    margin-top: 55px !important;
  }
  .mr55-sp {
    margin-right: 55px !important;
  }
  .mb55-sp {
    margin-bottom: 55px !important;
  }
  .ml55-sp {
    margin-left: 55px !important;
  }
  .mt55e-sp {
    margin-top: 5.5em !important;
  }
  .mr55e-sp {
    margin-right: 5.5em !important;
  }
  .mb55e-sp {
    margin-bottom: 5.5em !important;
  }
  .ml55e-sp {
    margin-left: 5.5em !important;
  }
  .mt-55-sp {
    margin-top: -55px !important;
  }
  .mr-55-sp {
    margin-right: -55px !important;
  }
  .mb-55-sp {
    margin-bottom: -55px !important;
  }
  .ml-55-sp {
    margin-left: -55px !important;
  }
  .mt-55e-sp {
    margin-top: -5.5em !important;
  }
  .mr-55e-sp {
    margin-right: -5.5em !important;
  }
  .mb-55e-sp {
    margin-bottom: -5.5em !important;
  }
  .ml-55e-sp {
    margin-left: -5.5em !important;
  }
  .pt55-sp {
    padding-top: 55px !important;
  }
  .pr55-sp {
    padding-right: 55px !important;
  }
  .pb55-sp {
    padding-bottom: 55px !important;
  }
  .pl55-sp {
    padding-left: 55px !important;
  }
  .pt55e-sp {
    padding-top: 5.5em !important;
  }
  .pr55e-sp {
    padding-right: 5.5em !important;
  }
  .pb55e-sp {
    padding-bottom: 5.5em !important;
  }
  .pl55e-sp {
    padding-left: 5.5em !important;
  }
  .w550-sp {
    width: 550px !important;
  }
  .w55p-sp {
    width: 55% !important;
  }
  .w55e-sp {
    width: 5.5em !important;
  }
  .mt56-sp {
    margin-top: 56px !important;
  }
  .mr56-sp {
    margin-right: 56px !important;
  }
  .mb56-sp {
    margin-bottom: 56px !important;
  }
  .ml56-sp {
    margin-left: 56px !important;
  }
  .mt56e-sp {
    margin-top: 5.6em !important;
  }
  .mr56e-sp {
    margin-right: 5.6em !important;
  }
  .mb56e-sp {
    margin-bottom: 5.6em !important;
  }
  .ml56e-sp {
    margin-left: 5.6em !important;
  }
  .mt-56-sp {
    margin-top: -56px !important;
  }
  .mr-56-sp {
    margin-right: -56px !important;
  }
  .mb-56-sp {
    margin-bottom: -56px !important;
  }
  .ml-56-sp {
    margin-left: -56px !important;
  }
  .mt-56e-sp {
    margin-top: -5.6em !important;
  }
  .mr-56e-sp {
    margin-right: -5.6em !important;
  }
  .mb-56e-sp {
    margin-bottom: -5.6em !important;
  }
  .ml-56e-sp {
    margin-left: -5.6em !important;
  }
  .pt56-sp {
    padding-top: 56px !important;
  }
  .pr56-sp {
    padding-right: 56px !important;
  }
  .pb56-sp {
    padding-bottom: 56px !important;
  }
  .pl56-sp {
    padding-left: 56px !important;
  }
  .pt56e-sp {
    padding-top: 5.6em !important;
  }
  .pr56e-sp {
    padding-right: 5.6em !important;
  }
  .pb56e-sp {
    padding-bottom: 5.6em !important;
  }
  .pl56e-sp {
    padding-left: 5.6em !important;
  }
  .w560-sp {
    width: 560px !important;
  }
  .w56p-sp {
    width: 56% !important;
  }
  .w56e-sp {
    width: 5.6em !important;
  }
  .mt57-sp {
    margin-top: 57px !important;
  }
  .mr57-sp {
    margin-right: 57px !important;
  }
  .mb57-sp {
    margin-bottom: 57px !important;
  }
  .ml57-sp {
    margin-left: 57px !important;
  }
  .mt57e-sp {
    margin-top: 5.7em !important;
  }
  .mr57e-sp {
    margin-right: 5.7em !important;
  }
  .mb57e-sp {
    margin-bottom: 5.7em !important;
  }
  .ml57e-sp {
    margin-left: 5.7em !important;
  }
  .mt-57-sp {
    margin-top: -57px !important;
  }
  .mr-57-sp {
    margin-right: -57px !important;
  }
  .mb-57-sp {
    margin-bottom: -57px !important;
  }
  .ml-57-sp {
    margin-left: -57px !important;
  }
  .mt-57e-sp {
    margin-top: -5.7em !important;
  }
  .mr-57e-sp {
    margin-right: -5.7em !important;
  }
  .mb-57e-sp {
    margin-bottom: -5.7em !important;
  }
  .ml-57e-sp {
    margin-left: -5.7em !important;
  }
  .pt57-sp {
    padding-top: 57px !important;
  }
  .pr57-sp {
    padding-right: 57px !important;
  }
  .pb57-sp {
    padding-bottom: 57px !important;
  }
  .pl57-sp {
    padding-left: 57px !important;
  }
  .pt57e-sp {
    padding-top: 5.7em !important;
  }
  .pr57e-sp {
    padding-right: 5.7em !important;
  }
  .pb57e-sp {
    padding-bottom: 5.7em !important;
  }
  .pl57e-sp {
    padding-left: 5.7em !important;
  }
  .w570-sp {
    width: 570px !important;
  }
  .w57p-sp {
    width: 57% !important;
  }
  .w57e-sp {
    width: 5.7em !important;
  }
  .mt58-sp {
    margin-top: 58px !important;
  }
  .mr58-sp {
    margin-right: 58px !important;
  }
  .mb58-sp {
    margin-bottom: 58px !important;
  }
  .ml58-sp {
    margin-left: 58px !important;
  }
  .mt58e-sp {
    margin-top: 5.8em !important;
  }
  .mr58e-sp {
    margin-right: 5.8em !important;
  }
  .mb58e-sp {
    margin-bottom: 5.8em !important;
  }
  .ml58e-sp {
    margin-left: 5.8em !important;
  }
  .mt-58-sp {
    margin-top: -58px !important;
  }
  .mr-58-sp {
    margin-right: -58px !important;
  }
  .mb-58-sp {
    margin-bottom: -58px !important;
  }
  .ml-58-sp {
    margin-left: -58px !important;
  }
  .mt-58e-sp {
    margin-top: -5.8em !important;
  }
  .mr-58e-sp {
    margin-right: -5.8em !important;
  }
  .mb-58e-sp {
    margin-bottom: -5.8em !important;
  }
  .ml-58e-sp {
    margin-left: -5.8em !important;
  }
  .pt58-sp {
    padding-top: 58px !important;
  }
  .pr58-sp {
    padding-right: 58px !important;
  }
  .pb58-sp {
    padding-bottom: 58px !important;
  }
  .pl58-sp {
    padding-left: 58px !important;
  }
  .pt58e-sp {
    padding-top: 5.8em !important;
  }
  .pr58e-sp {
    padding-right: 5.8em !important;
  }
  .pb58e-sp {
    padding-bottom: 5.8em !important;
  }
  .pl58e-sp {
    padding-left: 5.8em !important;
  }
  .w580-sp {
    width: 580px !important;
  }
  .w58p-sp {
    width: 58% !important;
  }
  .w58e-sp {
    width: 5.8em !important;
  }
  .mt59-sp {
    margin-top: 59px !important;
  }
  .mr59-sp {
    margin-right: 59px !important;
  }
  .mb59-sp {
    margin-bottom: 59px !important;
  }
  .ml59-sp {
    margin-left: 59px !important;
  }
  .mt59e-sp {
    margin-top: 5.9em !important;
  }
  .mr59e-sp {
    margin-right: 5.9em !important;
  }
  .mb59e-sp {
    margin-bottom: 5.9em !important;
  }
  .ml59e-sp {
    margin-left: 5.9em !important;
  }
  .mt-59-sp {
    margin-top: -59px !important;
  }
  .mr-59-sp {
    margin-right: -59px !important;
  }
  .mb-59-sp {
    margin-bottom: -59px !important;
  }
  .ml-59-sp {
    margin-left: -59px !important;
  }
  .mt-59e-sp {
    margin-top: -5.9em !important;
  }
  .mr-59e-sp {
    margin-right: -5.9em !important;
  }
  .mb-59e-sp {
    margin-bottom: -5.9em !important;
  }
  .ml-59e-sp {
    margin-left: -5.9em !important;
  }
  .pt59-sp {
    padding-top: 59px !important;
  }
  .pr59-sp {
    padding-right: 59px !important;
  }
  .pb59-sp {
    padding-bottom: 59px !important;
  }
  .pl59-sp {
    padding-left: 59px !important;
  }
  .pt59e-sp {
    padding-top: 5.9em !important;
  }
  .pr59e-sp {
    padding-right: 5.9em !important;
  }
  .pb59e-sp {
    padding-bottom: 5.9em !important;
  }
  .pl59e-sp {
    padding-left: 5.9em !important;
  }
  .w590-sp {
    width: 590px !important;
  }
  .w59p-sp {
    width: 59% !important;
  }
  .w59e-sp {
    width: 5.9em !important;
  }
  .mt60-sp {
    margin-top: 60px !important;
  }
  .mr60-sp {
    margin-right: 60px !important;
  }
  .mb60-sp {
    margin-bottom: 60px !important;
  }
  .ml60-sp {
    margin-left: 60px !important;
  }
  .mt60e-sp {
    margin-top: 6em !important;
  }
  .mr60e-sp {
    margin-right: 6em !important;
  }
  .mb60e-sp {
    margin-bottom: 6em !important;
  }
  .ml60e-sp {
    margin-left: 6em !important;
  }
  .mt-60-sp {
    margin-top: -60px !important;
  }
  .mr-60-sp {
    margin-right: -60px !important;
  }
  .mb-60-sp {
    margin-bottom: -60px !important;
  }
  .ml-60-sp {
    margin-left: -60px !important;
  }
  .mt-60e-sp {
    margin-top: -6em !important;
  }
  .mr-60e-sp {
    margin-right: -6em !important;
  }
  .mb-60e-sp {
    margin-bottom: -6em !important;
  }
  .ml-60e-sp {
    margin-left: -6em !important;
  }
  .pt60-sp {
    padding-top: 60px !important;
  }
  .pr60-sp {
    padding-right: 60px !important;
  }
  .pb60-sp {
    padding-bottom: 60px !important;
  }
  .pl60-sp {
    padding-left: 60px !important;
  }
  .pt60e-sp {
    padding-top: 6em !important;
  }
  .pr60e-sp {
    padding-right: 6em !important;
  }
  .pb60e-sp {
    padding-bottom: 6em !important;
  }
  .pl60e-sp {
    padding-left: 6em !important;
  }
  .w600-sp {
    width: 600px !important;
  }
  .w60p-sp {
    width: 60% !important;
  }
  .w60e-sp {
    width: 6em !important;
  }
  .mt61-sp {
    margin-top: 61px !important;
  }
  .mr61-sp {
    margin-right: 61px !important;
  }
  .mb61-sp {
    margin-bottom: 61px !important;
  }
  .ml61-sp {
    margin-left: 61px !important;
  }
  .mt61e-sp {
    margin-top: 6.1em !important;
  }
  .mr61e-sp {
    margin-right: 6.1em !important;
  }
  .mb61e-sp {
    margin-bottom: 6.1em !important;
  }
  .ml61e-sp {
    margin-left: 6.1em !important;
  }
  .mt-61-sp {
    margin-top: -61px !important;
  }
  .mr-61-sp {
    margin-right: -61px !important;
  }
  .mb-61-sp {
    margin-bottom: -61px !important;
  }
  .ml-61-sp {
    margin-left: -61px !important;
  }
  .mt-61e-sp {
    margin-top: -6.1em !important;
  }
  .mr-61e-sp {
    margin-right: -6.1em !important;
  }
  .mb-61e-sp {
    margin-bottom: -6.1em !important;
  }
  .ml-61e-sp {
    margin-left: -6.1em !important;
  }
  .pt61-sp {
    padding-top: 61px !important;
  }
  .pr61-sp {
    padding-right: 61px !important;
  }
  .pb61-sp {
    padding-bottom: 61px !important;
  }
  .pl61-sp {
    padding-left: 61px !important;
  }
  .pt61e-sp {
    padding-top: 6.1em !important;
  }
  .pr61e-sp {
    padding-right: 6.1em !important;
  }
  .pb61e-sp {
    padding-bottom: 6.1em !important;
  }
  .pl61e-sp {
    padding-left: 6.1em !important;
  }
  .w610-sp {
    width: 610px !important;
  }
  .w61p-sp {
    width: 61% !important;
  }
  .w61e-sp {
    width: 6.1em !important;
  }
  .mt62-sp {
    margin-top: 62px !important;
  }
  .mr62-sp {
    margin-right: 62px !important;
  }
  .mb62-sp {
    margin-bottom: 62px !important;
  }
  .ml62-sp {
    margin-left: 62px !important;
  }
  .mt62e-sp {
    margin-top: 6.2em !important;
  }
  .mr62e-sp {
    margin-right: 6.2em !important;
  }
  .mb62e-sp {
    margin-bottom: 6.2em !important;
  }
  .ml62e-sp {
    margin-left: 6.2em !important;
  }
  .mt-62-sp {
    margin-top: -62px !important;
  }
  .mr-62-sp {
    margin-right: -62px !important;
  }
  .mb-62-sp {
    margin-bottom: -62px !important;
  }
  .ml-62-sp {
    margin-left: -62px !important;
  }
  .mt-62e-sp {
    margin-top: -6.2em !important;
  }
  .mr-62e-sp {
    margin-right: -6.2em !important;
  }
  .mb-62e-sp {
    margin-bottom: -6.2em !important;
  }
  .ml-62e-sp {
    margin-left: -6.2em !important;
  }
  .pt62-sp {
    padding-top: 62px !important;
  }
  .pr62-sp {
    padding-right: 62px !important;
  }
  .pb62-sp {
    padding-bottom: 62px !important;
  }
  .pl62-sp {
    padding-left: 62px !important;
  }
  .pt62e-sp {
    padding-top: 6.2em !important;
  }
  .pr62e-sp {
    padding-right: 6.2em !important;
  }
  .pb62e-sp {
    padding-bottom: 6.2em !important;
  }
  .pl62e-sp {
    padding-left: 6.2em !important;
  }
  .w620-sp {
    width: 620px !important;
  }
  .w62p-sp {
    width: 62% !important;
  }
  .w62e-sp {
    width: 6.2em !important;
  }
  .mt63-sp {
    margin-top: 63px !important;
  }
  .mr63-sp {
    margin-right: 63px !important;
  }
  .mb63-sp {
    margin-bottom: 63px !important;
  }
  .ml63-sp {
    margin-left: 63px !important;
  }
  .mt63e-sp {
    margin-top: 6.3em !important;
  }
  .mr63e-sp {
    margin-right: 6.3em !important;
  }
  .mb63e-sp {
    margin-bottom: 6.3em !important;
  }
  .ml63e-sp {
    margin-left: 6.3em !important;
  }
  .mt-63-sp {
    margin-top: -63px !important;
  }
  .mr-63-sp {
    margin-right: -63px !important;
  }
  .mb-63-sp {
    margin-bottom: -63px !important;
  }
  .ml-63-sp {
    margin-left: -63px !important;
  }
  .mt-63e-sp {
    margin-top: -6.3em !important;
  }
  .mr-63e-sp {
    margin-right: -6.3em !important;
  }
  .mb-63e-sp {
    margin-bottom: -6.3em !important;
  }
  .ml-63e-sp {
    margin-left: -6.3em !important;
  }
  .pt63-sp {
    padding-top: 63px !important;
  }
  .pr63-sp {
    padding-right: 63px !important;
  }
  .pb63-sp {
    padding-bottom: 63px !important;
  }
  .pl63-sp {
    padding-left: 63px !important;
  }
  .pt63e-sp {
    padding-top: 6.3em !important;
  }
  .pr63e-sp {
    padding-right: 6.3em !important;
  }
  .pb63e-sp {
    padding-bottom: 6.3em !important;
  }
  .pl63e-sp {
    padding-left: 6.3em !important;
  }
  .w630-sp {
    width: 630px !important;
  }
  .w63p-sp {
    width: 63% !important;
  }
  .w63e-sp {
    width: 6.3em !important;
  }
  .mt64-sp {
    margin-top: 64px !important;
  }
  .mr64-sp {
    margin-right: 64px !important;
  }
  .mb64-sp {
    margin-bottom: 64px !important;
  }
  .ml64-sp {
    margin-left: 64px !important;
  }
  .mt64e-sp {
    margin-top: 6.4em !important;
  }
  .mr64e-sp {
    margin-right: 6.4em !important;
  }
  .mb64e-sp {
    margin-bottom: 6.4em !important;
  }
  .ml64e-sp {
    margin-left: 6.4em !important;
  }
  .mt-64-sp {
    margin-top: -64px !important;
  }
  .mr-64-sp {
    margin-right: -64px !important;
  }
  .mb-64-sp {
    margin-bottom: -64px !important;
  }
  .ml-64-sp {
    margin-left: -64px !important;
  }
  .mt-64e-sp {
    margin-top: -6.4em !important;
  }
  .mr-64e-sp {
    margin-right: -6.4em !important;
  }
  .mb-64e-sp {
    margin-bottom: -6.4em !important;
  }
  .ml-64e-sp {
    margin-left: -6.4em !important;
  }
  .pt64-sp {
    padding-top: 64px !important;
  }
  .pr64-sp {
    padding-right: 64px !important;
  }
  .pb64-sp {
    padding-bottom: 64px !important;
  }
  .pl64-sp {
    padding-left: 64px !important;
  }
  .pt64e-sp {
    padding-top: 6.4em !important;
  }
  .pr64e-sp {
    padding-right: 6.4em !important;
  }
  .pb64e-sp {
    padding-bottom: 6.4em !important;
  }
  .pl64e-sp {
    padding-left: 6.4em !important;
  }
  .w640-sp {
    width: 640px !important;
  }
  .w64p-sp {
    width: 64% !important;
  }
  .w64e-sp {
    width: 6.4em !important;
  }
  .mt65-sp {
    margin-top: 65px !important;
  }
  .mr65-sp {
    margin-right: 65px !important;
  }
  .mb65-sp {
    margin-bottom: 65px !important;
  }
  .ml65-sp {
    margin-left: 65px !important;
  }
  .mt65e-sp {
    margin-top: 6.5em !important;
  }
  .mr65e-sp {
    margin-right: 6.5em !important;
  }
  .mb65e-sp {
    margin-bottom: 6.5em !important;
  }
  .ml65e-sp {
    margin-left: 6.5em !important;
  }
  .mt-65-sp {
    margin-top: -65px !important;
  }
  .mr-65-sp {
    margin-right: -65px !important;
  }
  .mb-65-sp {
    margin-bottom: -65px !important;
  }
  .ml-65-sp {
    margin-left: -65px !important;
  }
  .mt-65e-sp {
    margin-top: -6.5em !important;
  }
  .mr-65e-sp {
    margin-right: -6.5em !important;
  }
  .mb-65e-sp {
    margin-bottom: -6.5em !important;
  }
  .ml-65e-sp {
    margin-left: -6.5em !important;
  }
  .pt65-sp {
    padding-top: 65px !important;
  }
  .pr65-sp {
    padding-right: 65px !important;
  }
  .pb65-sp {
    padding-bottom: 65px !important;
  }
  .pl65-sp {
    padding-left: 65px !important;
  }
  .pt65e-sp {
    padding-top: 6.5em !important;
  }
  .pr65e-sp {
    padding-right: 6.5em !important;
  }
  .pb65e-sp {
    padding-bottom: 6.5em !important;
  }
  .pl65e-sp {
    padding-left: 6.5em !important;
  }
  .w650-sp {
    width: 650px !important;
  }
  .w65p-sp {
    width: 65% !important;
  }
  .w65e-sp {
    width: 6.5em !important;
  }
  .mt66-sp {
    margin-top: 66px !important;
  }
  .mr66-sp {
    margin-right: 66px !important;
  }
  .mb66-sp {
    margin-bottom: 66px !important;
  }
  .ml66-sp {
    margin-left: 66px !important;
  }
  .mt66e-sp {
    margin-top: 6.6em !important;
  }
  .mr66e-sp {
    margin-right: 6.6em !important;
  }
  .mb66e-sp {
    margin-bottom: 6.6em !important;
  }
  .ml66e-sp {
    margin-left: 6.6em !important;
  }
  .mt-66-sp {
    margin-top: -66px !important;
  }
  .mr-66-sp {
    margin-right: -66px !important;
  }
  .mb-66-sp {
    margin-bottom: -66px !important;
  }
  .ml-66-sp {
    margin-left: -66px !important;
  }
  .mt-66e-sp {
    margin-top: -6.6em !important;
  }
  .mr-66e-sp {
    margin-right: -6.6em !important;
  }
  .mb-66e-sp {
    margin-bottom: -6.6em !important;
  }
  .ml-66e-sp {
    margin-left: -6.6em !important;
  }
  .pt66-sp {
    padding-top: 66px !important;
  }
  .pr66-sp {
    padding-right: 66px !important;
  }
  .pb66-sp {
    padding-bottom: 66px !important;
  }
  .pl66-sp {
    padding-left: 66px !important;
  }
  .pt66e-sp {
    padding-top: 6.6em !important;
  }
  .pr66e-sp {
    padding-right: 6.6em !important;
  }
  .pb66e-sp {
    padding-bottom: 6.6em !important;
  }
  .pl66e-sp {
    padding-left: 6.6em !important;
  }
  .w660-sp {
    width: 660px !important;
  }
  .w66p-sp {
    width: 66% !important;
  }
  .w66e-sp {
    width: 6.6em !important;
  }
  .mt67-sp {
    margin-top: 67px !important;
  }
  .mr67-sp {
    margin-right: 67px !important;
  }
  .mb67-sp {
    margin-bottom: 67px !important;
  }
  .ml67-sp {
    margin-left: 67px !important;
  }
  .mt67e-sp {
    margin-top: 6.7em !important;
  }
  .mr67e-sp {
    margin-right: 6.7em !important;
  }
  .mb67e-sp {
    margin-bottom: 6.7em !important;
  }
  .ml67e-sp {
    margin-left: 6.7em !important;
  }
  .mt-67-sp {
    margin-top: -67px !important;
  }
  .mr-67-sp {
    margin-right: -67px !important;
  }
  .mb-67-sp {
    margin-bottom: -67px !important;
  }
  .ml-67-sp {
    margin-left: -67px !important;
  }
  .mt-67e-sp {
    margin-top: -6.7em !important;
  }
  .mr-67e-sp {
    margin-right: -6.7em !important;
  }
  .mb-67e-sp {
    margin-bottom: -6.7em !important;
  }
  .ml-67e-sp {
    margin-left: -6.7em !important;
  }
  .pt67-sp {
    padding-top: 67px !important;
  }
  .pr67-sp {
    padding-right: 67px !important;
  }
  .pb67-sp {
    padding-bottom: 67px !important;
  }
  .pl67-sp {
    padding-left: 67px !important;
  }
  .pt67e-sp {
    padding-top: 6.7em !important;
  }
  .pr67e-sp {
    padding-right: 6.7em !important;
  }
  .pb67e-sp {
    padding-bottom: 6.7em !important;
  }
  .pl67e-sp {
    padding-left: 6.7em !important;
  }
  .w670-sp {
    width: 670px !important;
  }
  .w67p-sp {
    width: 67% !important;
  }
  .w67e-sp {
    width: 6.7em !important;
  }
  .mt68-sp {
    margin-top: 68px !important;
  }
  .mr68-sp {
    margin-right: 68px !important;
  }
  .mb68-sp {
    margin-bottom: 68px !important;
  }
  .ml68-sp {
    margin-left: 68px !important;
  }
  .mt68e-sp {
    margin-top: 6.8em !important;
  }
  .mr68e-sp {
    margin-right: 6.8em !important;
  }
  .mb68e-sp {
    margin-bottom: 6.8em !important;
  }
  .ml68e-sp {
    margin-left: 6.8em !important;
  }
  .mt-68-sp {
    margin-top: -68px !important;
  }
  .mr-68-sp {
    margin-right: -68px !important;
  }
  .mb-68-sp {
    margin-bottom: -68px !important;
  }
  .ml-68-sp {
    margin-left: -68px !important;
  }
  .mt-68e-sp {
    margin-top: -6.8em !important;
  }
  .mr-68e-sp {
    margin-right: -6.8em !important;
  }
  .mb-68e-sp {
    margin-bottom: -6.8em !important;
  }
  .ml-68e-sp {
    margin-left: -6.8em !important;
  }
  .pt68-sp {
    padding-top: 68px !important;
  }
  .pr68-sp {
    padding-right: 68px !important;
  }
  .pb68-sp {
    padding-bottom: 68px !important;
  }
  .pl68-sp {
    padding-left: 68px !important;
  }
  .pt68e-sp {
    padding-top: 6.8em !important;
  }
  .pr68e-sp {
    padding-right: 6.8em !important;
  }
  .pb68e-sp {
    padding-bottom: 6.8em !important;
  }
  .pl68e-sp {
    padding-left: 6.8em !important;
  }
  .w680-sp {
    width: 680px !important;
  }
  .w68p-sp {
    width: 68% !important;
  }
  .w68e-sp {
    width: 6.8em !important;
  }
  .mt69-sp {
    margin-top: 69px !important;
  }
  .mr69-sp {
    margin-right: 69px !important;
  }
  .mb69-sp {
    margin-bottom: 69px !important;
  }
  .ml69-sp {
    margin-left: 69px !important;
  }
  .mt69e-sp {
    margin-top: 6.9em !important;
  }
  .mr69e-sp {
    margin-right: 6.9em !important;
  }
  .mb69e-sp {
    margin-bottom: 6.9em !important;
  }
  .ml69e-sp {
    margin-left: 6.9em !important;
  }
  .mt-69-sp {
    margin-top: -69px !important;
  }
  .mr-69-sp {
    margin-right: -69px !important;
  }
  .mb-69-sp {
    margin-bottom: -69px !important;
  }
  .ml-69-sp {
    margin-left: -69px !important;
  }
  .mt-69e-sp {
    margin-top: -6.9em !important;
  }
  .mr-69e-sp {
    margin-right: -6.9em !important;
  }
  .mb-69e-sp {
    margin-bottom: -6.9em !important;
  }
  .ml-69e-sp {
    margin-left: -6.9em !important;
  }
  .pt69-sp {
    padding-top: 69px !important;
  }
  .pr69-sp {
    padding-right: 69px !important;
  }
  .pb69-sp {
    padding-bottom: 69px !important;
  }
  .pl69-sp {
    padding-left: 69px !important;
  }
  .pt69e-sp {
    padding-top: 6.9em !important;
  }
  .pr69e-sp {
    padding-right: 6.9em !important;
  }
  .pb69e-sp {
    padding-bottom: 6.9em !important;
  }
  .pl69e-sp {
    padding-left: 6.9em !important;
  }
  .w690-sp {
    width: 690px !important;
  }
  .w69p-sp {
    width: 69% !important;
  }
  .w69e-sp {
    width: 6.9em !important;
  }
  .mt70-sp {
    margin-top: 70px !important;
  }
  .mr70-sp {
    margin-right: 70px !important;
  }
  .mb70-sp {
    margin-bottom: 70px !important;
  }
  .ml70-sp {
    margin-left: 70px !important;
  }
  .mt70e-sp {
    margin-top: 7em !important;
  }
  .mr70e-sp {
    margin-right: 7em !important;
  }
  .mb70e-sp {
    margin-bottom: 7em !important;
  }
  .ml70e-sp {
    margin-left: 7em !important;
  }
  .mt-70-sp {
    margin-top: -70px !important;
  }
  .mr-70-sp {
    margin-right: -70px !important;
  }
  .mb-70-sp {
    margin-bottom: -70px !important;
  }
  .ml-70-sp {
    margin-left: -70px !important;
  }
  .mt-70e-sp {
    margin-top: -7em !important;
  }
  .mr-70e-sp {
    margin-right: -7em !important;
  }
  .mb-70e-sp {
    margin-bottom: -7em !important;
  }
  .ml-70e-sp {
    margin-left: -7em !important;
  }
  .pt70-sp {
    padding-top: 70px !important;
  }
  .pr70-sp {
    padding-right: 70px !important;
  }
  .pb70-sp {
    padding-bottom: 70px !important;
  }
  .pl70-sp {
    padding-left: 70px !important;
  }
  .pt70e-sp {
    padding-top: 7em !important;
  }
  .pr70e-sp {
    padding-right: 7em !important;
  }
  .pb70e-sp {
    padding-bottom: 7em !important;
  }
  .pl70e-sp {
    padding-left: 7em !important;
  }
  .w700-sp {
    width: 700px !important;
  }
  .w70p-sp {
    width: 70% !important;
  }
  .w70e-sp {
    width: 7em !important;
  }
  .mt71-sp {
    margin-top: 71px !important;
  }
  .mr71-sp {
    margin-right: 71px !important;
  }
  .mb71-sp {
    margin-bottom: 71px !important;
  }
  .ml71-sp {
    margin-left: 71px !important;
  }
  .mt71e-sp {
    margin-top: 7.1em !important;
  }
  .mr71e-sp {
    margin-right: 7.1em !important;
  }
  .mb71e-sp {
    margin-bottom: 7.1em !important;
  }
  .ml71e-sp {
    margin-left: 7.1em !important;
  }
  .mt-71-sp {
    margin-top: -71px !important;
  }
  .mr-71-sp {
    margin-right: -71px !important;
  }
  .mb-71-sp {
    margin-bottom: -71px !important;
  }
  .ml-71-sp {
    margin-left: -71px !important;
  }
  .mt-71e-sp {
    margin-top: -7.1em !important;
  }
  .mr-71e-sp {
    margin-right: -7.1em !important;
  }
  .mb-71e-sp {
    margin-bottom: -7.1em !important;
  }
  .ml-71e-sp {
    margin-left: -7.1em !important;
  }
  .pt71-sp {
    padding-top: 71px !important;
  }
  .pr71-sp {
    padding-right: 71px !important;
  }
  .pb71-sp {
    padding-bottom: 71px !important;
  }
  .pl71-sp {
    padding-left: 71px !important;
  }
  .pt71e-sp {
    padding-top: 7.1em !important;
  }
  .pr71e-sp {
    padding-right: 7.1em !important;
  }
  .pb71e-sp {
    padding-bottom: 7.1em !important;
  }
  .pl71e-sp {
    padding-left: 7.1em !important;
  }
  .w710-sp {
    width: 710px !important;
  }
  .w71p-sp {
    width: 71% !important;
  }
  .w71e-sp {
    width: 7.1em !important;
  }
  .mt72-sp {
    margin-top: 72px !important;
  }
  .mr72-sp {
    margin-right: 72px !important;
  }
  .mb72-sp {
    margin-bottom: 72px !important;
  }
  .ml72-sp {
    margin-left: 72px !important;
  }
  .mt72e-sp {
    margin-top: 7.2em !important;
  }
  .mr72e-sp {
    margin-right: 7.2em !important;
  }
  .mb72e-sp {
    margin-bottom: 7.2em !important;
  }
  .ml72e-sp {
    margin-left: 7.2em !important;
  }
  .mt-72-sp {
    margin-top: -72px !important;
  }
  .mr-72-sp {
    margin-right: -72px !important;
  }
  .mb-72-sp {
    margin-bottom: -72px !important;
  }
  .ml-72-sp {
    margin-left: -72px !important;
  }
  .mt-72e-sp {
    margin-top: -7.2em !important;
  }
  .mr-72e-sp {
    margin-right: -7.2em !important;
  }
  .mb-72e-sp {
    margin-bottom: -7.2em !important;
  }
  .ml-72e-sp {
    margin-left: -7.2em !important;
  }
  .pt72-sp {
    padding-top: 72px !important;
  }
  .pr72-sp {
    padding-right: 72px !important;
  }
  .pb72-sp {
    padding-bottom: 72px !important;
  }
  .pl72-sp {
    padding-left: 72px !important;
  }
  .pt72e-sp {
    padding-top: 7.2em !important;
  }
  .pr72e-sp {
    padding-right: 7.2em !important;
  }
  .pb72e-sp {
    padding-bottom: 7.2em !important;
  }
  .pl72e-sp {
    padding-left: 7.2em !important;
  }
  .w720-sp {
    width: 720px !important;
  }
  .w72p-sp {
    width: 72% !important;
  }
  .w72e-sp {
    width: 7.2em !important;
  }
  .mt73-sp {
    margin-top: 73px !important;
  }
  .mr73-sp {
    margin-right: 73px !important;
  }
  .mb73-sp {
    margin-bottom: 73px !important;
  }
  .ml73-sp {
    margin-left: 73px !important;
  }
  .mt73e-sp {
    margin-top: 7.3em !important;
  }
  .mr73e-sp {
    margin-right: 7.3em !important;
  }
  .mb73e-sp {
    margin-bottom: 7.3em !important;
  }
  .ml73e-sp {
    margin-left: 7.3em !important;
  }
  .mt-73-sp {
    margin-top: -73px !important;
  }
  .mr-73-sp {
    margin-right: -73px !important;
  }
  .mb-73-sp {
    margin-bottom: -73px !important;
  }
  .ml-73-sp {
    margin-left: -73px !important;
  }
  .mt-73e-sp {
    margin-top: -7.3em !important;
  }
  .mr-73e-sp {
    margin-right: -7.3em !important;
  }
  .mb-73e-sp {
    margin-bottom: -7.3em !important;
  }
  .ml-73e-sp {
    margin-left: -7.3em !important;
  }
  .pt73-sp {
    padding-top: 73px !important;
  }
  .pr73-sp {
    padding-right: 73px !important;
  }
  .pb73-sp {
    padding-bottom: 73px !important;
  }
  .pl73-sp {
    padding-left: 73px !important;
  }
  .pt73e-sp {
    padding-top: 7.3em !important;
  }
  .pr73e-sp {
    padding-right: 7.3em !important;
  }
  .pb73e-sp {
    padding-bottom: 7.3em !important;
  }
  .pl73e-sp {
    padding-left: 7.3em !important;
  }
  .w730-sp {
    width: 730px !important;
  }
  .w73p-sp {
    width: 73% !important;
  }
  .w73e-sp {
    width: 7.3em !important;
  }
  .mt74-sp {
    margin-top: 74px !important;
  }
  .mr74-sp {
    margin-right: 74px !important;
  }
  .mb74-sp {
    margin-bottom: 74px !important;
  }
  .ml74-sp {
    margin-left: 74px !important;
  }
  .mt74e-sp {
    margin-top: 7.4em !important;
  }
  .mr74e-sp {
    margin-right: 7.4em !important;
  }
  .mb74e-sp {
    margin-bottom: 7.4em !important;
  }
  .ml74e-sp {
    margin-left: 7.4em !important;
  }
  .mt-74-sp {
    margin-top: -74px !important;
  }
  .mr-74-sp {
    margin-right: -74px !important;
  }
  .mb-74-sp {
    margin-bottom: -74px !important;
  }
  .ml-74-sp {
    margin-left: -74px !important;
  }
  .mt-74e-sp {
    margin-top: -7.4em !important;
  }
  .mr-74e-sp {
    margin-right: -7.4em !important;
  }
  .mb-74e-sp {
    margin-bottom: -7.4em !important;
  }
  .ml-74e-sp {
    margin-left: -7.4em !important;
  }
  .pt74-sp {
    padding-top: 74px !important;
  }
  .pr74-sp {
    padding-right: 74px !important;
  }
  .pb74-sp {
    padding-bottom: 74px !important;
  }
  .pl74-sp {
    padding-left: 74px !important;
  }
  .pt74e-sp {
    padding-top: 7.4em !important;
  }
  .pr74e-sp {
    padding-right: 7.4em !important;
  }
  .pb74e-sp {
    padding-bottom: 7.4em !important;
  }
  .pl74e-sp {
    padding-left: 7.4em !important;
  }
  .w740-sp {
    width: 740px !important;
  }
  .w74p-sp {
    width: 74% !important;
  }
  .w74e-sp {
    width: 7.4em !important;
  }
  .mt75-sp {
    margin-top: 75px !important;
  }
  .mr75-sp {
    margin-right: 75px !important;
  }
  .mb75-sp {
    margin-bottom: 75px !important;
  }
  .ml75-sp {
    margin-left: 75px !important;
  }
  .mt75e-sp {
    margin-top: 7.5em !important;
  }
  .mr75e-sp {
    margin-right: 7.5em !important;
  }
  .mb75e-sp {
    margin-bottom: 7.5em !important;
  }
  .ml75e-sp {
    margin-left: 7.5em !important;
  }
  .mt-75-sp {
    margin-top: -75px !important;
  }
  .mr-75-sp {
    margin-right: -75px !important;
  }
  .mb-75-sp {
    margin-bottom: -75px !important;
  }
  .ml-75-sp {
    margin-left: -75px !important;
  }
  .mt-75e-sp {
    margin-top: -7.5em !important;
  }
  .mr-75e-sp {
    margin-right: -7.5em !important;
  }
  .mb-75e-sp {
    margin-bottom: -7.5em !important;
  }
  .ml-75e-sp {
    margin-left: -7.5em !important;
  }
  .pt75-sp {
    padding-top: 75px !important;
  }
  .pr75-sp {
    padding-right: 75px !important;
  }
  .pb75-sp {
    padding-bottom: 75px !important;
  }
  .pl75-sp {
    padding-left: 75px !important;
  }
  .pt75e-sp {
    padding-top: 7.5em !important;
  }
  .pr75e-sp {
    padding-right: 7.5em !important;
  }
  .pb75e-sp {
    padding-bottom: 7.5em !important;
  }
  .pl75e-sp {
    padding-left: 7.5em !important;
  }
  .w750-sp {
    width: 750px !important;
  }
  .w75p-sp {
    width: 75% !important;
  }
  .w75e-sp {
    width: 7.5em !important;
  }
  .mt76-sp {
    margin-top: 76px !important;
  }
  .mr76-sp {
    margin-right: 76px !important;
  }
  .mb76-sp {
    margin-bottom: 76px !important;
  }
  .ml76-sp {
    margin-left: 76px !important;
  }
  .mt76e-sp {
    margin-top: 7.6em !important;
  }
  .mr76e-sp {
    margin-right: 7.6em !important;
  }
  .mb76e-sp {
    margin-bottom: 7.6em !important;
  }
  .ml76e-sp {
    margin-left: 7.6em !important;
  }
  .mt-76-sp {
    margin-top: -76px !important;
  }
  .mr-76-sp {
    margin-right: -76px !important;
  }
  .mb-76-sp {
    margin-bottom: -76px !important;
  }
  .ml-76-sp {
    margin-left: -76px !important;
  }
  .mt-76e-sp {
    margin-top: -7.6em !important;
  }
  .mr-76e-sp {
    margin-right: -7.6em !important;
  }
  .mb-76e-sp {
    margin-bottom: -7.6em !important;
  }
  .ml-76e-sp {
    margin-left: -7.6em !important;
  }
  .pt76-sp {
    padding-top: 76px !important;
  }
  .pr76-sp {
    padding-right: 76px !important;
  }
  .pb76-sp {
    padding-bottom: 76px !important;
  }
  .pl76-sp {
    padding-left: 76px !important;
  }
  .pt76e-sp {
    padding-top: 7.6em !important;
  }
  .pr76e-sp {
    padding-right: 7.6em !important;
  }
  .pb76e-sp {
    padding-bottom: 7.6em !important;
  }
  .pl76e-sp {
    padding-left: 7.6em !important;
  }
  .w760-sp {
    width: 760px !important;
  }
  .w76p-sp {
    width: 76% !important;
  }
  .w76e-sp {
    width: 7.6em !important;
  }
  .mt77-sp {
    margin-top: 77px !important;
  }
  .mr77-sp {
    margin-right: 77px !important;
  }
  .mb77-sp {
    margin-bottom: 77px !important;
  }
  .ml77-sp {
    margin-left: 77px !important;
  }
  .mt77e-sp {
    margin-top: 7.7em !important;
  }
  .mr77e-sp {
    margin-right: 7.7em !important;
  }
  .mb77e-sp {
    margin-bottom: 7.7em !important;
  }
  .ml77e-sp {
    margin-left: 7.7em !important;
  }
  .mt-77-sp {
    margin-top: -77px !important;
  }
  .mr-77-sp {
    margin-right: -77px !important;
  }
  .mb-77-sp {
    margin-bottom: -77px !important;
  }
  .ml-77-sp {
    margin-left: -77px !important;
  }
  .mt-77e-sp {
    margin-top: -7.7em !important;
  }
  .mr-77e-sp {
    margin-right: -7.7em !important;
  }
  .mb-77e-sp {
    margin-bottom: -7.7em !important;
  }
  .ml-77e-sp {
    margin-left: -7.7em !important;
  }
  .pt77-sp {
    padding-top: 77px !important;
  }
  .pr77-sp {
    padding-right: 77px !important;
  }
  .pb77-sp {
    padding-bottom: 77px !important;
  }
  .pl77-sp {
    padding-left: 77px !important;
  }
  .pt77e-sp {
    padding-top: 7.7em !important;
  }
  .pr77e-sp {
    padding-right: 7.7em !important;
  }
  .pb77e-sp {
    padding-bottom: 7.7em !important;
  }
  .pl77e-sp {
    padding-left: 7.7em !important;
  }
  .w770-sp {
    width: 770px !important;
  }
  .w77p-sp {
    width: 77% !important;
  }
  .w77e-sp {
    width: 7.7em !important;
  }
  .mt78-sp {
    margin-top: 78px !important;
  }
  .mr78-sp {
    margin-right: 78px !important;
  }
  .mb78-sp {
    margin-bottom: 78px !important;
  }
  .ml78-sp {
    margin-left: 78px !important;
  }
  .mt78e-sp {
    margin-top: 7.8em !important;
  }
  .mr78e-sp {
    margin-right: 7.8em !important;
  }
  .mb78e-sp {
    margin-bottom: 7.8em !important;
  }
  .ml78e-sp {
    margin-left: 7.8em !important;
  }
  .mt-78-sp {
    margin-top: -78px !important;
  }
  .mr-78-sp {
    margin-right: -78px !important;
  }
  .mb-78-sp {
    margin-bottom: -78px !important;
  }
  .ml-78-sp {
    margin-left: -78px !important;
  }
  .mt-78e-sp {
    margin-top: -7.8em !important;
  }
  .mr-78e-sp {
    margin-right: -7.8em !important;
  }
  .mb-78e-sp {
    margin-bottom: -7.8em !important;
  }
  .ml-78e-sp {
    margin-left: -7.8em !important;
  }
  .pt78-sp {
    padding-top: 78px !important;
  }
  .pr78-sp {
    padding-right: 78px !important;
  }
  .pb78-sp {
    padding-bottom: 78px !important;
  }
  .pl78-sp {
    padding-left: 78px !important;
  }
  .pt78e-sp {
    padding-top: 7.8em !important;
  }
  .pr78e-sp {
    padding-right: 7.8em !important;
  }
  .pb78e-sp {
    padding-bottom: 7.8em !important;
  }
  .pl78e-sp {
    padding-left: 7.8em !important;
  }
  .w780-sp {
    width: 780px !important;
  }
  .w78p-sp {
    width: 78% !important;
  }
  .w78e-sp {
    width: 7.8em !important;
  }
  .mt79-sp {
    margin-top: 79px !important;
  }
  .mr79-sp {
    margin-right: 79px !important;
  }
  .mb79-sp {
    margin-bottom: 79px !important;
  }
  .ml79-sp {
    margin-left: 79px !important;
  }
  .mt79e-sp {
    margin-top: 7.9em !important;
  }
  .mr79e-sp {
    margin-right: 7.9em !important;
  }
  .mb79e-sp {
    margin-bottom: 7.9em !important;
  }
  .ml79e-sp {
    margin-left: 7.9em !important;
  }
  .mt-79-sp {
    margin-top: -79px !important;
  }
  .mr-79-sp {
    margin-right: -79px !important;
  }
  .mb-79-sp {
    margin-bottom: -79px !important;
  }
  .ml-79-sp {
    margin-left: -79px !important;
  }
  .mt-79e-sp {
    margin-top: -7.9em !important;
  }
  .mr-79e-sp {
    margin-right: -7.9em !important;
  }
  .mb-79e-sp {
    margin-bottom: -7.9em !important;
  }
  .ml-79e-sp {
    margin-left: -7.9em !important;
  }
  .pt79-sp {
    padding-top: 79px !important;
  }
  .pr79-sp {
    padding-right: 79px !important;
  }
  .pb79-sp {
    padding-bottom: 79px !important;
  }
  .pl79-sp {
    padding-left: 79px !important;
  }
  .pt79e-sp {
    padding-top: 7.9em !important;
  }
  .pr79e-sp {
    padding-right: 7.9em !important;
  }
  .pb79e-sp {
    padding-bottom: 7.9em !important;
  }
  .pl79e-sp {
    padding-left: 7.9em !important;
  }
  .w790-sp {
    width: 790px !important;
  }
  .w79p-sp {
    width: 79% !important;
  }
  .w79e-sp {
    width: 7.9em !important;
  }
  .mt80-sp {
    margin-top: 80px !important;
  }
  .mr80-sp {
    margin-right: 80px !important;
  }
  .mb80-sp {
    margin-bottom: 80px !important;
  }
  .ml80-sp {
    margin-left: 80px !important;
  }
  .mt80e-sp {
    margin-top: 8em !important;
  }
  .mr80e-sp {
    margin-right: 8em !important;
  }
  .mb80e-sp {
    margin-bottom: 8em !important;
  }
  .ml80e-sp {
    margin-left: 8em !important;
  }
  .mt-80-sp {
    margin-top: -80px !important;
  }
  .mr-80-sp {
    margin-right: -80px !important;
  }
  .mb-80-sp {
    margin-bottom: -80px !important;
  }
  .ml-80-sp {
    margin-left: -80px !important;
  }
  .mt-80e-sp {
    margin-top: -8em !important;
  }
  .mr-80e-sp {
    margin-right: -8em !important;
  }
  .mb-80e-sp {
    margin-bottom: -8em !important;
  }
  .ml-80e-sp {
    margin-left: -8em !important;
  }
  .pt80-sp {
    padding-top: 80px !important;
  }
  .pr80-sp {
    padding-right: 80px !important;
  }
  .pb80-sp {
    padding-bottom: 80px !important;
  }
  .pl80-sp {
    padding-left: 80px !important;
  }
  .pt80e-sp {
    padding-top: 8em !important;
  }
  .pr80e-sp {
    padding-right: 8em !important;
  }
  .pb80e-sp {
    padding-bottom: 8em !important;
  }
  .pl80e-sp {
    padding-left: 8em !important;
  }
  .w800-sp {
    width: 800px !important;
  }
  .w80p-sp {
    width: 80% !important;
  }
  .w80e-sp {
    width: 8em !important;
  }
  .mt81-sp {
    margin-top: 81px !important;
  }
  .mr81-sp {
    margin-right: 81px !important;
  }
  .mb81-sp {
    margin-bottom: 81px !important;
  }
  .ml81-sp {
    margin-left: 81px !important;
  }
  .mt81e-sp {
    margin-top: 8.1em !important;
  }
  .mr81e-sp {
    margin-right: 8.1em !important;
  }
  .mb81e-sp {
    margin-bottom: 8.1em !important;
  }
  .ml81e-sp {
    margin-left: 8.1em !important;
  }
  .mt-81-sp {
    margin-top: -81px !important;
  }
  .mr-81-sp {
    margin-right: -81px !important;
  }
  .mb-81-sp {
    margin-bottom: -81px !important;
  }
  .ml-81-sp {
    margin-left: -81px !important;
  }
  .mt-81e-sp {
    margin-top: -8.1em !important;
  }
  .mr-81e-sp {
    margin-right: -8.1em !important;
  }
  .mb-81e-sp {
    margin-bottom: -8.1em !important;
  }
  .ml-81e-sp {
    margin-left: -8.1em !important;
  }
  .pt81-sp {
    padding-top: 81px !important;
  }
  .pr81-sp {
    padding-right: 81px !important;
  }
  .pb81-sp {
    padding-bottom: 81px !important;
  }
  .pl81-sp {
    padding-left: 81px !important;
  }
  .pt81e-sp {
    padding-top: 8.1em !important;
  }
  .pr81e-sp {
    padding-right: 8.1em !important;
  }
  .pb81e-sp {
    padding-bottom: 8.1em !important;
  }
  .pl81e-sp {
    padding-left: 8.1em !important;
  }
  .w810-sp {
    width: 810px !important;
  }
  .w81p-sp {
    width: 81% !important;
  }
  .w81e-sp {
    width: 8.1em !important;
  }
  .mt82-sp {
    margin-top: 82px !important;
  }
  .mr82-sp {
    margin-right: 82px !important;
  }
  .mb82-sp {
    margin-bottom: 82px !important;
  }
  .ml82-sp {
    margin-left: 82px !important;
  }
  .mt82e-sp {
    margin-top: 8.2em !important;
  }
  .mr82e-sp {
    margin-right: 8.2em !important;
  }
  .mb82e-sp {
    margin-bottom: 8.2em !important;
  }
  .ml82e-sp {
    margin-left: 8.2em !important;
  }
  .mt-82-sp {
    margin-top: -82px !important;
  }
  .mr-82-sp {
    margin-right: -82px !important;
  }
  .mb-82-sp {
    margin-bottom: -82px !important;
  }
  .ml-82-sp {
    margin-left: -82px !important;
  }
  .mt-82e-sp {
    margin-top: -8.2em !important;
  }
  .mr-82e-sp {
    margin-right: -8.2em !important;
  }
  .mb-82e-sp {
    margin-bottom: -8.2em !important;
  }
  .ml-82e-sp {
    margin-left: -8.2em !important;
  }
  .pt82-sp {
    padding-top: 82px !important;
  }
  .pr82-sp {
    padding-right: 82px !important;
  }
  .pb82-sp {
    padding-bottom: 82px !important;
  }
  .pl82-sp {
    padding-left: 82px !important;
  }
  .pt82e-sp {
    padding-top: 8.2em !important;
  }
  .pr82e-sp {
    padding-right: 8.2em !important;
  }
  .pb82e-sp {
    padding-bottom: 8.2em !important;
  }
  .pl82e-sp {
    padding-left: 8.2em !important;
  }
  .w820-sp {
    width: 820px !important;
  }
  .w82p-sp {
    width: 82% !important;
  }
  .w82e-sp {
    width: 8.2em !important;
  }
  .mt83-sp {
    margin-top: 83px !important;
  }
  .mr83-sp {
    margin-right: 83px !important;
  }
  .mb83-sp {
    margin-bottom: 83px !important;
  }
  .ml83-sp {
    margin-left: 83px !important;
  }
  .mt83e-sp {
    margin-top: 8.3em !important;
  }
  .mr83e-sp {
    margin-right: 8.3em !important;
  }
  .mb83e-sp {
    margin-bottom: 8.3em !important;
  }
  .ml83e-sp {
    margin-left: 8.3em !important;
  }
  .mt-83-sp {
    margin-top: -83px !important;
  }
  .mr-83-sp {
    margin-right: -83px !important;
  }
  .mb-83-sp {
    margin-bottom: -83px !important;
  }
  .ml-83-sp {
    margin-left: -83px !important;
  }
  .mt-83e-sp {
    margin-top: -8.3em !important;
  }
  .mr-83e-sp {
    margin-right: -8.3em !important;
  }
  .mb-83e-sp {
    margin-bottom: -8.3em !important;
  }
  .ml-83e-sp {
    margin-left: -8.3em !important;
  }
  .pt83-sp {
    padding-top: 83px !important;
  }
  .pr83-sp {
    padding-right: 83px !important;
  }
  .pb83-sp {
    padding-bottom: 83px !important;
  }
  .pl83-sp {
    padding-left: 83px !important;
  }
  .pt83e-sp {
    padding-top: 8.3em !important;
  }
  .pr83e-sp {
    padding-right: 8.3em !important;
  }
  .pb83e-sp {
    padding-bottom: 8.3em !important;
  }
  .pl83e-sp {
    padding-left: 8.3em !important;
  }
  .w830-sp {
    width: 830px !important;
  }
  .w83p-sp {
    width: 83% !important;
  }
  .w83e-sp {
    width: 8.3em !important;
  }
  .mt84-sp {
    margin-top: 84px !important;
  }
  .mr84-sp {
    margin-right: 84px !important;
  }
  .mb84-sp {
    margin-bottom: 84px !important;
  }
  .ml84-sp {
    margin-left: 84px !important;
  }
  .mt84e-sp {
    margin-top: 8.4em !important;
  }
  .mr84e-sp {
    margin-right: 8.4em !important;
  }
  .mb84e-sp {
    margin-bottom: 8.4em !important;
  }
  .ml84e-sp {
    margin-left: 8.4em !important;
  }
  .mt-84-sp {
    margin-top: -84px !important;
  }
  .mr-84-sp {
    margin-right: -84px !important;
  }
  .mb-84-sp {
    margin-bottom: -84px !important;
  }
  .ml-84-sp {
    margin-left: -84px !important;
  }
  .mt-84e-sp {
    margin-top: -8.4em !important;
  }
  .mr-84e-sp {
    margin-right: -8.4em !important;
  }
  .mb-84e-sp {
    margin-bottom: -8.4em !important;
  }
  .ml-84e-sp {
    margin-left: -8.4em !important;
  }
  .pt84-sp {
    padding-top: 84px !important;
  }
  .pr84-sp {
    padding-right: 84px !important;
  }
  .pb84-sp {
    padding-bottom: 84px !important;
  }
  .pl84-sp {
    padding-left: 84px !important;
  }
  .pt84e-sp {
    padding-top: 8.4em !important;
  }
  .pr84e-sp {
    padding-right: 8.4em !important;
  }
  .pb84e-sp {
    padding-bottom: 8.4em !important;
  }
  .pl84e-sp {
    padding-left: 8.4em !important;
  }
  .w840-sp {
    width: 840px !important;
  }
  .w84p-sp {
    width: 84% !important;
  }
  .w84e-sp {
    width: 8.4em !important;
  }
  .mt85-sp {
    margin-top: 85px !important;
  }
  .mr85-sp {
    margin-right: 85px !important;
  }
  .mb85-sp {
    margin-bottom: 85px !important;
  }
  .ml85-sp {
    margin-left: 85px !important;
  }
  .mt85e-sp {
    margin-top: 8.5em !important;
  }
  .mr85e-sp {
    margin-right: 8.5em !important;
  }
  .mb85e-sp {
    margin-bottom: 8.5em !important;
  }
  .ml85e-sp {
    margin-left: 8.5em !important;
  }
  .mt-85-sp {
    margin-top: -85px !important;
  }
  .mr-85-sp {
    margin-right: -85px !important;
  }
  .mb-85-sp {
    margin-bottom: -85px !important;
  }
  .ml-85-sp {
    margin-left: -85px !important;
  }
  .mt-85e-sp {
    margin-top: -8.5em !important;
  }
  .mr-85e-sp {
    margin-right: -8.5em !important;
  }
  .mb-85e-sp {
    margin-bottom: -8.5em !important;
  }
  .ml-85e-sp {
    margin-left: -8.5em !important;
  }
  .pt85-sp {
    padding-top: 85px !important;
  }
  .pr85-sp {
    padding-right: 85px !important;
  }
  .pb85-sp {
    padding-bottom: 85px !important;
  }
  .pl85-sp {
    padding-left: 85px !important;
  }
  .pt85e-sp {
    padding-top: 8.5em !important;
  }
  .pr85e-sp {
    padding-right: 8.5em !important;
  }
  .pb85e-sp {
    padding-bottom: 8.5em !important;
  }
  .pl85e-sp {
    padding-left: 8.5em !important;
  }
  .w850-sp {
    width: 850px !important;
  }
  .w85p-sp {
    width: 85% !important;
  }
  .w85e-sp {
    width: 8.5em !important;
  }
  .mt86-sp {
    margin-top: 86px !important;
  }
  .mr86-sp {
    margin-right: 86px !important;
  }
  .mb86-sp {
    margin-bottom: 86px !important;
  }
  .ml86-sp {
    margin-left: 86px !important;
  }
  .mt86e-sp {
    margin-top: 8.6em !important;
  }
  .mr86e-sp {
    margin-right: 8.6em !important;
  }
  .mb86e-sp {
    margin-bottom: 8.6em !important;
  }
  .ml86e-sp {
    margin-left: 8.6em !important;
  }
  .mt-86-sp {
    margin-top: -86px !important;
  }
  .mr-86-sp {
    margin-right: -86px !important;
  }
  .mb-86-sp {
    margin-bottom: -86px !important;
  }
  .ml-86-sp {
    margin-left: -86px !important;
  }
  .mt-86e-sp {
    margin-top: -8.6em !important;
  }
  .mr-86e-sp {
    margin-right: -8.6em !important;
  }
  .mb-86e-sp {
    margin-bottom: -8.6em !important;
  }
  .ml-86e-sp {
    margin-left: -8.6em !important;
  }
  .pt86-sp {
    padding-top: 86px !important;
  }
  .pr86-sp {
    padding-right: 86px !important;
  }
  .pb86-sp {
    padding-bottom: 86px !important;
  }
  .pl86-sp {
    padding-left: 86px !important;
  }
  .pt86e-sp {
    padding-top: 8.6em !important;
  }
  .pr86e-sp {
    padding-right: 8.6em !important;
  }
  .pb86e-sp {
    padding-bottom: 8.6em !important;
  }
  .pl86e-sp {
    padding-left: 8.6em !important;
  }
  .w860-sp {
    width: 860px !important;
  }
  .w86p-sp {
    width: 86% !important;
  }
  .w86e-sp {
    width: 8.6em !important;
  }
  .mt87-sp {
    margin-top: 87px !important;
  }
  .mr87-sp {
    margin-right: 87px !important;
  }
  .mb87-sp {
    margin-bottom: 87px !important;
  }
  .ml87-sp {
    margin-left: 87px !important;
  }
  .mt87e-sp {
    margin-top: 8.7em !important;
  }
  .mr87e-sp {
    margin-right: 8.7em !important;
  }
  .mb87e-sp {
    margin-bottom: 8.7em !important;
  }
  .ml87e-sp {
    margin-left: 8.7em !important;
  }
  .mt-87-sp {
    margin-top: -87px !important;
  }
  .mr-87-sp {
    margin-right: -87px !important;
  }
  .mb-87-sp {
    margin-bottom: -87px !important;
  }
  .ml-87-sp {
    margin-left: -87px !important;
  }
  .mt-87e-sp {
    margin-top: -8.7em !important;
  }
  .mr-87e-sp {
    margin-right: -8.7em !important;
  }
  .mb-87e-sp {
    margin-bottom: -8.7em !important;
  }
  .ml-87e-sp {
    margin-left: -8.7em !important;
  }
  .pt87-sp {
    padding-top: 87px !important;
  }
  .pr87-sp {
    padding-right: 87px !important;
  }
  .pb87-sp {
    padding-bottom: 87px !important;
  }
  .pl87-sp {
    padding-left: 87px !important;
  }
  .pt87e-sp {
    padding-top: 8.7em !important;
  }
  .pr87e-sp {
    padding-right: 8.7em !important;
  }
  .pb87e-sp {
    padding-bottom: 8.7em !important;
  }
  .pl87e-sp {
    padding-left: 8.7em !important;
  }
  .w870-sp {
    width: 870px !important;
  }
  .w87p-sp {
    width: 87% !important;
  }
  .w87e-sp {
    width: 8.7em !important;
  }
  .mt88-sp {
    margin-top: 88px !important;
  }
  .mr88-sp {
    margin-right: 88px !important;
  }
  .mb88-sp {
    margin-bottom: 88px !important;
  }
  .ml88-sp {
    margin-left: 88px !important;
  }
  .mt88e-sp {
    margin-top: 8.8em !important;
  }
  .mr88e-sp {
    margin-right: 8.8em !important;
  }
  .mb88e-sp {
    margin-bottom: 8.8em !important;
  }
  .ml88e-sp {
    margin-left: 8.8em !important;
  }
  .mt-88-sp {
    margin-top: -88px !important;
  }
  .mr-88-sp {
    margin-right: -88px !important;
  }
  .mb-88-sp {
    margin-bottom: -88px !important;
  }
  .ml-88-sp {
    margin-left: -88px !important;
  }
  .mt-88e-sp {
    margin-top: -8.8em !important;
  }
  .mr-88e-sp {
    margin-right: -8.8em !important;
  }
  .mb-88e-sp {
    margin-bottom: -8.8em !important;
  }
  .ml-88e-sp {
    margin-left: -8.8em !important;
  }
  .pt88-sp {
    padding-top: 88px !important;
  }
  .pr88-sp {
    padding-right: 88px !important;
  }
  .pb88-sp {
    padding-bottom: 88px !important;
  }
  .pl88-sp {
    padding-left: 88px !important;
  }
  .pt88e-sp {
    padding-top: 8.8em !important;
  }
  .pr88e-sp {
    padding-right: 8.8em !important;
  }
  .pb88e-sp {
    padding-bottom: 8.8em !important;
  }
  .pl88e-sp {
    padding-left: 8.8em !important;
  }
  .w880-sp {
    width: 880px !important;
  }
  .w88p-sp {
    width: 88% !important;
  }
  .w88e-sp {
    width: 8.8em !important;
  }
  .mt89-sp {
    margin-top: 89px !important;
  }
  .mr89-sp {
    margin-right: 89px !important;
  }
  .mb89-sp {
    margin-bottom: 89px !important;
  }
  .ml89-sp {
    margin-left: 89px !important;
  }
  .mt89e-sp {
    margin-top: 8.9em !important;
  }
  .mr89e-sp {
    margin-right: 8.9em !important;
  }
  .mb89e-sp {
    margin-bottom: 8.9em !important;
  }
  .ml89e-sp {
    margin-left: 8.9em !important;
  }
  .mt-89-sp {
    margin-top: -89px !important;
  }
  .mr-89-sp {
    margin-right: -89px !important;
  }
  .mb-89-sp {
    margin-bottom: -89px !important;
  }
  .ml-89-sp {
    margin-left: -89px !important;
  }
  .mt-89e-sp {
    margin-top: -8.9em !important;
  }
  .mr-89e-sp {
    margin-right: -8.9em !important;
  }
  .mb-89e-sp {
    margin-bottom: -8.9em !important;
  }
  .ml-89e-sp {
    margin-left: -8.9em !important;
  }
  .pt89-sp {
    padding-top: 89px !important;
  }
  .pr89-sp {
    padding-right: 89px !important;
  }
  .pb89-sp {
    padding-bottom: 89px !important;
  }
  .pl89-sp {
    padding-left: 89px !important;
  }
  .pt89e-sp {
    padding-top: 8.9em !important;
  }
  .pr89e-sp {
    padding-right: 8.9em !important;
  }
  .pb89e-sp {
    padding-bottom: 8.9em !important;
  }
  .pl89e-sp {
    padding-left: 8.9em !important;
  }
  .w890-sp {
    width: 890px !important;
  }
  .w89p-sp {
    width: 89% !important;
  }
  .w89e-sp {
    width: 8.9em !important;
  }
  .mt90-sp {
    margin-top: 90px !important;
  }
  .mr90-sp {
    margin-right: 90px !important;
  }
  .mb90-sp {
    margin-bottom: 90px !important;
  }
  .ml90-sp {
    margin-left: 90px !important;
  }
  .mt90e-sp {
    margin-top: 9em !important;
  }
  .mr90e-sp {
    margin-right: 9em !important;
  }
  .mb90e-sp {
    margin-bottom: 9em !important;
  }
  .ml90e-sp {
    margin-left: 9em !important;
  }
  .mt-90-sp {
    margin-top: -90px !important;
  }
  .mr-90-sp {
    margin-right: -90px !important;
  }
  .mb-90-sp {
    margin-bottom: -90px !important;
  }
  .ml-90-sp {
    margin-left: -90px !important;
  }
  .mt-90e-sp {
    margin-top: -9em !important;
  }
  .mr-90e-sp {
    margin-right: -9em !important;
  }
  .mb-90e-sp {
    margin-bottom: -9em !important;
  }
  .ml-90e-sp {
    margin-left: -9em !important;
  }
  .pt90-sp {
    padding-top: 90px !important;
  }
  .pr90-sp {
    padding-right: 90px !important;
  }
  .pb90-sp {
    padding-bottom: 90px !important;
  }
  .pl90-sp {
    padding-left: 90px !important;
  }
  .pt90e-sp {
    padding-top: 9em !important;
  }
  .pr90e-sp {
    padding-right: 9em !important;
  }
  .pb90e-sp {
    padding-bottom: 9em !important;
  }
  .pl90e-sp {
    padding-left: 9em !important;
  }
  .w900-sp {
    width: 900px !important;
  }
  .w90p-sp {
    width: 90% !important;
  }
  .w90e-sp {
    width: 9em !important;
  }
  .mt91-sp {
    margin-top: 91px !important;
  }
  .mr91-sp {
    margin-right: 91px !important;
  }
  .mb91-sp {
    margin-bottom: 91px !important;
  }
  .ml91-sp {
    margin-left: 91px !important;
  }
  .mt91e-sp {
    margin-top: 9.1em !important;
  }
  .mr91e-sp {
    margin-right: 9.1em !important;
  }
  .mb91e-sp {
    margin-bottom: 9.1em !important;
  }
  .ml91e-sp {
    margin-left: 9.1em !important;
  }
  .mt-91-sp {
    margin-top: -91px !important;
  }
  .mr-91-sp {
    margin-right: -91px !important;
  }
  .mb-91-sp {
    margin-bottom: -91px !important;
  }
  .ml-91-sp {
    margin-left: -91px !important;
  }
  .mt-91e-sp {
    margin-top: -9.1em !important;
  }
  .mr-91e-sp {
    margin-right: -9.1em !important;
  }
  .mb-91e-sp {
    margin-bottom: -9.1em !important;
  }
  .ml-91e-sp {
    margin-left: -9.1em !important;
  }
  .pt91-sp {
    padding-top: 91px !important;
  }
  .pr91-sp {
    padding-right: 91px !important;
  }
  .pb91-sp {
    padding-bottom: 91px !important;
  }
  .pl91-sp {
    padding-left: 91px !important;
  }
  .pt91e-sp {
    padding-top: 9.1em !important;
  }
  .pr91e-sp {
    padding-right: 9.1em !important;
  }
  .pb91e-sp {
    padding-bottom: 9.1em !important;
  }
  .pl91e-sp {
    padding-left: 9.1em !important;
  }
  .w910-sp {
    width: 910px !important;
  }
  .w91p-sp {
    width: 91% !important;
  }
  .w91e-sp {
    width: 9.1em !important;
  }
  .mt92-sp {
    margin-top: 92px !important;
  }
  .mr92-sp {
    margin-right: 92px !important;
  }
  .mb92-sp {
    margin-bottom: 92px !important;
  }
  .ml92-sp {
    margin-left: 92px !important;
  }
  .mt92e-sp {
    margin-top: 9.2em !important;
  }
  .mr92e-sp {
    margin-right: 9.2em !important;
  }
  .mb92e-sp {
    margin-bottom: 9.2em !important;
  }
  .ml92e-sp {
    margin-left: 9.2em !important;
  }
  .mt-92-sp {
    margin-top: -92px !important;
  }
  .mr-92-sp {
    margin-right: -92px !important;
  }
  .mb-92-sp {
    margin-bottom: -92px !important;
  }
  .ml-92-sp {
    margin-left: -92px !important;
  }
  .mt-92e-sp {
    margin-top: -9.2em !important;
  }
  .mr-92e-sp {
    margin-right: -9.2em !important;
  }
  .mb-92e-sp {
    margin-bottom: -9.2em !important;
  }
  .ml-92e-sp {
    margin-left: -9.2em !important;
  }
  .pt92-sp {
    padding-top: 92px !important;
  }
  .pr92-sp {
    padding-right: 92px !important;
  }
  .pb92-sp {
    padding-bottom: 92px !important;
  }
  .pl92-sp {
    padding-left: 92px !important;
  }
  .pt92e-sp {
    padding-top: 9.2em !important;
  }
  .pr92e-sp {
    padding-right: 9.2em !important;
  }
  .pb92e-sp {
    padding-bottom: 9.2em !important;
  }
  .pl92e-sp {
    padding-left: 9.2em !important;
  }
  .w920-sp {
    width: 920px !important;
  }
  .w92p-sp {
    width: 92% !important;
  }
  .w92e-sp {
    width: 9.2em !important;
  }
  .mt93-sp {
    margin-top: 93px !important;
  }
  .mr93-sp {
    margin-right: 93px !important;
  }
  .mb93-sp {
    margin-bottom: 93px !important;
  }
  .ml93-sp {
    margin-left: 93px !important;
  }
  .mt93e-sp {
    margin-top: 9.3em !important;
  }
  .mr93e-sp {
    margin-right: 9.3em !important;
  }
  .mb93e-sp {
    margin-bottom: 9.3em !important;
  }
  .ml93e-sp {
    margin-left: 9.3em !important;
  }
  .mt-93-sp {
    margin-top: -93px !important;
  }
  .mr-93-sp {
    margin-right: -93px !important;
  }
  .mb-93-sp {
    margin-bottom: -93px !important;
  }
  .ml-93-sp {
    margin-left: -93px !important;
  }
  .mt-93e-sp {
    margin-top: -9.3em !important;
  }
  .mr-93e-sp {
    margin-right: -9.3em !important;
  }
  .mb-93e-sp {
    margin-bottom: -9.3em !important;
  }
  .ml-93e-sp {
    margin-left: -9.3em !important;
  }
  .pt93-sp {
    padding-top: 93px !important;
  }
  .pr93-sp {
    padding-right: 93px !important;
  }
  .pb93-sp {
    padding-bottom: 93px !important;
  }
  .pl93-sp {
    padding-left: 93px !important;
  }
  .pt93e-sp {
    padding-top: 9.3em !important;
  }
  .pr93e-sp {
    padding-right: 9.3em !important;
  }
  .pb93e-sp {
    padding-bottom: 9.3em !important;
  }
  .pl93e-sp {
    padding-left: 9.3em !important;
  }
  .w930-sp {
    width: 930px !important;
  }
  .w93p-sp {
    width: 93% !important;
  }
  .w93e-sp {
    width: 9.3em !important;
  }
  .mt94-sp {
    margin-top: 94px !important;
  }
  .mr94-sp {
    margin-right: 94px !important;
  }
  .mb94-sp {
    margin-bottom: 94px !important;
  }
  .ml94-sp {
    margin-left: 94px !important;
  }
  .mt94e-sp {
    margin-top: 9.4em !important;
  }
  .mr94e-sp {
    margin-right: 9.4em !important;
  }
  .mb94e-sp {
    margin-bottom: 9.4em !important;
  }
  .ml94e-sp {
    margin-left: 9.4em !important;
  }
  .mt-94-sp {
    margin-top: -94px !important;
  }
  .mr-94-sp {
    margin-right: -94px !important;
  }
  .mb-94-sp {
    margin-bottom: -94px !important;
  }
  .ml-94-sp {
    margin-left: -94px !important;
  }
  .mt-94e-sp {
    margin-top: -9.4em !important;
  }
  .mr-94e-sp {
    margin-right: -9.4em !important;
  }
  .mb-94e-sp {
    margin-bottom: -9.4em !important;
  }
  .ml-94e-sp {
    margin-left: -9.4em !important;
  }
  .pt94-sp {
    padding-top: 94px !important;
  }
  .pr94-sp {
    padding-right: 94px !important;
  }
  .pb94-sp {
    padding-bottom: 94px !important;
  }
  .pl94-sp {
    padding-left: 94px !important;
  }
  .pt94e-sp {
    padding-top: 9.4em !important;
  }
  .pr94e-sp {
    padding-right: 9.4em !important;
  }
  .pb94e-sp {
    padding-bottom: 9.4em !important;
  }
  .pl94e-sp {
    padding-left: 9.4em !important;
  }
  .w940-sp {
    width: 940px !important;
  }
  .w94p-sp {
    width: 94% !important;
  }
  .w94e-sp {
    width: 9.4em !important;
  }
  .mt95-sp {
    margin-top: 95px !important;
  }
  .mr95-sp {
    margin-right: 95px !important;
  }
  .mb95-sp {
    margin-bottom: 95px !important;
  }
  .ml95-sp {
    margin-left: 95px !important;
  }
  .mt95e-sp {
    margin-top: 9.5em !important;
  }
  .mr95e-sp {
    margin-right: 9.5em !important;
  }
  .mb95e-sp {
    margin-bottom: 9.5em !important;
  }
  .ml95e-sp {
    margin-left: 9.5em !important;
  }
  .mt-95-sp {
    margin-top: -95px !important;
  }
  .mr-95-sp {
    margin-right: -95px !important;
  }
  .mb-95-sp {
    margin-bottom: -95px !important;
  }
  .ml-95-sp {
    margin-left: -95px !important;
  }
  .mt-95e-sp {
    margin-top: -9.5em !important;
  }
  .mr-95e-sp {
    margin-right: -9.5em !important;
  }
  .mb-95e-sp {
    margin-bottom: -9.5em !important;
  }
  .ml-95e-sp {
    margin-left: -9.5em !important;
  }
  .pt95-sp {
    padding-top: 95px !important;
  }
  .pr95-sp {
    padding-right: 95px !important;
  }
  .pb95-sp {
    padding-bottom: 95px !important;
  }
  .pl95-sp {
    padding-left: 95px !important;
  }
  .pt95e-sp {
    padding-top: 9.5em !important;
  }
  .pr95e-sp {
    padding-right: 9.5em !important;
  }
  .pb95e-sp {
    padding-bottom: 9.5em !important;
  }
  .pl95e-sp {
    padding-left: 9.5em !important;
  }
  .w950-sp {
    width: 950px !important;
  }
  .w95p-sp {
    width: 95% !important;
  }
  .w95e-sp {
    width: 9.5em !important;
  }
  .mt96-sp {
    margin-top: 96px !important;
  }
  .mr96-sp {
    margin-right: 96px !important;
  }
  .mb96-sp {
    margin-bottom: 96px !important;
  }
  .ml96-sp {
    margin-left: 96px !important;
  }
  .mt96e-sp {
    margin-top: 9.6em !important;
  }
  .mr96e-sp {
    margin-right: 9.6em !important;
  }
  .mb96e-sp {
    margin-bottom: 9.6em !important;
  }
  .ml96e-sp {
    margin-left: 9.6em !important;
  }
  .mt-96-sp {
    margin-top: -96px !important;
  }
  .mr-96-sp {
    margin-right: -96px !important;
  }
  .mb-96-sp {
    margin-bottom: -96px !important;
  }
  .ml-96-sp {
    margin-left: -96px !important;
  }
  .mt-96e-sp {
    margin-top: -9.6em !important;
  }
  .mr-96e-sp {
    margin-right: -9.6em !important;
  }
  .mb-96e-sp {
    margin-bottom: -9.6em !important;
  }
  .ml-96e-sp {
    margin-left: -9.6em !important;
  }
  .pt96-sp {
    padding-top: 96px !important;
  }
  .pr96-sp {
    padding-right: 96px !important;
  }
  .pb96-sp {
    padding-bottom: 96px !important;
  }
  .pl96-sp {
    padding-left: 96px !important;
  }
  .pt96e-sp {
    padding-top: 9.6em !important;
  }
  .pr96e-sp {
    padding-right: 9.6em !important;
  }
  .pb96e-sp {
    padding-bottom: 9.6em !important;
  }
  .pl96e-sp {
    padding-left: 9.6em !important;
  }
  .w960-sp {
    width: 960px !important;
  }
  .w96p-sp {
    width: 96% !important;
  }
  .w96e-sp {
    width: 9.6em !important;
  }
  .mt97-sp {
    margin-top: 97px !important;
  }
  .mr97-sp {
    margin-right: 97px !important;
  }
  .mb97-sp {
    margin-bottom: 97px !important;
  }
  .ml97-sp {
    margin-left: 97px !important;
  }
  .mt97e-sp {
    margin-top: 9.7em !important;
  }
  .mr97e-sp {
    margin-right: 9.7em !important;
  }
  .mb97e-sp {
    margin-bottom: 9.7em !important;
  }
  .ml97e-sp {
    margin-left: 9.7em !important;
  }
  .mt-97-sp {
    margin-top: -97px !important;
  }
  .mr-97-sp {
    margin-right: -97px !important;
  }
  .mb-97-sp {
    margin-bottom: -97px !important;
  }
  .ml-97-sp {
    margin-left: -97px !important;
  }
  .mt-97e-sp {
    margin-top: -9.7em !important;
  }
  .mr-97e-sp {
    margin-right: -9.7em !important;
  }
  .mb-97e-sp {
    margin-bottom: -9.7em !important;
  }
  .ml-97e-sp {
    margin-left: -9.7em !important;
  }
  .pt97-sp {
    padding-top: 97px !important;
  }
  .pr97-sp {
    padding-right: 97px !important;
  }
  .pb97-sp {
    padding-bottom: 97px !important;
  }
  .pl97-sp {
    padding-left: 97px !important;
  }
  .pt97e-sp {
    padding-top: 9.7em !important;
  }
  .pr97e-sp {
    padding-right: 9.7em !important;
  }
  .pb97e-sp {
    padding-bottom: 9.7em !important;
  }
  .pl97e-sp {
    padding-left: 9.7em !important;
  }
  .w970-sp {
    width: 970px !important;
  }
  .w97p-sp {
    width: 97% !important;
  }
  .w97e-sp {
    width: 9.7em !important;
  }
  .mt98-sp {
    margin-top: 98px !important;
  }
  .mr98-sp {
    margin-right: 98px !important;
  }
  .mb98-sp {
    margin-bottom: 98px !important;
  }
  .ml98-sp {
    margin-left: 98px !important;
  }
  .mt98e-sp {
    margin-top: 9.8em !important;
  }
  .mr98e-sp {
    margin-right: 9.8em !important;
  }
  .mb98e-sp {
    margin-bottom: 9.8em !important;
  }
  .ml98e-sp {
    margin-left: 9.8em !important;
  }
  .mt-98-sp {
    margin-top: -98px !important;
  }
  .mr-98-sp {
    margin-right: -98px !important;
  }
  .mb-98-sp {
    margin-bottom: -98px !important;
  }
  .ml-98-sp {
    margin-left: -98px !important;
  }
  .mt-98e-sp {
    margin-top: -9.8em !important;
  }
  .mr-98e-sp {
    margin-right: -9.8em !important;
  }
  .mb-98e-sp {
    margin-bottom: -9.8em !important;
  }
  .ml-98e-sp {
    margin-left: -9.8em !important;
  }
  .pt98-sp {
    padding-top: 98px !important;
  }
  .pr98-sp {
    padding-right: 98px !important;
  }
  .pb98-sp {
    padding-bottom: 98px !important;
  }
  .pl98-sp {
    padding-left: 98px !important;
  }
  .pt98e-sp {
    padding-top: 9.8em !important;
  }
  .pr98e-sp {
    padding-right: 9.8em !important;
  }
  .pb98e-sp {
    padding-bottom: 9.8em !important;
  }
  .pl98e-sp {
    padding-left: 9.8em !important;
  }
  .w980-sp {
    width: 980px !important;
  }
  .w98p-sp {
    width: 98% !important;
  }
  .w98e-sp {
    width: 9.8em !important;
  }
  .mt99-sp {
    margin-top: 99px !important;
  }
  .mr99-sp {
    margin-right: 99px !important;
  }
  .mb99-sp {
    margin-bottom: 99px !important;
  }
  .ml99-sp {
    margin-left: 99px !important;
  }
  .mt99e-sp {
    margin-top: 9.9em !important;
  }
  .mr99e-sp {
    margin-right: 9.9em !important;
  }
  .mb99e-sp {
    margin-bottom: 9.9em !important;
  }
  .ml99e-sp {
    margin-left: 9.9em !important;
  }
  .mt-99-sp {
    margin-top: -99px !important;
  }
  .mr-99-sp {
    margin-right: -99px !important;
  }
  .mb-99-sp {
    margin-bottom: -99px !important;
  }
  .ml-99-sp {
    margin-left: -99px !important;
  }
  .mt-99e-sp {
    margin-top: -9.9em !important;
  }
  .mr-99e-sp {
    margin-right: -9.9em !important;
  }
  .mb-99e-sp {
    margin-bottom: -9.9em !important;
  }
  .ml-99e-sp {
    margin-left: -9.9em !important;
  }
  .pt99-sp {
    padding-top: 99px !important;
  }
  .pr99-sp {
    padding-right: 99px !important;
  }
  .pb99-sp {
    padding-bottom: 99px !important;
  }
  .pl99-sp {
    padding-left: 99px !important;
  }
  .pt99e-sp {
    padding-top: 9.9em !important;
  }
  .pr99e-sp {
    padding-right: 9.9em !important;
  }
  .pb99e-sp {
    padding-bottom: 9.9em !important;
  }
  .pl99e-sp {
    padding-left: 9.9em !important;
  }
  .w990-sp {
    width: 990px !important;
  }
  .w99p-sp {
    width: 99% !important;
  }
  .w99e-sp {
    width: 9.9em !important;
  }
  .mt100-sp {
    margin-top: 100px !important;
  }
  .mr100-sp {
    margin-right: 100px !important;
  }
  .mb100-sp {
    margin-bottom: 100px !important;
  }
  .ml100-sp {
    margin-left: 100px !important;
  }
  .mt100e-sp {
    margin-top: 10em !important;
  }
  .mr100e-sp {
    margin-right: 10em !important;
  }
  .mb100e-sp {
    margin-bottom: 10em !important;
  }
  .ml100e-sp {
    margin-left: 10em !important;
  }
  .mt-100-sp {
    margin-top: -100px !important;
  }
  .mr-100-sp {
    margin-right: -100px !important;
  }
  .mb-100-sp {
    margin-bottom: -100px !important;
  }
  .ml-100-sp {
    margin-left: -100px !important;
  }
  .mt-100e-sp {
    margin-top: -10em !important;
  }
  .mr-100e-sp {
    margin-right: -10em !important;
  }
  .mb-100e-sp {
    margin-bottom: -10em !important;
  }
  .ml-100e-sp {
    margin-left: -10em !important;
  }
  .pt100-sp {
    padding-top: 100px !important;
  }
  .pr100-sp {
    padding-right: 100px !important;
  }
  .pb100-sp {
    padding-bottom: 100px !important;
  }
  .pl100-sp {
    padding-left: 100px !important;
  }
  .pt100e-sp {
    padding-top: 10em !important;
  }
  .pr100e-sp {
    padding-right: 10em !important;
  }
  .pb100e-sp {
    padding-bottom: 10em !important;
  }
  .pl100e-sp {
    padding-left: 10em !important;
  }
  .w1000-sp {
    width: 1000px !important;
  }
  .w100p-sp {
    width: 100% !important;
  }
  .w100e-sp {
    width: 10em !important;
  }
  .mta-sp {
    margin-top: auto !important;
  }
  .mra-sp {
    margin-right: auto !important;
  }
  .mba-sp {
    margin-bottom: auto !important;
  }
  .mla-sp {
    margin-left: auto !important;
  }
  .fLeft-sp {
    float: left !important;
  }
  .fRight-sp {
    float: right !important;
  }
  .tLeft-sp {
    text-align: left !important;
  }
  .tCenter-sp {
    text-align: center !important;
  }
  .tRight-sp {
    text-align: right !important;
  }
  .vat-sp {
    vertical-align: top !important;
  }
  .vam-sp {
    vertical-align: middle !important;
  }
  .vab-sp {
    vertical-align: bottom !important;
  }
  .ib-sp {
    display: inline-block !important;
  }
  .wrapper {
    min-width: 100vw;
  }
  .contents {
    display: block;
    width: auto;
  }
  .contents_main {
    width: auto;
  }
  .contents_main > :first-child {
    margin-top: 0;
  }
  .contents_side {
    width: auto;
  }
  .contents_side > :first-child {
    margin-top: 0;
  }
  .contents_header {
    width: auto;
    margin-top: 30px !important;
    padding: 0 24px;
  }
  .contents_header-flex {
    display: block;
  }
  .contents_container {
    display: block;
    width: auto;
  }
  .contents_siteMore {
    margin-top: 30px;
    display: inline-block;
  }
  .contents:has(.siteProductions_inner-01) {
    overflow-x: auto;
    min-width: auto;
  }
  .section_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    margin-top: 0 !important;
    gap: 50px;
  }
  .contentsHeadings_en-type03 {
    font-size: 5.625rem;
  }
  .contentsHeadings_en-type04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contentsHeadings_en-type04 > span {
    margin-left: 0;
  }
  .contentsHeadings_text {
    margin-top: 0;
    letter-spacing: 0.01em;
    line-height: 1.8;
    font-size: 1rem;
  }
  .contentsHeadings_text-type02 {
    margin-top: 10px;
  }
  .contentsHeadings_companyName {
    line-height: 1.4;
    margin: 20px 0 14px;
  }
  .gHeader {
    background-color: transparent;
    z-index: 9999;
  }
  .gHeader_inner {
    width: auto;
    padding: 28px 0;
    margin: 0 23px;
  }
  .gHeader_logo {
    position: relative;
    z-index: 9999;
  }
  .gHeader_logo > a > img {
    width: 111px;
  }
  .gHeader_spMenuIcon {
    background-color: transparent;
    border: none;
    z-index: 100;
    cursor: pointer;
    position: absolute;
    right: 23px;
    width: 50px;
    height: 50px;
    background-color: #2544af;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 50%;
    z-index: 9999;
  }
  .gHeader_spMenuIcon > span {
    pointer-events: none;
    background-color: #fff;
    width: 23px;
    height: 2px;
    display: block;
    margin-bottom: 4px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 100;
    position: relative;
  }
  .gHeader_spMenuIcon > span:nth-child(3) {
    margin-bottom: 0;
  }
  .gHeader_spMenuIcon-active {
    background-color: #fff;
  }
  .gHeader_spMenuIcon-active > span {
    background-color: #2544af;
  }
  .gHeader_spMenuIcon-active > span:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(135deg);
        -ms-transform: translateY(6px) rotate(135deg);
            transform: translateY(6px) rotate(135deg);
  }
  .gHeader_spMenuIcon-active > span:nth-child(2) {
    -webkit-transform: translateX(-18px) scaleX(0);
        -ms-transform: translateX(-18px) scaleX(0);
            transform: translateX(-18px) scaleX(0);
  }
  .gHeader_spMenuIcon-active > span:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(-135deg);
        -ms-transform: translateY(-6px) rotate(-135deg);
            transform: translateY(-6px) rotate(-135deg);
  }
  .gNav {
    position: absolute;
    z-index: 2;
  }
  .gNav_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mobileNav {
    width: 100%;
    margin-right: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    z-index: 9998;
    height: 100vh;
    padding-bottom: 80px;
    background-color: #0893e1;
  }
  .mobileNav_links {
    list-style: none;
    padding: 0;
    margin: 100px 39px 0;
  }
  .mobileNav-active {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .mobileNav-active .mobileNav_item {
    opacity: 1;
  }
  .mobileNav_item:hover::after {
    display: none;
  }
  .mobileNav_item-type02 {
    border-bottom: 1px solid #4cb2eb;
    padding-left: 15px;
  }
  .mobileNav_item-type02 > a {
    color: white;
    font-weight: bold;
    font-size: 1rem;
    text-decoration: none;
    letter-spacing: 0.025em;
    line-height: 3.6;
  }
  .mobileNav_acc {
    border-bottom: 1px solid #4cb2eb;
    padding-left: 14px;
  }
  .mobileNav_acc[data-acc-root=open] .mobileNav_btn::after {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    opacity: 0;
  }
  .mobileNav_acc[data-acc-root=open] .mobileNav_btn > span {
    font-weight: bold;
  }
  .mobileNav_acc[data-acc-root=open] .mobileNav_btn:hover {
    opacity: 1;
  }
  .mobileNav_btn {
    position: relative;
  }
  .mobileNav_btn > button {
    width: 100%;
    text-align: left;
    color: #fff;
  }
  .mobileNav_btn > button > span {
    font-size: 1rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    line-height: 3.6;
    letter-spacing: 0.025em;
  }
  .mobileNav_btn::before, .mobileNav_btn::after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 5px;
  }
  .mobileNav_btn::after {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .mobileNav_lists {
    margin-top: 0;
    padding-bottom: 15px;
  }
  .mobileNav_list {
    margin-top: 15px;
  }
  .mobileNav_list > a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: #b7def4;
  }
  .mobileNav_link-icon::after {
    content: url(../../assets/images/global/tabs-icon-sp.png);
    margin-left: 5px;
  }
  .mobileNav_link-icon2::after {
    content: url(../../assets/images/top/tabs_icon_blue.png);
    margin-left: 6px;
  }
  .mobileNav_linkBtn {
    display: block;
    height: 52px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-top: 41.5px;
  }
  .mobileNav_linkBtn > a {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
    font-weight: bold;
  }
  .mobileNav_linkBtn-type02 {
    margin-top: 22px;
    border: none;
    background-color: #2544af;
  }
  .mobileNav_linkBtn-type02 > a {
    color: #fff;
  }
  .gFooter_inner {
    width: auto;
  }
  .gFooter_inner-main {
    padding: 45px 0px 40px;
  }
  .gFooter_contents {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0 24px;
    gap: 0;
  }
  .gFooter_contents-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
  }
  .gFooter_item {
    padding: 50px 0px 130px;
    display: block;
  }
  .gFooter_item:first-child {
    border-bottom: 1px solid #4cb2eb;
    padding-top: 70px;
  }
  .gFooter_area::after {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: 40px;
    left: inherit;
    right: 73px;
  }
  .gFooter_area-download::after {
    content: url(../../assets/images/top/gFooter-hover01-sp.png);
  }
  .gFooter_area-contact::after {
    content: url(../../assets/images/top/gFooter-hover02-sp.png);
  }
  .gFooter_area:hover::after {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
  .gFooter_area:hover .gFooter_arrowBtn::before {
    width: 50px;
    height: 50px;
  }
  .gFooter_area:hover .gFooter_arrowBtn-link {
    opacity: 1;
    border: 1px solid #fff;
  }
  .gFooter_area:hover .gFooter_arrowBtn-link::before {
    width: 50px;
    height: 50px;
  }
  .gFooter_area:hover .gFooter_arrowBtn-link::after {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    color: white;
  }
  .gFooter_arrowBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 55px;
    right: 0;
  }
  .gFooter_arrowBtn::before {
    width: 50px;
    height: 50px;
    top: 25px;
    opacity: 0.361;
    background-color: inherit;
  }
  .gFooter_arrowBtn-link {
    width: 50px;
    height: 50px;
  }
  .gFooter_arrowBtn-link::after {
    top: 11px;
    left: 18px;
  }
  .gFooter_main {
    margin: 0 15px;
  }
  .gFooter_leftContents {
    border-bottom: none;
  }
  .gFooter_access {
    margin: 25px 0 30px;
  }
  .gFooter_rightContents {
    padding-bottom: 40px;
    width: 100%;
  }
  .gFooter_rightContents-flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px;
  }
  .gFooter_nav {
    display: block;
    margin-top: inherit;
  }
  .gFooter_navInner {
    gap: 100px;
  }
  .gFooter_lists {
    margin-top: 30px;
  }
  .gFooter_contents-sub {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: auto;
    padding: 0 24px 60px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .gFooter_images {
    gap: 12px;
  }
  .bl_floatingBanner {
    bottom: 20px;
    right: 15px;
    width: 150px;
    max-width: 100%;
    z-index: 100;
  }
  .font-lllllSp {
    font-size: 1.7142857143rem;
  }
  .font-llllSp {
    font-size: 1.5714285714rem;
  }
  .font-lllSp {
    font-size: 1.4285714286rem;
  }
  .font-llSp {
    font-size: 1.2857142857rem;
  }
  .font-lSp {
    font-size: 1.1428571429rem;
  }
  .font-sSp {
    font-size: 0.8571428571rem;
  }
  .font-ssSp {
    font-size: 0.7857142857rem;
  }
  .font-sssSp {
    font-size: 0.7142857143rem;
  }
  .font-ssssSp {
    font-size: 0.6428571429rem;
  }
  .font-sssssSp {
    font-size: 0.5714285714rem;
  }
  .btn {
    width: 200px;
  }
  .btns_item {
    margin: 20px auto 0;
  }
  .btns_item-1-12sp {
    width: calc(99.9%/12 * 1);
  }
  .btns_item-2-12sp {
    width: calc(99.9%/12 * 2);
  }
  .btns_item-3-12sp {
    width: calc(99.9%/12 * 3);
  }
  .btns_item-4-12sp {
    width: calc(99.9%/12 * 4);
  }
  .btns_item-5-12sp {
    width: calc(99.9%/12 * 5);
  }
  .btns_item-6-12sp {
    width: calc(99.9%/12 * 6);
  }
  .btns_item-7-12sp {
    width: calc(99.9%/12 * 7);
  }
  .btns_item-8-12sp {
    width: calc(99.9%/12 * 8);
  }
  .btns_item-9-12sp {
    width: calc(99.9%/12 * 9);
  }
  .btns_item-10-12sp {
    width: calc(99.9%/12 * 10);
  }
  .btns_item-11-12sp {
    width: calc(99.9%/12 * 11);
  }
  .btns_item-12-12sp {
    width: calc(99.9%/12 * 12);
  }
  .btns_item-13-12sp {
    width: calc(99.9%/12 * 13);
  }
  .btns_item-1-10sp {
    width: calc(99.9%/10 * 1);
  }
  .btns_item-2-10sp {
    width: calc(99.9%/10 * 2);
  }
  .btns_item-3-10sp {
    width: calc(99.9%/10 * 3);
  }
  .btns_item-4-10sp {
    width: calc(99.9%/10 * 4);
  }
  .btns_item-5-10sp {
    width: calc(99.9%/10 * 5);
  }
  .btns_item-6-10sp {
    width: calc(99.9%/10 * 6);
  }
  .btns_item-7-10sp {
    width: calc(99.9%/10 * 7);
  }
  .btns_item-8-10sp {
    width: calc(99.9%/10 * 8);
  }
  .btns_item-9-10sp {
    width: calc(99.9%/10 * 9);
  }
  .btns_item-10-10sp {
    width: calc(99.9%/10 * 10);
  }
  .btns_item-11-10sp {
    width: calc(99.9%/10 * 11);
  }
  .btns-hr .btns_list {
    margin: -10px 0 0 -10px;
  }
  .btns-hr .btns_item {
    margin: 10px 0 0 10px;
  }
  .btns-hr .btns_item-1-12sp {
    width: calc(99.9%/12 * 1 - 10px);
  }
  .btns-hr .btns_item-2-12sp {
    width: calc(99.9%/12 * 2 - 10px);
  }
  .btns-hr .btns_item-3-12sp {
    width: calc(99.9%/12 * 3 - 10px);
  }
  .btns-hr .btns_item-4-12sp {
    width: calc(99.9%/12 * 4 - 10px);
  }
  .btns-hr .btns_item-5-12sp {
    width: calc(99.9%/12 * 5 - 10px);
  }
  .btns-hr .btns_item-6-12sp {
    width: calc(99.9%/12 * 6 - 10px);
  }
  .btns-hr .btns_item-7-12sp {
    width: calc(99.9%/12 * 7 - 10px);
  }
  .btns-hr .btns_item-8-12sp {
    width: calc(99.9%/12 * 8 - 10px);
  }
  .btns-hr .btns_item-9-12sp {
    width: calc(99.9%/12 * 9 - 10px);
  }
  .btns-hr .btns_item-10-12sp {
    width: calc(99.9%/12 * 10 - 10px);
  }
  .btns-hr .btns_item-11-12sp {
    width: calc(99.9%/12 * 11 - 10px);
  }
  .btns-hr .btns_item-12-12sp {
    width: calc(99.9%/12 * 12 - 10px);
  }
  .btns-hr .btns_item-13-12sp {
    width: calc(99.9%/12 * 13 - 10px);
  }
  .btns-hr .btns_item-1-10sp {
    width: calc(99.9%/10 * 1 - 10px);
  }
  .btns-hr .btns_item-2-10sp {
    width: calc(99.9%/10 * 2 - 10px);
  }
  .btns-hr .btns_item-3-10sp {
    width: calc(99.9%/10 * 3 - 10px);
  }
  .btns-hr .btns_item-4-10sp {
    width: calc(99.9%/10 * 4 - 10px);
  }
  .btns-hr .btns_item-5-10sp {
    width: calc(99.9%/10 * 5 - 10px);
  }
  .btns-hr .btns_item-6-10sp {
    width: calc(99.9%/10 * 6 - 10px);
  }
  .btns-hr .btns_item-7-10sp {
    width: calc(99.9%/10 * 7 - 10px);
  }
  .btns-hr .btns_item-8-10sp {
    width: calc(99.9%/10 * 8 - 10px);
  }
  .btns-hr .btns_item-9-10sp {
    width: calc(99.9%/10 * 9 - 10px);
  }
  .btns-hr .btns_item-10-10sp {
    width: calc(99.9%/10 * 10 - 10px);
  }
  .btns-hr .btns_item-11-10sp {
    width: calc(99.9%/10 * 11 - 10px);
  }
  .responsiveTable {
    display: block;
  }
  .responsiveTable > tbody {
    display: block;
    border: none;
    padding: 0;
  }
  .responsiveTable > tbody > tr {
    display: block;
    border: none;
    padding: 0;
  }
  .responsiveTable > tbody > tr > th, .responsiveTable > tbody > tr > td {
    display: block;
    border: none;
    padding: 0;
  }
  .responsiveTable > tbody > tr > :first-child {
    margin-top: 0;
  }
  .responsiveTable > tbody > :first-child {
    margin-top: 0;
  }
  .scrollTable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) 0 0/30px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) right/30px 100%;
    background-repeat: no-repeat;
    background-attachment: local, scroll, local, scroll;
  }
  .scrollTable > table {
    min-width: 100%;
    width: auto;
    white-space: nowrap;
  }
  .dataThTable {
    display: block;
    border: 1px solid #797a88;
    padding: 10px;
  }
  .dataThTable > thead {
    display: none;
  }
  .dataThTable > tbody {
    display: block;
    border: none;
    padding: 0;
  }
  .dataThTable > tbody > :first-child {
    padding-top: 0;
    border-top: none;
  }
  .dataThTable > tbody > tr {
    display: block;
    border: none;
    border-top: 1px solid #797a88;
    padding: 10px 0;
  }
  .dataThTable > tbody > tr > th, .dataThTable > tbody > tr > td {
    display: block;
    border: none;
    padding: 0;
  }
  .dataThTable > tbody > tr > [data-th] {
    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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .dataThTable > tbody > tr > [data-th]:before {
    content: attr(data-th) "：";
    font-weight: bold;
  }
  .youtube {
    position: relative;
    padding-top: 56.25%;
    margin-top: 20px;
  }
  .youtube > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pankuzu_inner {
    width: auto;
    overflow-x: auto;
    padding-left: 10px;
  }
  .pankuzu_list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .pankuzu_item {
    font-size: 0.7857142857rem;
    white-space: nowrap;
  }
  .pager {
    margin: 40px 20px 0;
  }
  .pager_list {
    position: relative;
  }
  .pager_dot {
    font-size: 10px;
  }
  .pager_prev, .pager_next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .pager_prev {
    left: 0;
  }
  .pager_next {
    right: 0;
  }
  .hidden-sp {
    display: none !important;
  }
  .imgTxt {
    display: block;
  }
  .imgTxt > :first-child {
    margin-top: 0;
  }
  .imgTxt_left {
    margin: 20px 0 0;
    text-align: center;
  }
  .imgTxt_right {
    margin: 20px 0 0;
    text-align: center;
  }
  .imgTxt_body {
    margin: 20px 0 0;
  }
  .imgTxt_body > :first-child {
    margin-top: 0;
  }
  .imgTxt-around {
    overflow: hidden;
    display: block;
  }
  .imgTxt-around .imgTxt_right,
.imgTxt-around .imgTxt_left {
    float: none;
  }
  .grid {
    margin: 0 0 0 -20px;
  }
  .grid_col {
    margin: 0 0 0 20px;
  }
  .grid_col-1-12sp {
    width: calc(99.9%/12 * 1 - 20px);
  }
  .grid_col-2-12sp {
    width: calc(99.9%/12 * 2 - 20px);
  }
  .grid_col-3-12sp {
    width: calc(99.9%/12 * 3 - 20px);
  }
  .grid_col-4-12sp {
    width: calc(99.9%/12 * 4 - 20px);
  }
  .grid_col-5-12sp {
    width: calc(99.9%/12 * 5 - 20px);
  }
  .grid_col-6-12sp {
    width: calc(99.9%/12 * 6 - 20px);
  }
  .grid_col-7-12sp {
    width: calc(99.9%/12 * 7 - 20px);
  }
  .grid_col-8-12sp {
    width: calc(99.9%/12 * 8 - 20px);
  }
  .grid_col-9-12sp {
    width: calc(99.9%/12 * 9 - 20px);
  }
  .grid_col-10-12sp {
    width: calc(99.9%/12 * 10 - 20px);
  }
  .grid_col-11-12sp {
    width: calc(99.9%/12 * 11 - 20px);
  }
  .grid_col-12-12sp {
    width: calc(99.9%/12 * 12 - 20px);
  }
  .grid_col-1-10sp {
    width: calc(99.9%/10 * 1 - 20px);
  }
  .grid_col-2-10sp {
    width: calc(99.9%/10 * 2 - 20px);
  }
  .grid_col-3-10sp {
    width: calc(99.9%/10 * 3 - 20px);
  }
  .grid_col-4-10sp {
    width: calc(99.9%/10 * 4 - 20px);
  }
  .grid_col-5-10sp {
    width: calc(99.9%/10 * 5 - 20px);
  }
  .grid_col-6-10sp {
    width: calc(99.9%/10 * 6 - 20px);
  }
  .grid_col-7-10sp {
    width: calc(99.9%/10 * 7 - 20px);
  }
  .grid_col-8-10sp {
    width: calc(99.9%/10 * 8 - 20px);
  }
  .grid_col-9-10sp {
    width: calc(99.9%/10 * 9 - 20px);
  }
  .grid_col-10-10sp {
    width: calc(99.9%/10 * 10 - 20px);
  }
  .staff {
    margin-top: 40px;
  }
  .staff_inner {
    width: auto;
  }
  .staff_contents {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 30px 0 50px;
  }
  .staff_img {
    background-image: none;
  }
  .staff_profill {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .staff_header {
    margin-top: 20px;
  }
  .staff_text {
    padding: 0 10px;
  }
  .staff_text-type01 {
    border-right: none;
    border-bottom: 1px solid #70b7e6;
    padding-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .memberSlider {
    margin-bottom: 75px;
  }
  .memberSlider_inner {
    margin-top: 75px;
  }
  .memberSlider_inner {
    width: auto;
    padding-bottom: 0;
  }
  .memberSlider_header {
    padding-left: 24px;
  }
  .memberSlider_sliderContainer {
    margin-top: 20px;
  }
  .memberSlider_marginSlider {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: 24px;
  }
  .memberSlider_marginSliderWrapper {
    width: auto;
  }
  .memberSlider_slide {
    width: auto;
    height: inherit;
    width: 290px !important;
  }
  .memberSlider_slide:hover > .memberSlider_arrowBtn > span::after {
    top: 6px;
    left: 7px;
  }
  .memberSlider_img {
    width: 100%;
  }
  .memberSlider_img > img {
    height: inherit;
  }
  .memberSlider_texts {
    margin-top: 15px;
  }
  .memberSlider_pagination {
    left: inherit !important;
    right: 20px;
    top: -45px !important;
    z-index: -1;
  }
  .memberSlider_prev {
    top: -60px;
    left: 65%;
    width: 50px;
    height: 50px;
    display: none;
  }
  .memberSlider_prev::after {
    top: 20px;
    left: 20px;
  }
  .memberSlider_next {
    top: -60px;
    left: 69%;
    width: 50px;
    height: 50px;
    display: none;
  }
  .memberSlider_next::after {
    top: 20px;
    left: 20px;
  }
  .memberSlider_arrowBtn {
    bottom: 15px;
  }
  .memberSlider_arrowBtn > span::before {
    top: 2px;
    left: 7px;
  }
  .memberSlider_arrowBtn > span::after {
    top: 2px;
  }
  .memberSlider_btn, .newsDetail_btn, .newsBlock_btn {
    margin-top: 50px;
  }
  .searchArea {
    margin: 0;
  }
  .searchArea-usercase {
    padding-bottom: 0;
  }
  .searchArea_inner {
    width: auto;
  }
  .searchArea_inner-usercase {
    width: 1160px;
    width: auto;
  }
  .searchArea_inner-usercase .searchArea_contents {
    padding: 40px 10px !important;
  }
  .searchArea_contents {
    padding: 10px;
    margin: 0 14px;
  }
  .searchArea_categorys {
    padding: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchArea_head {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .searchArea_catInner {
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .searchArea_categoryItems {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .searchArea_btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .searchArea_btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
  }
  .searchArea_btns #resetBtn {
    position: static;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-right: 10px;
  }
  .worksDetails_inner {
    width: auto;
  }
  .worksDetails_contents {
    padding: 40px 10px;
  }
  .worksDetails_views {
    display: block;
  }
  .worksDetails_views > :first-child {
    margin-top: 0;
  }
  .worksDetails_pcView {
    width: auto;
    height: 300px;
  }
  .worksDetails_pcView:has(video) {
    height: auto;
  }
  .worksDetails_pcView:has(video) video {
    width: 100%;
    margin-top: -26px;
  }
  .worksDetails_pcViewInner:has(video) {
    margin-right: 0;
  }
  .worksDetails_spView {
    margin: 30px auto 0;
    padding: 22px 15px 15px 6px;
  }
  .worksDetails_texts {
    display: block;
    margin-top: 20px;
  }
  .worksDetails_texts:nth-child(2) {
    margin-top: 30px;
  }
  .worksDetails_text {
    margin-top: 20px;
  }
  .worksDetails_items {
    margin-top: 50px;
  }
  .worksDetails_dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 10px;
    gap: 10px;
  }
  .worksDetails_members {
    gap: 20px 10px;
  }
  .worksDetails_blog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 10px 20px;
    margin: 40px 20px 0;
    gap: 20px;
  }
  .worksDetails_blog > figure {
    text-align: center;
  }
  .worksSlider {
    margin-top: 40px;
  }
  .worksSlider .topWorks_item {
    width: 300px;
    min-width: 300px;
    margin-left: 5px;
  }
  .worksSlider .topWorks_img {
    width: 300px;
    aspect-ratio: 300/197px;
  }
  .worksSlider_inner {
    margin-top: 75px;
    width: auto;
  }
  .worksSlider_inner {
    width: auto;
    padding-bottom: 0;
  }
  .worksSlider_header {
    margin-left: 20px;
  }
  .worksSlider_marginSlider {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: 0;
  }
  .worksSlider_marginSliderWrapper {
    width: auto;
  }
  .worksSlider_prev {
    right: 0% !important;
    top: -70px;
  }
  .worksSlider_next {
    right: 15px !important;
    top: -70px;
  }
  .worksSlider_wrapper {
    margin-top: 20px;
  }
  .worksSlider_slide {
    width: auto;
    height: inherit;
    width: 326px !important;
  }
  .worksSlider_img > img {
    height: inherit;
  }
  .worksSlider_texts {
    margin-top: 15px;
  }
  .worksSlider_pagination {
    top: -45px !important;
    right: 10px !important;
    left: inherit !important;
  }
  .worksSlider_prev {
    top: 30px;
    left: 65%;
    width: 50px;
    height: 50px;
    display: none;
  }
  .worksSlider_prev::after {
    top: 20px;
    left: 20px;
  }
  .worksSlider_next {
    display: none;
    top: 30px;
    left: 69%;
    width: 50px;
    height: 50px;
  }
  .worksSlider_next::after {
    top: 20px;
    left: 20px;
  }
  .worksSlider_btn {
    margin-top: 50px;
  }
  .newsBlock_inner {
    width: auto;
  }
  .newsBlock_item {
    padding: 20px;
    margin: 0 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsBlock_cat {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 2;
    margin-left: 0;
    margin-top: 10px;
  }
  .newsBlock_text {
    margin-top: 10px;
  }
  .newsDetail_inner {
    width: auto;
    padding: 20px 10px 40px;
  }
  .contactBlock_inner {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0;
  }
  .contactBlock_textArea {
    width: auto;
  }
  .contactBlock_title {
    font-size: 1.75rem;
    text-align: center;
  }
  .contactBlock_textContent {
    padding: 0 10px;
  }
  .contactBlock_texts {
    margin-top: 20px;
  }
  .contactBlock_img {
    margin-top: 30px;
    padding: 0 10px;
  }
  .contactBlock_form {
    width: auto;
    margin: 0 10px;
    padding: 40px 10px;
    min-width: inherit;
  }
  .contactBlock_form .hs_submit {
    width: auto;
  }
  .contactBlock_header {
    margin-bottom: 0;
  }
  .completion {
    padding-bottom: 30px;
    margin-top: 30px !important;
  }
  .completion_texts {
    margin-left: 0;
    padding: 0 10px;
  }
  .completion_title {
    font-size: 1.875rem;
    text-align: center;
  }
  .completion_items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0 10px;
    margin-top: 20px;
    gap: 20px;
  }
  .sideBlock {
    padding: 0 14px 50px;
  }
  .sideBlock_input {
    margin-top: 5px;
  }
  .sideBlock_categorys {
    margin-top: 20px;
  }
  .sideBlock_ranking {
    margin-top: 20px;
  }
  .sideBlock_item {
    gap: 10px;
  }
  .article_inner {
    padding-bottom: 50px;
  }
  .article_header {
    padding: 0 14px;
  }
  .article_text {
    margin-top: 20px;
  }
  .article_btns {
    -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;
  }
  .article_grid {
    margin-top: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px 10px;
    place-content: center;
    place-items: center;
    padding: 0 14px;
  }
  .article_img {
    width: auto;
    height: auto;
  }
  .article_img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .articleDetail {
    width: auto;
    margin: 0 14px 50px;
  }
  .articleDetail_inner {
    padding: 20px 14px 60px;
  }
  .articleDetail_data {
    display: block;
  }
  .articleDetail_date {
    margin-bottom: 10px;
  }
  .articleDetail_author {
    margin-top: 15px;
  }
  .articleDetail_block {
    margin-top: 20px;
  }
  .articleDetail_texts {
    margin-top: 20px;
  }
  .articleDetail_dataAcc {
    padding: 10px;
  }
  .articleDetail_quotation {
    padding: 10px 40px 30px;
  }
  .articleDetail_quotation::before {
    left: 5px;
  }
  .articleDetail_quotation::after {
    right: 5px;
  }
  .articleDetail_btns {
    margin-top: 20px;
  }
  .articleDetail_contact {
    margin-top: 40px;
    padding: 20px;
  }
  .articleDetail_contact > h2 {
    font-size: 1.375rem;
  }
  .articleDetail_contact .articleDetail_btns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .articleDetail_contactWindow {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .articleDetail_contactWindow > a {
    margin-left: 0;
  }
  .articleDetail_snsIcons {
    margin-top: 20px;
  }
  .articleDetail_writer {
    padding: 25px;
  }
  .articleDetail_head {
    text-align: center;
  }
  .articleDetail_imgText {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  .articleDetail_names {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }
  .articleDetail_btn {
    margin-top: 60px;
  }
  .articleDetail_achievement {
    margin-top: 20px;
  }
  .articleDetail_dl {
    display: block;
    padding-top: 30px;
  }
  .articleDetail_dt {
    display: inline-block;
    margin-right: 0;
  }
  .articleDetail_dd {
    margin-top: 20px;
  }
  .articleDetail_point {
    margin-top: 50px;
    padding: 10px 15px;
  }
  .articleDetail_point .articleDetail_author {
    margin-top: 20px;
  }
  #anc_toc {
    padding: 20px 10px;
    margin-top: 30px;
  }
  #anc_toc ul li::before {
    top: 13px;
  }
  #anc_toc ul li ul li::before {
    top: 16px;
  }
  .pageID-blog .articleDetail_inner {
    margin-top: 20px;
  }
  .pageID-blog .articleDetail_inner > p, .pageID-blog .articleDetail_inner span {
    font-size: 1.125rem;
  }
  .documentDescription {
    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: 35px 14px 0 !important;
  }
  .documentDescription_textBlock {
    padding: 20px 20px 30px;
  }
  .documentDescription_btn {
    margin-top: 20px;
  }
  .downLoadDocument {
    margin: 30px 0 60px;
  }
  .downLoadDocument_inner {
    padding: 0 14px;
  }
  .downLoadDocument_grid {
    grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
    margin-top: 15px;
    gap: 60px 30px;
  }
  .downLoadDocument_img {
    width: auto;
    height: auto;
  }
  .downLoadDocument_img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .downLoadDocument_text {
    margin-top: 15px;
  }
  .job_inner {
    width: auto;
    margin: 30px 14px;
  }
  .job_text {
    margin: 20px 0 0;
  }
  .salesWorks {
    padding: 40px 14px 0;
    margin: 0;
  }
  .salesWorks_inner {
    width: auto;
  }
  .salesWorks_flex {
    display: block;
    margin-top: 20px;
  }
  .salesWorks_textBlock {
    margin-top: 20px;
  }
  .salesWorks_texts {
    margin-top: 15px;
  }
  .salesWorks_flow .salesWorks_texts {
    margin-top: 20px;
    padding: 0;
  }
  .salesWorks_box {
    display: none;
  }
  .salesWorks_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .salesWorks_strengths {
    display: block;
  }
  .salesWorks_point {
    padding: 10px;
  }
  .sideNav {
    position: static;
    padding-bottom: 0;
  }
  .companyBlock {
    width: auto;
    padding: 0 20px;
  }
  .companyBlock_header {
    margin-bottom: 20px;
  }
  .companyBlock_dl {
    padding: 15px 0 15px 11px;
    display: block;
  }
  .access {
    margin-top: 80px;
    padding: 0 20px;
  }
  .history {
    margin-top: 70px;
    padding: 0 20px;
  }
  .history_contents {
    margin-top: 0;
  }
  .history_item {
    margin-top: 40px;
    display: block;
  }
  .history_item:first-child {
    margin-top: 20px;
  }
  .history_texts {
    margin-left: 0;
    margin-top: 5px;
  }
  .history_img {
    margin-top: 70px;
  }
  .ourClients {
    margin-top: 60px;
    padding: 0 20px 60px;
  }
  .ourClients_lists {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    margin-top: 0;
  }
  .visionBlock {
    padding-bottom: 60px;
    margin-top: 10px;
  }
  .visionBlock_mainVisual {
    height: 250px;
  }
  .visionBlock_inner {
    width: auto;
    padding: 0 20px;
  }
  .visionBlock_contents {
    margin-left: 0;
    margin-top: 80px;
  }
  .visionBlock_contents-first {
    margin-top: 40px;
  }
  .visionBlock_header {
    margin-top: 20px;
  }
  .visionBlock_en-type02 {
    line-height: 1;
    font-size: 5.625rem;
  }
  .visionBlock_texts {
    margin-top: 25px;
  }
  .visionBlock_slider {
    margin-top: 90px;
  }
  .oneStop {
    margin: 0;
  }
  .oneStop_inner {
    width: auto;
    margin: 20px 10px 0;
  }
  .oneStop_texts {
    margin: 0;
  }
  .project {
    margin: 50px 0 0 !important;
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .project_inner {
    width: auto;
    padding: 0 10px;
  }
  .project_item {
    margin-top: 60px;
  }
  .project_contents {
    display: block;
  }
  .project_footer {
    text-align: left;
    margin-top: 30px;
  }
  .team {
    margin: 0;
  }
  .team_inner {
    padding: 50px 10px 50px;
    width: auto;
  }
  .team_grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .team_col {
    padding: 40px;
  }
  .team_col:hover {
    padding-bottom: 40px;
  }
  .team_col::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .team_col::after {
    background-position: center;
    background-size: cover;
    border-radius: 10px;
  }
  .team_bg {
    opacity: 1;
    z-index: 1;
  }
  .team_icon {
    display: none;
  }
  .team_hiddenTexts {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  .projectTeam {
    margin: 60px 10px 0 !important;
    padding-bottom: 60px;
  }
  .projectTeam_inner {
    width: auto;
  }
  .projectTeam_box .projectTeam_img {
    margin-top: 20px;
  }
  .projectTeam_box .projectTeam_text {
    margin: 20px 0 0;
  }
  .projectTeam_text {
    margin-top: 30px;
  }
  .projectTeam_btn {
    margin-top: 20px;
  }
  .projectTeam_grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 50px;
  }
  .projectTeam_grid .projectTeam_text {
    margin-top: 30px;
  }
  .projectTeam_texts:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .banner {
    margin: 0 10px;
  }
  .banner_contents {
    width: auto;
  }
  .banner_contents::after {
    display: none;
  }
  .banner_texts {
    padding: 30px 15px;
    text-align: center;
  }
  .banner_btn {
    width: 290px;
  }
  .features {
    padding-bottom: 60px;
  }
  .features_inner {
    width: auto;
    padding: 0 10px;
  }
  .features_items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .features_item {
    padding: 20px 10px 30px;
  }
  .features_imgTxts {
    -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;
    text-align: center;
  }
  .features_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .features_images .features_img {
    min-width: auto;
    min-height: auto;
  }
  .features_images .features_img:nth-child(2) {
    position: static;
  }
  .features_header {
    margin-top: 0;
  }
  .sdgs {
    padding-bottom: 60px;
  }
  .sdgs_top {
    margin-top: 50px;
    padding: 0 10px;
  }
  .sdgs_box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
    gap: 10px;
  }
  .sdgs_box .sdgs_img {
    min-width: auto;
  }
  .sdgs_text {
    margin-top: 10px;
  }
  .sdgs_img {
    text-align: center;
  }
  .sdgs_img > img {
    width: auto;
    height: auto;
  }
  .sdgs_contents {
    padding: 30px 10px;
    margin: 20px 10px 0;
  }
  .sdgs_imgTxt {
    margin-top: 30px;
    display: block;
    padding-bottom: 20px;
  }
  .sdgs_imgTxt .sdgs_head {
    text-align: center;
  }
  .sdgs_head {
    margin-top: 15px;
  }
  .sdgs_lists {
    margin-top: 20px;
  }
  .sdgs_lists-last {
    padding-bottom: 40px;
  }
  .sdgs_lastTxt {
    margin-top: 30px;
  }
  .siteProductions_inner {
    width: auto;
    display: block;
    padding: 30px 10px;
    margin-top: 20px;
  }
  .siteProductions_inner::after {
    content: "";
  }
  .siteProductions_inner-02 .contentsHeadings_subHead-02 {
    white-space: normal;
  }
  .siteProductions_header .contentsHeadings_en {
    font-size: 2.5rem;
    line-height: 1.4;
  }
  .siteFeatures {
    margin: 0;
    padding: 10px 10px 30px;
  }
  .siteFeatures_inner {
    width: auto;
  }
  .siteFeatures_headTxt {
    margin-top: 0;
  }
  .siteFeatures_grid {
    margin-top: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .siteFeatures_item {
    padding: 20px 20px 0;
  }
  .siteFeatures_text {
    margin-top: 0;
  }
  .siteFeatures_img {
    margin: 20px auto 0;
  }
  .produceFlow {
    padding: 20px 10px;
  }
  .produceFlow_items {
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 40px 20px;
    margin-top: 30px;
  }
  .produceFlow_item-01::after {
    content: "";
  }
  .produceFlow_item-06::after {
    content: "";
  }
  .systemFlow {
    margin: 0;
  }
  .systemFlow_inner {
    width: auto;
    padding: 50px 10px;
  }
  .systemFlow_header {
    display: block;
  }
  .systemFlow_head {
    padding-right: 0;
  }
  .systemFlow_img {
    position: static;
    aspect-ratio: unset;
    margin-top: 40px;
  }
  .devSection {
    margin: 0;
    padding-bottom: 50px;
  }
  .devSection_inner {
    width: auto;
    padding: 40px 10px 0;
  }
  .devSection_inner .btn {
    width: 240px;
    margin: 20px auto 0;
  }
  .devSection_contents {
    display: block;
  }
  .devSection_items {
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 40px 20px;
  }
  .devSection_item-01::after {
    content: "";
  }
  .devSection_item-04::after {
    content: "";
  }
  .devSection_img {
    display: none;
  }
  .devSection_scale {
    margin-top: 50px;
  }
  .devSection_row {
    display: block;
    margin-top: 20px;
  }
  .devSection_texts {
    margin-top: 30px;
  }
  .devSection_texts > dl {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
  }
  .partnerships {
    margin: 0;
  }
  .partnerships_inner {
    width: auto;
    padding: 50px 10px 0;
  }
  .partnerships_inner .btn {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 40px auto 0;
  }
  .partnerships_th {
    vertical-align: middle;
  }
  .partnerships_th-type02 {
    padding: 20px;
  }
  .partnerships_td {
    min-width: 400px;
    vertical-align: middle;
    padding: 20px;
  }
  .partnerships_logo {
    padding: 0;
  }
  .partnerships_case {
    display: block;
  }
  .analysis {
    margin: 0;
  }
  .analysis_inner {
    width: auto;
    padding: 40px 10px;
  }
  .analysis_items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .seoSection_inner {
    width: auto;
    padding: 60px 10px;
  }
  .seoSection_contents {
    padding: 30px 10px;
    background-size: cover;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }
  .advertisingServices {
    padding: 0 10px 50px;
  }
  .advertisingServices_contents {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 120px;
  }
  .advertisingServices_head:first-child {
    margin-top: 10px;
  }
  .advertisingServices_img {
    margin-top: 40px;
  }
  .advertisingServices_btn {
    width: 300px;
  }
  .swiper-slide img {
    height: auto;
    width: 100%;
  }
  .topMvSwiper {
    width: calc(100% - 30px);
    margin-top: 0;
  }
  .topMvSwiper_wrapper {
    border-radius: 14px;
  }
  .topMvSwiper_img > img {
    -o-object-position: center center;
       object-position: center center;
    min-height: calc(100svh - 99px) !important;
  }
  .topMvSwiper_title {
    font-size: 1.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .topMvSwiper_subTitle {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  .topMvSwiper_subTitle-first {
    margin-top: 20px;
  }
  .topMvSwiper_footer {
    display: none;
  }
  .topService_inner {
    width: auto;
    margin-top: 60px;
    padding: 0 24px;
  }
  .topService_header {
    display: block;
  }
  .topService_btn {
    margin-top: 35px;
  }
  .topService_gird {
    margin-top: 43px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .topService_col {
    padding-bottom: 45px;
  }
  .topService_cms {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .topService_cms > div {
    display: block;
  }
  .topService_cms > div > figure {
    margin-right: 0;
  }
  .topService_img {
    padding-right: 20px;
  }
  .topService_textArea {
    margin-top: 20px;
    margin-left: 15px;
  }
  .topService_text {
    margin-top: 0;
    font-size: 0.875rem;
    line-height: 1.8;
    margin-top: 20px;
  }
  .topService_arrowBtn {
    right: 20px;
    bottom: 17.5px;
  }
  .topService_arrowBtn > span {
    width: 50px;
    height: 50px;
  }
  .topService_arrowBtn > span::before, .topService_arrowBtn > span::after {
    font-size: 0.9375rem;
    top: 12px;
    left: 17px;
  }
  .topFeatures_inner {
    margin-top: 100px;
    padding: 0 25px;
    width: auto;
  }
  .topFeatures_grid {
    margin-top: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .topFeatures_item {
    padding: 30px 20px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #c8cee4;
  }
  .topFeatures_item::before {
    font-size: 0.75rem;
    left: 20px;
    top: 16px;
  }
  .topFeatures_img {
    margin-right: 30px;
    margin-left: 20px;
    margin-top: 12.5px;
  }
  .topFeatures_img > img {
    width: 70px;
  }
  .topFeatures_texts {
    margin-top: 0;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .topFeatures_text {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 1.5;
    padding-right: 30px;
  }
  .topFeatures_head {
    margin-top: 10px;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .topFeatures_arrowBtn {
    width: 24px;
    height: 24px;
    bottom: 17px;
  }
  .topFeatures_btn {
    margin-top: 45px;
  }
  .topUserCase_bgImg {
    margin-top: 92px;
  }
  .topUserCase_bgImg::before {
    display: none;
  }
  .topUserCase_inner {
    width: auto;
    margin-top: 45px;
    padding: 0 24px;
  }
  .topUserCase_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .topUserCase_img {
    text-align: center;
  }
  .topUserCase_companyName {
    margin-top: 15px;
    font-size: 0.75rem;
    font-weight: 500;
  }
  .topUserCase_btn {
    margin-top: 45px;
  }
  .topUserCase_btn > a {
    font-size: 0.875rem;
  }
  .topWorks-type02 {
    padding-bottom: 50px;
  }
  .topWorks-type02 .topWorks_inner {
    padding: 30px 24px 0;
  }
  .topWorks_inner {
    width: auto;
    padding: 90px 24px 0;
  }
  .topWorks_grid {
    margin-top: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0;
    gap: 40px;
  }
  .topWorks_img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  .topWorks_texts {
    margin-top: 15px;
  }
  .topCompanyLogo {
    padding: 75.5px 0 105px;
  }
  .topCompanyLogo_logo {
    margin-top: 37.5px;
  }
  .topCompanyLogo_item {
    padding: 0 21.25px;
  }
  .topMember {
    border-bottom: inherit;
  }
  .topMember:hover .topMember_bg {
    -webkit-animation: none;
            animation: none;
  }
  .topMember:hover .topMember_arrowBtn::before {
    width: 50px;
    height: 50px;
  }
  .topMember_bg {
    opacity: 1;
  }
  .topMember_inner {
    width: auto;
    padding: 57.5px 24px 50px;
    gap: 77px;
  }
  .topMember_arrowBtn {
    margin-bottom: 15px;
  }
  .topMember_arrowBtn::before {
    width: 50px;
    height: 50px;
    opacity: 0.361;
    top: 24px;
  }
  .topMember_arrowBtn > a::after {
    z-index: 999;
  }
  .topMember_arrowBtn-link {
    height: 50px;
    width: 50px;
    border: unset;
  }
  .topMember_arrowBtn-link::after, .topMember_arrowBtn-link::before {
    top: 12px;
    left: 18px;
  }
  .topCompany_items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .topCompany_item {
    -webkit-animation: unset;
            animation: unset;
  }
  .topCompany_item:hover {
    -webkit-animation: unset;
            animation: unset;
  }
  .topCompany_item:hover .topCompany_arrowBtn::before {
    width: 50px;
    height: 50px;
  }
  .topCompany_item:hover .topCompany_arrowBtn-link {
    opacity: 1;
    border: 1px solid transparent;
  }
  .topCompany_item:hover .topCompany_arrowBtn-link::before {
    width: 50px;
    height: 50px;
  }
  .topCompany_item:hover .topCompany_arrowBtn-link::after {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    color: white;
  }
  .topCompany_contents {
    padding: 37.5px 19px 37.5px 28.5px;
  }
  .topCompany_ja {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.025em;
  }
  .topCompany_en {
    line-height: 1.5;
  }
  .topCompany_arrowBtn {
    width: 50px;
    height: 50px;
  }
  .topCompany_arrowBtn::before {
    width: 50px;
    height: 50px;
    top: 25px;
    opacity: 0.361;
  }
  .topCompany_arrowBtn-link {
    width: 50px;
    height: 50px;
    border: unset;
  }
  .topCompany_arrowBtn-link::after {
    top: 13px;
    left: 18px;
  }
  .topCompany {
    padding: 75px 24px;
  }
  .topCompany_inner {
    width: auto;
  }
  .topCompany_header {
    display: block;
  }
  .topCompany_item-vision {
    background-image: url("../../assets/images/top/company-bg01.png?v=f3bf1feefbc3ee5972b66a5bfad4ffa7");
    background-size: cover;
  }
  .topCompany_item-vision::before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    display: none;
  }
  .topCompany_item-profile {
    background-image: url("../../assets/images/top/company-bg02.png?v=ad32c51deef03ea7dd9b5af8b59bed28");
    background-size: cover;
  }
  .topCompany_item-profile::before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    display: none;
  }
  .topBlog_inner {
    margin-top: 75px;
    padding-bottom: 92px;
  }
  .topBlog_inner {
    width: auto;
  }
  .topBlog_header {
    padding-left: 20px;
  }
  .topBlog_marginSlider {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: 24px;
  }
  .topBlog_marginSliderWrapper {
    width: auto;
  }
  .topBlog_prev {
    display: none;
  }
  .topBlog_next {
    display: none;
  }
  .topBlog_slide {
    width: auto;
    height: inherit;
    width: 302px;
  }
  .topBlog_img {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .topBlog_img > img {
    height: 185px;
  }
  .topBlog_texts {
    margin-top: 15px;
  }
  .topBlog_pagination {
    left: inherit !important;
    right: 20px;
    top: -40px !important;
  }
  .topBlog_prev {
    left: 60%;
    width: 50px;
    height: 50px;
  }
  .topBlog_prev::after {
    top: 20px;
    left: 20px;
  }
  .topBlog_next {
    left: 61%;
    width: 50px;
    height: 50px;
  }
  .topBlog_next::after {
    top: 20px;
    left: 20px;
  }
  .topBlog_btn {
    margin-top: 50px;
  }
  .topNews_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    gap: 45px;
  }
  .topNews_contents {
    padding: 0 24px;
  }
  .topNews_lists {
    margin-top: 30px;
  }
  .topNews_btn {
    margin: 45px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .banners {
    margin-top: 100px;
    margin-bottom: 75px;
  }
  .banners_inner {
    width: auto;
    padding: 0 24px;
  }
  .banners_items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .banners_item::after {
    right: 15px;
    bottom: 15px;
  }
  .member {
    padding: 0 24px;
    margin-bottom: 75px;
  }
  .member_nav {
    margin: 0;
  }
  .member_ankerLinks {
    width: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
  .member_ankerLink {
    border-bottom: 1px solid #d7dbeb;
  }
  .member_ankerLink::before {
    left: 48%;
  }
  .member_contents {
    border-right: none;
    margin: 20px 0px;
  }
  .member_inner {
    width: auto;
  }
  .member_work {
    margin-top: 50px;
  }
  .member_work:first-child {
    margin-top: 50px;
  }
  .member_grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 30px;
    gap: 40px;
  }
  .member_arrowBtn {
    bottom: 10px;
  }
  .member_arrowBtn > span::before, .member_arrowBtn > span::after {
    top: 2px;
    left: 7px;
  }
  .editorTmplBnrs_list {
    margin: -10px 0 0 -10px;
  }
  .editorTmplBnrs_item {
    margin: 10px 0 0 10px;
  }
  .editorTmplBnrs_item-1-12 {
    width: calc((99.9%/12 * 1) - 10px);
  }
  .editorTmplBnrs_item-2-12 {
    width: calc((99.9%/12 * 2) - 10px);
  }
  .editorTmplBnrs_item-3-12 {
    width: calc((99.9%/12 * 3) - 10px);
  }
  .editorTmplBnrs_item-4-12 {
    width: calc((99.9%/12 * 4) - 10px);
  }
  .editorTmplBnrs_item-5-12 {
    width: calc((99.9%/12 * 5) - 10px);
  }
  .editorTmplBnrs_item-6-12 {
    width: calc((99.9%/12 * 6) - 10px);
  }
  .editorTmplBnrs_item-7-12 {
    width: calc((99.9%/12 * 7) - 10px);
  }
  .editorTmplBnrs_item-8-12 {
    width: calc((99.9%/12 * 8) - 10px);
  }
  .editorTmplBnrs_item-9-12 {
    width: calc((99.9%/12 * 9) - 10px);
  }
  .editorTmplBnrs_item-10-12 {
    width: calc((99.9%/12 * 10) - 10px);
  }
  .editorTmplBnrs_item-11-12 {
    width: calc((99.9%/12 * 11) - 10px);
  }
  .editorTmplBnrs_item-12-12 {
    width: calc((99.9%/12 * 12) - 10px);
  }
  .editorTmplBnrs_item-13-12 {
    width: calc((99.9%/12 * 13) - 10px);
  }
  .editorTmplBnrs_item-1-12sp {
    width: calc((99.9%/12 * 1) - 10px);
  }
  .editorTmplBnrs_item-2-12sp {
    width: calc((99.9%/12 * 2) - 10px);
  }
  .editorTmplBnrs_item-3-12sp {
    width: calc((99.9%/12 * 3) - 10px);
  }
  .editorTmplBnrs_item-4-12sp {
    width: calc((99.9%/12 * 4) - 10px);
  }
  .editorTmplBnrs_item-5-12sp {
    width: calc((99.9%/12 * 5) - 10px);
  }
  .editorTmplBnrs_item-6-12sp {
    width: calc((99.9%/12 * 6) - 10px);
  }
  .editorTmplBnrs_item-7-12sp {
    width: calc((99.9%/12 * 7) - 10px);
  }
  .editorTmplBnrs_item-8-12sp {
    width: calc((99.9%/12 * 8) - 10px);
  }
  .editorTmplBnrs_item-9-12sp {
    width: calc((99.9%/12 * 9) - 10px);
  }
  .editorTmplBnrs_item-10-12sp {
    width: calc((99.9%/12 * 10) - 10px);
  }
  .editorTmplBnrs_item-11-12sp {
    width: calc((99.9%/12 * 11) - 10px);
  }
  .editorTmplBnrs_item-12-12sp {
    width: calc((99.9%/12 * 12) - 10px);
  }
  .editorTmplBnrs_item-13-12sp {
    width: calc((99.9%/12 * 13) - 10px);
  }
  .editorTmplBlocks01_list {
    margin: 0;
    display: block;
  }
  .editorTmplBlocks01_list > :first-child {
    margin-top: 0;
  }
  .editorTmplBlocks01_item {
    width: auto;
    margin: 20px 0 0;
  }
  .editorTmplBlocks01_item > a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .editorTmplBlocks01_img {
    margin-right: 10px;
    width: 30%;
    padding-top: 16.875%;
  }
  .editorTmplBlocks01_body {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .editorTmplBlocks02_list {
    margin: 0;
    display: block;
  }
  .editorTmplBlocks02_list > :first-child {
    margin-top: 0;
  }
  .editorTmplBlocks02_item {
    width: auto;
    margin: 20px 0 0;
  }
  .editorTmplBlocks02_item > a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .editorTmplBlocks02_img {
    margin-right: 10px;
    width: 30%;
    padding-top: 30%;
  }
  .editorTmplBlocks02_body {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .editorTmplBlocks03_list {
    margin: 0;
    display: block;
  }
  .editorTmplBlocks03_list > :first-child {
    margin-top: 0;
  }
  .editorTmplBlocks03_item {
    width: auto;
    margin: 20px 0 0;
  }
  .editorTmplBlocks03_item > a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .editorTmplBlocks03_img {
    margin-right: 10px;
    width: 30%;
    padding-top: 30%;
  }
  .editorTmplBlocks03_body {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .editorTmplGrid_list {
    margin: -20px 0 0 -20px;
  }
  .editorTmplGrid_col {
    margin: 20px 0 0 20px;
  }
  .editorTmplGrid_col-1-12 {
    width: calc((99.9%/12 * 1) - 20px);
  }
  .editorTmplGrid_col-2-12 {
    width: calc((99.9%/12 * 2) - 20px);
  }
  .editorTmplGrid_col-3-12 {
    width: calc((99.9%/12 * 3) - 20px);
  }
  .editorTmplGrid_col-4-12 {
    width: calc((99.9%/12 * 4) - 20px);
  }
  .editorTmplGrid_col-5-12 {
    width: calc((99.9%/12 * 5) - 20px);
  }
  .editorTmplGrid_col-6-12 {
    width: calc((99.9%/12 * 6) - 20px);
  }
  .editorTmplGrid_col-7-12 {
    width: calc((99.9%/12 * 7) - 20px);
  }
  .editorTmplGrid_col-8-12 {
    width: calc((99.9%/12 * 8) - 20px);
  }
  .editorTmplGrid_col-9-12 {
    width: calc((99.9%/12 * 9) - 20px);
  }
  .editorTmplGrid_col-10-12 {
    width: calc((99.9%/12 * 10) - 20px);
  }
  .editorTmplGrid_col-11-12 {
    width: calc((99.9%/12 * 11) - 20px);
  }
  .editorTmplGrid_col-12-12 {
    width: calc((99.9%/12 * 12) - 20px);
  }
  .editorTmplGrid_col-13-12 {
    width: calc((99.9%/12 * 13) - 20px);
  }
  .editorTmplGrid_col-1-12sp {
    width: calc((99.9%/12 * 1) - 20px);
  }
  .editorTmplGrid_col-2-12sp {
    width: calc((99.9%/12 * 2) - 20px);
  }
  .editorTmplGrid_col-3-12sp {
    width: calc((99.9%/12 * 3) - 20px);
  }
  .editorTmplGrid_col-4-12sp {
    width: calc((99.9%/12 * 4) - 20px);
  }
  .editorTmplGrid_col-5-12sp {
    width: calc((99.9%/12 * 5) - 20px);
  }
  .editorTmplGrid_col-6-12sp {
    width: calc((99.9%/12 * 6) - 20px);
  }
  .editorTmplGrid_col-7-12sp {
    width: calc((99.9%/12 * 7) - 20px);
  }
  .editorTmplGrid_col-8-12sp {
    width: calc((99.9%/12 * 8) - 20px);
  }
  .editorTmplGrid_col-9-12sp {
    width: calc((99.9%/12 * 9) - 20px);
  }
  .editorTmplGrid_col-10-12sp {
    width: calc((99.9%/12 * 10) - 20px);
  }
  .editorTmplGrid_col-11-12sp {
    width: calc((99.9%/12 * 11) - 20px);
  }
  .editorTmplGrid_col-12-12sp {
    width: calc((99.9%/12 * 12) - 20px);
  }
  .editorTmplGrid_col-13-12sp {
    width: calc((99.9%/12 * 13) - 20px);
  }
  .editorTmplImgTxt {
    display: block;
  }
  .editorTmplImgTxt > :first-child {
    margin-top: 0;
  }
  .editorTmplImgTxt_left {
    margin: 20px 0 0;
    text-align: center;
  }
  .editorTmplImgTxt_right {
    margin: 20px 0 0;
    text-align: center;
  }
  .editorTmplImgTxt_body {
    margin: 20px 0 0;
  }
  .editorTmplImgTxt_body > :first-child {
    margin-top: 0;
  }
  .editorTmplImgTxt-around {
    overflow: hidden;
    display: block;
  }
  .editorTmplImgTxt-around .editorTmplImgTxt_right,
.editorTmplImgTxt-around .editorTmplImgTxt_left {
    float: none;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=styles.css.map */