@charset "UTF-8";
/*
---
name: brackets-decimal
category:
  - module
  - module/brackets-decimal
tag:
  - base
  - latest
  - pc
  - sp
---

brackets-decimal styles

* Base brackets-decimal style.

```html
<ol class="module-brackets-decimal">
  <li><span class="counter-label">label1</span></li>
  <li><span class="counter-label">label2</span></li>
</ol>
```
```jade
ol.module-brackets-decimal
  li: span.counter-label label1
```
*/
.module-base-layout .module-brackets-decimal {
  counter-reset: num;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.module-base-layout .module-brackets-decimal > li {
  padding-left: 1.5em;
}
.module-base-layout .module-brackets-decimal .counter-label {
  position: relative;
  margin-left: -1.8em;
  padding-left: 1.8em;
}
.layout-pc .module-base-layout .module-brackets-decimal .counter-label {
  line-height: 1.5;
}
.module-base-layout .module-brackets-decimal .counter-label::before {
  counter-increment: num;
  content: "( " counter(num) " )";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  width: 1.7em;
  height: 1.7em;
  padding-right: 0.1em;
  line-height: 1;
  text-align: center;
  letter-spacing: -0.1em;
  font-family: "Trebuchet MS", arial;
  font-size: 1em;
  top: 0;
  left: 0;
}
.module-base-layout .module-brackets-decimal dt > .counter-label::before {
  top: 0;
  margin-top: -0.05em;
}
/*
---
name: circled-decimal
category:
  - module
  - module/circled-decimal
tag:
  - base
  - latest
  - pc
  - sp
---

circled-decimal styles

* Base circled-decimal style.

```html
<ol class="module-circled-decimal">
  <li><span class="counter-label">label1</span></li>
  <li><span class="counter-label">label2</span></li>
</ol>
```
```jade
ol.module-circled-decimal
  li: span.counter-label label1
```
*/
.module-base-layout .module-circled-decimal {
  counter-reset: num;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.module-base-layout .module-circled-decimal > li {
  padding-left: 1.5em;
}
.module-base-layout .module-circled-decimal .counter-label {
  position: relative;
  margin-left: -1.5em;
  padding-left: 1.5em;
}
.layout-pc .module-base-layout .module-circled-decimal .counter-label {
  line-height: 1.5;
}
.module-base-layout .module-circled-decimal .counter-label::before {
  counter-increment: num;
  content: counter(num);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  width: 1.7em;
  height: 1.7em;
  padding-right: 0.1em;
  border: 1px solid #666;
  border-radius: 100%;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.1em;
  font-family: "Trebuchet MS", arial;
  font-size: 0.7em;
  top: 0;
  left: 0;
}
.module-base-layout .module-circled-decimal dt > .counter-label::before {
  top: 50%;
  margin-top: -0.9em;
}
/*
---
name: column
category:
  - module
  - module/column
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

column styles

* Base column style.
 * support column common:[1～3] pc:[1～4] sp:[1～3]

```html
<div class="module-column-3">
  <ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
  </ul>
</div>

<div class="module-column-pc-3 module-column-sp-1" style="background:#ccc">
  <ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
  </ul>
</div>

<div class="module-column-pc-2 module-column-sp-2">
  <ol>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
  </ol>
</div>

<div class="module-column-pc-3 module-column-sp-2" style="background:#ccc">
  <div class="parent">
    <div class="child">list1</div>
    <div class="child">list2</div>
    <div class="child">list3</div>
    <div class="child">list4</div>
  </div>
</div>

<div class="module-column-pc-4 module-column-sp-2">
  <ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
  </ul>
</div>
```
```jade
.module-column-3
  ul
    li list1

.module-column-pc-3.module-column-sp-1
  ul
    li list1

.module-column-pc-2.module-column-sp-2
  ul
    li list1
```
*/
.module-base-layout .module-column {
  overflow: hidden;
}
.module-base-layout .module-column:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-column > * {
  position: relative;
  top: 0;
  left: 0;
}
.module-base-layout .module-column-1 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 2.4%;
}
.module-base-layout .module-column-1 > * > *:first-child {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-1 > * > * {
  margin-top: 6.25%;
}
.layout-sp .module-base-layout .module-column-1 > * > *:first-child {
  margin-top: 0;
}
.module-base-layout .module-column-2 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.2%;
}
.module-base-layout .module-column-2 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.8515625%;
  margin: 24px 0.9765625% 0;
}
.module-base-layout .module-column-2 > * > *:nth-child(-n+2) {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-2 > * {
  margin: 0 -1.388888888888889%;
}
.layout-sp .module-base-layout .module-column-2 > * > * {
  width: 47.2972972972973%;
  margin: 2.702702702702703% 1.351351351351351% 0;
}
.layout-sp .module-base-layout .module-column-2 > * > *:nth-child(-n+2) {
  margin-top: 0;
}
.module-base-layout .module-column-3 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.module-base-layout .module-column-3 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 31.372549019607845%;
  margin: 24px 0.980392156862745% 0;
}
.module-base-layout .module-column-3 > * > *:nth-child(-n+3) {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-3 > * {
  margin: 0 -1.5625%;
}
.layout-sp .module-base-layout .module-column-3 > * > * {
  width: 30.303030303030305%;
  margin: 3.040540540540541% 1.515151515151515% 0;
}
.layout-sp .module-base-layout .module-column-3 > * > *:nth-child(-n+3) {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-column-pc-1 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 2.4%;
}
.layout-pc .module-base-layout .module-column-pc-1 > * > *:first-child {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-column-pc-2 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.2%;
}
.layout-pc .module-base-layout .module-column-pc-2 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.8515625%;
  margin: 1.953125% 0.9765625% 0;
}
.layout-pc .module-base-layout .module-column-pc-2 > * > *:nth-child(-n+2) {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-column-pc-3 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.layout-pc .module-base-layout .module-column-pc-3 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 31.372549019607845%;
  margin: 1.96078431372549% 0.980392156862745% 0;
}
.layout-pc .module-base-layout .module-column-pc-3 > * > *:nth-child(-n+3) {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-column-pc-4 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.6%;
}
.layout-pc .module-base-layout .module-column-pc-4 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 23.81422924901186%;
  margin: 1.185770750988142% 0.592885375494071% 0;
}
.layout-pc .module-base-layout .module-column-pc-4 > * > *:nth-child(-n+4) {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-sp-1 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 6.25%;
}
.layout-sp .module-base-layout .module-column-sp-1 > * > *:first-child {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-sp-2 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.388888888888889%;
}
.layout-sp .module-base-layout .module-column-sp-2 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.2972972972973%;
  margin: 2.702702702702703% 1.351351351351351% 0;
}
.layout-sp .module-base-layout .module-column-sp-2 > * > *:nth-child(-n+2) {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-column-sp-3 > * {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1.5625%;
}
.layout-sp .module-base-layout .module-column-sp-3 > * > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.303030303030305%;
  margin: 3.040540540540541% 1.515151515151515% 0;
}
.layout-sp .module-base-layout .module-column-sp-3 > * > *:nth-child(-n+3) {
  margin-top: 0;
}
/*
---
name: data-ratio
category:
  - module
  - module/data
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

data-ratio styles

* Base data-ratio style.
* support ratio ['1:1' || '2:1' || '3:1' || '3:2' || '4:1' || '4:3' || '16:9' || '1:2' || '1:3' || '2:3' || '1:4' || '3:4' || '9:16']

```html
<div data-ratio="16:9">
  <figure><div class="object" style="background:#ccc;"></div></figure>
</div>
<br>
<div data-ratio="3:1">
  <figure><div class="object" style="background:#ccc;"></div></figure>
</div>
<br>
<div class="module-column-pc-3" data-ratio="3:2">
  <ul>
    <li><figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure></li>
    <li><figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure></li>
    <li><figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure></li>
  </ul>
</div>
```
```jade
div(data-ratio="1:1")
  figure: .object

.module-column-pc-3(data-ratio="3:2")
  ul
    li: figure: span.object: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    li: figure: span.object: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    li: figure: span.object: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
```
*/
.module-base-layout [data-ratio] figure {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 0;
}
.module-base-layout [data-ratio] figure > .object {
  display: -webkit-flex !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f7f9;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 0;
}
.module-base-layout [data-ratio] figure > .object > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}
.module-base-layout [data-ratio] figure > .object > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.module-base-layout [data-ratio="1:1"] figure {
  padding-top: 100%;
}
.module-base-layout [data-ratio="2:1"] figure {
  padding-top: 50%;
}
.module-base-layout [data-ratio="1:2"] figure {
  padding-top: 200%;
}
.module-base-layout [data-ratio="3:1"] figure {
  padding-top: 33.33333333333333%;
}
.module-base-layout [data-ratio="1:3"] figure {
  padding-top: 300%;
}
.module-base-layout [data-ratio="3:2"] figure {
  padding-top: 66.66666666666666%;
}
.module-base-layout [data-ratio="2:3"] figure {
  padding-top: 150%;
}
.module-base-layout [data-ratio="4:1"] figure {
  padding-top: 25%;
}
.module-base-layout [data-ratio="1:4"] figure {
  padding-top: 400%;
}
.module-base-layout [data-ratio="4:3"] figure {
  padding-top: 75%;
}
.module-base-layout [data-ratio="3:4"] figure {
  padding-top: 133.33333333333331%;
}
.module-base-layout [data-ratio="16:9"] figure {
  padding-top: 56.25%;
}
.module-base-layout [data-ratio="9:16"] figure {
  padding-top: 177.77777777777777%;
}
/*
---
name: font
category:
  - module
  - module/font
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

font styles

* Base font style.

```html
<p class="module-font-small">small label</p>
<p class="module-font-strong">strong label</p>
<p class="module-font-bold">bold label</p>
```
```jade
p.module-font-small small label
p.module-font-strong strong label
p.module-font-bold bold label
```
*/
.module-base-layout .module-font-small,
.module-base-layout .module-caption {
  font-size: 88%;
}
.layout-sp .module-base-layout .module-font-small,
.layout-sp .module-base-layout .module-caption {
  font-size: 100%;
}
.module-base-layout .module-font-strong {
  color: #d34c3f;
  font-weight: bold;
}
.module-base-layout .module-font-bold {
  font-weight: bold;
}
/*
---
name: hover
category:
  - module
  - module/hover
tag:
  - base
  - latest
  - pc
  - sp
---

hover styles

* Base hover style.

```html
<p><a class="module-hover-opacity" href="#">hover opacity</a></p>
<p><a class="module-hover-underline" href="#">hover underline</a></p>
<p><a class="module-hover-none" href="#">hover none</a></p>
<p><a class="module-hover-false" href="#">hover false</a></p>

<div class="module-list module-column-pc-3 module-column-sp-1 module-hover-list-opacity">
  <ul>
    <li><a href="#">
        <div class="layout-item image">
          <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
        </div></a></li>
    <li><a href="#">
        <div class="layout-item image">
          <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
        </div></a></li>
    <li><a href="#">
        <div class="layout-item image">
          <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
        </div></a></li>
  </ul>
</div>

<div class="module-list module-column-pc-3 module-column-sp-1 module-hover-list-underline">
  <ul>
    <li><a href="#">hover underline</a></li>
    <li><a href="#">hover underline</a></li>
    <li><a href="#">hover underline</a></li>
  </ul>
</div>

<div class="module-list module-column-pc-3 module-column-sp-1 module-hover-list-none">
  <ul>
    <li><a href="#">hover none</a></li>
    <li><a href="#">hover none</a></li>
    <li><a href="#">hover none</a></li>
  </ul>
</div>

<div class="module-list module-column-pc-3 module-column-sp-1 module-hover-list-false">
  <ul>
    <li><a href="#">hover false</a></li>
    <li><a href="#">hover false</a></li>
    <li><a href="#">hover false</a></li>
  </ul>
</div>
```
```jade
p: a.module-hover-opacity(href="#") hover opacity
p: a.module-hover-underline(href="#") hover underline
p: a.module-hover-none(href="#") hover none
p: a.module-hover-false(href="#") hover false

.module-list.module-column-pc-3.module-column-sp-1.module-hover-list-opacity
  ul
    li
      a(href="#")
        .layout-item.image
          figure
            span.object
              img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    li
      a(href="#")
        .layout-item.image
          figure
            span.object
              img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    li
      a(href="#")
        .layout-item.image
          figure
            span.object
              img(src="/_styleguide/assets/img/common/dummy.png" alt="")

.module-list.module-column-pc-3.module-column-sp-1.module-hover-list-underline
  ul
    li
      a(href="#") hover underline
    li
      a(href="#") hover underline
    li
      a(href="#") hover underline

.module-list.module-column-pc-3.module-column-sp-1.module-hover-list-none
  ul
    li
      a(href="#") hover none
    li
      a(href="#") hover none
    li
      a(href="#") hover none

.module-list.module-column-pc-3.module-column-sp-1.module-hover-list-false
  ul
    li
      a(href="#") hover false
    li
      a(href="#") hover false
    li
      a(href="#") hover false
```
*/
.module-base-layout .module-hover-opacity {
  display: inline-block;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-hover-opacity img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-hover-opacity:link,
.module-base-layout .module-hover-opacity:visited,
.module-base-layout .module-hover-opacity:active,
.module-base-layout .module-hover-opacity:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-opacity:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-hover-underline {
  text-decoration: none;
}
.module-base-layout .module-hover-underline:link,
.module-base-layout .module-hover-underline:visited,
.module-base-layout .module-hover-underline:active,
.module-base-layout .module-hover-underline:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-underline:hover {
  text-decoration: underline;
}
.module-base-layout .module-hover-none {
  text-decoration: underline;
}
.module-base-layout .module-hover-none:link,
.module-base-layout .module-hover-none:visited,
.module-base-layout .module-hover-none:active,
.module-base-layout .module-hover-none:focus {
  text-decoration: underline;
}
.ua-pc .module-base-layout .module-hover-none:hover {
  text-decoration: none;
}
.module-base-layout .module-hover-false {
  text-decoration: none;
}
.module-base-layout .module-hover-false:link,
.module-base-layout .module-hover-false:visited,
.module-base-layout .module-hover-false:active,
.module-base-layout .module-hover-false:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-false:hover {
  text-decoration: none;
}
.module-base-layout .module-hover-list-opacity li > a {
  display: inline-block;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-hover-list-opacity li > a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-hover-list-opacity li > a:link,
.module-base-layout .module-hover-list-opacity li > a:visited,
.module-base-layout .module-hover-list-opacity li > a:active,
.module-base-layout .module-hover-list-opacity li > a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-list-opacity li > a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-hover-list-underline li > a {
  text-decoration: none;
}
.module-base-layout .module-hover-list-underline li > a:link,
.module-base-layout .module-hover-list-underline li > a:visited,
.module-base-layout .module-hover-list-underline li > a:active,
.module-base-layout .module-hover-list-underline li > a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-list-underline li > a:hover {
  text-decoration: underline;
}
.module-base-layout .module-hover-list-none li > a {
  text-decoration: underline;
}
.module-base-layout .module-hover-list-none li > a:link,
.module-base-layout .module-hover-list-none li > a:visited,
.module-base-layout .module-hover-list-none li > a:active,
.module-base-layout .module-hover-list-none li > a:focus {
  text-decoration: underline;
}
.ua-pc .module-base-layout .module-hover-list-none li > a:hover {
  text-decoration: none;
}
.module-base-layout .module-hover-list-false li > a {
  text-decoration: none;
}
.module-base-layout .module-hover-list-false li > a:link,
.module-base-layout .module-hover-list-false li > a:visited,
.module-base-layout .module-hover-list-false li > a:active,
.module-base-layout .module-hover-list-false li > a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-hover-list-false li > a:hover {
  text-decoration: none;
}
/*
---
name: list-style
category:
  - module
  - module/list-style
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

list-style styles

* Base list-style style.

```html
<div class="module-list-style">
  <ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3
      <ul>
        <li>list3-1</li>
        <li>list3-2</li>
      </ul>
    </li>
    <li>list4</li>
  </ul>
  <br>
  <ol>
    <li>list1</li>
    <li>list2</li>
    <li>list3
      <ol>
        <li>list3-1</li>
        <li>list3-2</li>
      </ol>
    </li>
    <li>list4</li>
  </ol>
  <br>
  <ol class="lower-roman">
    <li>list1</li>
    <li>list2</li>
    <li>list3
      <ol>
        <li>list3-1</li>
        <li>list3-2</li>
      </ol>
    </li>
    <li>list4</li>
  </ol>
  <br>
  <ol class="upper-roman">
    <li>list1</li>
    <li>list2</li>
    <li>list3
      <ol>
        <li>list3-1</li>
        <li>list3-2</li>
      </ol>
    </li>
    <li>list4</li>
  </ol>
</div>
<br>
<div class="module-list-style-clear">
  <ul>
    <li>list1</li>
    <li>list2</li>
  </ul>
</div>
```
```jade
.module-list-style
  ul
    li list1
    li list2
  ol
    li list1
    li list2
.module-list-style-clear
  ul
    li list1
    li list2
```
*/
.module-base-layout .module-list-style ul,
.module-base-layout .module-list-style-clear ul,
.module-base-layout .module-list-style ol,
.module-base-layout .module-list-style-clear ol {
  padding-left: 1.5em;
}
.module-base-layout .module-list-style ul a,
.module-base-layout .module-list-style-clear ul a,
.module-base-layout .module-list-style ol a,
.module-base-layout .module-list-style-clear ol a {
  display: block;
}
.module-base-layout .module-list-style ul li,
.module-base-layout .module-list-style-clear ul li,
.module-base-layout .module-list-style ol li,
.module-base-layout .module-list-style-clear ol li,
.module-base-layout .module-list-style ul dl,
.module-base-layout .module-list-style-clear ul dl,
.module-base-layout .module-list-style ol dl,
.module-base-layout .module-list-style-clear ol dl {
  margin-top: 6px;
  line-height: 1.5;
}
.layout-sp .module-base-layout .module-list-style ul li,
.layout-sp .module-base-layout .module-list-style-clear ul li,
.layout-sp .module-base-layout .module-list-style ol li,
.layout-sp .module-base-layout .module-list-style-clear ol li,
.layout-sp .module-base-layout .module-list-style ul dl,
.layout-sp .module-base-layout .module-list-style-clear ul dl,
.layout-sp .module-base-layout .module-list-style ol dl,
.layout-sp .module-base-layout .module-list-style-clear ol dl {
  margin-top: 0.75em;
}
.module-base-layout .module-list-style .adjust-indent,
.module-base-layout .module-list-style-clear .adjust-indent {
  margin-left: -1.3em;
}
.module-base-layout .module-list-style .adjust-indent::marker,
.module-base-layout .module-list-style-clear .adjust-indent::marker {
  font-size: 0;
}
.module-base-layout .module-list-style .adjust-indent .module-table,
.module-base-layout .module-list-style-clear .adjust-indent .module-table {
  margin-left: 1.5em;
}
.module-base-layout .module-list-style > ul > li:first-child,
.module-base-layout .module-list-style-clear > ul > li:first-child,
.module-base-layout .module-list-style > ol > li:first-child,
.module-base-layout .module-list-style-clear > ol > li:first-child {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-list-style > ul > li:first-child,
.layout-sp .module-base-layout .module-list-style-clear > ul > li:first-child,
.layout-sp .module-base-layout .module-list-style > ol > li:first-child,
.layout-sp .module-base-layout .module-list-style-clear > ol > li:first-child {
  margin-top: 0;
}
.module-base-layout .module-list-style ul,
.module-base-layout .module-list-style-clear ul {
  list-style-type: disc;
}
.module-base-layout .module-list-style > ul > li > ul,
.module-base-layout .module-list-style-clear > ul > li > ul {
  list-style-type: circle;
}
.module-base-layout .module-list-style ol,
.module-base-layout .module-list-style-clear ol {
  list-style-type: decimal;
}
.module-base-layout .module-list-style ol.lower-roman,
.module-base-layout .module-list-style-clear ol.lower-roman {
  list-style-type: lower-roman;
}
.module-base-layout .module-list-style ol.upper-roman,
.module-base-layout .module-list-style-clear ol.upper-roman {
  list-style-type: upper-roman;
}
.module-base-layout .module-list-style .label,
.module-base-layout .module-list-style-clear .label {
  display: inline-block;
  vertical-align: top;
}
.module-base-layout .module-list-style-clear > ul,
.module-base-layout .module-list-style-clear-clear > ul {
  padding-left: 0;
  list-style: none;
}
.module-base-layout .module-list-style-clear > ul li:first-child,
.module-base-layout .module-list-style-clear-clear > ul li:first-child {
  margin-top: 6px;
}
.layout-sp .module-base-layout .module-list-style-clear > ul li:first-child,
.layout-sp .module-base-layout .module-list-style-clear-clear > ul li:first-child {
  margin-top: 0.75em;
}
.module-base-layout .module-list-style-clear > ol,
.module-base-layout .module-list-style-clear-clear > ol {
  padding-left: 0;
  list-style: none;
}
.module-base-layout .module-list-style-clear > ol li:first-child,
.module-base-layout .module-list-style-clear-clear > ol li:first-child {
  margin-top: 6px;
}
.layout-sp .module-base-layout .module-list-style-clear > ol li:first-child,
.layout-sp .module-base-layout .module-list-style-clear-clear > ol li:first-child {
  margin-top: 0.75em;
}
/*
---
name: margin
category:
  - module
  - module/margin
tag:
  - base
  - latest
  - pc
  - sp
  - important
---

margin styles

* base margin style.
* !important style.
* number 8 * 20, min: 0, max: 160

```html
<div class="module-margin-top-0">margin-top 0</div>
<div class="module-margin-top-8">margin-top 8</div>
<div class="module-margin-left-16">margin-left 16</div>
<div class="module-margin-bottom-32-pc module-margin-bottom-64-sp">pc margin-bottom 32, sp margin-bottom 64</div>
```
```jade
.module-margin-top-0 margin-top 0
.module-margin-top-8 margin-top 8
.module-margin-left-16 margin-left 16
.module-margin-bottom-32-pc.module-margin-bottom-64-sp pc margin-bottom 32, sp margin-bottom 64
```
*/
/*
---
name: padding
category:
  - module
  - module/padding
tag:
  - base
  - latest
  - pc
  - sp
  - important
  - editor
---

padding styles

* base padding style.
* !important style.
* number 8 * 20, min: 0, max: 160

```html
<div class="module-padding-top-0">padding-top 0</div>
<div class="module-padding-top-8">padding-top 8</div>
<div class="module-padding-left-16">padding-left 16</div>
<div class="module-padding-bottom-32-pc module-padding-bottom-64-sp">pc padding-bottom 32, sp padding-bottom 64</div>
```
```jade
.module-padding-top-0 padding-top 0
.module-padding-top-8 padding-top 8
.module-padding-left-16 padding-left 16
.module-padding-bottom-32-pc.module-padding-bottom-64-sp pc padding-bottom 32, sp padding-bottom 64
```
*/
.layout-pc CLASS_EDITOR .module-margin-top-0,
.layout-pc .module-base-layout .module-margin-top-0 {
  margin-top: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-0,
.layout-sp .module-base-layout .module-margin-top-0 {
  margin-top: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-0,
.layout-pc .module-base-layout .module-padding-top-0 {
  padding-top: 0px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-0,
.layout-sp .module-base-layout .module-padding-top-0 {
  padding-top: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-0-pc,
.layout-pc .module-base-layout .module-margin-top-0-pc {
  margin-top: 0px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-0-pc,
.layout-pc .module-base-layout .module-padding-top-0-pc {
  padding-top: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-0-sp,
.layout-sp .module-base-layout .module-margin-top-0-sp {
  margin-top: 0rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-0-sp,
.layout-sp .module-base-layout .module-padding-top-0-sp {
  padding-top: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-0,
.layout-pc .module-base-layout .module-margin-left-0 {
  margin-left: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-0,
.layout-sp .module-base-layout .module-margin-left-0 {
  margin-left: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-0,
.layout-pc .module-base-layout .module-padding-left-0 {
  padding-left: 0px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-0,
.layout-sp .module-base-layout .module-padding-left-0 {
  padding-left: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-0-pc,
.layout-pc .module-base-layout .module-margin-left-0-pc {
  margin-left: 0px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-0-pc,
.layout-pc .module-base-layout .module-padding-left-0-pc {
  padding-left: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-0-sp,
.layout-sp .module-base-layout .module-margin-left-0-sp {
  margin-left: 0rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-0-sp,
.layout-sp .module-base-layout .module-padding-left-0-sp {
  padding-left: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-0,
.layout-pc .module-base-layout .module-margin-bottom-0 {
  margin-bottom: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-0,
.layout-sp .module-base-layout .module-margin-bottom-0 {
  margin-bottom: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-0,
.layout-pc .module-base-layout .module-padding-bottom-0 {
  padding-bottom: 0px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-0,
.layout-sp .module-base-layout .module-padding-bottom-0 {
  padding-bottom: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-0-pc,
.layout-pc .module-base-layout .module-margin-bottom-0-pc {
  margin-bottom: 0px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-0-pc,
.layout-pc .module-base-layout .module-padding-bottom-0-pc {
  padding-bottom: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-0-sp,
.layout-sp .module-base-layout .module-margin-bottom-0-sp {
  margin-bottom: 0rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-0-sp,
.layout-sp .module-base-layout .module-padding-bottom-0-sp {
  padding-bottom: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-0,
.layout-pc .module-base-layout .module-margin-right-0 {
  margin-right: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-0,
.layout-sp .module-base-layout .module-margin-right-0 {
  margin-right: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-0,
.layout-pc .module-base-layout .module-padding-right-0 {
  padding-right: 0px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-0,
.layout-sp .module-base-layout .module-padding-right-0 {
  padding-right: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-0-pc,
.layout-pc .module-base-layout .module-margin-right-0-pc {
  margin-right: 0px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-0-pc,
.layout-pc .module-base-layout .module-padding-right-0-pc {
  padding-right: 0px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-0-sp,
.layout-sp .module-base-layout .module-margin-right-0-sp {
  margin-right: 0rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-0-sp,
.layout-sp .module-base-layout .module-padding-right-0-sp {
  padding-right: 0rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-8,
.layout-pc .module-base-layout .module-margin-top-8 {
  margin-top: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-8,
.layout-sp .module-base-layout .module-margin-top-8 {
  margin-top: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-8,
.layout-pc .module-base-layout .module-padding-top-8 {
  padding-top: 8px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-8,
.layout-sp .module-base-layout .module-padding-top-8 {
  padding-top: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-8-pc,
.layout-pc .module-base-layout .module-margin-top-8-pc {
  margin-top: 8px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-8-pc,
.layout-pc .module-base-layout .module-padding-top-8-pc {
  padding-top: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-8-sp,
.layout-sp .module-base-layout .module-margin-top-8-sp {
  margin-top: 0.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-8-sp,
.layout-sp .module-base-layout .module-padding-top-8-sp {
  padding-top: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-8,
.layout-pc .module-base-layout .module-margin-left-8 {
  margin-left: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-8,
.layout-sp .module-base-layout .module-margin-left-8 {
  margin-left: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-8,
.layout-pc .module-base-layout .module-padding-left-8 {
  padding-left: 8px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-8,
.layout-sp .module-base-layout .module-padding-left-8 {
  padding-left: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-8-pc,
.layout-pc .module-base-layout .module-margin-left-8-pc {
  margin-left: 8px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-8-pc,
.layout-pc .module-base-layout .module-padding-left-8-pc {
  padding-left: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-8-sp,
.layout-sp .module-base-layout .module-margin-left-8-sp {
  margin-left: 0.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-8-sp,
.layout-sp .module-base-layout .module-padding-left-8-sp {
  padding-left: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-8,
.layout-pc .module-base-layout .module-margin-bottom-8 {
  margin-bottom: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-8,
.layout-sp .module-base-layout .module-margin-bottom-8 {
  margin-bottom: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-8,
.layout-pc .module-base-layout .module-padding-bottom-8 {
  padding-bottom: 8px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-8,
.layout-sp .module-base-layout .module-padding-bottom-8 {
  padding-bottom: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-8-pc,
.layout-pc .module-base-layout .module-margin-bottom-8-pc {
  margin-bottom: 8px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-8-pc,
.layout-pc .module-base-layout .module-padding-bottom-8-pc {
  padding-bottom: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-8-sp,
.layout-sp .module-base-layout .module-margin-bottom-8-sp {
  margin-bottom: 0.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-8-sp,
.layout-sp .module-base-layout .module-padding-bottom-8-sp {
  padding-bottom: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-8,
.layout-pc .module-base-layout .module-margin-right-8 {
  margin-right: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-8,
.layout-sp .module-base-layout .module-margin-right-8 {
  margin-right: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-8,
.layout-pc .module-base-layout .module-padding-right-8 {
  padding-right: 8px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-8,
.layout-sp .module-base-layout .module-padding-right-8 {
  padding-right: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-8-pc,
.layout-pc .module-base-layout .module-margin-right-8-pc {
  margin-right: 8px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-8-pc,
.layout-pc .module-base-layout .module-padding-right-8-pc {
  padding-right: 8px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-8-sp,
.layout-sp .module-base-layout .module-margin-right-8-sp {
  margin-right: 0.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-8-sp,
.layout-sp .module-base-layout .module-padding-right-8-sp {
  padding-right: 0.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-16,
.layout-pc .module-base-layout .module-margin-top-16 {
  margin-top: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-16,
.layout-sp .module-base-layout .module-margin-top-16 {
  margin-top: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-16,
.layout-pc .module-base-layout .module-padding-top-16 {
  padding-top: 16px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-16,
.layout-sp .module-base-layout .module-padding-top-16 {
  padding-top: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-16-pc,
.layout-pc .module-base-layout .module-margin-top-16-pc {
  margin-top: 16px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-16-pc,
.layout-pc .module-base-layout .module-padding-top-16-pc {
  padding-top: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-16-sp,
.layout-sp .module-base-layout .module-margin-top-16-sp {
  margin-top: 1rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-16-sp,
.layout-sp .module-base-layout .module-padding-top-16-sp {
  padding-top: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-16,
.layout-pc .module-base-layout .module-margin-left-16 {
  margin-left: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-16,
.layout-sp .module-base-layout .module-margin-left-16 {
  margin-left: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-16,
.layout-pc .module-base-layout .module-padding-left-16 {
  padding-left: 16px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-16,
.layout-sp .module-base-layout .module-padding-left-16 {
  padding-left: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-16-pc,
.layout-pc .module-base-layout .module-margin-left-16-pc {
  margin-left: 16px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-16-pc,
.layout-pc .module-base-layout .module-padding-left-16-pc {
  padding-left: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-16-sp,
.layout-sp .module-base-layout .module-margin-left-16-sp {
  margin-left: 1rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-16-sp,
.layout-sp .module-base-layout .module-padding-left-16-sp {
  padding-left: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-16,
.layout-pc .module-base-layout .module-margin-bottom-16 {
  margin-bottom: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-16,
.layout-sp .module-base-layout .module-margin-bottom-16 {
  margin-bottom: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-16,
.layout-pc .module-base-layout .module-padding-bottom-16 {
  padding-bottom: 16px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-16,
.layout-sp .module-base-layout .module-padding-bottom-16 {
  padding-bottom: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-16-pc,
.layout-pc .module-base-layout .module-margin-bottom-16-pc {
  margin-bottom: 16px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-16-pc,
.layout-pc .module-base-layout .module-padding-bottom-16-pc {
  padding-bottom: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-16-sp,
.layout-sp .module-base-layout .module-margin-bottom-16-sp {
  margin-bottom: 1rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-16-sp,
.layout-sp .module-base-layout .module-padding-bottom-16-sp {
  padding-bottom: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-16,
.layout-pc .module-base-layout .module-margin-right-16 {
  margin-right: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-16,
.layout-sp .module-base-layout .module-margin-right-16 {
  margin-right: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-16,
.layout-pc .module-base-layout .module-padding-right-16 {
  padding-right: 16px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-16,
.layout-sp .module-base-layout .module-padding-right-16 {
  padding-right: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-16-pc,
.layout-pc .module-base-layout .module-margin-right-16-pc {
  margin-right: 16px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-16-pc,
.layout-pc .module-base-layout .module-padding-right-16-pc {
  padding-right: 16px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-16-sp,
.layout-sp .module-base-layout .module-margin-right-16-sp {
  margin-right: 1rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-16-sp,
.layout-sp .module-base-layout .module-padding-right-16-sp {
  padding-right: 1rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-24,
.layout-pc .module-base-layout .module-margin-top-24 {
  margin-top: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-24,
.layout-sp .module-base-layout .module-margin-top-24 {
  margin-top: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-24,
.layout-pc .module-base-layout .module-padding-top-24 {
  padding-top: 24px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-24,
.layout-sp .module-base-layout .module-padding-top-24 {
  padding-top: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-24-pc,
.layout-pc .module-base-layout .module-margin-top-24-pc {
  margin-top: 24px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-24-pc,
.layout-pc .module-base-layout .module-padding-top-24-pc {
  padding-top: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-24-sp,
.layout-sp .module-base-layout .module-margin-top-24-sp {
  margin-top: 1.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-24-sp,
.layout-sp .module-base-layout .module-padding-top-24-sp {
  padding-top: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-24,
.layout-pc .module-base-layout .module-margin-left-24 {
  margin-left: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-24,
.layout-sp .module-base-layout .module-margin-left-24 {
  margin-left: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-24,
.layout-pc .module-base-layout .module-padding-left-24 {
  padding-left: 24px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-24,
.layout-sp .module-base-layout .module-padding-left-24 {
  padding-left: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-24-pc,
.layout-pc .module-base-layout .module-margin-left-24-pc {
  margin-left: 24px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-24-pc,
.layout-pc .module-base-layout .module-padding-left-24-pc {
  padding-left: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-24-sp,
.layout-sp .module-base-layout .module-margin-left-24-sp {
  margin-left: 1.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-24-sp,
.layout-sp .module-base-layout .module-padding-left-24-sp {
  padding-left: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-24,
.layout-pc .module-base-layout .module-margin-bottom-24 {
  margin-bottom: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-24,
.layout-sp .module-base-layout .module-margin-bottom-24 {
  margin-bottom: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-24,
.layout-pc .module-base-layout .module-padding-bottom-24 {
  padding-bottom: 24px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-24,
.layout-sp .module-base-layout .module-padding-bottom-24 {
  padding-bottom: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-24-pc,
.layout-pc .module-base-layout .module-margin-bottom-24-pc {
  margin-bottom: 24px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-24-pc,
.layout-pc .module-base-layout .module-padding-bottom-24-pc {
  padding-bottom: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-24-sp,
.layout-sp .module-base-layout .module-margin-bottom-24-sp {
  margin-bottom: 1.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-24-sp,
.layout-sp .module-base-layout .module-padding-bottom-24-sp {
  padding-bottom: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-24,
.layout-pc .module-base-layout .module-margin-right-24 {
  margin-right: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-24,
.layout-sp .module-base-layout .module-margin-right-24 {
  margin-right: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-24,
.layout-pc .module-base-layout .module-padding-right-24 {
  padding-right: 24px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-24,
.layout-sp .module-base-layout .module-padding-right-24 {
  padding-right: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-24-pc,
.layout-pc .module-base-layout .module-margin-right-24-pc {
  margin-right: 24px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-24-pc,
.layout-pc .module-base-layout .module-padding-right-24-pc {
  padding-right: 24px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-24-sp,
.layout-sp .module-base-layout .module-margin-right-24-sp {
  margin-right: 1.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-24-sp,
.layout-sp .module-base-layout .module-padding-right-24-sp {
  padding-right: 1.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-32,
.layout-pc .module-base-layout .module-margin-top-32 {
  margin-top: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-32,
.layout-sp .module-base-layout .module-margin-top-32 {
  margin-top: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-32,
.layout-pc .module-base-layout .module-padding-top-32 {
  padding-top: 32px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-32,
.layout-sp .module-base-layout .module-padding-top-32 {
  padding-top: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-32-pc,
.layout-pc .module-base-layout .module-margin-top-32-pc {
  margin-top: 32px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-32-pc,
.layout-pc .module-base-layout .module-padding-top-32-pc {
  padding-top: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-32-sp,
.layout-sp .module-base-layout .module-margin-top-32-sp {
  margin-top: 2rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-32-sp,
.layout-sp .module-base-layout .module-padding-top-32-sp {
  padding-top: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-32,
.layout-pc .module-base-layout .module-margin-left-32 {
  margin-left: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-32,
.layout-sp .module-base-layout .module-margin-left-32 {
  margin-left: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-32,
.layout-pc .module-base-layout .module-padding-left-32 {
  padding-left: 32px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-32,
.layout-sp .module-base-layout .module-padding-left-32 {
  padding-left: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-32-pc,
.layout-pc .module-base-layout .module-margin-left-32-pc {
  margin-left: 32px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-32-pc,
.layout-pc .module-base-layout .module-padding-left-32-pc {
  padding-left: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-32-sp,
.layout-sp .module-base-layout .module-margin-left-32-sp {
  margin-left: 2rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-32-sp,
.layout-sp .module-base-layout .module-padding-left-32-sp {
  padding-left: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-32,
.layout-pc .module-base-layout .module-margin-bottom-32 {
  margin-bottom: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-32,
.layout-sp .module-base-layout .module-margin-bottom-32 {
  margin-bottom: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-32,
.layout-pc .module-base-layout .module-padding-bottom-32 {
  padding-bottom: 32px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-32,
.layout-sp .module-base-layout .module-padding-bottom-32 {
  padding-bottom: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-32-pc,
.layout-pc .module-base-layout .module-margin-bottom-32-pc {
  margin-bottom: 32px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-32-pc,
.layout-pc .module-base-layout .module-padding-bottom-32-pc {
  padding-bottom: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-32-sp,
.layout-sp .module-base-layout .module-margin-bottom-32-sp {
  margin-bottom: 2rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-32-sp,
.layout-sp .module-base-layout .module-padding-bottom-32-sp {
  padding-bottom: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-32,
.layout-pc .module-base-layout .module-margin-right-32 {
  margin-right: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-32,
.layout-sp .module-base-layout .module-margin-right-32 {
  margin-right: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-32,
.layout-pc .module-base-layout .module-padding-right-32 {
  padding-right: 32px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-32,
.layout-sp .module-base-layout .module-padding-right-32 {
  padding-right: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-32-pc,
.layout-pc .module-base-layout .module-margin-right-32-pc {
  margin-right: 32px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-32-pc,
.layout-pc .module-base-layout .module-padding-right-32-pc {
  padding-right: 32px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-32-sp,
.layout-sp .module-base-layout .module-margin-right-32-sp {
  margin-right: 2rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-32-sp,
.layout-sp .module-base-layout .module-padding-right-32-sp {
  padding-right: 2rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-40,
.layout-pc .module-base-layout .module-margin-top-40 {
  margin-top: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-40,
.layout-sp .module-base-layout .module-margin-top-40 {
  margin-top: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-40,
.layout-pc .module-base-layout .module-padding-top-40 {
  padding-top: 40px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-40,
.layout-sp .module-base-layout .module-padding-top-40 {
  padding-top: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-40-pc,
.layout-pc .module-base-layout .module-margin-top-40-pc {
  margin-top: 40px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-40-pc,
.layout-pc .module-base-layout .module-padding-top-40-pc {
  padding-top: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-40-sp,
.layout-sp .module-base-layout .module-margin-top-40-sp {
  margin-top: 2.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-40-sp,
.layout-sp .module-base-layout .module-padding-top-40-sp {
  padding-top: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-40,
.layout-pc .module-base-layout .module-margin-left-40 {
  margin-left: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-40,
.layout-sp .module-base-layout .module-margin-left-40 {
  margin-left: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-40,
.layout-pc .module-base-layout .module-padding-left-40 {
  padding-left: 40px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-40,
.layout-sp .module-base-layout .module-padding-left-40 {
  padding-left: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-40-pc,
.layout-pc .module-base-layout .module-margin-left-40-pc {
  margin-left: 40px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-40-pc,
.layout-pc .module-base-layout .module-padding-left-40-pc {
  padding-left: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-40-sp,
.layout-sp .module-base-layout .module-margin-left-40-sp {
  margin-left: 2.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-40-sp,
.layout-sp .module-base-layout .module-padding-left-40-sp {
  padding-left: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-40,
.layout-pc .module-base-layout .module-margin-bottom-40 {
  margin-bottom: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-40,
.layout-sp .module-base-layout .module-margin-bottom-40 {
  margin-bottom: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-40,
.layout-pc .module-base-layout .module-padding-bottom-40 {
  padding-bottom: 40px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-40,
.layout-sp .module-base-layout .module-padding-bottom-40 {
  padding-bottom: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-40-pc,
.layout-pc .module-base-layout .module-margin-bottom-40-pc {
  margin-bottom: 40px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-40-pc,
.layout-pc .module-base-layout .module-padding-bottom-40-pc {
  padding-bottom: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-40-sp,
.layout-sp .module-base-layout .module-margin-bottom-40-sp {
  margin-bottom: 2.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-40-sp,
.layout-sp .module-base-layout .module-padding-bottom-40-sp {
  padding-bottom: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-40,
.layout-pc .module-base-layout .module-margin-right-40 {
  margin-right: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-40,
.layout-sp .module-base-layout .module-margin-right-40 {
  margin-right: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-40,
.layout-pc .module-base-layout .module-padding-right-40 {
  padding-right: 40px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-40,
.layout-sp .module-base-layout .module-padding-right-40 {
  padding-right: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-40-pc,
.layout-pc .module-base-layout .module-margin-right-40-pc {
  margin-right: 40px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-40-pc,
.layout-pc .module-base-layout .module-padding-right-40-pc {
  padding-right: 40px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-40-sp,
.layout-sp .module-base-layout .module-margin-right-40-sp {
  margin-right: 2.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-40-sp,
.layout-sp .module-base-layout .module-padding-right-40-sp {
  padding-right: 2.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-48,
.layout-pc .module-base-layout .module-margin-top-48 {
  margin-top: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-48,
.layout-sp .module-base-layout .module-margin-top-48 {
  margin-top: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-48,
.layout-pc .module-base-layout .module-padding-top-48 {
  padding-top: 48px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-48,
.layout-sp .module-base-layout .module-padding-top-48 {
  padding-top: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-48-pc,
.layout-pc .module-base-layout .module-margin-top-48-pc {
  margin-top: 48px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-48-pc,
.layout-pc .module-base-layout .module-padding-top-48-pc {
  padding-top: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-48-sp,
.layout-sp .module-base-layout .module-margin-top-48-sp {
  margin-top: 3rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-48-sp,
.layout-sp .module-base-layout .module-padding-top-48-sp {
  padding-top: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-48,
.layout-pc .module-base-layout .module-margin-left-48 {
  margin-left: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-48,
.layout-sp .module-base-layout .module-margin-left-48 {
  margin-left: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-48,
.layout-pc .module-base-layout .module-padding-left-48 {
  padding-left: 48px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-48,
.layout-sp .module-base-layout .module-padding-left-48 {
  padding-left: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-48-pc,
.layout-pc .module-base-layout .module-margin-left-48-pc {
  margin-left: 48px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-48-pc,
.layout-pc .module-base-layout .module-padding-left-48-pc {
  padding-left: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-48-sp,
.layout-sp .module-base-layout .module-margin-left-48-sp {
  margin-left: 3rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-48-sp,
.layout-sp .module-base-layout .module-padding-left-48-sp {
  padding-left: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-48,
.layout-pc .module-base-layout .module-margin-bottom-48 {
  margin-bottom: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-48,
.layout-sp .module-base-layout .module-margin-bottom-48 {
  margin-bottom: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-48,
.layout-pc .module-base-layout .module-padding-bottom-48 {
  padding-bottom: 48px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-48,
.layout-sp .module-base-layout .module-padding-bottom-48 {
  padding-bottom: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-48-pc,
.layout-pc .module-base-layout .module-margin-bottom-48-pc {
  margin-bottom: 48px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-48-pc,
.layout-pc .module-base-layout .module-padding-bottom-48-pc {
  padding-bottom: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-48-sp,
.layout-sp .module-base-layout .module-margin-bottom-48-sp {
  margin-bottom: 3rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-48-sp,
.layout-sp .module-base-layout .module-padding-bottom-48-sp {
  padding-bottom: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-48,
.layout-pc .module-base-layout .module-margin-right-48 {
  margin-right: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-48,
.layout-sp .module-base-layout .module-margin-right-48 {
  margin-right: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-48,
.layout-pc .module-base-layout .module-padding-right-48 {
  padding-right: 48px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-48,
.layout-sp .module-base-layout .module-padding-right-48 {
  padding-right: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-48-pc,
.layout-pc .module-base-layout .module-margin-right-48-pc {
  margin-right: 48px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-48-pc,
.layout-pc .module-base-layout .module-padding-right-48-pc {
  padding-right: 48px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-48-sp,
.layout-sp .module-base-layout .module-margin-right-48-sp {
  margin-right: 3rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-48-sp,
.layout-sp .module-base-layout .module-padding-right-48-sp {
  padding-right: 3rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-56,
.layout-pc .module-base-layout .module-margin-top-56 {
  margin-top: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-56,
.layout-sp .module-base-layout .module-margin-top-56 {
  margin-top: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-56,
.layout-pc .module-base-layout .module-padding-top-56 {
  padding-top: 56px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-56,
.layout-sp .module-base-layout .module-padding-top-56 {
  padding-top: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-56-pc,
.layout-pc .module-base-layout .module-margin-top-56-pc {
  margin-top: 56px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-56-pc,
.layout-pc .module-base-layout .module-padding-top-56-pc {
  padding-top: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-56-sp,
.layout-sp .module-base-layout .module-margin-top-56-sp {
  margin-top: 3.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-56-sp,
.layout-sp .module-base-layout .module-padding-top-56-sp {
  padding-top: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-56,
.layout-pc .module-base-layout .module-margin-left-56 {
  margin-left: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-56,
.layout-sp .module-base-layout .module-margin-left-56 {
  margin-left: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-56,
.layout-pc .module-base-layout .module-padding-left-56 {
  padding-left: 56px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-56,
.layout-sp .module-base-layout .module-padding-left-56 {
  padding-left: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-56-pc,
.layout-pc .module-base-layout .module-margin-left-56-pc {
  margin-left: 56px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-56-pc,
.layout-pc .module-base-layout .module-padding-left-56-pc {
  padding-left: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-56-sp,
.layout-sp .module-base-layout .module-margin-left-56-sp {
  margin-left: 3.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-56-sp,
.layout-sp .module-base-layout .module-padding-left-56-sp {
  padding-left: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-56,
.layout-pc .module-base-layout .module-margin-bottom-56 {
  margin-bottom: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-56,
.layout-sp .module-base-layout .module-margin-bottom-56 {
  margin-bottom: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-56,
.layout-pc .module-base-layout .module-padding-bottom-56 {
  padding-bottom: 56px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-56,
.layout-sp .module-base-layout .module-padding-bottom-56 {
  padding-bottom: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-56-pc,
.layout-pc .module-base-layout .module-margin-bottom-56-pc {
  margin-bottom: 56px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-56-pc,
.layout-pc .module-base-layout .module-padding-bottom-56-pc {
  padding-bottom: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-56-sp,
.layout-sp .module-base-layout .module-margin-bottom-56-sp {
  margin-bottom: 3.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-56-sp,
.layout-sp .module-base-layout .module-padding-bottom-56-sp {
  padding-bottom: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-56,
.layout-pc .module-base-layout .module-margin-right-56 {
  margin-right: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-56,
.layout-sp .module-base-layout .module-margin-right-56 {
  margin-right: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-56,
.layout-pc .module-base-layout .module-padding-right-56 {
  padding-right: 56px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-56,
.layout-sp .module-base-layout .module-padding-right-56 {
  padding-right: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-56-pc,
.layout-pc .module-base-layout .module-margin-right-56-pc {
  margin-right: 56px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-56-pc,
.layout-pc .module-base-layout .module-padding-right-56-pc {
  padding-right: 56px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-56-sp,
.layout-sp .module-base-layout .module-margin-right-56-sp {
  margin-right: 3.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-56-sp,
.layout-sp .module-base-layout .module-padding-right-56-sp {
  padding-right: 3.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-64,
.layout-pc .module-base-layout .module-margin-top-64 {
  margin-top: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-64,
.layout-sp .module-base-layout .module-margin-top-64 {
  margin-top: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-64,
.layout-pc .module-base-layout .module-padding-top-64 {
  padding-top: 64px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-64,
.layout-sp .module-base-layout .module-padding-top-64 {
  padding-top: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-64-pc,
.layout-pc .module-base-layout .module-margin-top-64-pc {
  margin-top: 64px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-64-pc,
.layout-pc .module-base-layout .module-padding-top-64-pc {
  padding-top: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-64-sp,
.layout-sp .module-base-layout .module-margin-top-64-sp {
  margin-top: 4rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-64-sp,
.layout-sp .module-base-layout .module-padding-top-64-sp {
  padding-top: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-64,
.layout-pc .module-base-layout .module-margin-left-64 {
  margin-left: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-64,
.layout-sp .module-base-layout .module-margin-left-64 {
  margin-left: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-64,
.layout-pc .module-base-layout .module-padding-left-64 {
  padding-left: 64px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-64,
.layout-sp .module-base-layout .module-padding-left-64 {
  padding-left: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-64-pc,
.layout-pc .module-base-layout .module-margin-left-64-pc {
  margin-left: 64px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-64-pc,
.layout-pc .module-base-layout .module-padding-left-64-pc {
  padding-left: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-64-sp,
.layout-sp .module-base-layout .module-margin-left-64-sp {
  margin-left: 4rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-64-sp,
.layout-sp .module-base-layout .module-padding-left-64-sp {
  padding-left: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-64,
.layout-pc .module-base-layout .module-margin-bottom-64 {
  margin-bottom: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-64,
.layout-sp .module-base-layout .module-margin-bottom-64 {
  margin-bottom: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-64,
.layout-pc .module-base-layout .module-padding-bottom-64 {
  padding-bottom: 64px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-64,
.layout-sp .module-base-layout .module-padding-bottom-64 {
  padding-bottom: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-64-pc,
.layout-pc .module-base-layout .module-margin-bottom-64-pc {
  margin-bottom: 64px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-64-pc,
.layout-pc .module-base-layout .module-padding-bottom-64-pc {
  padding-bottom: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-64-sp,
.layout-sp .module-base-layout .module-margin-bottom-64-sp {
  margin-bottom: 4rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-64-sp,
.layout-sp .module-base-layout .module-padding-bottom-64-sp {
  padding-bottom: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-64,
.layout-pc .module-base-layout .module-margin-right-64 {
  margin-right: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-64,
.layout-sp .module-base-layout .module-margin-right-64 {
  margin-right: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-64,
.layout-pc .module-base-layout .module-padding-right-64 {
  padding-right: 64px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-64,
.layout-sp .module-base-layout .module-padding-right-64 {
  padding-right: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-64-pc,
.layout-pc .module-base-layout .module-margin-right-64-pc {
  margin-right: 64px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-64-pc,
.layout-pc .module-base-layout .module-padding-right-64-pc {
  padding-right: 64px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-64-sp,
.layout-sp .module-base-layout .module-margin-right-64-sp {
  margin-right: 4rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-64-sp,
.layout-sp .module-base-layout .module-padding-right-64-sp {
  padding-right: 4rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-72,
.layout-pc .module-base-layout .module-margin-top-72 {
  margin-top: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-72,
.layout-sp .module-base-layout .module-margin-top-72 {
  margin-top: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-72,
.layout-pc .module-base-layout .module-padding-top-72 {
  padding-top: 72px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-72,
.layout-sp .module-base-layout .module-padding-top-72 {
  padding-top: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-72-pc,
.layout-pc .module-base-layout .module-margin-top-72-pc {
  margin-top: 72px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-72-pc,
.layout-pc .module-base-layout .module-padding-top-72-pc {
  padding-top: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-72-sp,
.layout-sp .module-base-layout .module-margin-top-72-sp {
  margin-top: 4.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-72-sp,
.layout-sp .module-base-layout .module-padding-top-72-sp {
  padding-top: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-72,
.layout-pc .module-base-layout .module-margin-left-72 {
  margin-left: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-72,
.layout-sp .module-base-layout .module-margin-left-72 {
  margin-left: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-72,
.layout-pc .module-base-layout .module-padding-left-72 {
  padding-left: 72px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-72,
.layout-sp .module-base-layout .module-padding-left-72 {
  padding-left: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-72-pc,
.layout-pc .module-base-layout .module-margin-left-72-pc {
  margin-left: 72px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-72-pc,
.layout-pc .module-base-layout .module-padding-left-72-pc {
  padding-left: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-72-sp,
.layout-sp .module-base-layout .module-margin-left-72-sp {
  margin-left: 4.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-72-sp,
.layout-sp .module-base-layout .module-padding-left-72-sp {
  padding-left: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-72,
.layout-pc .module-base-layout .module-margin-bottom-72 {
  margin-bottom: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-72,
.layout-sp .module-base-layout .module-margin-bottom-72 {
  margin-bottom: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-72,
.layout-pc .module-base-layout .module-padding-bottom-72 {
  padding-bottom: 72px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-72,
.layout-sp .module-base-layout .module-padding-bottom-72 {
  padding-bottom: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-72-pc,
.layout-pc .module-base-layout .module-margin-bottom-72-pc {
  margin-bottom: 72px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-72-pc,
.layout-pc .module-base-layout .module-padding-bottom-72-pc {
  padding-bottom: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-72-sp,
.layout-sp .module-base-layout .module-margin-bottom-72-sp {
  margin-bottom: 4.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-72-sp,
.layout-sp .module-base-layout .module-padding-bottom-72-sp {
  padding-bottom: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-72,
.layout-pc .module-base-layout .module-margin-right-72 {
  margin-right: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-72,
.layout-sp .module-base-layout .module-margin-right-72 {
  margin-right: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-72,
.layout-pc .module-base-layout .module-padding-right-72 {
  padding-right: 72px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-72,
.layout-sp .module-base-layout .module-padding-right-72 {
  padding-right: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-72-pc,
.layout-pc .module-base-layout .module-margin-right-72-pc {
  margin-right: 72px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-72-pc,
.layout-pc .module-base-layout .module-padding-right-72-pc {
  padding-right: 72px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-72-sp,
.layout-sp .module-base-layout .module-margin-right-72-sp {
  margin-right: 4.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-72-sp,
.layout-sp .module-base-layout .module-padding-right-72-sp {
  padding-right: 4.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-80,
.layout-pc .module-base-layout .module-margin-top-80 {
  margin-top: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-80,
.layout-sp .module-base-layout .module-margin-top-80 {
  margin-top: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-80,
.layout-pc .module-base-layout .module-padding-top-80 {
  padding-top: 80px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-80,
.layout-sp .module-base-layout .module-padding-top-80 {
  padding-top: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-80-pc,
.layout-pc .module-base-layout .module-margin-top-80-pc {
  margin-top: 80px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-80-pc,
.layout-pc .module-base-layout .module-padding-top-80-pc {
  padding-top: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-80-sp,
.layout-sp .module-base-layout .module-margin-top-80-sp {
  margin-top: 5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-80-sp,
.layout-sp .module-base-layout .module-padding-top-80-sp {
  padding-top: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-80,
.layout-pc .module-base-layout .module-margin-left-80 {
  margin-left: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-80,
.layout-sp .module-base-layout .module-margin-left-80 {
  margin-left: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-80,
.layout-pc .module-base-layout .module-padding-left-80 {
  padding-left: 80px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-80,
.layout-sp .module-base-layout .module-padding-left-80 {
  padding-left: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-80-pc,
.layout-pc .module-base-layout .module-margin-left-80-pc {
  margin-left: 80px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-80-pc,
.layout-pc .module-base-layout .module-padding-left-80-pc {
  padding-left: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-80-sp,
.layout-sp .module-base-layout .module-margin-left-80-sp {
  margin-left: 5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-80-sp,
.layout-sp .module-base-layout .module-padding-left-80-sp {
  padding-left: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-80,
.layout-pc .module-base-layout .module-margin-bottom-80 {
  margin-bottom: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-80,
.layout-sp .module-base-layout .module-margin-bottom-80 {
  margin-bottom: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-80,
.layout-pc .module-base-layout .module-padding-bottom-80 {
  padding-bottom: 80px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-80,
.layout-sp .module-base-layout .module-padding-bottom-80 {
  padding-bottom: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-80-pc,
.layout-pc .module-base-layout .module-margin-bottom-80-pc {
  margin-bottom: 80px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-80-pc,
.layout-pc .module-base-layout .module-padding-bottom-80-pc {
  padding-bottom: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-80-sp,
.layout-sp .module-base-layout .module-margin-bottom-80-sp {
  margin-bottom: 5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-80-sp,
.layout-sp .module-base-layout .module-padding-bottom-80-sp {
  padding-bottom: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-80,
.layout-pc .module-base-layout .module-margin-right-80 {
  margin-right: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-80,
.layout-sp .module-base-layout .module-margin-right-80 {
  margin-right: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-80,
.layout-pc .module-base-layout .module-padding-right-80 {
  padding-right: 80px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-80,
.layout-sp .module-base-layout .module-padding-right-80 {
  padding-right: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-80-pc,
.layout-pc .module-base-layout .module-margin-right-80-pc {
  margin-right: 80px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-80-pc,
.layout-pc .module-base-layout .module-padding-right-80-pc {
  padding-right: 80px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-80-sp,
.layout-sp .module-base-layout .module-margin-right-80-sp {
  margin-right: 5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-80-sp,
.layout-sp .module-base-layout .module-padding-right-80-sp {
  padding-right: 5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-88,
.layout-pc .module-base-layout .module-margin-top-88 {
  margin-top: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-88,
.layout-sp .module-base-layout .module-margin-top-88 {
  margin-top: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-88,
.layout-pc .module-base-layout .module-padding-top-88 {
  padding-top: 88px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-88,
.layout-sp .module-base-layout .module-padding-top-88 {
  padding-top: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-88-pc,
.layout-pc .module-base-layout .module-margin-top-88-pc {
  margin-top: 88px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-88-pc,
.layout-pc .module-base-layout .module-padding-top-88-pc {
  padding-top: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-88-sp,
.layout-sp .module-base-layout .module-margin-top-88-sp {
  margin-top: 5.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-88-sp,
.layout-sp .module-base-layout .module-padding-top-88-sp {
  padding-top: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-88,
.layout-pc .module-base-layout .module-margin-left-88 {
  margin-left: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-88,
.layout-sp .module-base-layout .module-margin-left-88 {
  margin-left: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-88,
.layout-pc .module-base-layout .module-padding-left-88 {
  padding-left: 88px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-88,
.layout-sp .module-base-layout .module-padding-left-88 {
  padding-left: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-88-pc,
.layout-pc .module-base-layout .module-margin-left-88-pc {
  margin-left: 88px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-88-pc,
.layout-pc .module-base-layout .module-padding-left-88-pc {
  padding-left: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-88-sp,
.layout-sp .module-base-layout .module-margin-left-88-sp {
  margin-left: 5.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-88-sp,
.layout-sp .module-base-layout .module-padding-left-88-sp {
  padding-left: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-88,
.layout-pc .module-base-layout .module-margin-bottom-88 {
  margin-bottom: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-88,
.layout-sp .module-base-layout .module-margin-bottom-88 {
  margin-bottom: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-88,
.layout-pc .module-base-layout .module-padding-bottom-88 {
  padding-bottom: 88px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-88,
.layout-sp .module-base-layout .module-padding-bottom-88 {
  padding-bottom: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-88-pc,
.layout-pc .module-base-layout .module-margin-bottom-88-pc {
  margin-bottom: 88px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-88-pc,
.layout-pc .module-base-layout .module-padding-bottom-88-pc {
  padding-bottom: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-88-sp,
.layout-sp .module-base-layout .module-margin-bottom-88-sp {
  margin-bottom: 5.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-88-sp,
.layout-sp .module-base-layout .module-padding-bottom-88-sp {
  padding-bottom: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-88,
.layout-pc .module-base-layout .module-margin-right-88 {
  margin-right: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-88,
.layout-sp .module-base-layout .module-margin-right-88 {
  margin-right: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-88,
.layout-pc .module-base-layout .module-padding-right-88 {
  padding-right: 88px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-88,
.layout-sp .module-base-layout .module-padding-right-88 {
  padding-right: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-88-pc,
.layout-pc .module-base-layout .module-margin-right-88-pc {
  margin-right: 88px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-88-pc,
.layout-pc .module-base-layout .module-padding-right-88-pc {
  padding-right: 88px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-88-sp,
.layout-sp .module-base-layout .module-margin-right-88-sp {
  margin-right: 5.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-88-sp,
.layout-sp .module-base-layout .module-padding-right-88-sp {
  padding-right: 5.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-96,
.layout-pc .module-base-layout .module-margin-top-96 {
  margin-top: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-96,
.layout-sp .module-base-layout .module-margin-top-96 {
  margin-top: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-96,
.layout-pc .module-base-layout .module-padding-top-96 {
  padding-top: 96px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-96,
.layout-sp .module-base-layout .module-padding-top-96 {
  padding-top: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-96-pc,
.layout-pc .module-base-layout .module-margin-top-96-pc {
  margin-top: 96px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-96-pc,
.layout-pc .module-base-layout .module-padding-top-96-pc {
  padding-top: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-96-sp,
.layout-sp .module-base-layout .module-margin-top-96-sp {
  margin-top: 6rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-96-sp,
.layout-sp .module-base-layout .module-padding-top-96-sp {
  padding-top: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-96,
.layout-pc .module-base-layout .module-margin-left-96 {
  margin-left: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-96,
.layout-sp .module-base-layout .module-margin-left-96 {
  margin-left: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-96,
.layout-pc .module-base-layout .module-padding-left-96 {
  padding-left: 96px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-96,
.layout-sp .module-base-layout .module-padding-left-96 {
  padding-left: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-96-pc,
.layout-pc .module-base-layout .module-margin-left-96-pc {
  margin-left: 96px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-96-pc,
.layout-pc .module-base-layout .module-padding-left-96-pc {
  padding-left: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-96-sp,
.layout-sp .module-base-layout .module-margin-left-96-sp {
  margin-left: 6rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-96-sp,
.layout-sp .module-base-layout .module-padding-left-96-sp {
  padding-left: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-96,
.layout-pc .module-base-layout .module-margin-bottom-96 {
  margin-bottom: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-96,
.layout-sp .module-base-layout .module-margin-bottom-96 {
  margin-bottom: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-96,
.layout-pc .module-base-layout .module-padding-bottom-96 {
  padding-bottom: 96px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-96,
.layout-sp .module-base-layout .module-padding-bottom-96 {
  padding-bottom: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-96-pc,
.layout-pc .module-base-layout .module-margin-bottom-96-pc {
  margin-bottom: 96px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-96-pc,
.layout-pc .module-base-layout .module-padding-bottom-96-pc {
  padding-bottom: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-96-sp,
.layout-sp .module-base-layout .module-margin-bottom-96-sp {
  margin-bottom: 6rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-96-sp,
.layout-sp .module-base-layout .module-padding-bottom-96-sp {
  padding-bottom: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-96,
.layout-pc .module-base-layout .module-margin-right-96 {
  margin-right: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-96,
.layout-sp .module-base-layout .module-margin-right-96 {
  margin-right: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-96,
.layout-pc .module-base-layout .module-padding-right-96 {
  padding-right: 96px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-96,
.layout-sp .module-base-layout .module-padding-right-96 {
  padding-right: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-96-pc,
.layout-pc .module-base-layout .module-margin-right-96-pc {
  margin-right: 96px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-96-pc,
.layout-pc .module-base-layout .module-padding-right-96-pc {
  padding-right: 96px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-96-sp,
.layout-sp .module-base-layout .module-margin-right-96-sp {
  margin-right: 6rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-96-sp,
.layout-sp .module-base-layout .module-padding-right-96-sp {
  padding-right: 6rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-104,
.layout-pc .module-base-layout .module-margin-top-104 {
  margin-top: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-104,
.layout-sp .module-base-layout .module-margin-top-104 {
  margin-top: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-104,
.layout-pc .module-base-layout .module-padding-top-104 {
  padding-top: 104px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-104,
.layout-sp .module-base-layout .module-padding-top-104 {
  padding-top: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-104-pc,
.layout-pc .module-base-layout .module-margin-top-104-pc {
  margin-top: 104px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-104-pc,
.layout-pc .module-base-layout .module-padding-top-104-pc {
  padding-top: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-104-sp,
.layout-sp .module-base-layout .module-margin-top-104-sp {
  margin-top: 6.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-104-sp,
.layout-sp .module-base-layout .module-padding-top-104-sp {
  padding-top: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-104,
.layout-pc .module-base-layout .module-margin-left-104 {
  margin-left: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-104,
.layout-sp .module-base-layout .module-margin-left-104 {
  margin-left: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-104,
.layout-pc .module-base-layout .module-padding-left-104 {
  padding-left: 104px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-104,
.layout-sp .module-base-layout .module-padding-left-104 {
  padding-left: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-104-pc,
.layout-pc .module-base-layout .module-margin-left-104-pc {
  margin-left: 104px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-104-pc,
.layout-pc .module-base-layout .module-padding-left-104-pc {
  padding-left: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-104-sp,
.layout-sp .module-base-layout .module-margin-left-104-sp {
  margin-left: 6.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-104-sp,
.layout-sp .module-base-layout .module-padding-left-104-sp {
  padding-left: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-104,
.layout-pc .module-base-layout .module-margin-bottom-104 {
  margin-bottom: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-104,
.layout-sp .module-base-layout .module-margin-bottom-104 {
  margin-bottom: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-104,
.layout-pc .module-base-layout .module-padding-bottom-104 {
  padding-bottom: 104px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-104,
.layout-sp .module-base-layout .module-padding-bottom-104 {
  padding-bottom: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-104-pc,
.layout-pc .module-base-layout .module-margin-bottom-104-pc {
  margin-bottom: 104px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-104-pc,
.layout-pc .module-base-layout .module-padding-bottom-104-pc {
  padding-bottom: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-104-sp,
.layout-sp .module-base-layout .module-margin-bottom-104-sp {
  margin-bottom: 6.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-104-sp,
.layout-sp .module-base-layout .module-padding-bottom-104-sp {
  padding-bottom: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-104,
.layout-pc .module-base-layout .module-margin-right-104 {
  margin-right: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-104,
.layout-sp .module-base-layout .module-margin-right-104 {
  margin-right: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-104,
.layout-pc .module-base-layout .module-padding-right-104 {
  padding-right: 104px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-104,
.layout-sp .module-base-layout .module-padding-right-104 {
  padding-right: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-104-pc,
.layout-pc .module-base-layout .module-margin-right-104-pc {
  margin-right: 104px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-104-pc,
.layout-pc .module-base-layout .module-padding-right-104-pc {
  padding-right: 104px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-104-sp,
.layout-sp .module-base-layout .module-margin-right-104-sp {
  margin-right: 6.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-104-sp,
.layout-sp .module-base-layout .module-padding-right-104-sp {
  padding-right: 6.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-112,
.layout-pc .module-base-layout .module-margin-top-112 {
  margin-top: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-112,
.layout-sp .module-base-layout .module-margin-top-112 {
  margin-top: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-112,
.layout-pc .module-base-layout .module-padding-top-112 {
  padding-top: 112px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-112,
.layout-sp .module-base-layout .module-padding-top-112 {
  padding-top: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-112-pc,
.layout-pc .module-base-layout .module-margin-top-112-pc {
  margin-top: 112px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-112-pc,
.layout-pc .module-base-layout .module-padding-top-112-pc {
  padding-top: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-112-sp,
.layout-sp .module-base-layout .module-margin-top-112-sp {
  margin-top: 7rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-112-sp,
.layout-sp .module-base-layout .module-padding-top-112-sp {
  padding-top: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-112,
.layout-pc .module-base-layout .module-margin-left-112 {
  margin-left: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-112,
.layout-sp .module-base-layout .module-margin-left-112 {
  margin-left: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-112,
.layout-pc .module-base-layout .module-padding-left-112 {
  padding-left: 112px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-112,
.layout-sp .module-base-layout .module-padding-left-112 {
  padding-left: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-112-pc,
.layout-pc .module-base-layout .module-margin-left-112-pc {
  margin-left: 112px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-112-pc,
.layout-pc .module-base-layout .module-padding-left-112-pc {
  padding-left: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-112-sp,
.layout-sp .module-base-layout .module-margin-left-112-sp {
  margin-left: 7rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-112-sp,
.layout-sp .module-base-layout .module-padding-left-112-sp {
  padding-left: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-112,
.layout-pc .module-base-layout .module-margin-bottom-112 {
  margin-bottom: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-112,
.layout-sp .module-base-layout .module-margin-bottom-112 {
  margin-bottom: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-112,
.layout-pc .module-base-layout .module-padding-bottom-112 {
  padding-bottom: 112px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-112,
.layout-sp .module-base-layout .module-padding-bottom-112 {
  padding-bottom: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-112-pc,
.layout-pc .module-base-layout .module-margin-bottom-112-pc {
  margin-bottom: 112px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-112-pc,
.layout-pc .module-base-layout .module-padding-bottom-112-pc {
  padding-bottom: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-112-sp,
.layout-sp .module-base-layout .module-margin-bottom-112-sp {
  margin-bottom: 7rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-112-sp,
.layout-sp .module-base-layout .module-padding-bottom-112-sp {
  padding-bottom: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-112,
.layout-pc .module-base-layout .module-margin-right-112 {
  margin-right: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-112,
.layout-sp .module-base-layout .module-margin-right-112 {
  margin-right: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-112,
.layout-pc .module-base-layout .module-padding-right-112 {
  padding-right: 112px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-112,
.layout-sp .module-base-layout .module-padding-right-112 {
  padding-right: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-112-pc,
.layout-pc .module-base-layout .module-margin-right-112-pc {
  margin-right: 112px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-112-pc,
.layout-pc .module-base-layout .module-padding-right-112-pc {
  padding-right: 112px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-112-sp,
.layout-sp .module-base-layout .module-margin-right-112-sp {
  margin-right: 7rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-112-sp,
.layout-sp .module-base-layout .module-padding-right-112-sp {
  padding-right: 7rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-120,
.layout-pc .module-base-layout .module-margin-top-120 {
  margin-top: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-120,
.layout-sp .module-base-layout .module-margin-top-120 {
  margin-top: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-120,
.layout-pc .module-base-layout .module-padding-top-120 {
  padding-top: 120px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-120,
.layout-sp .module-base-layout .module-padding-top-120 {
  padding-top: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-120-pc,
.layout-pc .module-base-layout .module-margin-top-120-pc {
  margin-top: 120px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-120-pc,
.layout-pc .module-base-layout .module-padding-top-120-pc {
  padding-top: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-120-sp,
.layout-sp .module-base-layout .module-margin-top-120-sp {
  margin-top: 7.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-120-sp,
.layout-sp .module-base-layout .module-padding-top-120-sp {
  padding-top: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-120,
.layout-pc .module-base-layout .module-margin-left-120 {
  margin-left: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-120,
.layout-sp .module-base-layout .module-margin-left-120 {
  margin-left: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-120,
.layout-pc .module-base-layout .module-padding-left-120 {
  padding-left: 120px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-120,
.layout-sp .module-base-layout .module-padding-left-120 {
  padding-left: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-120-pc,
.layout-pc .module-base-layout .module-margin-left-120-pc {
  margin-left: 120px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-120-pc,
.layout-pc .module-base-layout .module-padding-left-120-pc {
  padding-left: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-120-sp,
.layout-sp .module-base-layout .module-margin-left-120-sp {
  margin-left: 7.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-120-sp,
.layout-sp .module-base-layout .module-padding-left-120-sp {
  padding-left: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-120,
.layout-pc .module-base-layout .module-margin-bottom-120 {
  margin-bottom: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-120,
.layout-sp .module-base-layout .module-margin-bottom-120 {
  margin-bottom: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-120,
.layout-pc .module-base-layout .module-padding-bottom-120 {
  padding-bottom: 120px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-120,
.layout-sp .module-base-layout .module-padding-bottom-120 {
  padding-bottom: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-120-pc,
.layout-pc .module-base-layout .module-margin-bottom-120-pc {
  margin-bottom: 120px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-120-pc,
.layout-pc .module-base-layout .module-padding-bottom-120-pc {
  padding-bottom: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-120-sp,
.layout-sp .module-base-layout .module-margin-bottom-120-sp {
  margin-bottom: 7.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-120-sp,
.layout-sp .module-base-layout .module-padding-bottom-120-sp {
  padding-bottom: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-120,
.layout-pc .module-base-layout .module-margin-right-120 {
  margin-right: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-120,
.layout-sp .module-base-layout .module-margin-right-120 {
  margin-right: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-120,
.layout-pc .module-base-layout .module-padding-right-120 {
  padding-right: 120px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-120,
.layout-sp .module-base-layout .module-padding-right-120 {
  padding-right: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-120-pc,
.layout-pc .module-base-layout .module-margin-right-120-pc {
  margin-right: 120px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-120-pc,
.layout-pc .module-base-layout .module-padding-right-120-pc {
  padding-right: 120px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-120-sp,
.layout-sp .module-base-layout .module-margin-right-120-sp {
  margin-right: 7.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-120-sp,
.layout-sp .module-base-layout .module-padding-right-120-sp {
  padding-right: 7.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-128,
.layout-pc .module-base-layout .module-margin-top-128 {
  margin-top: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-128,
.layout-sp .module-base-layout .module-margin-top-128 {
  margin-top: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-128,
.layout-pc .module-base-layout .module-padding-top-128 {
  padding-top: 128px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-128,
.layout-sp .module-base-layout .module-padding-top-128 {
  padding-top: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-128-pc,
.layout-pc .module-base-layout .module-margin-top-128-pc {
  margin-top: 128px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-128-pc,
.layout-pc .module-base-layout .module-padding-top-128-pc {
  padding-top: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-128-sp,
.layout-sp .module-base-layout .module-margin-top-128-sp {
  margin-top: 8rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-128-sp,
.layout-sp .module-base-layout .module-padding-top-128-sp {
  padding-top: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-128,
.layout-pc .module-base-layout .module-margin-left-128 {
  margin-left: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-128,
.layout-sp .module-base-layout .module-margin-left-128 {
  margin-left: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-128,
.layout-pc .module-base-layout .module-padding-left-128 {
  padding-left: 128px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-128,
.layout-sp .module-base-layout .module-padding-left-128 {
  padding-left: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-128-pc,
.layout-pc .module-base-layout .module-margin-left-128-pc {
  margin-left: 128px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-128-pc,
.layout-pc .module-base-layout .module-padding-left-128-pc {
  padding-left: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-128-sp,
.layout-sp .module-base-layout .module-margin-left-128-sp {
  margin-left: 8rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-128-sp,
.layout-sp .module-base-layout .module-padding-left-128-sp {
  padding-left: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-128,
.layout-pc .module-base-layout .module-margin-bottom-128 {
  margin-bottom: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-128,
.layout-sp .module-base-layout .module-margin-bottom-128 {
  margin-bottom: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-128,
.layout-pc .module-base-layout .module-padding-bottom-128 {
  padding-bottom: 128px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-128,
.layout-sp .module-base-layout .module-padding-bottom-128 {
  padding-bottom: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-128-pc,
.layout-pc .module-base-layout .module-margin-bottom-128-pc {
  margin-bottom: 128px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-128-pc,
.layout-pc .module-base-layout .module-padding-bottom-128-pc {
  padding-bottom: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-128-sp,
.layout-sp .module-base-layout .module-margin-bottom-128-sp {
  margin-bottom: 8rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-128-sp,
.layout-sp .module-base-layout .module-padding-bottom-128-sp {
  padding-bottom: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-128,
.layout-pc .module-base-layout .module-margin-right-128 {
  margin-right: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-128,
.layout-sp .module-base-layout .module-margin-right-128 {
  margin-right: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-128,
.layout-pc .module-base-layout .module-padding-right-128 {
  padding-right: 128px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-128,
.layout-sp .module-base-layout .module-padding-right-128 {
  padding-right: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-128-pc,
.layout-pc .module-base-layout .module-margin-right-128-pc {
  margin-right: 128px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-128-pc,
.layout-pc .module-base-layout .module-padding-right-128-pc {
  padding-right: 128px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-128-sp,
.layout-sp .module-base-layout .module-margin-right-128-sp {
  margin-right: 8rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-128-sp,
.layout-sp .module-base-layout .module-padding-right-128-sp {
  padding-right: 8rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-136,
.layout-pc .module-base-layout .module-margin-top-136 {
  margin-top: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-136,
.layout-sp .module-base-layout .module-margin-top-136 {
  margin-top: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-136,
.layout-pc .module-base-layout .module-padding-top-136 {
  padding-top: 136px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-136,
.layout-sp .module-base-layout .module-padding-top-136 {
  padding-top: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-136-pc,
.layout-pc .module-base-layout .module-margin-top-136-pc {
  margin-top: 136px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-136-pc,
.layout-pc .module-base-layout .module-padding-top-136-pc {
  padding-top: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-136-sp,
.layout-sp .module-base-layout .module-margin-top-136-sp {
  margin-top: 8.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-136-sp,
.layout-sp .module-base-layout .module-padding-top-136-sp {
  padding-top: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-136,
.layout-pc .module-base-layout .module-margin-left-136 {
  margin-left: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-136,
.layout-sp .module-base-layout .module-margin-left-136 {
  margin-left: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-136,
.layout-pc .module-base-layout .module-padding-left-136 {
  padding-left: 136px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-136,
.layout-sp .module-base-layout .module-padding-left-136 {
  padding-left: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-136-pc,
.layout-pc .module-base-layout .module-margin-left-136-pc {
  margin-left: 136px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-136-pc,
.layout-pc .module-base-layout .module-padding-left-136-pc {
  padding-left: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-136-sp,
.layout-sp .module-base-layout .module-margin-left-136-sp {
  margin-left: 8.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-136-sp,
.layout-sp .module-base-layout .module-padding-left-136-sp {
  padding-left: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-136,
.layout-pc .module-base-layout .module-margin-bottom-136 {
  margin-bottom: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-136,
.layout-sp .module-base-layout .module-margin-bottom-136 {
  margin-bottom: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-136,
.layout-pc .module-base-layout .module-padding-bottom-136 {
  padding-bottom: 136px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-136,
.layout-sp .module-base-layout .module-padding-bottom-136 {
  padding-bottom: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-136-pc,
.layout-pc .module-base-layout .module-margin-bottom-136-pc {
  margin-bottom: 136px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-136-pc,
.layout-pc .module-base-layout .module-padding-bottom-136-pc {
  padding-bottom: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-136-sp,
.layout-sp .module-base-layout .module-margin-bottom-136-sp {
  margin-bottom: 8.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-136-sp,
.layout-sp .module-base-layout .module-padding-bottom-136-sp {
  padding-bottom: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-136,
.layout-pc .module-base-layout .module-margin-right-136 {
  margin-right: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-136,
.layout-sp .module-base-layout .module-margin-right-136 {
  margin-right: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-136,
.layout-pc .module-base-layout .module-padding-right-136 {
  padding-right: 136px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-136,
.layout-sp .module-base-layout .module-padding-right-136 {
  padding-right: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-136-pc,
.layout-pc .module-base-layout .module-margin-right-136-pc {
  margin-right: 136px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-136-pc,
.layout-pc .module-base-layout .module-padding-right-136-pc {
  padding-right: 136px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-136-sp,
.layout-sp .module-base-layout .module-margin-right-136-sp {
  margin-right: 8.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-136-sp,
.layout-sp .module-base-layout .module-padding-right-136-sp {
  padding-right: 8.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-144,
.layout-pc .module-base-layout .module-margin-top-144 {
  margin-top: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-144,
.layout-sp .module-base-layout .module-margin-top-144 {
  margin-top: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-144,
.layout-pc .module-base-layout .module-padding-top-144 {
  padding-top: 144px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-144,
.layout-sp .module-base-layout .module-padding-top-144 {
  padding-top: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-144-pc,
.layout-pc .module-base-layout .module-margin-top-144-pc {
  margin-top: 144px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-144-pc,
.layout-pc .module-base-layout .module-padding-top-144-pc {
  padding-top: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-144-sp,
.layout-sp .module-base-layout .module-margin-top-144-sp {
  margin-top: 9rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-144-sp,
.layout-sp .module-base-layout .module-padding-top-144-sp {
  padding-top: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-144,
.layout-pc .module-base-layout .module-margin-left-144 {
  margin-left: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-144,
.layout-sp .module-base-layout .module-margin-left-144 {
  margin-left: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-144,
.layout-pc .module-base-layout .module-padding-left-144 {
  padding-left: 144px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-144,
.layout-sp .module-base-layout .module-padding-left-144 {
  padding-left: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-144-pc,
.layout-pc .module-base-layout .module-margin-left-144-pc {
  margin-left: 144px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-144-pc,
.layout-pc .module-base-layout .module-padding-left-144-pc {
  padding-left: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-144-sp,
.layout-sp .module-base-layout .module-margin-left-144-sp {
  margin-left: 9rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-144-sp,
.layout-sp .module-base-layout .module-padding-left-144-sp {
  padding-left: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-144,
.layout-pc .module-base-layout .module-margin-bottom-144 {
  margin-bottom: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-144,
.layout-sp .module-base-layout .module-margin-bottom-144 {
  margin-bottom: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-144,
.layout-pc .module-base-layout .module-padding-bottom-144 {
  padding-bottom: 144px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-144,
.layout-sp .module-base-layout .module-padding-bottom-144 {
  padding-bottom: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-144-pc,
.layout-pc .module-base-layout .module-margin-bottom-144-pc {
  margin-bottom: 144px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-144-pc,
.layout-pc .module-base-layout .module-padding-bottom-144-pc {
  padding-bottom: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-144-sp,
.layout-sp .module-base-layout .module-margin-bottom-144-sp {
  margin-bottom: 9rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-144-sp,
.layout-sp .module-base-layout .module-padding-bottom-144-sp {
  padding-bottom: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-144,
.layout-pc .module-base-layout .module-margin-right-144 {
  margin-right: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-144,
.layout-sp .module-base-layout .module-margin-right-144 {
  margin-right: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-144,
.layout-pc .module-base-layout .module-padding-right-144 {
  padding-right: 144px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-144,
.layout-sp .module-base-layout .module-padding-right-144 {
  padding-right: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-144-pc,
.layout-pc .module-base-layout .module-margin-right-144-pc {
  margin-right: 144px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-144-pc,
.layout-pc .module-base-layout .module-padding-right-144-pc {
  padding-right: 144px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-144-sp,
.layout-sp .module-base-layout .module-margin-right-144-sp {
  margin-right: 9rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-144-sp,
.layout-sp .module-base-layout .module-padding-right-144-sp {
  padding-right: 9rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-152,
.layout-pc .module-base-layout .module-margin-top-152 {
  margin-top: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-152,
.layout-sp .module-base-layout .module-margin-top-152 {
  margin-top: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-152,
.layout-pc .module-base-layout .module-padding-top-152 {
  padding-top: 152px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-152,
.layout-sp .module-base-layout .module-padding-top-152 {
  padding-top: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-152-pc,
.layout-pc .module-base-layout .module-margin-top-152-pc {
  margin-top: 152px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-152-pc,
.layout-pc .module-base-layout .module-padding-top-152-pc {
  padding-top: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-152-sp,
.layout-sp .module-base-layout .module-margin-top-152-sp {
  margin-top: 9.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-152-sp,
.layout-sp .module-base-layout .module-padding-top-152-sp {
  padding-top: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-152,
.layout-pc .module-base-layout .module-margin-left-152 {
  margin-left: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-152,
.layout-sp .module-base-layout .module-margin-left-152 {
  margin-left: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-152,
.layout-pc .module-base-layout .module-padding-left-152 {
  padding-left: 152px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-152,
.layout-sp .module-base-layout .module-padding-left-152 {
  padding-left: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-152-pc,
.layout-pc .module-base-layout .module-margin-left-152-pc {
  margin-left: 152px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-152-pc,
.layout-pc .module-base-layout .module-padding-left-152-pc {
  padding-left: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-152-sp,
.layout-sp .module-base-layout .module-margin-left-152-sp {
  margin-left: 9.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-152-sp,
.layout-sp .module-base-layout .module-padding-left-152-sp {
  padding-left: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-152,
.layout-pc .module-base-layout .module-margin-bottom-152 {
  margin-bottom: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-152,
.layout-sp .module-base-layout .module-margin-bottom-152 {
  margin-bottom: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-152,
.layout-pc .module-base-layout .module-padding-bottom-152 {
  padding-bottom: 152px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-152,
.layout-sp .module-base-layout .module-padding-bottom-152 {
  padding-bottom: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-152-pc,
.layout-pc .module-base-layout .module-margin-bottom-152-pc {
  margin-bottom: 152px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-152-pc,
.layout-pc .module-base-layout .module-padding-bottom-152-pc {
  padding-bottom: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-152-sp,
.layout-sp .module-base-layout .module-margin-bottom-152-sp {
  margin-bottom: 9.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-152-sp,
.layout-sp .module-base-layout .module-padding-bottom-152-sp {
  padding-bottom: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-152,
.layout-pc .module-base-layout .module-margin-right-152 {
  margin-right: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-152,
.layout-sp .module-base-layout .module-margin-right-152 {
  margin-right: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-152,
.layout-pc .module-base-layout .module-padding-right-152 {
  padding-right: 152px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-152,
.layout-sp .module-base-layout .module-padding-right-152 {
  padding-right: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-152-pc,
.layout-pc .module-base-layout .module-margin-right-152-pc {
  margin-right: 152px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-152-pc,
.layout-pc .module-base-layout .module-padding-right-152-pc {
  padding-right: 152px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-152-sp,
.layout-sp .module-base-layout .module-margin-right-152-sp {
  margin-right: 9.5rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-152-sp,
.layout-sp .module-base-layout .module-padding-right-152-sp {
  padding-right: 9.5rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-160,
.layout-pc .module-base-layout .module-margin-top-160 {
  margin-top: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-160,
.layout-sp .module-base-layout .module-margin-top-160 {
  margin-top: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-160,
.layout-pc .module-base-layout .module-padding-top-160 {
  padding-top: 160px !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-160,
.layout-sp .module-base-layout .module-padding-top-160 {
  padding-top: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-top-160-pc,
.layout-pc .module-base-layout .module-margin-top-160-pc {
  margin-top: 160px !important;
}
.layout-pc CLASS_EDITOR .module-padding-top-160-pc,
.layout-pc .module-base-layout .module-padding-top-160-pc {
  padding-top: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-top-160-sp,
.layout-sp .module-base-layout .module-margin-top-160-sp {
  margin-top: 10rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-top-160-sp,
.layout-sp .module-base-layout .module-padding-top-160-sp {
  padding-top: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-160,
.layout-pc .module-base-layout .module-margin-left-160 {
  margin-left: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-160,
.layout-sp .module-base-layout .module-margin-left-160 {
  margin-left: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-160,
.layout-pc .module-base-layout .module-padding-left-160 {
  padding-left: 160px !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-160,
.layout-sp .module-base-layout .module-padding-left-160 {
  padding-left: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-left-160-pc,
.layout-pc .module-base-layout .module-margin-left-160-pc {
  margin-left: 160px !important;
}
.layout-pc CLASS_EDITOR .module-padding-left-160-pc,
.layout-pc .module-base-layout .module-padding-left-160-pc {
  padding-left: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-left-160-sp,
.layout-sp .module-base-layout .module-margin-left-160-sp {
  margin-left: 10rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-left-160-sp,
.layout-sp .module-base-layout .module-padding-left-160-sp {
  padding-left: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-160,
.layout-pc .module-base-layout .module-margin-bottom-160 {
  margin-bottom: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-160,
.layout-sp .module-base-layout .module-margin-bottom-160 {
  margin-bottom: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-160,
.layout-pc .module-base-layout .module-padding-bottom-160 {
  padding-bottom: 160px !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-160,
.layout-sp .module-base-layout .module-padding-bottom-160 {
  padding-bottom: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-bottom-160-pc,
.layout-pc .module-base-layout .module-margin-bottom-160-pc {
  margin-bottom: 160px !important;
}
.layout-pc CLASS_EDITOR .module-padding-bottom-160-pc,
.layout-pc .module-base-layout .module-padding-bottom-160-pc {
  padding-bottom: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-bottom-160-sp,
.layout-sp .module-base-layout .module-margin-bottom-160-sp {
  margin-bottom: 10rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-bottom-160-sp,
.layout-sp .module-base-layout .module-padding-bottom-160-sp {
  padding-bottom: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-160,
.layout-pc .module-base-layout .module-margin-right-160 {
  margin-right: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-160,
.layout-sp .module-base-layout .module-margin-right-160 {
  margin-right: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-160,
.layout-pc .module-base-layout .module-padding-right-160 {
  padding-right: 160px !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-160,
.layout-sp .module-base-layout .module-padding-right-160 {
  padding-right: 10rem !important;
}
.layout-pc CLASS_EDITOR .module-margin-right-160-pc,
.layout-pc .module-base-layout .module-margin-right-160-pc {
  margin-right: 160px !important;
}
.layout-pc CLASS_EDITOR .module-padding-right-160-pc,
.layout-pc .module-base-layout .module-padding-right-160-pc {
  padding-right: 160px !important;
}
.layout-sp CLASS_EDITOR .module-margin-right-160-sp,
.layout-sp .module-base-layout .module-margin-right-160-sp {
  margin-right: 10rem !important;
}
.layout-sp CLASS_EDITOR .module-padding-right-160-sp,
.layout-sp .module-base-layout .module-padding-right-160-sp {
  padding-right: 10rem !important;
}
/*
---
name: wrap
category:
  - module
  - module/wrap
tag:
  - base
  - latest
  - pc
  - sp
---

wrap styles

* Base word-break style.

```html
<p class="module-wrap-break-word">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p class="module-wrap-break-all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p class="module-wrap-keep-all">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
```
```jade
p.module-wrap-break-word aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
```
*/
.module-base-layout .module-wrap-break-word {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.module-base-layout .module-wrap-break-all {
  word-wrap: break-all;
  overflow-wrap: break-all;
}
.module-base-layout .module-wrap-keep-all {
  word-wrap: normal;
  overflow-wrap: keep-all;
}
/*
---
name: breadcrumbs
category:
  - module
  - module/breadcrumbs
tag:
  - base
  - latest
  - pc
  - sp
---

breadcrumbs styles

* Base breadcrumbs style.
* require <li\> inline.

```html
<section id="breadcrumbs" class="module-breadcrumbs">
  <ul>
    <li><a href="#">page1</a></li><li><a href="#">page2</a></li><li>page1</li>
  </ul>
</section>
```
```jade
section#breadcrumbs.module-breadcrumbs
  ul
    +inline('li'): a(href="#") page1
    +inline('li'): a(href="#") page2
    +inline('li') page3
```
*/
.module-base-layout .module-breadcrumbs {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 13px 45px;
  font-size: 75%;
  line-height: 1.25;
}
.module-base-layout .module-breadcrumbs li {
  display: inline-block;
}
.module-base-layout .module-breadcrumbs li::after {
  display: inline;
  content: '>';
  padding: 0 4px;
}
.module-base-layout .module-breadcrumbs li:last-child::after {
  display: none;
}
.layout-sp .module-base-layout .module-breadcrumbs {
  padding: 3.59375% 5%;
  font-size: 84%;
  line-height: 1.5;
}
.layout-sp .module-base-layout .module-breadcrumbs li::after {
  padding: 0 0.4em;
}
/*
---
name: caption
category:
  - module
  - module/caption
tag:
  - base
  - latest
  - pc
  - sp
---

caption styles

* Base caption style.

```html
<div class="module-column-1">
  <ul>
    <li>
      <figure><img src="/_styleguide/assets/img/common/dummy.png" alt=""></figure>
      <figcaption class="module-caption">caption</figcaption>
    </li>
  </ul>
</div>
```
```jade
.module-column-1
  ul
    li
      figure: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
      figcaption.module-caption caption
```
*/
.module-base-layout .module-caption {
  margin-top: 7px;
  text-align: left;
}
.layout-sp .module-base-layout .module-caption {
  margin-top: 0.291666666666667em;
}
/*
---
name: display
category:
  - module
  - module/display
tag:
  - base
  - latest
  - pc
  - sp
---

display styles

* Base display style.
* check responsive.

```html
<p class="module-pc">pc</p>
<p class="module-sp">sp</p>
```
```jade
p.module-pc pc
p.module-sp sp
```
*/
.layout-pc .module-base-layout .module-sp {
  display: none !important;
}
.layout-sp .module-base-layout .module-pc {
  display: none !important;
}
/*
---
name: icon
category:
  - module
  - module/icon
tag:
  - base
  - latest
  - pc
  - sp
---

icon styles

* Base icon style.
* use webfont.

```html
<div class="module-icon facebook1"></div>
<div class="module-icon twitter1"></div>
<div class="module-icon instagram1"></div>
<div class="module-icon youtube1"></div>
<div class="module-icon line1"></div>

<div class="module-icon shape-circle1 facebook1"></div>
<div class="module-icon shape-circle1 twitter1"></div>
<div class="module-icon shape-circle1 instagram1"></div>
<div class="module-icon shape-circle1 youtube1"></div>
<div class="module-icon shape-circle1 line1"></div>

<p><a href="#"><span class="label">label</span><span class="module-icon search1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon blank1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon pdf1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon download1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon triangle-right1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon triangle-under1"></span></a></p>
<p><a href="#"><span class="label">label</span><span class="module-icon line-right1"></span></a></p>
<p><a href="#"><span class="module-icon line-left1 pos-left"></span><span class="label">label</span></a></p>
```
```jade
.module-icon.facebook1
.module-icon.twitter1
.module-icon.instagram1
.module-icon.youtube1
.module-icon.line1

.module-icon.shape-circle1.facebook1
.module-icon.shape-circle1.twitter1
.module-icon.shape-circle1.instagram1
.module-icon.shape-circle1.youtube1
.module-icon.shape-circle1.line1

p: a(href="#")
  span.label label
  span.module-icon.search1

p: a(href="#")
  span.label label
  span.module-icon.blank1

p: a(href="#")
  span.label label
  span.module-icon.pdf1

p: a(href="#")
  span.label label
  span.module-icon.download1

p: a(href="#")
  span.label label
  span.module-icon.triangle-right1

p: a(href="#")
  span.label label
  span.module-icon.triangle-under1

p: a(href="#")
  span.label label
  span.module-icon.line-right1

p: a(href="#")
  span.module-icon.line-left1.pos-left
  span.label label
```
*/
@font-face {
  font-family: 'icon1';
  src: url("../webfont/icon1.eot");
  src: url("../webfont/icon1.eot?#iefix") format('embedded-opentype'), url("../webfont/icon1.woff") format('woff'), url("../webfont/icon1.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon1';
  src: url("../webfont/icomoon1.eot");
  src: url("../webfont/icomoon1.eot?#iefix") format('embedded-opentype'), url("../webfont/icomoon1.woff") format('woff'), url("../webfont/icomoon1.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.module-base-layout .is-open .module-icon.accordion1::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.module-base-layout .module-icon {
  display: inline-block;
  line-height: 1;
}
.module-base-layout .module-icon.facebook1 {
  color: #fff;
  background: #4760a5;
}
.module-base-layout .module-icon.facebook1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F013';
}
.module-base-layout .module-icon.twitter1 {
  color: #fff;
  background: #399ff6;
}
.module-base-layout .module-icon.twitter1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F014';
}
.module-base-layout .module-icon.instagram1 {
  color: #fff;
  background: #000;
}
.module-base-layout .module-icon.instagram1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F015';
}
.module-base-layout .module-icon.youtube1 {
  color: #fff;
  background: #f00;
}
.module-base-layout .module-icon.youtube1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F01C';
}
.module-base-layout .module-icon.line1 {
  color: #fff;
  background: #39b900;
}
.module-base-layout .module-icon.line1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F025';
}
.module-base-layout .module-icon.menu1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F017';
}
.module-base-layout .module-icon.close1::before,
.layout-pc .module-base-layout .module-header .grid > .menu li.is-open .module-icon::before,
.layout-sp .module-base-layout .module-header nav .related-sites .btn.is-open .module-icon::before,
.layout-sp .module-base-layout .module-header .grid > .menu .btn.is-open .module-icon::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F01B';
}
.module-base-layout .module-icon.contents1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F023';
}
.module-base-layout .module-icon.bicycle1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F020';
}
.module-base-layout .module-icon.service1 {
  line-height: 1.1;
}
.module-base-layout .module-icon.service1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F021';
}
.module-base-layout .module-icon.global1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F031';
}
.module-base-layout .module-icon.pc1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F030';
}
.module-base-layout .module-icon.map-marker1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F01A';
}
.module-base-layout .module-icon.cart1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F016';
}
.module-base-layout .module-icon.corporate1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F024';
}
.module-base-layout .module-icon.corporate1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F024';
}
.module-base-layout .module-icon.checked1::before,
.module-base-layout .module-input[type="checkbox"]:checked + .label::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F026';
}
.module-base-layout .module-icon.unchecked1::before,
.module-base-layout .module-input[type="checkbox"] + .label::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F027';
}
.module-base-layout .module-icon.search1,
.module-base-layout .module-icon.blank1,
.module-base-layout .module-icon.pdf1,
.module-base-layout .module-icon.download1,
.module-base-layout .module-icon.triangle-right1,
.module-base-layout .module-icon.triangle-under1,
.module-base-layout .module-icon.line-right1,
.module-base-layout .module-icon.line-left1 {
  position: relative;
  top: -0.15em;
  padding-left: 0.5em;
}
.module-base-layout .module-icon.search1.pos-left,
.module-base-layout .module-icon.blank1.pos-left,
.module-base-layout .module-icon.pdf1.pos-left,
.module-base-layout .module-icon.download1.pos-left,
.module-base-layout .module-icon.triangle-right1.pos-left,
.module-base-layout .module-icon.triangle-under1.pos-left,
.module-base-layout .module-icon.line-right1.pos-left,
.module-base-layout .module-icon.line-left1.pos-left {
  padding-left: 0;
  padding-right: 0.5em;
}
.module-base-layout .module-icon.search1 {
  font-size: 150%;
  line-height: 1.1;
}
.module-base-layout .module-icon.search1::before {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F01F';
}
.module-base-layout .module-icon.blank1 {
  line-height: 0;
}
.module-base-layout .module-icon.blank1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F011';
}
.module-base-layout .module-icon.pdf1 {
  font-size: 128.57142857142858%;
}
.module-base-layout .module-icon.pdf1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  content: '';
  width: 1em;
  height: 1em;
  background: url("../img/common/icon/pdf1.png") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
.module-base-layout .module-icon.download1 {
  font-size: 164.28571428571428%;
}
.module-base-layout .module-icon.download1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F028';
}
.module-base-layout .module-icon.triangle-under1 {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-icon.triangle-under1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F00D';
}
.module-base-layout .module-icon.triangle-right1 {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-icon.triangle-right1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F002';
}
.module-base-layout .module-icon.triangle-bottom1 {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-icon.triangle-bottom1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: ICON_ARROW_TRIANGLE_BOTTOM;
}
.module-base-layout .module-icon.line-right1 {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-icon.line-right1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F009';
}
.module-base-layout .module-icon.line-left1 {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-icon.line-left1::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F008';
}
.module-base-layout .module-icon.accordion1 {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 0.75em;
  height: 0.75em;
}
.module-base-layout .module-icon.accordion1::before,
.module-base-layout .module-icon.accordion1::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  display: block;
  content: '';
  width: 100%;
  height: 0;
}
.module-base-layout .module-icon.accordion1::before,
.module-base-layout .module-icon.accordion1::after {
  border-top: 2px solid #003e80;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.module-base-layout .module-icon.accordion1::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.module-base-layout .module-icon.shape-circle1 {
  display: block;
  border-radius: 50%;
  text-align: center;
}
.layout-pc .module-base-layout .module-icon.shape-circle1 {
  width: 30px;
  height: 30px;
  font-size: 113%;
}
.layout-pc .module-base-layout .module-icon.shape-circle1::before {
  line-height: 30px;
}
.layout-pc .module-base-layout .module-icon.shape-circle1.twitter1 {
  font-size: 107%;
}
.layout-pc .module-base-layout .module-icon.shape-circle1.youtube1 {
  font-size: 125%;
}
.layout-sp .module-base-layout .module-icon.shape-circle1 {
  width: 1.6em;
  height: 1.6em;
  font-size: 125%;
}
.layout-sp .module-base-layout .module-icon.shape-circle1::before {
  line-height: 1.6;
}
/*
---
name: inner
category:
  - module
  - module/inner
tag:
  - base
  - latest
  - pc
  - sp
---

inner styles

* Base inner style.

```html
<div class="module-outer">
  <div class="module-inner" style="background:#ccc;">
    <p>inner</p>
  </div>
</div>
<br>
<div class="module-outer">
  <div class="module-narrow-inner">
    <p>inner</p>
  </div>
</div>
<br>
<div class="module-outer">
  <div class="module-inner">
    <div class="module-negative-inner" style="background:#ccc;">
      <p>sp inner</p>
    </div>
  </div>
</div>
```
```jade
.module-outer
  .module-inner
    p inner

.module-outer
  .module-narrow-inner
    p inner

.module-outer
  .module-inner
    .module-negative-inner
      p inner
```
*/
.module-base-layout .module-inner {
  margin: 0 auto;
}
.layout-pc .module-base-layout .module-inner {
  max-width: 1000px;
  padding-left: 2.830188679245283%;
  padding-right: 2.830188679245283%;
}
.layout-sp .module-base-layout .module-inner {
  width: 90%;
}
.module-base-layout .module-narrow-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.layout-pc .module-base-layout .module-narrow-inner {
  max-width: 832px;
}
.layout-sp .module-base-layout .module-negative-inner {
  margin-left: -5.555555555555555%;
  margin-right: -5.555555555555555%;
}
/*
---
name: layout
category:
  - module
  - module/layout
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

layout styles

* base layout style.

```html
<div class="module-contents-section">
  <div class="module-layout image-left">
    <div class="layout-item image">
      <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
    </div>
    <div class="layout-item text">
      <p>text text text text text text text text text text text text text text text text text text text</p>
    </div>
  </div>
</div>

<div class="module-contents-section">
  <div class="module-layout image-right">
    <div class="layout-item image">
      <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
    </div>
    <div class="layout-item text">
      <p>text text text text text text text text text text text text text text text text text text text</p>
    </div>
  </div>
</div>
```
```jade
.module-contents-section
  .module-layout.image-left
    .layout-item.image
      figure
        span.object: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    .layout-item.text
      p text

.module-contents-section
  .module-layout.image-right
    .layout-item.image
      figure
        span.object: img(src="/_styleguide/assets/img/common/dummy.png" alt="")
    .layout-item.text
      p text
```
*/
.module-base-layout .module-layout:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-layout .layout-item {
  float: left;
}
.module-base-layout .module-layout .layout-item .object {
  display: block;
}
.module-base-layout .module-layout .layout-item.text {
  position: relative;
  top: -4px;
}
.module-base-layout .module-layout .layout-item:nth-child(even) {
  float: none;
}
.module-base-layout .module-layout .layout-item:nth-child(odd) {
  padding-right: 20px;
}
.module-base-layout .module-layout.image-right .layout-item {
  float: right;
}
.module-base-layout .module-layout.image-right .layout-item:nth-child(odd) {
  padding-left: 20px;
  padding-right: 0;
}
.module-base-layout .module-layout.image-right .layout-item:nth-child(even) {
  float: none;
}
.module-base-layout .module-layout.type-vertical .layout-item.text {
  display: inline;
}
.layout-pc .module-base-layout .module-layout .layout-item {
  overflow: hidden;
}
.layout-sp .module-base-layout .module-layout .layout-item.text {
  position: relative;
  top: -1.041666666666667%;
}
.layout-sp .module-base-layout .module-layout .layout-item.image {
  max-width: 50%;
}
.layout-sp .module-base-layout .module-layout .layout-item:nth-child(odd) {
  padding-right: 3.472222222222222%;
}
.layout-sp .module-base-layout .module-layout.image-right .layout-item:nth-child(odd) {
  padding-right: 0;
  padding-left: 3.472222222222222%;
}
.layout-sp .module-base-layout .module-layout.type-vertical .layout-item.image {
  width: 100%;
  max-width: 100%;
  float: none;
  padding-right: 0;
}
.layout-sp .module-base-layout .module-layout.type-vertical .layout-item.image img {
  width: 100%;
}
.layout-sp .module-base-layout .module-layout.type-vertical .layout-item.text {
  display: block;
  margin-top: 5.208333333333334%;
}
/*
---
name: list
category:
  - module
  - module/list
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

list styles

* Base list-card style.

```html
<div class="module-list type-card1">
  <ul>
    <li><a href="#">
        <div class="layout-item image">
          <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
        </div>
        <div class="layout-item text has-information">
          <div class="inner">
            <p class="title">title</p>
            <p class="description">description description description description description description description</p>
            <div class="information">
              <p class="category">イベント</p>
              <p class="date">2017.09.01</p>
            </div>
            <p class="more"><span class="label">詳細を見る</span><span class="module-icon triangle-right1"></span></p>
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>
```
```jade
.module-list.type-card1
  ul
    li
      a(href="#")
        .layout-item.image
          figure
            span.object
              img(src="/_styleguide/assets/img/common/dummy.png" alt="")
        .layout-item.text.has-information
          .inner
            p.title title
            p.description description description description description description description description
            .information
              p.category イベント
              p.date 2017.09.01
            p.more
              span.label 詳細を見る
              span.module-icon.triangle-right1
```

* Base list-category1 style.

```html
<div class="module-inner">
  <div class="module-list type-category1">
    <ul>
      <li>
        <a href="#" target="_blank">
          <div class="layout-item image">
            <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
          </div>
          <div class="layout-item text has-information">
            <div class="inner">
              <p class="title">label1</p>
            </div>
          </div>
          <span class="module-icon triangle-right1"></span>
        </a>
      </li>
      <li>
        <a href="#" target="_blank">
          <div class="layout-item image">
            <figure><span class="object"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></span></figure>
          </div>
          <div class="layout-item text has-information">
            <div class="inner">
              <p class="title">label2</p>
            </div>
          </div>
          <span class="module-icon triangle-right1"></span>
        </a>
      </li>
    </ul>
  </div>
</div>
```
```jade
.module-inner
  .module-list.type-category1
    ul
      for key in store_category.list
        li
          a(href=key.link_url target=key.link_target)
            .layout-item.image
              figure
                span.object
                  img(src=img_path + 'common/store/category/' + key.id + '.jpg' alt="")
            .layout-item.text.has-information
              .inner
                p.title!= key.label
            span.module-icon.triangle-right1
```

* Base list-category2 style.

```html
<div class="module-list type-category2">
  <ul>
    <li class="is-handled">
      <a href="#">
        <div class="inner">
          <div class="thumbnail"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></div>
          <div class="text">label1</div>
        </div>
      </a>
    </li>
    <li>
      <a href="#">
        <div class="inner">
          <div class="thumbnail"><img src="/_styleguide/assets/img/common/dummy.png" alt=""></div>
          <div class="text">label2</div>
        </div>
      </a>
    </li>
  </ul>
</div>
```
```jade
.module-list.type-category2
  ul
    for key in store_category.list
      li.is-handled
        a(href="#")
          .inner
            .thumbnail: img(src=img_path + 'common/store/category/' + key.id + '.jpg' alt="")
            .text!= key.label
```

* Base list-area1 style.

```html
<div class="module-list type-area1">
  <ul>
    <li><a href="#">
        <div class="inner"><span class="sub-area">北海道</span><span class="number-of-stores">000</span></div><span class="module-icon triangle-right1"></span></a>
    </li>
  </ul>
</div>
```
```jade
.module-list.type-area1
  ul
    li
      a(href="#")
        .inner
          span.sub-area 北海道
          span.number-of-stores 000
        span.module-icon.triangle-right1
```

* Base list-information1 style.

```html
<div class="module-list type-information1">
  <ul>
    <li><a href="#">
        <div class="inner">
          <dl>
            <dt class="date">2017.08.31</dt>
            <dd class="description">
              <p>辻堂店(神奈川県藤沢市)移転のお知らせ</p>
            </dd>
          </dl>
        </div><span class="module-icon triangle-right1"></span></a>
    </li>
  </ul>
</div>
```
```jade
.module-list.type-information1
  ul
    li
      a(href="#")
        .inner
          dl
            dt.date 2017.08.31
            dd.description
              p 辻堂店(神奈川県藤沢市)移転のお知らせ
        span.module-icon.triangle-right1
```
*/
.module-base-layout .module-list > ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-list > ul > li {
  position: relative;
  top: 0;
  left: 0;
}
.module-base-layout .module-list.type-card1 ul > li,
.module-base-layout .module-slider-list ul > li {
  border-bottom: 1px solid #e8e8ea;
}
.module-base-layout .module-list.type-card1 ul > li .column,
.module-base-layout .module-slider-list ul > li .column,
.module-base-layout .module-list.type-card1 ul > li a,
.module-base-layout .module-slider-list ul > li a {
  position: relative;
  display: block;
  height: 100%;
  color: #333;
  text-decoration: none;
}
.module-base-layout .module-list.type-card1 ul > li a,
.module-base-layout .module-slider-list ul > li a {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-list.type-card1 ul > li a img,
.module-base-layout .module-slider-list ul > li a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-list.type-card1 ul > li a:link,
.module-base-layout .module-slider-list ul > li a:link,
.module-base-layout .module-list.type-card1 ul > li a:visited,
.module-base-layout .module-slider-list ul > li a:visited,
.module-base-layout .module-list.type-card1 ul > li a:active,
.module-base-layout .module-slider-list ul > li a:active,
.module-base-layout .module-list.type-card1 ul > li a:focus,
.module-base-layout .module-slider-list ul > li a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-card1 ul > li a:hover,
.ua-pc .module-base-layout .module-slider-list ul > li a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-list.type-card1 ul .layout-item .object,
.module-base-layout .module-slider-list ul .layout-item .object {
  display: block;
}
.module-base-layout .module-list.type-card1 ul .layout-item .title,
.module-base-layout .module-slider-list ul .layout-item .title {
  font-weight: bold;
}
.module-base-layout .module-list.type-card1 ul .layout-item .information,
.module-base-layout .module-slider-list ul .layout-item .information {
  position: absolute;
  color: #777;
}
.module-base-layout .module-list.type-card1 ul .layout-item .category,
.module-base-layout .module-slider-list ul .layout-item .category,
.module-base-layout .module-list.type-card1 ul .layout-item .date,
.module-base-layout .module-slider-list ul .layout-item .date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-base-layout .module-list.type-card1 ul .layout-item .more,
.module-base-layout .module-slider-list ul .layout-item .more {
  position: absolute;
  color: #003e80;
  text-align: right;
}
.module-base-layout .module-list.type-card1 ul .layout-item .more .inner,
.module-base-layout .module-slider-list ul .layout-item .more .inner {
  display: table;
}
.module-base-layout .module-list.type-card1 ul .layout-item .more .label,
.module-base-layout .module-slider-list ul .layout-item .more .label,
.module-base-layout .module-list.type-card1 ul .layout-item .more .module-icon,
.module-base-layout .module-slider-list ul .layout-item .more .module-icon {
  display: table-cell;
  vertical-align: middle;
}
.module-base-layout .module-list.type-card1 ul .layout-item .more .label,
.module-base-layout .module-slider-list ul .layout-item .more .label {
  position: relative;
  width: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-base-layout .module-list.type-card1 ul .layout-item .more .module-icon,
.module-base-layout .module-slider-list ul .layout-item .more .module-icon {
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.module-base-layout .module-list.type-card1 ul .layout-item .more .module-icon.blank1,
.module-base-layout .module-slider-list ul .layout-item .more .module-icon.blank1 {
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item.text,
.layout-pc .module-base-layout .module-slider-list .layout-item.text {
  font-size: 88%;
  padding: 10px 20px 16px 20px;
  line-height: 1.704545454545455;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item.text > .inner,
.layout-pc .module-base-layout .module-slider-list .layout-item.text > .inner {
  padding-bottom: 40px;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .title,
.layout-pc .module-base-layout .module-slider-list .layout-item .title {
  margin-bottom: 6px;
  line-height: 1.491477272727273;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .information,
.layout-pc .module-base-layout .module-slider-list .layout-item .information {
  width: 87.5%;
  left: 20px;
  bottom: 16px;
  font-size: 93%;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .category,
.layout-pc .module-base-layout .module-slider-list .layout-item .category {
  width: 100%;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .date,
.layout-pc .module-base-layout .module-slider-list .layout-item .date {
  width: 40%;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .more,
.layout-pc .module-base-layout .module-slider-list .layout-item .more {
  width: 50%;
  right: 20px;
  bottom: 16px;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item .more .module-icon,
.layout-pc .module-base-layout .module-slider-list .layout-item .more .module-icon {
  padding-left: 4px;
}
.layout-pc .module-base-layout .module-list.type-card1 .layout-item.has-information > .inner,
.layout-pc .module-base-layout .module-slider-list .layout-item.has-information > .inner {
  padding-bottom: 55px;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item.image img,
.layout-sp .module-base-layout .module-slider-list .layout-item.image img {
  width: 100%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item.text,
.layout-sp .module-base-layout .module-slider-list .layout-item.text {
  padding: 3.298611111111112% 0 5.729166666666666%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item.text.has-information > .inner,
.layout-sp .module-base-layout .module-slider-list .layout-item.text.has-information > .inner {
  padding-bottom: 12.5%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item > .inner,
.layout-sp .module-base-layout .module-slider-list .layout-item > .inner {
  padding-bottom: 6.25%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item .title,
.layout-sp .module-base-layout .module-slider-list .layout-item .title {
  margin-bottom: 2.083333333333333%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item .description,
.layout-sp .module-base-layout .module-slider-list .layout-item .description {
  margin-bottom: 2.083333333333333%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item .information,
.layout-sp .module-base-layout .module-slider-list .layout-item .information {
  left: 0;
  bottom: 1.636363636363636em;
  font-size: 92%;
  width: 60%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item .more,
.layout-sp .module-base-layout .module-slider-list .layout-item .more {
  right: 0;
  bottom: 1.375em;
  width: 40%;
}
.layout-sp .module-base-layout .module-list.type-card1 .layout-item .more .module-icon,
.layout-sp .module-base-layout .module-slider-list .layout-item .more .module-icon {
  padding-left: 0.25em;
}
.module-base-layout .module-list.type-card2 .layout-item .object {
  display: block;
}
.module-base-layout .module-list.type-card2 .layout-item .title {
  font-weight: bold;
}
.layout-pc .module-base-layout .module-list.type-card2 .layout-item.text {
  font-size: 88%;
  padding: 10px 20px 16px 20px;
  line-height: 1.704545454545455;
}
.layout-pc .module-base-layout .module-list.type-card2 .layout-item .title {
  margin-bottom: 6px;
  line-height: 1.491477272727273;
}
.layout-sp .module-base-layout .module-list.type-card2 > ul > li {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-list.type-card2 > ul .layout-item.image img {
  width: 100%;
}
.layout-sp .module-base-layout .module-list.type-card2 > ul .layout-item.text {
  padding: 3.298611111111112% 0 5.729166666666666%;
}
.layout-sp .module-base-layout .module-list.type-card2 > ul .layout-item .title {
  margin-bottom: 2.083333333333333%;
}
.module-base-layout .module-list.type-card3 .layout-item .object {
  display: block;
}
.module-base-layout .module-list.type-card3 .layout-item .title {
  font-weight: bold;
}
.layout-pc .module-base-layout .module-list.type-card3 .layout-item.text {
  font-size: 88%;
  padding-top: 10px;
  line-height: 1.704545454545455;
}
.layout-pc .module-base-layout .module-list.type-card3 .layout-item .title {
  margin-bottom: 6px;
  line-height: 1.491477272727273;
}
.layout-sp .module-base-layout .module-list.type-card3 > ul > li {
  margin-top: 6.944444444444445%;
}
.layout-sp .module-base-layout .module-list.type-card3 > ul > li:first-child {
  margin-top: 0;
}
.layout-sp .module-base-layout .module-list.type-card3 > ul .layout-item.image img {
  width: 100%;
}
.layout-sp .module-base-layout .module-list.type-card3 > ul .layout-item.text {
  padding-top: 3.298611111111112%;
}
.layout-sp .module-base-layout .module-list.type-card3 > ul .layout-item .title {
  margin-bottom: 2.083333333333333%;
}
.module-base-layout .module-list.type-category1 > ul {
  margin-top: -1px;
}
.module-base-layout .module-list.type-category1 > ul:first-child {
  margin-top: 0;
}
.module-base-layout .module-list.type-category1 > ul > li {
  margin: 0;
}
.module-base-layout .module-list.type-category1 > ul > li a {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-list.type-category1 > ul > li a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-list.type-category1 > ul > li a:link,
.module-base-layout .module-list.type-category1 > ul > li a:visited,
.module-base-layout .module-list.type-category1 > ul > li a:active,
.module-base-layout .module-list.type-category1 > ul > li a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-category1 > ul > li a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul .column,
.layout-pc .module-base-layout .module-list.type-category1 > ul a {
  border-bottom: none;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul .column::after,
.layout-pc .module-base-layout .module-list.type-category1 > ul a::after {
  content: none;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul .column > .module-icon,
.layout-pc .module-base-layout .module-list.type-category1 > ul a > .module-icon {
  display: none;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li {
  width: 320px;
  margin: 10px 10px 0;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li:nth-child(-n + 3) {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li .layout-item.image {
  width: 90px;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li .layout-item.image .object {
  display: block;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li .layout-item.image .object img {
  min-height: 72px;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li .layout-item.text {
  font-size: 94%;
  padding: 10px 20px 0 20px;
}
.layout-pc .module-base-layout .module-list.type-category1 > ul > li .layout-item .title {
  color: #003e80;
}
.layout-sp .module-base-layout .module-list.type-category1 {
  margin: 0 -5.555555555555555%;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li {
  border-top: 1px solid #e8e8ea;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li:last-child {
  border-bottom: 1px solid #e8e8ea;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .column,
.layout-sp .module-base-layout .module-list.type-category1 > ul > li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  padding: 0.9375% 5%;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .column > .module-icon,
.layout-sp .module-base-layout .module-list.type-category1 > ul > li a > .module-icon {
  position: absolute;
  top: 50%;
  right: 5.555555555555555%;
  margin-top: -0.5em;
  color: #003e80;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .layout-item {
  display: table-cell;
  vertical-align: middle;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .layout-item.image {
  width: 17.53472222222222%;
  padding-right: 3.993055555555555%;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .layout-item.image .object img {
  min-height: 10.46875vw;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .layout-item.text {
  padding-right: 9.722222222222223%;
  padding-top: 4.166666666666666%;
  padding-bottom: 4.166666666666666%;
}
.layout-sp .module-base-layout .module-list.type-category1 > ul > li .layout-item .title {
  font-weight: normal;
}
.module-base-layout .module-list.type-category2 > ul {
  border-top: 1px solid #f0f0f0;
}
.module-base-layout .module-list.type-category2 > ul > li {
  border-bottom: 1px solid #f0f0f0;
}
.module-base-layout .module-list.type-category2 > ul > li.is-handled .column,
.module-base-layout .module-list.type-category2 > ul > li.is-handled a {
  pointer-events: auto;
}
.module-base-layout .module-list.type-category2 > ul > li.is-handled .inner {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
}
.module-base-layout .module-list.type-category2 .column,
.module-base-layout .module-list.type-category2 a {
  display: block;
  height: 100%;
  color: #333;
  text-decoration: none;
  pointer-events: none;
}
.module-base-layout .module-list.type-category2 a {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-list.type-category2 a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-list.type-category2 a:link,
.module-base-layout .module-list.type-category2 a:visited,
.module-base-layout .module-list.type-category2 a:active,
.module-base-layout .module-list.type-category2 a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-category2 a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-list.type-category2 .inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.module-base-layout .module-list.type-category2 .thumbnail,
.module-base-layout .module-list.type-category2 .text {
  display: table-cell;
  vertical-align: middle;
}
.layout-pc .module-base-layout .module-list.type-category2 ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout-pc .module-base-layout .module-list.type-category2 li {
  width: 20%;
}
.layout-pc .module-base-layout .module-list.type-category2 .thumbnail {
  width: 30%;
}
.layout-pc .module-base-layout .module-list.type-category2 .text {
  padding: 5px 5px 5px 14px;
  font-size: 88%;
}
.layout-sp .module-base-layout .module-list.type-category2 > ul {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-list.type-category2 > ul > li {
  padding: 0 3.125%;
  overflow: hidden;
}
.layout-sp .module-base-layout .module-list.type-category2 .thumbnail {
  width: 17.40740740740741%;
}
.layout-sp .module-base-layout .module-list.type-category2 .text {
  padding: 1.851851851851852% 0 1.851851851851852% 2.962962962962963%;
}
.module-base-layout .module-list.type-area1 {
  overflow: hidden;
}
.module-base-layout .module-list.type-area1 > ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module-base-layout .module-list.type-area1 > ul > li {
  border-bottom: 1px solid #f0f0f0;
}
.module-base-layout .module-list.type-area1 > ul .column,
.module-base-layout .module-list.type-area1 > ul a {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.module-base-layout .module-list.type-area1 > ul .column > .module-icon,
.module-base-layout .module-list.type-area1 > ul a > .module-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
}
.module-base-layout .module-list.type-area1 > ul a {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-list.type-area1 > ul a:link,
.module-base-layout .module-list.type-area1 > ul a:visited,
.module-base-layout .module-list.type-area1 > ul a:active,
.module-base-layout .module-list.type-area1 > ul a:focus,
.module-base-layout .module-list.type-area1 > ul a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-area1 > ul a:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-list.type-area1 > ul .sub-area,
.module-base-layout .module-list.type-area1 > ul .number-of-stores {
  vertical-align: middle;
}
.module-base-layout .module-list.type-area1 > ul .number-of-stores {
  display: inline-block;
  color: #777;
}
.module-base-layout .module-list.type-area1 > ul .number-of-stores::before,
.module-base-layout .module-list.type-area1 > ul .number-of-stores::after {
  display: inline;
}
.module-base-layout .module-list.type-area1 > ul .number-of-stores::before {
  content: '(';
}
.module-base-layout .module-list.type-area1 > ul .number-of-stores::after {
  content: '店舗)';
}
.layout-pc .module-base-layout .module-list.type-area1 > ul .column,
.layout-pc .module-base-layout .module-list.type-area1 > ul a {
  padding: 5px 30px 5px 14px;
}
.layout-pc .module-base-layout .module-list.type-area1 > ul .column > .module-icon,
.layout-pc .module-base-layout .module-list.type-area1 > ul a > .module-icon {
  right: 14px;
}
.layout-pc .module-base-layout .module-list.type-area1 > ul .number-of-stores {
  padding-left: 5px;
  font-size: 88%;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul {
  margin: 0;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul .column,
.layout-sp .module-base-layout .module-list.type-area1 > ul a {
  padding: 10.416666666666668% 13.88888888888889% 10.416666666666668% 5.208333333333334%;
  border-right: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul .column > .module-icon,
.layout-sp .module-base-layout .module-list.type-area1 > ul a > .module-icon {
  right: 5.208333333333334%;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul .sub-area {
  color: #333;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul .number-of-stores {
  padding-left: 0.208333333333333em;
}
.layout-sp .module-base-layout .module-list.type-area1 > ul > li {
  width: 50%;
  margin: 0;
}
.module-base-layout .module-list.type-store1.is-error {
  text-align: center;
}
.module-base-layout .module-list.type-store1.is-error > ul > li {
  padding-top: 34px;
  padding-bottom: 33px;
}
.layout-sp .module-base-layout .module-list.type-store1.is-error > ul > li {
  padding-top: 5%;
  padding-bottom: 5%;
}
.module-base-layout .module-list.type-store1 > ul {
  border-top: 1px solid #e8e8ea;
}
.module-base-layout .module-list.type-store1 > ul > li {
  border-bottom: 1px solid #e8e8ea;
}
.module-base-layout .module-list.type-store1 > ul > li:nth-child(even) {
  background-color: #f6f7f9;
}
.module-base-layout .module-list.type-store1 .column,
.module-base-layout .module-list.type-store1 a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  text-decoration: none;
  color: #333;
}
.module-base-layout .module-list.type-store1 .column > .module-icon,
.module-base-layout .module-list.type-store1 a > .module-icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
  color: #003e80;
}
.module-base-layout .module-list.type-store1 a {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-list.type-store1 a:link,
.module-base-layout .module-list.type-store1 a:visited,
.module-base-layout .module-list.type-store1 a:active,
.module-base-layout .module-list.type-store1 a:focus,
.module-base-layout .module-list.type-store1 a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-store1 a:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-list.type-store1 dt,
.module-base-layout .module-list.type-store1 dd {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.module-base-layout .module-list.type-store1 .note {
  display: block;
}
.module-base-layout .module-list.type-store1 .information .post_code,
.module-base-layout .module-list.type-store1 .information .address {
  display: inline-block;
}
.module-base-layout .module-list.type-store1 .category li {
  border-color: #c5c6c7;
  color: #333;
}
.layout-pc .module-base-layout .module-list.type-store1 .column > .module-icon,
.layout-pc .module-base-layout .module-list.type-store1 a > .module-icon {
  right: 15px;
}
.layout-pc .module-base-layout .module-list.type-store1 dl {
  display: table;
  width: 100%;
}
.layout-pc .module-base-layout .module-list.type-store1 dl dt,
.layout-pc .module-base-layout .module-list.type-store1 dl dd {
  display: table-cell;
  vertical-align: middle;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .name {
  width: 24%;
  padding: 0 20px;
  line-height: 1.5;
  border-right: 1px solid #e8e8ea;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .information {
  padding: 18px 19px;
  font-size: 88%;
  line-height: 1.5;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .information .open-hours,
.layout-pc .module-base-layout .module-list.type-store1 dl .information .parking {
  display: inline-block;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .information .open-hours {
  margin-right: 8px;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .category {
  width: 31%;
  padding-right: 40px;
}
.layout-pc .module-base-layout .module-list.type-store1 dl .note {
  font-size: 82%;
}
.layout-sp .module-base-layout .module-list.type-store1 > ul {
  margin: 0 -5.555555555555555%;
}
.layout-sp .module-base-layout .module-list.type-store1 .column > .module-icon,
.layout-sp .module-base-layout .module-list.type-store1 a > .module-icon {
  right: 5%;
}
.layout-sp .module-base-layout .module-list.type-store1 dl {
  padding: 5% 10.9375% 5% 5%;
}
.layout-sp .module-base-layout .module-list.type-store1 .name {
  margin-bottom: 2.416356877323421%;
}
.layout-sp .module-base-layout .module-list.type-store1 .store {
  font-weight: bold;
}
.layout-sp .module-base-layout .module-list.type-store1 li .category {
  margin-top: 4.275092936802974%;
}
.module-base-layout .module-list.type-information1 > ul {
  border-bottom: 1px solid #f0f0f0;
}
.module-base-layout .module-list.type-information1 > ul > li {
  border-top: 1px solid #f0f0f0;
}
.module-base-layout .module-list.type-information1 .inner {
  width: 100%;
}
.module-base-layout .module-list.type-information1 .column,
.module-base-layout .module-list.type-information1 a {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  padding-right: 1.25em;
}
.module-base-layout .module-list.type-information1 a {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-list.type-information1 a:link,
.module-base-layout .module-list.type-information1 a:visited,
.module-base-layout .module-list.type-information1 a:active,
.module-base-layout .module-list.type-information1 a:focus,
.module-base-layout .module-list.type-information1 a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-information1 a:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-list.type-information1 a > .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -0.5em;
  line-height: 1;
}
.module-base-layout .module-list.type-information1 a[target="_blank"] > .icon {
  font-size: 100%;
}
.module-base-layout .module-list.type-information1 a[target="_blank"] > .icon::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F011';
}
.module-base-layout .module-list.type-information1 dt {
  color: #333;
}
.module-base-layout .module-list.type-information1 dd {
  word-break: break-all;
}
.module-base-layout .module-list.type-information1 .category li {
  display: block;
}
.module-base-layout .module-list.type-information1 .pdf .description {
  position: relative;
  top: 0;
  left: 0;
}
.module-base-layout .module-list.type-information1 .pdf .description::before {
  display: block;
  content: '';
  background: url("../img/common/icon/pdf1.png") no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
}
.module-base-layout .module-list.type-information1 .pdf .description span {
  color: #777;
  padding-left: 1em;
}
.module-base-layout .module-list.type-information1 .icon {
  font-size: 71.42857142857143%;
}
.module-base-layout .module-list.type-information1 .icon::after {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F002';
}
.layout-pc .module-base-layout .module-list.type-information1 dl {
  display: table;
  width: 100%;
}
.layout-pc .module-base-layout .module-list.type-information1 dt,
.layout-pc .module-base-layout .module-list.type-information1 dd {
  display: table-cell;
  vertical-align: middle;
}
.layout-pc .module-base-layout .module-list.type-information1 dl {
  padding: 17px 0;
}
.layout-pc .module-base-layout .module-list.type-information1 dt,
.layout-pc .module-base-layout .module-list.type-information1 dd {
  font-size: 88%;
  line-height: 1.2;
}
.layout-pc .module-base-layout .module-list.type-information1 dt {
  width: 5em;
  padding: 0 1.420454545454545em;
}
.layout-pc .module-base-layout .module-list.type-information1 dd {
  padding-right: 1.420454545454545em;
}
.layout-pc .module-base-layout .module-list.type-information1 .category {
  width: 10em;
}
.layout-pc .module-base-layout .module-list.type-information1 .pdf .description {
  padding-left: 2.414772727272727em;
}
.layout-pc .module-base-layout .module-list.type-information1 .pdf .description::before {
  width: 1.278409090909091em;
  height: 1.278409090909091em;
  position: absolute;
  bottom: 0.071022727272727em;
  left: 0;
}
.layout-sp .module-base-layout .module-list.type-information1 .inner {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4.166666666666666% 0 5.208333333333334%;
}
.layout-sp .module-base-layout .module-list.type-information1 .column,
.layout-sp .module-base-layout .module-list.type-information1 a {
  padding-right: 4.166666666666666%;
}
.layout-sp .module-base-layout .module-list.type-information1 .column > .icon,
.layout-sp .module-base-layout .module-list.type-information1 a > .icon {
  right: 0;
}
.layout-sp .module-base-layout .module-list.type-information1 dl:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.layout-sp .module-base-layout .module-list.type-information1 dt,
.layout-sp .module-base-layout .module-list.type-information1 .category {
  float: left;
}
.layout-sp .module-base-layout .module-list.type-information1 .description {
  clear: both;
}
.layout-sp .module-base-layout .module-list.type-information1 dt {
  padding-right: 3.623188405797102%;
}
.layout-sp .module-base-layout .module-list.type-information1 .category span {
  width: 10.416666666666666em;
  font-size: 84%;
  line-height: 1.65;
  padding-top: 0.15em;
}
.layout-sp .module-base-layout .module-list.type-information1 .description {
  padding-top: 2.173913043478261%;
  line-height: 1.5;
}
.layout-sp .module-base-layout .module-list.type-information1 .pdf .description {
  padding-left: 2.083333333333333em;
}
.layout-sp .module-base-layout .module-list.type-information1 .pdf .description::before {
  width: 1.5em;
  padding-top: 1.5em;
  position: absolute;
  bottom: 0.166666666666667em;
  left: 0;
}
.module-base-layout .module-list.type-panel1 ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.module-base-layout .module-list.type-panel1 li {
  width: 33.333333333333336%;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.module-base-layout .module-list.type-panel1 li:nth-child(-n + 3) {
  border-top: 1px solid #ddd;
}
.module-base-layout .module-list.type-panel1 li:nth-child(3n + 1) {
  border-left: 1px solid #ddd;
}
.module-base-layout .module-list.type-panel1 li a {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-list.type-panel1 li a:link,
.module-base-layout .module-list.type-panel1 li a:visited,
.module-base-layout .module-list.type-panel1 li a:active,
.module-base-layout .module-list.type-panel1 li a:focus,
.module-base-layout .module-list.type-panel1 li a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-list.type-panel1 li a:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-list.type-panel1 li a .module-icon {
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module-base-layout .module-list.type-panel1 li a.is-active {
  background: #003e80;
  color: #fff;
  pointer-events: none;
}
.module-base-layout .module-list.type-panel1 li a.is-active .label {
  color: #fff !important;
}
.layout-pc .module-base-layout .module-list.type-panel1 a {
  padding: 5px 30px 5px 12px;
  font-size: 14px;
}
.layout-sp .module-base-layout .module-list.type-panel1 {
  margin: 0 -5.555555555555555%;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li {
  width: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li:first-child {
  border-top: 1px solid #ddd;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li a {
  padding: 5%;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li a .label {
  color: #333;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li a .module-icon {
  position: absolute;
  top: 50%;
  right: 5%;
}
.layout-sp .module-base-layout .module-list.type-panel1 ul li a .module-icon.blank1 {
  font-size: 1.5em;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
            filter: none;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
            filter: none;
  }
}
/*
---
name: notice
category:
  - module
  - module/notice
tag:
  - base
  - latest
  - pc
  - sp
---

notice styles

* Base notice style.

```html
<div class="module-notice">
  <ul>
    <li><span class="mark">※</span>list1</li>
    <li><span class="mark">※</span>list2</li>
  </ul>
</div>
```
```jade
.module-notice
  ul
    li
      span.mark ※
      | list1
    li
      span.mark ※
      | list2
```
*/
.module-base-layout .module-notice {
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  font-size: 82%;
  line-height: 1.615384615384615;
}
.module-base-layout .module-notice li {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 1.230769230769231em;
}
.module-base-layout .module-notice .mark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.layout-sp .module-base-layout .module-notice {
  padding: 3.298611111111112%;
  font-size: 100%;
  line-height: 1.5;
}
.layout-sp .module-base-layout .module-notice li {
  padding-left: 1em;
}
/*
---
name: outer
category:
  - module
  - module/outer
tag:
  - base
  - latest
  - pc
  - sp
---

outer styles

* base outer style.

```html
<div class="module-outer" style="background:#ccc;">outer</div>
```
```jade
.module-outer
```
*/
.module-base-layout .module-outer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.layout-pc .module-base-layout .module-outer {
  max-width: 1060px;
}
.layout-sp .module-base-layout .module-outer {
  width: 100%;
}
/*
---
name: table
category:
  - module
  - module/table
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

table styles

* Base table style.

```html
<div class="module-table">
  <dl>
    <dt>title1</dt>
    <dd>text1</dd>
  </dl>
  <dl>
    <dt>title2</dt>
    <dd>text2</dd>
  </dl>
</div>
```
```jade
.module-table
  dl
    dt title1
    dd
      p text1
  dl
    dt title1
    dd
      p text1
```
*/
.module-base-layout .module-table > dl {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
}
.module-base-layout .module-table > dl > dt {
  font-weight: bold;
  background-color: #f6f7f9;
}
.module-base-layout .module-table > dl > dt,
.module-base-layout .module-table > dl > dd {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.layout-pc .module-base-layout .module-table {
  font-size: 88%;
  line-height: 1.5;
}
.layout-pc .module-base-layout .module-table > dl:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.layout-pc .module-base-layout .module-table > dl {
  display: table;
  border-top: 1px solid #f0f0f0;
}
.layout-pc .module-base-layout .module-table > dl > dt,
.layout-pc .module-base-layout .module-table > dl > dd {
  display: table-cell;
  padding: 17px 20px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.layout-pc .module-base-layout .module-table > dl > dt {
  width: 12.785714285714286em;
  border-right: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-table {
  font-size: 100%;
  line-height: 1.5;
}
.layout-sp .module-base-layout .module-table > dl:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-table > dl {
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-table > dl > dt,
.layout-sp .module-base-layout .module-table > dl > dd {
  padding: 2.264808362369338% 4.181184668989547% 1.916376306620209%;
}
/*
---
name: tags
category:
  - module
  - module/tags
tag:
  - base
  - latest
  - pc
  - sp
---

tags styles

* Base tags style.
* require <li\> inline.

```html
<div class="module-tags">
  <ul>
    <li>list1</li><li>list2</li>
  </ul>
</div>
```
```jade
.module-tags
  ul
    +inline('li') list1
    +inline('li') list2
```
*/
.module-base-layout .module-tags {
  font-size: 69%;
  line-height: 1.454545454545455;
}
.module-base-layout .module-tags ul {
  margin: -2px;
}
.module-base-layout .module-tags li {
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 5px;
  color: #555;
  background-color: #fff;
  text-align: center;
}
.layout-pc .module-base-layout .module-tags li {
  padding-top: 2px;
  letter-spacing: 0.05em;
}
.layout-sp .module-base-layout .module-tags {
  font-size: 84%;
  line-height: 1.6;
}
.layout-sp .module-base-layout .module-tags ul {
  margin: -0.3em;
}
.layout-sp .module-base-layout .module-tags li {
  width: 10.5em;
  margin: 0.3em;
  padding: 0.1em 0.5em 0;
}
.module-base-layout .module-tags.type-category1 {
  font-size: 75%;
}
.module-base-layout .module-tags.type-category1 li {
  background: #003e80;
  color: #fff;
  font-weight: bold;
  border: none;
}
/*
---
name: button
category:
  - module
  - module/button
tag:
  - base
  - latest
  - pc
  - sp
---

button styles

* Base button style.

```html
<p class="button module-button">
  <a href="#">
    <span class="label">button label</span>
    <span class="module-icon search1"></span>
  </a>
</p>
<p class="button module-button">
  <a href="#">
    <span class="label">button label</span>
    <span class="module-icon triangle-right1"></span>
  </a>
</p>
<p class="button module-button">
  <a href="#">
    <span class="label">button label</span>
    <span class="module-icon blank1"></span>
  </a>
</p>
<p class="button module-button">
  <a href="#">
    <span class="label">button label</span>
    <span class="module-icon download1"></span>
  </a>
</p>
<p class="button module-button size-medium">
  <a href="#">
    <span class="label">button label</span>
    <span class="module-icon triangle-right1"></span>
  </a>
</p>
```
```jade
p.button.module-button: a(href="#")
  span.label button label
  span.module-icon.****

p.button.module-button.size-medium: a(href="#")
  span.label button label
  span.module-icon.****
```
*/
.module-base-layout .module-button {
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  text-align: center;
  word-break: break-all;
}
.module-base-layout .module-button a {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-button a:link {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-button a:visited {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-button a:hover {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-button a:active {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-button a:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.module-base-layout .module-button > a,
.module-base-layout .module-button > button {
  cursor: pointer;
}
.module-base-layout .module-button > * {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #dc0823;
  border-radius: 1px;
  text-align: left;
  border: none;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
  color: #fff;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.module-base-layout .module-button > *:link,
.module-base-layout .module-button > *:visited,
.module-base-layout .module-button > *:active,
.module-base-layout .module-button > *:focus,
.module-base-layout .module-button > *:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-button > *:hover {
  background-color: #e3394f;
}
.module-base-layout .module-button > * > .module-icon {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.module-base-layout .module-button .label {
  display: block;
  padding-right: 2em;
}
.layout-pc .module-base-layout .module-button {
  margin-top: 40px;
}
.layout-pc .module-base-layout .module-button > * {
  min-width: 240px;
  padding: 11px;
}
.layout-pc .module-base-layout .module-button > * > .module-icon {
  right: 11px;
}
.layout-pc .module-base-layout .module-button.size-medium {
  font-size: 88%;
}
.layout-pc .module-base-layout .module-button.size-medium > * {
  min-width: 210px;
  padding: 6px 13px;
}
.layout-pc .module-base-layout .module-button.size-large > * {
  min-width: 320px;
}
.layout-sp .module-base-layout .module-button {
  margin-top: 6.25%;
}
.layout-sp .module-base-layout .module-button > * {
  min-width: 83.33333333333334%;
  padding: 5.208333333333334% 4.6875%;
  border-radius: 3px;
}
.layout-sp .module-base-layout .module-button > * > .module-icon {
  right: 5%;
}
.layout-sp .module-base-layout .module-button.size-medium > * {
  min-width: 75%;
  padding: 3.125% 4.6875%;
}
.layout-sp .module-base-layout .module-button.size-medium > * > .module-icon {
  right: 5.555555555555555%;
}
/*
---
name: input
category:
  - module
  - module/input
tag:
  - base
  - latest
  - pc
  - sp
---

input styles

* Base input style.

```html
<label class="module-label">
  <input class="module-input" type="text">
</label>
<label class="module-label">
  <input class="module-input" type="checkbox"><span class="label">label</span>
</label>
```
```jade
label.module-label
  input.module-input(type="checkbox")
  span.label label
```
*/
.module-base-layout .module-label {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.module-base-layout .module-input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0.307692307692308em 1em;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 82%;
  line-height: 1.538461538461539;
}
.module-base-layout .module-input[type="text"]::-webkit-input-placeholder {
  color: #aaa;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
}
.module-base-layout .module-input[type="text"]:-moz-placeholder {
  color: #aaa;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.module-base-layout .module-input[type="text"]::-moz-placeholder {
  color: #aaa;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.module-base-layout .module-input[type="text"]:-ms-input-placeholder {
  color: #aaa;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.module-base-layout .module-input[type="text"].has-icon {
  padding-left: 2.846153846153846em;
  padding-right: 2.846153846153846em;
}
.module-base-layout .module-input[type="text"] + .module-icon {
  position: absolute;
  top: 50%;
  left: 0;
  padding-left: 0.8em;
  margin-top: -0.5em;
  font-size: 100%;
  color: #000;
  cursor: text;
}
.layout-sp .module-base-layout .module-input[type="text"] {
  padding: 0.458333333333333em 1em;
  border-radius: 3px;
  font-size: inherit;
}
.layout-sp .module-base-layout .module-input[type="text"] + .module-icon {
  padding-left: 1em;
}
.layout-sp .module-base-layout .module-input[type="text"].has-icon {
  padding-left: 2.375em;
  padding-right: 2.375em;
}
.module-base-layout .module-input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.module-base-layout .module-input[type="checkbox"] + .label {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.module-base-layout .module-input[type="checkbox"] + .label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #b2b2b2;
}
.layout-pc .module-base-layout .module-input[type="checkbox"] + .label {
  padding-left: 1.5em;
  line-height: 1.428571428571429;
  font-size: 88%;
}
.layout-pc .module-base-layout .module-input[type="checkbox"] + .label::before {
  font-size: 143%;
  line-height: 1;
}
.layout-sp .module-base-layout .module-input[type="checkbox"] + .label {
  padding-left: 1.916666666666667em;
  font-size: 100%;
}
.layout-sp .module-base-layout .module-input[type="checkbox"] + .label::before {
  font-size: 125%;
}
.module-base-layout .module-input[type="checkbox"]:checked + .label::before {
  background: #fff;
  color: #4c93ff;
}
/*
---
name: section
category:
  - module
  - module/section
tag:
  - base
  - latest
  - pc
  - sp
---

section styles

* Base section style.

```html
<section class="module-section">section</section>
<section class="module-section background1">section</section>
```
```jade
section.module-section
section.module-section.background1
```
*/
.layout-pc .module-base-layout .module-breadcrumbs + .module-section {
  padding-top: 28px;
}
.layout-sp .module-base-layout .module-breadcrumbs + .module-section {
  padding-top: 0.868055555555556%;
}
.module-base-layout .module-section {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.module-base-layout .module-section.background1 {
  background-color: #f6f7f9;
}
.layout-pc .module-base-layout .module-section {
  padding: 73px 0 80px;
}
.layout-pc .module-base-layout .module-section.narrow1 {
  width: 832px;
}
.layout-sp .module-base-layout .module-section {
  padding: 9.54861111111111% 0 12.152777777777777%;
}
/*
---
name: select
category:
  - module
  - module/select
tag:
  - base
  - latest
  - pc
  - sp
---

select styles

* Base select style.

```html
<div class="module-select">
  <div class="module-outer">
    <div class="module-inner">
      <div class="list">
        <div class="inner">
          <ul>
            <li class="is-active"><a href="#">2018</a></li>
            <li class="is-disabled"><span>2017</span></li>
            <li><a href="#">2016</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="module-select">
  <div class="module-outer">
    <dl class="module-inner">
      <dt>YEAR</dt>
      <dd class="list">
        <div class="inner">
          <ul>
            <li class="is-active"><a href="#">2018</a></li>
            <li class="is-disabled"><span>2017</span></li>
            <li><a href="#">2016</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </div>
</div>
```
```jade
.module-select
  .module-outer
    .module-inner
      .list
        .inner
          ul
            li.is-active: a(href="#") 2018
            li.is-disabled: span 2017
            li: a(href="#") 2016

.module-select
  .module-outer
    dl.module-inner
      dt YEAR
      dd.list
        .inner
          ul
            li.is-active: a(href="#") 2018
            li.is-disabled: span 2017
            li: a(href="#") 2016
```
*/
.module-base-layout .module-section .module-select:first-child {
  margin-top: 0;
  margin-bottom: 80px;
}
.layout-sp .module-base-layout .module-section .module-select:first-child {
  margin-top: 0;
  margin-bottom: 10.416666666666668%;
}
.module-base-layout .module-section .module-select:last-child {
  margin-top: 70px;
  margin-bottom: 0;
}
.layout-sp .module-base-layout .module-section .module-select:last-child {
  margin-top: 8.680555555555555%;
  margin-bottom: 0;
}
.module-base-layout .module-select {
  margin-top: 30px;
  border-bottom: 1px solid #f0f0f0;
}
.module-base-layout .module-select dt {
  margin-bottom: 6px;
  font-size: 125%;
}
.module-base-layout .module-select .list {
  overflow: hidden;
}
.module-base-layout .module-select .inner {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.module-base-layout .module-select .inner ul {
  display: inline-table;
  max-width: 100%;
}
.module-base-layout .module-select .inner li {
  display: table-cell;
  padding-left: 34px;
}
.module-base-layout .module-select .inner li:first-child {
  padding-left: 0;
}
.module-base-layout .module-select .inner li > a,
.module-base-layout .module-select .inner li > span {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  line-height: 2.1875;
  white-space: nowrap;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #333;
}
.module-base-layout .module-select .inner li > a:link,
.module-base-layout .module-select .inner li > span:link,
.module-base-layout .module-select .inner li > a:visited,
.module-base-layout .module-select .inner li > span:visited,
.module-base-layout .module-select .inner li > a:active,
.module-base-layout .module-select .inner li > span:active,
.module-base-layout .module-select .inner li > a:focus,
.module-base-layout .module-select .inner li > span:focus,
.module-base-layout .module-select .inner li > a:hover,
.module-base-layout .module-select .inner li > span:hover {
  color: #333;
  text-decoration: none;
}
.ua-pc .module-base-layout .module-select .inner li > a:hover,
.ua-pc .module-base-layout .module-select .inner li > span:hover {
  color: #003e80;
}
.module-base-layout .module-select .inner li.is-active > span::after,
.module-base-layout .module-select .inner li .is-active > span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  border-bottom: 4px solid #003e80;
}
.module-base-layout .module-select .inner li.is-disabled {
  cursor: default;
}
.module-base-layout .module-select .inner li.is-disabled > span {
  color: #777 !important;
}
.layout-sp .module-base-layout .module-select {
  margin-top: 4.513888888888888%;
}
.layout-sp .module-base-layout .module-select dt {
  margin-bottom: 1.736111111111111%;
  font-size: 125%;
}
.layout-sp .module-base-layout .module-select .inner li {
  padding-left: 2.208333333333333em;
}
.layout-sp .module-base-layout .module-select .inner li:first-child {
  padding-left: 0;
}
.layout-sp .module-base-layout .module-select .inner li > a,
.layout-sp .module-base-layout .module-select .inner li > span {
  line-height: 2.416666666666667;
}
.layout-sp .module-base-layout .module-select .inner li.is-active > span::after,
.layout-sp .module-base-layout .module-select .inner li .is-active > span::after {
  border-width: 3px;
}
/*
---
name: slider-arrow
category:
  - module
  - module/slider-arrow
tag:
  - base
  - latest
  - pc
  - sp
---

slider arrow styles

* Base pager style.

```html
<div class="module-slider-arrow module-slider-arrow-prev"><span class="module-icon line-left1"></span></div>
<div class="module-slider-arrow module-slider-arrow-next"><span class="module-icon line-right1"></span></div>

```
```jade
.module-slider-arrow.module-slider-arrow-prev
  span.module-icon.line-left1
.module-slider-arrow.module-slider-arrow-next
  span.module-icon.line-right1
```
*/
.module-base-layout .module-slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 100;
  cursor: pointer;
  background-color: rgba(75,79,89,0.75);
  text-align: center;
  display: block;
  color: #fff;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-slider-arrow img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-slider-arrow:link,
.module-base-layout .module-slider-arrow:visited,
.module-base-layout .module-slider-arrow:active,
.module-base-layout .module-slider-arrow:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-slider-arrow:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-slider-arrow .module-icon.line-left1,
.module-base-layout .module-slider-arrow .module-icon.line-right1 {
  top: 0;
  padding: 0;
  vertical-align: top;
  line-height: 0;
}
.layout-pc .module-base-layout .module-slider-arrow {
  margin-top: -1.1875em;
  padding: 0.625em;
  width: 1.125em;
  height: 1.125em;
}
.layout-pc .module-base-layout .module-slider-arrow .module-icon {
  font-size: 113%;
}
.layout-sp .module-base-layout .module-slider-arrow {
  margin-top: -0.416666666666667em;
  padding: 0.583333333333333em;
  width: 0.833333333333333em;
  height: 0.833333333333333em;
}
.layout-sp .module-base-layout .module-slider-arrow .module-icon {
  font-size: 84%;
}
.module-base-layout .module-slider-arrow-prev {
  left: 0;
  right: auto;
}
.module-base-layout .module-slider-arrow-next {
  right: 0;
  left: auto;
}
.module-base-layout .module-slider-list {
  padding-bottom: 33px;
}
.module-base-layout .module-slider-list .pager {
  bottom: 0 !important;
}
.module-base-layout .module-slider-list .swiper-container {
  overflow: visible;
}
.module-base-layout .module-slider-list .swiper-slide {
  height: auto;
}
.layout-pc .module-base-layout .module-slider-list .swiper-slide {
  max-width: 320px;
}
.layout-pc .module-base-layout .module-slider-list .module-slider-arrow {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.layout-pc .module-base-layout .module-slider-list .swiper-container:hover .module-slider-arrow {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  pointer-events: auto;
}
.layout-pc .module-base-layout .module-slider-list .swiper-container:hover .swiper-button-disabled {
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
}
.layout-sp .module-base-layout .module-slider-list {
  padding-bottom: 12.5%;
}
.layout-sp .module-base-layout .module-slider-list .module-slider-arrow {
  top: auto;
  bottom: -3.083333333333333em;
}
.layout-sp .module-base-layout .module-slider-list .pager {
  width: 83.33333333333334%;
  left: 8.333333333333332%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layout-sp .module-base-layout .module-slider-list + .module-button {
  margin-top: 6.42361111111111%;
}
/*
---
name: tab
category:
  - module
  - module/tab
tag:
  - base
  - latest
  - pc
  - sp
---

tab styles

* Base tab style.

```html
<div class="module-tab-btn">
  <ul>
    <li class="is-active"><span class="column"><span class="label">label1</span><span class="module-icon triangle-under1"></span></span></li>
    <li><a class="column" href="#"><span class="label">label2</span><span class="module-icon triangle-under1"></span></a></li>
    <li><a class="column" href="#"><span class="label">label3</span><span class="module-icon triangle-under1"></span></a></li>
  </ul>
</div>

<div class="module-tab">
  <ul class="tab-group-buttons">
    <li class="is-active"><a class="column" href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content1&quot;}">1</a></li>
    <li><a class="column" href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content2&quot;}">2</a></li>
    <li><a class="column" href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content3&quot;}">3</a></li>
  </ul>
  <div class="tab-group-contents">
    <div class="tab-group-content content1">
      content1
    </div>
    <div class="tab-group-content content2">
      content2
    </div>
    <div class="tab-group-content content3">
      content3
    </div>
  </div>
</div>
```
```jade
.module-tab-btn
  ul
    li.is-active: span.column
      span.label label1
      span.module-icon.triangle-under1
    li: a.column(href="#")
      span.label label2
      span.module-icon.triangle-under1
    li: a.column(href="#")
      span.label label3
      span.module-icon.triangle-under1

.module-tab
  ul.tab-group-buttons
    li.is-active
      a.column(href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content1&quot;}") 1
    li
      a.column(href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content2&quot;}") 2
    li
      a.column(href="javascript:void(0)" data-tab="{&quot;btn&quot;:&quot;.tab-group-buttons li a&quot;,&quot;group&quot;:&quot;.tab-group-contents .tab-group-content&quot;,&quot;category&quot;:&quot;.content3&quot;}") 3
  .tab-group-contents
    .tab-group-content content1
      | content1
    .tab-group-content content2
      | content2
    .tab-group-content content3
      | content3
```
*/
.module-base-layout .module-tab .tab-group-content {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.module-base-layout .module-tab .tab-group-content.is-active {
  display: block;
  -webkit-animation: opacity 0.3s linear;
  animation: opacity 0.3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.module-base-layout .module-tab-buttons {
  margin-top: 30px;
  margin-bottom: 30px;
}
.module-base-layout .module-tab-buttons ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}
.module-base-layout .module-tab-buttons ul li {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333333333333%;
}
.module-base-layout .module-tab-buttons ul li.is-active > .column {
  background: #003e80 !important;
  color: #fff;
}
.module-base-layout .module-tab-buttons ul li.is-active > .column .module-icon {
  color: #fff;
}
.module-base-layout .module-tab-buttons ul li > .column {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #f0f0f0;
  color: #333;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-tab-buttons ul li > .column:link,
.module-base-layout .module-tab-buttons ul li > .column:visited,
.module-base-layout .module-tab-buttons ul li > .column:active,
.module-base-layout .module-tab-buttons ul li > .column:focus,
.module-base-layout .module-tab-buttons ul li > .column:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-tab-buttons ul li > .column:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-tab-buttons ul .label {
  display: block;
  width: 100%;
}
.module-base-layout .module-tab-buttons ul .label + .module-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -0.5em;
  color: #003e80;
}
.module-base-layout .module-tab-buttons ul .label .module-icon {
  font-size: 150%;
  padding-right: 0.2em;
}
.layout-pc .module-base-layout .module-tab-buttons ul {
  font-size: 100%;
  line-height: 1.2;
  text-align: left;
}
.layout-pc .module-base-layout .module-tab-buttons ul li > .column {
  padding: 21px 15px 18px;
}
.layout-pc .module-base-layout .module-tab-buttons ul li:last-child > .column {
  border-right: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-tab-buttons {
  margin-top: 5.208333333333334%;
  margin-bottom: 5.208333333333334%;
}
.layout-sp .module-base-layout .module-tab-buttons ul {
  font-size: 100%;
  line-height: 1.5;
  text-align: center;
}
.layout-sp .module-base-layout .module-tab-buttons ul li > .column {
  padding: 0.666666666666667em 1.4em 0.416666666666667em;
}
.layout-sp .module-base-layout .module-tab-buttons ul li > .column .module-icon {
  display: none;
}
.layout-sp .module-base-layout .module-tab-buttons ul li > .column .module-icon.triangle-right1 {
  display: block;
}
.layout-sp .module-base-layout .module-tab-buttons ul li:first-child > .column {
  border: none;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
            filter: none;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
            filter: none;
  }
}
/*
---
name: text
category:
  - module
  - module/text
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

text styles

* Base text style.

```html
<div class="module-text">
  <p>text1</p>
  <p>text2</p>
</div>

<div class="module-text module-text-middle">
  <p>text1</p>
</div>

<div class="module-text module-text-large">
  <p>text1</p>
</div>

<div class="module-text">
  <dl>
    <dt>text1</dt>
    <dd>
      <p>text2</p>
      <p>text3</p>
    </dd>
  </dl>
</div>

<div class="module-text module-text-align-left">
  <p>text1</p>
</div>

<div class="module-text module-text-align-right">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center-pc">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center-sp">
  <p>text1</p>
</div>

```
```jade
.module-text
  p text1
  p text2

.module-text-middle
  p text1

.module-text-large
  p text1

.module-text
  dl
    dt text1
    dd
      p text2
      p text3

.module-text.module-text-align-left
  p text1

.module-text.module-text-align-right
  p text1

.module-text.module-text-align-center
  p text1
.module-text.module-text-align-center-pc
  p text1
.module-text.module-text-align-center-sp
  p text1
```
*/
.layout-pc CLASS_EDITOR .module-text-middle,
.layout-pc .module-base-layout .module-text-middle,
.layout-pc .module-base-layout .module-lead-middle {
  font-size: 125%;
}
.layout-sp CLASS_EDITOR .module-text-middle,
.layout-sp .module-base-layout .module-text-middle,
.layout-sp .module-base-layout .module-lead-middle {
  font-size: 125%;
}
.layout-pc CLASS_EDITOR .module-text-large,
.layout-pc .module-base-layout .module-text-large,
.layout-pc .module-base-layout .module-lead-large {
  font-size: 150%;
}
.layout-sp CLASS_EDITOR .module-text-large,
.layout-sp .module-base-layout .module-text-large,
.layout-sp .module-base-layout .module-lead-large {
  font-size: 150%;
}
CLASS_EDITOR .module-text-align-left,
.module-base-layout .module-text-align-left,
.module-base-layout .module-lead-align-left {
  text-align: left;
}
.layout-pc CLASS_EDITOR .module-text-align-left-pc,
.layout-pc .module-base-layout .module-text-align-left-pc,
.layout-pc .module-base-layout .module-lead-align-left-pc {
  text-align: left;
}
.layout-sp CLASS_EDITOR .module-text-align-left-sp,
.layout-sp .module-base-layout .module-text-align-left-sp,
.layout-sp .module-base-layout .module-lead-align-left-sp {
  text-align: left;
}
CLASS_EDITOR .module-text-align-right,
.module-base-layout .module-text-align-right,
.module-base-layout .module-lead-align-right {
  text-align: right;
}
.layout-pc CLASS_EDITOR .module-text-align-right-pc,
.layout-pc .module-base-layout .module-text-align-right-pc,
.layout-pc .module-base-layout .module-lead-align-right-pc {
  text-align: right;
}
.layout-sp CLASS_EDITOR .module-text-align-right-sp,
.layout-sp .module-base-layout .module-text-align-right-sp,
.layout-sp .module-base-layout .module-lead-align-right-sp {
  text-align: right;
}
CLASS_EDITOR .module-text-align-center,
.module-base-layout .module-text-align-center,
.module-base-layout .module-lead-align-center {
  text-align: center;
}
.layout-pc CLASS_EDITOR .module-text-align-center-pc,
.layout-pc .module-base-layout .module-text-align-center-pc,
.layout-pc .module-base-layout .module-lead-align-center-pc {
  text-align: center;
}
.layout-sp CLASS_EDITOR .module-text-align-center-sp,
.layout-sp .module-base-layout .module-text-align-center-sp,
.layout-sp .module-base-layout .module-lead-align-center-sp {
  text-align: center;
}
CLASS_EDITOR .module-text dl:after,
.module-base-layout .module-text dl:after,
.module-base-layout .module-lead dl:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
CLASS_EDITOR .module-text dt,
.module-base-layout .module-text dt,
.module-base-layout .module-lead dt {
  font-weight: bold;
}
CLASS_EDITOR .module-text p,
.module-base-layout .module-text p,
.module-base-layout .module-lead p {
  margin-top: 12px;
}
CLASS_EDITOR .module-text p:first-child,
.module-base-layout .module-text p:first-child,
.module-base-layout .module-lead p:first-child {
  margin-top: 0;
}
.layout-sp CLASS_EDITOR .module-text p,
.layout-sp .module-base-layout .module-text p,
.layout-sp .module-base-layout .module-lead p {
  margin-top: 3.472222222222222%;
}
.layout-sp CLASS_EDITOR .module-text p:first-child,
.layout-sp .module-base-layout .module-text p:first-child,
.layout-sp .module-base-layout .module-lead p:first-child {
  margin-top: 0;
}
/*
---
name: title
category:
  - module
  - module/title
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

title styles

* Base title style.

```html
<h1 class="module-title type-default">
  <span class="wrapper">
    <span class="module-outer">
      <span class="module-inner">
        <span class="title">h1 title</span>
        <span class="description">h1 description</span>
      </span>
    </span>
  </span>
</h1>

<h2 class="module-title type-default">
  <span class="ja">h2 ja title</span>
  <span class="en">h2 en title</span>
</h2>

<h3 class="module-title type-default">h3 title</h3>

<h4 class="module-title type-default">h4 title</h4>

<h5 class="module-title type-default">h5 title</h5>

<h6 class="module-title type-default">h6 title</h6>

<h5 class="module-title type-3">
  h[\*].type-[\*] -> h[\*].type-default
</h5>
```
```jade
+title('h1', 'pagename1')
  mixin label1
    | h1 title
  mixin label2
    | h1 description

+title('h1', 'store1')
  mixin label1
    | h1 title
  mixin label2
    | h1 description

+title('h2')
  mixin label1
    | h2 ja title
  mixin label2
    | h2 en title

+title('h3')
  mixin label1
    | h3 title

+title('h4')
  mixin label1
    | h4 title

+title('h5')
  mixin label1
    | h5 title

+title('h5', null, null, '3')
  mixin label1
    | h[\*].type-[\*] => h[\*].type-default
```
*/
.module-base-layout .module-title {
  position: relative;
  top: 0;
  left: 0;
}
.module-base-layout h1.type-default.module-title,
.module-base-layout .module-title.type-1 {
  position: relative;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  text-align: center;
  color: #fff;
}
.module-base-layout h1.type-default.module-title.contents1,
.module-base-layout .module-title.type-1.contents1 {
  background: url("../img/common/bg/contents_index1.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.module-base-layout h1.type-default.module-title.store1,
.module-base-layout .module-title.type-1.store1 {
  background: url("../img/common/bg/store1.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.module-base-layout h1.type-default.module-title.products1,
.module-base-layout .module-title.type-1.products1 {
  background: url("../img/common/bg/products1.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.layout-sp .module-base-layout h1.type-default.module-title.products1,
.layout-sp .module-base-layout .module-title.type-1.products1 {
  background: url("../img/common/bg/products1_sp.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.module-base-layout h1.type-default.module-title.service1,
.module-base-layout .module-title.type-1.service1 {
  background: url("../img/common/bg/service1.jpg") bottom center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.module-base-layout h1.type-default.module-title.news1,
.module-base-layout .module-title.type-1.news1 {
  background: url("../img/common/bg/news1.jpg") center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.module-base-layout h1.type-default.module-title::after,
.module-base-layout .module-title.type-1::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(0,0,0,0.6);
  z-index: 0;
}
.module-base-layout h1.type-default.module-title span,
.module-base-layout .module-title.type-1 span {
  display: block;
}
.module-base-layout h1.type-default.module-title .wrapper,
.module-base-layout .module-title.type-1 .wrapper {
  position: relative;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  padding-top: 1em;
  padding-bottom: 1em;
  z-index: 1;
}
.module-base-layout h1.type-default.module-title .title,
.module-base-layout .module-title.type-1 .title {
  font-size: 200%;
}
.module-base-layout h1.type-default.module-title .description,
.module-base-layout .module-title.type-1 .description {
  margin-top: 5px;
}
.layout-pc .module-base-layout h1.type-default.module-title,
.layout-pc .module-base-layout .module-title.type-1 {
  height: 240px;
}
.layout-pc .module-base-layout h1.type-default.module-title .title,
.layout-pc .module-base-layout .module-title.type-1 .title {
  letter-spacing: 0.05em;
}
.layout-sp .module-base-layout h1.type-default.module-title,
.layout-sp .module-base-layout .module-title.type-1 {
  height: 13.333333333333334em;
}
.layout-sp .module-base-layout h1.type-default.module-title .title,
.layout-sp .module-base-layout .module-title.type-1 .title {
  font-size: 184%;
}
.layout-sp .module-base-layout h1.type-default.module-title .description,
.layout-sp .module-base-layout .module-title.type-1 .description {
  margin-top: 0.694444444444444%;
}
.module-base-layout h2.type-default.module-title,
.module-base-layout .module-title.type-2 {
  margin-bottom: 35px;
  text-align: center;
}
.module-base-layout h2.type-default.module-title .ja,
.module-base-layout .module-title.type-2 .ja,
.module-base-layout h2.type-default.module-title .en,
.module-base-layout .module-title.type-2 .en {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.module-base-layout h2.type-default.module-title .ja,
.module-base-layout .module-title.type-2 .ja {
  font-size: 175%;
  line-height: 1.285714285714286;
}
.module-base-layout h2.type-default.module-title .en,
.module-base-layout .module-title.type-2 .en {
  font-size: 75%;
  color: #777;
  margin-top: 7px;
  padding-top: 11px;
}
.module-base-layout h2.type-default.module-title .en::before,
.module-base-layout .module-title.type-2 .en::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  display: block;
  border-top: 2px solid #003e80;
  width: 1.5em;
  margin-left: -0.75em;
  height: 0;
}
.layout-pc .module-base-layout h2.type-default.module-title .en,
.layout-pc .module-base-layout .module-title.type-2 .en {
  font-weight: bold;
}
.layout-sp .module-base-layout h2.type-default.module-title,
.layout-sp .module-base-layout .module-title.type-2 {
  margin-bottom: 5.208333333333334%;
}
.layout-sp .module-base-layout h2.type-default.module-title .ja,
.layout-sp .module-base-layout .module-title.type-2 .ja {
  font-size: 167%;
  line-height: 1.45;
}
.layout-sp .module-base-layout h2.type-default.module-title .en,
.layout-sp .module-base-layout .module-title.type-2 .en {
  margin-top: 1.909722222222223%;
  padding-top: 2.604166666666667%;
  font-size: 84%;
}
.layout-sp .module-base-layout h2.type-default.module-title .en::before,
.layout-sp .module-base-layout .module-title.type-2 .en::before {
  width: 1.2em;
  margin-left: -0.6em;
}
.module-base-layout h3.type-default.module-title,
.module-base-layout .module-title.type-3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 150%;
  color: #003e80;
}
.layout-sp .module-base-layout h3.type-default.module-title,
.layout-sp .module-base-layout .module-title.type-3 {
  margin-bottom: 3.472222222222222%;
  font-size: 150%;
}
.module-base-layout h4.type-default.module-title,
.module-base-layout .module-title.type-4 {
  font-weight: bold;
  color: #003e80;
  border-bottom: 1px solid #ddd;
}
.layout-pc .module-base-layout h4.type-default.module-title,
.layout-pc .module-base-layout .module-title.type-4 {
  margin-bottom: 25px;
  padding-bottom: 10px;
}
.layout-sp .module-base-layout h4.type-default.module-title,
.layout-sp .module-base-layout .module-title.type-4 {
  margin-bottom: 5.208333333333334%;
  padding-bottom: 2.083333333333333%;
}
.module-base-layout h5.type-default.module-title,
.module-base-layout h6.type-default.module-title,
.module-base-layout .module-title.type-5,
.module-base-layout .module-title.type-6 {
  margin-bottom: 15px;
  font-size: 125%;
}
.layout-sp .module-base-layout h5.type-default.module-title,
.layout-sp .module-base-layout h6.type-default.module-title,
.layout-sp .module-base-layout .module-title.type-5,
.layout-sp .module-base-layout .module-title.type-6 {
  margin-bottom: 4.340277777777778%;
  font-size: 125%;
}
.module-base-layout .module-title.type-7 {
  margin-bottom: 26px;
  font-size: 150%;
}
.layout-sp .module-base-layout .module-title.type-7 {
  margin-bottom: 4.513888888888888%;
  font-size: 150%;
  text-align: center;
}
.module-base-layout .module-anchor li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.module-base-layout .module-anchor li a {
  position: relative;
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-anchor li a:link,
.module-base-layout .module-anchor li a:visited,
.module-base-layout .module-anchor li a:active,
.module-base-layout .module-anchor li a:focus,
.module-base-layout .module-anchor li a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-anchor li a:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-anchor li a .label {
  color: #333;
}
.module-base-layout .module-anchor li a .module-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layout-pc .module-base-layout .module-anchor {
  padding: 40px 0;
  background-color: #f6f7f9;
}
.layout-pc .module-base-layout .module-anchor ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.layout-pc .module-base-layout .module-anchor li {
  width: 250px;
  float: left;
  margin-top: 12px;
  border-left: 1px solid #e8e8ea;
}
.layout-pc .module-base-layout .module-anchor li:nth-child(4n),
.layout-pc .module-base-layout .module-anchor li:last-child {
  border-right: 1px solid #e8e8ea;
}
.layout-pc .module-base-layout .module-anchor li:nth-child(-n + 4) {
  margin-top: 0;
}
.layout-pc .module-base-layout .module-anchor li a {
  padding: 8px 14px;
  font-size: 88%;
}
.layout-pc .module-base-layout .module-anchor li .module-icon {
  right: 14px;
}
.layout-sp .module-base-layout .module-anchor li {
  border-bottom: 1px solid #e8e8ea;
}
.layout-sp .module-base-layout .module-anchor li a {
  padding: 4.84375% 5%;
}
.layout-sp .module-base-layout .module-anchor li .module-icon {
  right: 5%;
}
/*
---
name: error
category:
  - module
  - module/error
tag:
  - base
  - latest
  - pc
  - sp
---

error styles

* Base error style.

```html
<div class="module-error">
  <p>エラーテキスト</p>
</div>

```
```jade
.module-error
  p エラーテキスト
```
*/
.module-base-layout .module-error-text {
  text-align: center;
  margin: 4em 0;
}
/*
---
name: text
category:
  - module
  - module/text
tag:
  - base
  - latest
  - pc
  - sp
---

text styles

* Base text style.

```html
<div class="module-text">
  <p>text1</p>
  <p>text2</p>
</div>

<div class="module-text">
  <dl>
    <dt>text1</dt>
    <dd>
      <p>text2</p>
      <p>text3</p>
    </dd>
  </dl>
</div>

<div class="module-text module-text-align-left">
  <p>text1</p>
</div>

<div class="module-text module-text-align-right">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center-pc">
  <p>text1</p>
</div>

<div class="module-text module-text-align-center-sp">
  <p>text1</p>
</div>

```
```jade
.module-text
  p text1
  p text2

.module-text
  dl
    dt text1
    dd
      p text2
      p text3

.module-text.module-text-align-left
  p text1

.module-text.module-text-align-right
  p text1

.module-text.module-text-align-center
  p text1
.module-text.module-text-align-center-pc
  p text1
.module-text.module-text-align-center-sp
  p text1
```
*/
.layout-pc .module-base-layout h2 + .module-lead,
.layout-pc .module-base-layout h3 + .module-lead {
  margin-bottom: 30px;
}
.layout-sp .module-base-layout h2 + .module-lead,
.layout-sp .module-base-layout h3 + .module-lead {
  margin-bottom: 5.208333333333334%;
}
/*
---
name: pager
category:
  - module
  - module/pager
tag:
  - base
  - latest
  - pc
  - sp
---

pager styles

* Base pager style.

```html
<div class="module-pager">
  <div class="module-negative-inner">
    <ul>
      <li><a href="#"></a></li>
      <li><a href="#"><span>1</span></a></li>
      <li><a href="#"><span>2</span></a></li>
      <li><a href="#"><span>3</span></a></li>
      <li><a href="#"></a></li>
    </ul>
  </div>
</div>

```
```jade
.module-pager
  .module-negative-inner
    ul
      li: a(href="#")
      li: a(href="#"): span 1
      li: a(href="#"): span 2
      li: a(href="#"): span 3
      li: a(href="#")
```
*/
.module-base-layout .module-pager .module-negative-inner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-pager .outer {
  display: inline-block;
  vertical-align: bottom;
  overflow-x: hidden;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.module-base-layout .module-pager .inner {
  overflow-x: auto;
}
.module-base-layout .module-pager .outer,
.module-base-layout .module-pager .prev,
.module-base-layout .module-pager .next {
  float: left;
}
.module-base-layout .module-pager .outer a,
.module-base-layout .module-pager .prev a,
.module-base-layout .module-pager .next a {
  display: block;
  text-decoration: none;
}
.module-base-layout .module-pager .outer a:hover,
.module-base-layout .module-pager .prev a:hover,
.module-base-layout .module-pager .next a:hover {
  background-color: #e6ebf1 !important;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-pager .outer a:hover:link,
.module-base-layout .module-pager .prev a:hover:link,
.module-base-layout .module-pager .next a:hover:link,
.module-base-layout .module-pager .outer a:hover:visited,
.module-base-layout .module-pager .prev a:hover:visited,
.module-base-layout .module-pager .next a:hover:visited,
.module-base-layout .module-pager .outer a:hover:active,
.module-base-layout .module-pager .prev a:hover:active,
.module-base-layout .module-pager .next a:hover:active,
.module-base-layout .module-pager .outer a:hover:focus,
.module-base-layout .module-pager .prev a:hover:focus,
.module-base-layout .module-pager .next a:hover:focus,
.module-base-layout .module-pager .outer a:hover:hover,
.module-base-layout .module-pager .prev a:hover:hover,
.module-base-layout .module-pager .next a:hover:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-pager .outer a:hover:hover,
.ua-pc .module-base-layout .module-pager .prev a:hover:hover,
.ua-pc .module-base-layout .module-pager .next a:hover:hover {
  background-color: #e6ebf1;
}
.module-base-layout .module-pager .outer span,
.module-base-layout .module-pager .prev span,
.module-base-layout .module-pager .next span {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding-right: 0;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.module-base-layout .module-pager ul {
  max-width: 100%;
  display: inline-table;
  vertical-align: bottom;
}
.module-base-layout .module-pager ul li {
  display: table-cell;
  border-left: 1px solid #f0f0f0;
}
.module-base-layout .module-pager ul li:first-child {
  border-left: none;
}
.module-base-layout .module-pager ul li:last-child {
  border-right: none;
}
.module-base-layout .module-pager ul li.is-active span {
  background-color: #003e80;
  color: #fff;
  font-weight: bold;
}
.module-base-layout .module-pager .prev a,
.module-base-layout .module-pager .next a {
  position: relative;
  color: #003e80;
}
.module-base-layout .module-pager .prev a::before,
.module-base-layout .module-pager .next a::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  vertical-align: middle;
  font-family: 'icon1';
  content: '\F009';
  z-index: 10;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-pager .prev a::before img,
.module-base-layout .module-pager .next a::before img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-pager .prev a::before:link,
.module-base-layout .module-pager .next a::before:link,
.module-base-layout .module-pager .prev a::before:visited,
.module-base-layout .module-pager .next a::before:visited,
.module-base-layout .module-pager .prev a::before:active,
.module-base-layout .module-pager .next a::before:active,
.module-base-layout .module-pager .prev a::before:focus,
.module-base-layout .module-pager .next a::before:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-pager .prev a::before:hover,
.ua-pc .module-base-layout .module-pager .next a::before:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-pager .prev {
  border-left: none;
  border-right: 1px solid #f0f0f0;
}
.module-base-layout .module-pager .prev a::before {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
}
.module-base-layout .module-pager .next span {
  border-left: 1px solid #f0f0f0;
}
.layout-pc .module-base-layout .module-pager {
  border-bottom: 1px solid #f0f0f0;
}
.layout-pc .module-base-layout .module-pager .outer {
  max-width: 900px;
}
.layout-pc .module-base-layout .module-pager .inner {
  overflow: hidden;
}
.layout-pc .module-base-layout .module-pager span {
  width: 50px;
  height: 50px;
  font-size: 82%;
}
.layout-pc .module-base-layout .module-pager .prev,
.layout-pc .module-base-layout .module-pager .next {
  width: 50px;
  height: 50px;
}
.layout-sp .module-base-layout .module-pager {
  margin-top: 5.625%;
}
.layout-sp .module-base-layout .module-pager .module-negative-inner {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-pager .inner {
  max-width: 17.625em;
}
.layout-sp .module-base-layout .module-pager ul span {
  width: 3.333333333333333em;
  height: 3.333333333333333em;
}
.layout-sp .module-base-layout .module-pager .prev span,
.layout-sp .module-base-layout .module-pager .next span {
  width: 4.5em;
  height: 3.333333333333333em;
}
/*
---
name: module-base-layout
category:
  - module
  - module/base-layout
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

base-layout styles

* Base layout style.

```html
<div class="module-base-layout">
  <div class="module-text">
    <p>module status is active</p>
  </div>
</div>
```
```jade
.module-base-layout
  .module-text
    p module status is active
```
*/
.module-base-layout {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  color: #333;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
  line-height: 1.75;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.module-base-layout html,
.module-base-layout body,
.module-base-layout div,
.module-base-layout span,
.module-base-layout applet,
.module-base-layout object,
.module-base-layout iframe,
.module-base-layout h1,
.module-base-layout h2,
.module-base-layout h3,
.module-base-layout h4,
.module-base-layout h5,
.module-base-layout h6,
.module-base-layout p,
.module-base-layout blockquote,
.module-base-layout pre,
.module-base-layout a,
.module-base-layout abbr,
.module-base-layout acronym,
.module-base-layout address,
.module-base-layout big,
.module-base-layout cite,
.module-base-layout code,
.module-base-layout del,
.module-base-layout dfn,
.module-base-layout em,
.module-base-layout img,
.module-base-layout ins,
.module-base-layout kbd,
.module-base-layout q,
.module-base-layout s,
.module-base-layout samp,
.module-base-layout small,
.module-base-layout strike,
.module-base-layout strong,
.module-base-layout sub,
.module-base-layout sup,
.module-base-layout tt,
.module-base-layout var,
.module-base-layout dl,
.module-base-layout dt,
.module-base-layout dd,
.module-base-layout ol,
.module-base-layout ul,
.module-base-layout li,
.module-base-layout fieldset,
.module-base-layout form,
.module-base-layout label,
.module-base-layout legend,
.module-base-layout table,
.module-base-layout caption,
.module-base-layout tbody,
.module-base-layout tfoot,
.module-base-layout thead,
.module-base-layout tr,
.module-base-layout th,
.module-base-layout td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.module-base-layout body {
  line-height: 1;
  color: #000;
  background: #fff;
}
.module-base-layout ol,
.module-base-layout ul {
  list-style: none;
}
.module-base-layout table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
.module-base-layout caption,
.module-base-layout th,
.module-base-layout td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.module-base-layout a img {
  border: none;
}
.module-base-layout article,
.module-base-layout aside,
.module-base-layout canvas,
.module-base-layout details,
.module-base-layout figcaption,
.module-base-layout figure,
.module-base-layout footer,
.module-base-layout header,
.module-base-layout hgroup,
.module-base-layout menu,
.module-base-layout nav,
.module-base-layout section,
.module-base-layout summary,
.module-base-layout main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
}
.module-base-layout audio,
.module-base-layout canvas,
.module-base-layout video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.module-base-layout audio:not([controls]),
.module-base-layout [hidden] {
  display: none;
}
.module-base-layout a {
  color: #003e80;
  text-decoration: underline;
}
.module-base-layout a:link {
  color: #003e80;
  text-decoration: underline;
}
.module-base-layout a:visited {
  color: #003e80;
  text-decoration: underline;
}
.module-base-layout a:hover {
  color: #003e80;
  text-decoration: none;
}
.module-base-layout a:active {
  color: #003e80;
  text-decoration: none;
}
.module-base-layout a:focus {
  color: #003e80;
  text-decoration: none;
  outline: none;
}
.module-base-layout a,
.module-base-layout input,
.module-base-layout button {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.module-base-layout a:focus,
.module-base-layout input:focus,
.module-base-layout button:focus {
  outline: none;
}
.module-base-layout input::-moz-focus-inner,
.module-base-layout button::-moz-focus-inner {
  border: none;
}
.module-base-layout input {
  border: none;
  border-radius: 0;
}
.module-base-layout input[type="submit"],
.module-base-layout label {
  cursor: pointer;
}
.layout-pc .module-base-layout {
  min-width: 1060px;
}
.layout-sp .module-base-layout {
  min-width: 320px;
  line-height: 1.5;
}
.module-base-layout img {
  vertical-align: top;
  max-width: 100%;
}
/*
  @font-size set
*/
@media (max-width: 320px) {
  .layout-sp .module-base-layout {
    font-size: 12px;
  }
}
@media (min-width: 320px) {
  .layout-sp .module-base-layout {
    font-size: 12px;
  }
}
@media (min-width: 343px) {
  .layout-sp .module-base-layout {
    font-size: 13px;
  }
}
@media (min-width: 366px) {
  .layout-sp .module-base-layout {
    font-size: 14px;
  }
}
@media (min-width: 389px) {
  .layout-sp .module-base-layout {
    font-size: 15px;
  }
}
@media (min-width: 411px) {
  .layout-sp .module-base-layout {
    font-size: 15px;
  }
}
@media (min-width: 434px) {
  .layout-sp .module-base-layout {
    font-size: 16px;
  }
}
@media (min-width: 457px) {
  .layout-sp .module-base-layout {
    font-size: 17px;
  }
}
@media (min-width: 480px) {
  .layout-sp .module-base-layout {
    font-size: 18px;
  }
}
@media (min-width: 503px) {
  .layout-sp .module-base-layout {
    font-size: 19px;
  }
}
@media (min-width: 526px) {
  .layout-sp .module-base-layout {
    font-size: 20px;
  }
}
@media (min-width: 549px) {
  .layout-sp .module-base-layout {
    font-size: 21px;
  }
}
@media (min-width: 571px) {
  .layout-sp .module-base-layout {
    font-size: 21px;
  }
}
@media (min-width: 594px) {
  .layout-sp .module-base-layout {
    font-size: 22px;
  }
}
@media (min-width: 617px) {
  .layout-sp .module-base-layout {
    font-size: 23px;
  }
}
@media (min-width: 640px) {
  .layout-sp .module-base-layout {
    font-size: 24px;
  }
}
@media (min-width: 641px) {
  .layout-pc .module-base-layout {
    font-size: 16px;
  }
}
/*
---
name: contents-section
category:
  - module
  - module/contents
  - module/contents/section
tag:
  - base
  - latest
  - pc
  - sp
  - editor
---

section styles

* base section style.

```html
<div class="module-contents-section">
  <p>section</p>
</div>

<div class="module-contents-section module-contents-list">
  <p>section margin-top up</p>
</div>
```
```jade
.module-contents-section
  p section

.module-contents-section.module-contents-list
  p section margin-top up
```
*/
/*
---
name: contents-header
category:
  - module
  - module/contents
  - module/contents/header
tag:
  - base
  - latest
  - pc
  - sp
---

header styles

* base header style.

```html
<div class="module-contents-header">
  <!-- javascript meta ogから情報を取得 シェア-->
  <div class="share">
    <dl><dt>Share</dt><dd>
      <ul><li class="facebook"><a class="module-hover-opacity" href="javascript:void(0)" data-share="facebook"><span class="module-icon facebook1 shape-circle1"></span></a></li><li class="twitter"><a class="module-hover-opacity" href="javascript:void(0)" data-share="twitter"><span class="module-icon twitter1 shape-circle1"></span></a></li><li class="line"><a class="module-hover-opacity" href="javascript:void(0)" data-share="line"><span class="module-icon line1 shape-circle1"></span></a></li>
      </ul></dd>
    </dl>
  </div>
  <div class="information"><p class="date">2018.05.21</p><div class="tags module-tags">
    <ul><li>tag1</li><li>tag2</li>
    </ul></div>
  </div>
</div>
```
```jade
.module-contents-header
  // javascript meta ogから情報を取得 シェア
  .share
    dl
      +inline('dt') Share
      +inline('dd')
        ul
          +inline('li', 'facebook'): a.module-hover-opacity(href="javascript:void(0)" data-share="facebook"): span.module-icon.facebook1.shape-circle1
          +inline('li', 'twitter'): a.module-hover-opacity(href="javascript:void(0)" data-share="twitter"): span.module-icon.twitter1.shape-circle1
          +inline('li', 'line'): a.module-hover-opacity(href="javascript:void(0)" data-share="line"): span.module-icon.line1.shape-circle1
  .information
    +inline('p', 'date') 2018.05.21
    +inline('div', 'tags module-tags')
      ul
        +inline('li') tag1
        +inline('li') tag2
```
*/
/*
---
name: contents-title
category:
  - module
  - module/contents
  - module/contents/title
tag:
  - base
  - latest
  - pc
  - sp
---

title styles

* base title style.

```html
<h1 class="module-contents-title type-default">h1 title</h1>
<h2 class="module-contents-title type-default">h2 title</h2>
<h3 class="module-contents-title type-default">h3 title</h3>
<h4 class="module-contents-title type-default">h4 title</h4>
<h5 class="module-contents-title type-default">h5 title</h5>
<h6 class="module-contents-title type-default">h6 title</h6>
```
```jade
h1.module-contents-title h1 title
h2.module-contents-title h2 title
h3.module-contents-title h3 title
h4.module-contents-title h4 title
h5.module-contents-title h5 title
h6.module-contents-title h6 title

+contentsTitle('h1')
  mixin label1
    | h1 title
+contentsTitle('h2')
  mixin label1
    | h2 title
+contentsTitle('h3')
  mixin label1
    | h3 title
+contentsTitle('h4')
  mixin label1
    | h4 title
+contentsTitle('h5')
  mixin label1
    | h5 title
+contentsTitle('h6')
  mixin label1
    | h6 title
```
*/
/*
---
name: contents-toc
category:
  - module
  - module/contents
  - module/contents/toc
tag:
  - base
  - latest
  - pc
  - sp
  - javascript
---

toc styles

* base toc style.
* auto create.
* support tags [h2...6]

```html
<div class="module-contents-toc"></div>

<h2 class="module-contents-title type-default">title 1</h2>
<h3 class="module-contents-title type-default">title 1-1</h3>
<h3 class="module-contents-title type-default">title 1-2</h3>
<h2 class="module-contents-title type-default">title 2</h2>
<h3 class="module-contents-title type-default">title 2-1</h3>
<h4 class="module-contents-title type-default">title 2-1-1</h4>
<h5 class="module-contents-title type-default">title 2-1-1-1</h5>
<h6 class="module-contents-title type-default">title 2-1-1-1-1</h6>
<h3 class="module-contents-title type-default">title 2-2</h3>
<h4 class="module-contents-title type-default">title 2-2-1</h4>
<h2 class="module-contents-title type-default">title 3</h2>
<h3 class="module-contents-title type-default">title 3-1</h3>
```
```jade
.module-contents-toc
```
*/
/*
---
name: contents-list
category:
  - module
  - module/contents
  - module/contents/list
tag:
  - base
  - latest
  - pc
  - sp
---

list styles

* base list style.

```html
<div class="module-contents-section module-contents-list">
  <dl>
    <dt>関連リンク</dt>
    <dd class="module-list-style">
      <ul>
        <li><a href="#"><span class="label">link1</span></a></li>
        <li><a href="#"><span class="label">link2  link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2</span></a></li>
        <li><a href="#"><span class="label">link3</span></a></li>
      </ul>
    </dd>
  </dl>
</div>
```
```jade
.module-contents-section.module-contents-list
  dl
    dt 関連リンク
    dd.module-list-style
      ul
        li: a(href="#"): span.label link1
        li: a(href="#"): span.label link2  link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2 link2
        li: a(href="#"): span.label link3
```
*/
.module-base-layout .module-contents-section {
  margin-top: 24px;
}
.module-base-layout .module-contents-section:last-child.module-contents-list {
  margin-top: 48px;
}
.layout-sp .module-base-layout .module-contents-section {
  margin-top: 6.944444444444445%;
}
.layout-sp .module-base-layout .module-contents-section:last-child.module-contents-list {
  margin-top: 12.152777777777777%;
}
.module-base-layout .module-contents-header {
  margin-bottom: 18px;
}
.module-base-layout .module-contents-header:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-contents-header .share {
  float: right;
}
.module-base-layout .module-contents-header .share dt,
.module-base-layout .module-contents-header .share dd,
.module-base-layout .module-contents-header .share li {
  display: inline-block;
  vertical-align: middle;
}
.module-base-layout .module-contents-header .share dt {
  margin-right: 12px;
  font-size: 88%;
}
.module-base-layout .module-contents-header .share li {
  margin-left: 6px;
}
.module-base-layout .module-contents-header .share li a {
  display: block;
  text-decoration: none;
}
.module-base-layout .module-contents-header .share li:first-child {
  margin-left: 0;
}
.module-base-layout .module-contents-header .information {
  float: left;
}
.module-base-layout .module-contents-header .information .date {
  margin-right: 12px;
  font-size: 88%;
}
.module-base-layout .module-contents-header .information .date,
.module-base-layout .module-contents-header .information .tags {
  display: inline-block;
  vertical-align: middle;
}
.layout-pc .module-base-layout .module-contents-header {
  margin-top: 6px;
}
.layout-sp .module-base-layout .module-contents-header {
  margin-bottom: 3.125%;
}
.layout-sp .module-base-layout .module-contents-header .share {
  margin-bottom: 3.819444444444445%;
}
.layout-sp .module-base-layout .module-contents-header .share dt {
  margin-right: 0.6em;
  font-size: 84%;
}
.layout-sp .module-base-layout .module-contents-header .share li {
  margin-left: 0.25em;
}
.layout-sp .module-base-layout .module-contents-header .share li:first-child {
  margin-left: 0;
}
.layout-sp .module-base-layout .module-contents-header .information {
  clear: both;
}
.layout-sp .module-base-layout .module-contents-header .information .date {
  margin-right: 1em;
  font-size: 84%;
}
.module-base-layout h1.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-1 {
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 4px solid #003e80;
  font-size: 150%;
  line-height: 1.5;
  color: #003e80;
}
.layout-sp .module-base-layout h1.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-1 {
  margin: 0 -5.555555555555555% 6.25%;
  padding: 0 5.555555555555555% 3.125%;
  border-width: 2px;
  font-size: 150%;
  line-height: 1.25;
}
.module-base-layout h2.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-2 {
  margin-bottom: 30px;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-size: 125%;
  line-height: 1.2;
  color: #003e80;
}
.layout-sp .module-base-layout h2.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-2 {
  margin-bottom: 6.25%;
  padding: 1.909722222222223% 0;
  font-size: 125%;
  line-height: 1.5;
}
.module-base-layout h3.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-3 {
  margin-bottom: 30px;
  padding: 10px 0;
  color: #003e80;
  border-bottom: 1px solid #ddd;
}
.layout-sp .module-base-layout h3.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-3 {
  margin-bottom: 6.25%;
  padding: 1.909722222222223% 0;
  font-size: 100%;
}
.module-base-layout h4.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-4,
.module-base-layout h5.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-5,
.module-base-layout h6.type-default.module-contents-title,
.module-base-layout .module-contents-title.type-6 {
  margin-bottom: 18px;
  font-weight: bold;
}
.layout-sp .module-base-layout h4.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-4,
.layout-sp .module-base-layout h5.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-5,
.layout-sp .module-base-layout h6.type-default.module-contents-title,
.layout-sp .module-base-layout .module-contents-title.type-6 {
  margin-bottom: 4.340277777777778%;
  line-height: 1.166666666666667;
}
.module-base-layout .module-contents-toc {
  margin-bottom: 40px;
  padding: 17px 23px;
  background: #f6f7f9;
  border: 1px solid #f0f0f0;
  line-height: 1.75;
}
.module-base-layout .module-contents-toc dt {
  margin-bottom: 7px;
  font-weight: bold;
}
.module-base-layout .module-contents-toc dd > ol {
  padding-left: 0;
}
.module-base-layout .module-contents-toc dd ol {
  counter-reset: level;
  list-style: none;
}
.module-base-layout .module-contents-toc dd li {
  counter-increment: level;
}
.module-base-layout .module-contents-toc dd li .label {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-base-layout .module-contents-toc a {
  text-decoration: none;
}
.module-base-layout .module-contents-toc a:link,
.module-base-layout .module-contents-toc a:visited,
.module-base-layout .module-contents-toc a:active,
.module-base-layout .module-contents-toc a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-contents-toc a:hover {
  text-decoration: underline;
}
.layout-pc .module-base-layout .module-contents-toc {
  font-size: 100%;
}
.layout-sp .module-base-layout .module-contents-toc {
  margin-bottom: 11.284722222222223%;
  padding: 5.208333333333334%;
  line-height: 2;
}
.layout-sp .module-base-layout .module-contents-toc dt {
  margin-bottom: 3.472222222222222%;
  line-height: 1.166666666666667;
}
.module-base-layout .module-contents-list {
  padding: 17px 27px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.module-base-layout .module-contents-list a {
  text-decoration: none;
}
.module-base-layout .module-contents-list a:link,
.module-base-layout .module-contents-list a:visited,
.module-base-layout .module-contents-list a:active,
.module-base-layout .module-contents-list a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-contents-list a:hover {
  text-decoration: underline;
}
.module-base-layout .module-contents-list .label {
  display: inline;
}
.module-base-layout .module-contents-list dt {
  margin-bottom: 10px;
  line-height: 1.166666666666667;
  font-weight: bold;
}
.layout-sp .module-base-layout .module-contents-list {
  padding: 5.729166666666666% 4.166666666666666%;
}
.layout-sp .module-base-layout .module-contents-list dt {
  margin-bottom: 3.472222222222222%;
}
.layout-sp .module-base-layout .module-contents-list li {
  line-height: 2;
}
.module-base-layout .module-footer {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  letter-spacing: initial;
  background: #333;
  color: #fff;
}
.layout-officialapp .module-base-layout .module-footer {
  display: none !important;
}
.module-base-layout .module-footer .global ul li {
  width: auto;
  float: none;
}
.module-base-layout .module-footer .global ul li a {
  background-color: transparent;
  line-height: inherit;
}
.layout-pc .module-base-layout .module-footer {
  text-align: left;
}
.layout-pc .module-base-layout .module-footer .inner {
  width: auto;
}
.layout-pc .module-base-layout .module-footer .global {
  width: 100%;
}
.layout-sp .module-base-layout .module-footer .global ul li a {
  text-align: left;
}
.module-base-layout .module-footer a {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-footer a:link {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-footer a:visited {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-footer a:hover {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-footer a:active {
  color: #fff;
  text-decoration: none;
}
.module-base-layout .module-footer a:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.module-base-layout .module-footer .module-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}
.module-base-layout .module-footer .pagetop {
  text-align: right;
}
.module-base-layout .module-footer .pagetop a {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}
.module-base-layout .module-footer .pagetop a .icon {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  padding-top: 10px;
}
.module-base-layout .module-footer .pagetop a .icon::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  border-top: 1px solid #fff;
}
.module-base-layout .module-footer .pagetop a .icon::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.ua-pc .module-base-layout .module-footer .pagetop a:hover .icon::after {
  bottom: 2px;
}
.layout-sp .ua-pc .module-base-layout .module-footer .pagetop a:hover .icon::after {
  bottom: 0.083333333333333em;
}
.module-base-layout .module-footer .global:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-footer .global a {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-footer .global a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-footer .global a:link,
.module-base-layout .module-footer .global a:visited,
.module-base-layout .module-footer .global a:active,
.module-base-layout .module-footer .global a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-footer .global a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-footer .global .related-sites .module-icon {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.module-base-layout .module-footer .global .related-sites .module-icon::before {
  vertical-align: baseline;
}
.module-base-layout .module-footer .global .sns li {
  display: inline-block;
}
.module-base-layout .module-footer .global .sns li a {
  display: block;
}
.module-base-layout .module-footer .global .sns li a span {
  color: #333 !important;
  background: #fff !important;
}
.module-base-layout .module-footer .contents {
  border-top: 1px solid rgba(255,255,255,0.1);
}
.layout-pc .module-base-layout .module-footer .pagetop {
  padding-bottom: 20px;
  font-size: 88%;
  line-height: 1.428571428571429;
}
.layout-pc .module-base-layout .module-footer .pagetop a {
  padding-left: 20px;
  padding-right: 4px;
}
.layout-pc .module-base-layout .module-footer .global .contents {
  font-size: 82%;
  margin-bottom: 16px;
  padding: 12px 0;
  line-height: 1.785714285714286;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.layout-pc .module-base-layout .module-footer .global .contents li {
  display: inline-block;
  margin-left: 6px;
  vertical-align: top;
}
.layout-pc .module-base-layout .module-footer .global .contents li:first-child {
  margin-left: 0;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites li {
  width: 150px;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .related-sites-store {
  width: 175px;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites a {
  position: relative;
  display: block;
  padding: 6px 5px 5px 5px;
  border: 1px solid #fff;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .module-icon {
  display: inline-block;
  width: 35px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.4em;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .module-icon::before {
  padding-top: 2px;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .module-icon.pc1 {
  font-size: 1.55em;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .module-icon.map-marker1 {
  font-size: 1.5em;
}
.layout-pc .module-base-layout .module-footer .global .contents .related-sites .label {
  padding-left: 30px;
}
.layout-pc .module-base-layout .module-footer .global .contents .menu {
  line-height: 1;
}
.layout-pc .module-base-layout .module-footer .global .contents .menu li {
  padding-left: 6px;
  font-size: 12px;
  line-height: 1;
  border-left: 1px solid #fff;
}
.layout-pc .module-base-layout .module-footer .global .contents .menu li:first-child {
  border-left: none;
  padding-left: 0;
}
.layout-pc .module-base-layout .module-footer .global .sns {
  float: right;
  line-height: 30px;
}
.layout-pc .module-base-layout .module-footer .global .sns ul {
  margin-left: -12px;
}
.layout-pc .module-base-layout .module-footer .global .sns li {
  display: inline-block;
  margin-left: 12px;
  vertical-align: top;
}
.layout-pc .module-base-layout .module-footer .global .sns li a span::before {
  font-size: inherit;
}
.layout-pc .module-base-layout .module-footer .row {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
}
.layout-pc .module-base-layout .module-footer .row.other {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.layout-pc .module-base-layout .module-footer .copyright {
  clear: both;
  font-size: 69%;
}
.layout-sp .module-base-layout .module-footer .module-inner {
  width: 100%;
  padding: 0;
}
.layout-sp .module-base-layout .module-footer .pagetop {
  padding: 4.6875% 5% 4.53125%;
}
.layout-sp .module-base-layout .module-footer .pagetop a {
  padding-left: 4.861111111111112%;
}
.layout-sp .module-base-layout .module-footer .pagetop a .icon {
  top: 0.333333333333333em;
  width: 0.708333333333333em;
  padding-top: 0.708333333333333em;
}
.layout-sp .module-base-layout .module-footer .pagetop a .icon::after {
  width: 0.375em;
  height: 0.375em;
  left: 0.083333333333333em;
}
.layout-sp .module-base-layout .module-footer .global {
  font-size: 92%;
}
.layout-sp .module-base-layout .module-footer .global .contents ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3.75%;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.layout-sp .module-base-layout .module-footer .global .contents ul:first-child {
  border-top: none;
  margin-top: 0;
}
.layout-sp .module-base-layout .module-footer .global .contents li {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-sp .module-base-layout .module-footer .global .contents li:nth-child(odd) {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.layout-sp .module-base-layout .module-footer .global .contents li:nth-child(odd) a::after {
  position: absolute;
  top: 0;
  right: -0.5px;
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,0.1);
}
.layout-sp .module-base-layout .module-footer .global .contents li:nth-child(even) {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.layout-sp .module-base-layout .module-footer .global .contents li .inner {
  width: 100%;
  height: 100%;
}
.layout-sp .module-base-layout .module-footer .global .contents li a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 5.9375% 10% 5.625%;
  padding-right: 4.6875%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-sp .module-base-layout .module-footer .global .contents .related-sites li a {
  padding: 10% 6.25%;
}
.layout-sp .module-base-layout .module-footer .global .contents .related-sites .module-icon {
  width: 1.333333333333333em;
  left: 0.606060606060606em;
  font-size: 1.5em;
}
.layout-sp .module-base-layout .module-footer .global .contents .related-sites .module-icon.map-marker1 {
  font-size: 1.6em;
}
.layout-sp .module-base-layout .module-footer .global .contents .related-sites .label {
  padding-left: 2.363636363636364em;
}
.layout-sp .module-base-layout .module-footer .global .sns {
  padding: 1.09375% 5%;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: center;
}
.layout-sp .module-base-layout .module-footer .global .sns li {
  display: inline-block;
  vertical-align: top;
  margin: 2.951388888888889%;
}
.layout-sp .module-base-layout .module-footer .global .sns li a span {
  width: 1.698369565217391em;
  height: 1.698369565217391em;
  font-size: 160%;
}
.layout-sp .module-base-layout .module-footer .global .sns li a span::before {
  line-height: 1.714285714285714;
}
.layout-sp .module-base-layout .module-footer .copyright {
  padding: 3.75% 5%;
  font-size: 84%;
  text-align: center;
}
.module-base-layout .module-header {
  position: relative;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  z-index: 9999;
  border-bottom: 1px solid #f0f0f0;
}
.layout-officialapp .module-base-layout .module-header {
  display: none !important;
}
.layout-pc .module-base-layout .module-header .grid > .menu ul li a:hover {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
}
.layout-sp .module-base-layout .module-header .grid > .menu a {
  letter-spacing: inherit;
}
.layout-sp .module-base-layout .module-header .btn a {
  background: transparent;
}
.layout-sp .module-base-layout .module-header .btn a::after {
  display: none;
}
.layout-sp .module-base-layout .module-header .btn .menu1 {
  vertical-align: top;
}
.module-base-layout .module-header:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
}
.module-base-layout .module-header a {
  display: block;
  text-decoration: none;
}
.module-base-layout .module-header nav {
  background-color: #f6f7f9;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
}
.module-base-layout .module-header nav .related-sites a {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.module-base-layout .module-header nav .related-sites a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: #000 0 0 0;
}
.module-base-layout .module-header nav .related-sites a:link,
.module-base-layout .module-header nav .related-sites a:visited,
.module-base-layout .module-header nav .related-sites a:active,
.module-base-layout .module-header nav .related-sites a:focus {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-header nav .related-sites a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none;
}
.module-base-layout .module-header .grid {
  position: relative;
  top: 0;
  left: 0;
  padding: 13px 0 12px;
}
.module-base-layout .module-header .grid > .logo {
  width: 130px;
  margin: 0 auto;
}
.module-base-layout .module-header .grid > .logo img {
  width: 100%;
  height: auto;
}
.module-base-layout .module-header .grid > .menu {
  position: absolute;
  top: 0;
  height: 100%;
}
.module-base-layout .module-header .grid > .menu a {
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-decoration: none;
}
.module-base-layout .module-header .grid > .menu a:link,
.module-base-layout .module-header .grid > .menu a:visited,
.module-base-layout .module-header .grid > .menu a:active,
.module-base-layout .module-header .grid > .menu a:focus,
.module-base-layout .module-header .grid > .menu a:hover {
  text-decoration: none;
}
.ua-pc .module-base-layout .module-header .grid > .menu a:hover {
  background-color: #e6ebf1;
}
.ua-pc .module-base-layout .module-header .grid > .menu .is-open a:hover {
  background: #003e80;
}
.module-base-layout .module-header .grid > .menu:nth-child(1) {
  left: 0;
}
.module-base-layout .module-header .grid > .menu:nth-child(1) li,
.module-base-layout .module-header .grid > .menu:nth-child(1) .btn {
  border-right: 1px solid #f0f0f0;
}
.module-base-layout .module-header .grid > .menu:nth-child(3) {
  right: 0;
}
.module-base-layout .module-header .grid > .menu:nth-child(3) li {
  border-left: 1px solid #f0f0f0;
}
.module-base-layout .module-header .grid > .menu .menu-inner {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.module-base-layout .module-header .grid > .menu .menu-inner > .btn,
.module-base-layout .module-header .grid > .menu .menu-inner > ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.module-base-layout .module-header .grid > .menu .menu-inner > .btn > li,
.module-base-layout .module-header .grid > .menu .menu-inner > ul > li {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.module-base-layout .module-header .grid > .menu .menu-inner > .btn > li.is-active a,
.module-base-layout .module-header .grid > .menu .menu-inner > ul > li.is-active a {
  background: #003e80;
  color: #fff;
}
.module-base-layout .module-header .grid > .menu .menu-inner > .btn > a > .label,
.module-base-layout .module-header .grid > .menu .menu-inner > ul > li > a > .label {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 69%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-base-layout .module-header .grid > .menu a {
  width: 100%;
  text-align: center;
}
.layout-pc .module-base-layout .module-header {
  position: relative;
}
.layout-pc .module-base-layout .module-header nav {
  padding: 6px 20px 6px 18px;
}
.layout-pc .module-base-layout .module-header nav .current-site {
  font-size: 12px;
}
.layout-pc .module-base-layout .module-header nav .related-sites ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layout-pc .module-base-layout .module-header nav .related-sites li {
  margin-left: 10px;
}
.layout-pc .module-base-layout .module-header nav .related-sites li:first-child {
  margin-left: 0;
}
.layout-pc .module-base-layout .module-header nav .related-sites li .module-icon {
  font-size: 1.1em;
}
.layout-pc .module-base-layout .module-header nav .related-sites li .module-icon.map-marker1 {
  font-size: 1.2em;
}
.layout-pc .module-base-layout .module-header nav .related-sites li .module-icon.map-marker1 + .label {
  padding-left: 2px;
}
.layout-pc .module-base-layout .module-header nav .related-sites li .label {
  font-size: 12px;
  padding-left: 6px;
}
.layout-pc .module-base-layout .module-header .grid > .menu li {
  width: 60px;
}
.layout-pc .module-base-layout .module-header .grid > .menu li.is-open {
  background: #003e80;
}
.layout-pc .module-base-layout .module-header .grid > .menu li.is-open a {
  color: #fff;
}
.layout-pc .module-base-layout .module-header .grid > .menu li.is-open .module-icon::before {
  color: #fff;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon {
  padding-top: 12px;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.contents1 {
  font-size: 138%;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.service1 {
  font-size: 150%;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.contents1 {
  padding-top: 11px;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.bicycle1 {
  padding-top: 2px;
  font-size: 269%;
  line-height: 0.558139534883721;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.map-marker1 {
  padding-top: 11px;
  font-size: 163%;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.cart1 {
  padding-top: 9px;
  font-size: 188%;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.corporate1 {
  font-size: 150%;
}
.layout-pc .module-base-layout .module-header .grid > .menu .module-icon.service1 {
  padding-top: 9px;
}
.layout-pc .module-base-layout .module-header .category-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 1px;
  background: #fff;
  z-index: 10;
}
.layout-pc .module-base-layout .module-header .category-content.is-open {
  display: block;
}
.layout-pc .module-base-layout .module-header .category-content .inner {
  padding: 24px 0 36px;
  border-bottom: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-header nav {
  position: relative;
  display: table;
  width: 100%;
  font-size: 84%;
  border-bottom: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-header nav .current-site,
.layout-sp .module-base-layout .module-header nav .related-sites {
  display: table-cell;
  vertical-align: middle;
}
.layout-sp .module-base-layout .module-header nav .current-site {
  width: 65.3125%;
  padding: 3.125% 1.5625%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-sp .module-base-layout .module-header nav .related-sites {
  width: 34.6875%;
  border-left: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn a {
  position: relative;
  padding: 9.049773755656108% 4.524886877828054%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn .module-icon {
  position: absolute;
  top: 50%;
  right: 6.965174129353234%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn {
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn.is-open {
  background: #003e80;
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn.is-open a {
  color: #fff;
}
.layout-sp .module-base-layout .module-header nav .related-sites .btn.is-open .module-icon::before {
  color: #fff;
}
.layout-sp .module-base-layout .module-header nav .related-sites .related-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  background: #fff;
  z-index: 10000;
}
.layout-sp .module-base-layout .module-header nav .related-sites .related-content li a {
  padding-top: 5%;
  padding-bottom: 5%;
}
.layout-sp .module-base-layout .module-header nav .related-sites .related-content li a .module-icon {
  font-size: 100%;
}
.layout-sp .module-base-layout .module-header nav .related-sites .related-content li a[target="_blank"] .module-icon::after {
  content: '\F011';
  font-size: 1.5em;
}
.layout-sp .module-base-layout .module-header .grid {
  padding: 3.90625% 0 3.90625%;
}
.layout-sp .module-base-layout .module-header .grid > .logo {
  width: 26.875%;
}
.layout-sp .module-base-layout .module-header .grid > .menu .btn {
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.layout-sp .module-base-layout .module-header .grid > .menu .btn.is-open {
  background: #003e80;
}
.layout-sp .module-base-layout .module-header .grid > .menu .btn.is-open a {
  color: #fff;
}
.layout-sp .module-base-layout .module-header .grid > .menu .btn.is-open .module-icon::before {
  color: #fff;
}
.layout-sp .module-base-layout .module-header .grid > .menu .module-icon {
  padding-top: 0.333333333333333em;
}
.layout-sp .module-base-layout .module-header .grid > .menu .module-icon.menu1,
.layout-sp .module-base-layout .module-header .grid > .menu .module-icon.close1 {
  padding-top: 0.647058823529412em;
  font-size: 142%;
}
.layout-sp .module-base-layout .module-header .grid > .menu .module-icon.cart1 {
  padding-top: 0.291666666666667em;
  font-size: 200%;
}
.layout-sp .module-base-layout .module-header .grid > .menu .module-icon.corporate1 {
  padding-top: 0.487179487179487em;
  font-size: 163%;
}
.layout-sp .module-base-layout .module-header .grid > .menu .menu-inner > .btn,
.layout-sp .module-base-layout .module-header .grid > .menu .menu-inner > ul > li {
  width: 3.916666666666667em;
}
.layout-sp .module-base-layout .module-header .grid > .menu .menu-inner > .btn > a > .label,
.layout-sp .module-base-layout .module-header .grid > .menu .menu-inner > ul > li > a > .label {
  font-size: 75%;
  line-height: 1.833333333333333;
}
.layout-sp .module-base-layout .module-header .grid > .menu .menu-inner > .btn > a > .label {
  font-size: 75%;
  line-height: 1.833333333333333;
}
.layout-sp .module-base-layout .module-header .menu-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  width: 100%;
  background: #fff;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dt {
  background: #f0f0f0;
  color: #777;
  font-size: 92%;
  padding: 2.1875% 5% 2.03125%;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul {
  border-bottom: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul > li {
  border-top: 1px solid #f0f0f0;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul > li:first-child {
  border-top: 0;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul > li > a {
  position: relative;
  top: 0;
  left: 0;
  padding: 4.6875% 5%;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul > li > a .module-icon {
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -0.5em;
}
.layout-sp .module-base-layout .module-header .menu-content dl > dd > ul > li > a .label {
  display: block;
  padding-right: 2em;
  color: #333;
}
.layout-sp .module-base-layout .module-header .menu-content dl .contents-category ul {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout-sp .module-base-layout .module-header .menu-content dl .contents-category li {
  width: 100%;
}