@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900");

/*
Theme Name: M Flower Design株式会社用オリジナルテーマ
Theme URI:
Author: IDEACD
Author URI: https://www.ideacd.co.jp/
Description: M Flower Design株式会社用オリジナルテーマです。
Version: 1.0
License:
License URI:
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
  color: #182027;
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 1.6rem;
  }
}

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

a {
  color: #182027;
  text-decoration: none;
  -webkit-transition: all .5s;
  transition: all .5s;
}

a:hover {
  opacity: .7;
}

img {
  max-width: 100%;
  height: auto;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.wrap {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}

.container {
  width: 80%;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .container {
    width: 960px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    width: 1200px;
  }
}

@media screen and (min-width: 480px) {
  .inner {
    padding: 0 10%;
  }
}

@media screen and (min-width: 1280px) {
  .inner {
    padding: 0 110px;
  }
}

@media screen and (min-width: 1920px) {
  .inner {
    padding: 0 180px;
  }
}

@media screen and (min-width: 480px) {
  .inner--01 {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1920px) {
  .inner--01 {
    padding: 0 150px;
  }
}

.inner--02 {
  padding: 30px 10%;
  border: 1px solid #989B9F;
}

@media screen and (min-width: 1280px) {
  .inner--02 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 1920px) {
  .inner--03 {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

/*
#overview
ユーティリティ
*/
/*
#styleguide
左揃え

```
<p class="u-left">
  テキストテキスト
</p>
```
*/
/*
#styleguide
中央揃え

```
<p class="u-center">
  テキストテキスト
</p>
```
*/
/*
#styleguide
右揃え

```
<p class="u-right">
  テキストテキスト
</p>
```
*/
/*
#styleguide
1文字インデント

```
<ul class="list">
  <li class="list__item u-indent">
    ※リスト<br>
    テキストテキスト
  </li>
  <li class="list__item u-indent">
    ※リスト<br>
    テキストテキスト
  </li>
  <li class="list__item u-indent">
    ※リスト<br>
    テキストテキスト
  </li>
</ul>
```
*/
.u-left {
  text-align: left;
}

.u-center {
  text-align: center;
}

.u-right {
  text-align: right;
}

.u-indent {
  padding-left: 1em;
  text-indent: -1em;
}

.u-mincho {
  font-family: 'Noto Serif JP', serif;
}

.is-base {
  color: #182027;
}

.is-link {
  color: #49afd0;
}

.is-black {
  color: #333;
}

.is-white {
  color: #fff;
}

.is-darkgray {
  color: #52575C;
}

.is-gray {
  color: #989B9F;
}

.is-lightgray {
  color: #BDBFC2;
}

.is-ultralightgray {
  color: #eff0f0;
}

.is-red {
  color: #cc0000;
}

.is-yellow {
  color: #ffffc0;
}

.pc-hide {
  display: block;
}

@media screen and (min-width: 1920px) {
  .pc-hide {
    display: none;
  }
}

.pc-show {
  display: none;
}

@media screen and (min-width: 1920px) {
  .pc-show {
    display: block;
  }
}

.pctb-hide {
  display: block;
}

@media screen and (min-width: 1280px) {
  .pctb-hide {
    display: none;
  }
}

.tbsp-hide {
  display: none;
}

@media screen and (min-width: 1280px) {
  .tbsp-hide {
    display: block;
  }
}

.sp-show {
  display: block;
}

@media screen and (min-width: 480px) {
  .sp-show {
    display: none;
  }
}

.sp-hide {
  display: none;
}

@media screen and (min-width: 480px) {
  .sp-hide {
    display: block;
  }
}

/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-aws:before {
  content: "\f375";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comments:before {
  content: "\f086";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edit:before {
  content: "\f044";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frown:before {
  content: "\f119";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-key:before {
  content: "\f084";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-male:before {
  content: "\f183";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-moon:before {
  content: "\f186";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nintendo-switch:before {
  content: "\f418";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-percent:before {
  content: "\f295";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-plane:before {
  content: "\f072";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-print:before {
  content: "\f02f";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-random:before {
  content: "\f074";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-rendact:before {
  content: "\f3e4";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-road:before {
  content: "\f018";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-safari:before {
  content: "\f267";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-strava:before {
  content: "\f428";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-train:before {
  content: "\f238";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/fa-solid-900.eot");
  src: url("./fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-solid-900.woff2") format("woff2"), url("./fonts/fa-solid-900.woff") format("woff"), url("./fonts/fa-solid-900.ttf") format("truetype"), url("./fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/fa-regular-400.eot");
  src: url("./fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-regular-400.woff2") format("woff2"), url("./fonts/fa-regular-400.woff") format("woff"), url("./fonts/fa-regular-400.ttf") format("truetype"), url("./fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/fa-brands-400.eot");
  src: url("./fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-brands-400.woff2") format("woff2"), url("./fonts/fa-brands-400.woff") format("woff"), url("./fonts/fa-brands-400.ttf") format("truetype"), url("./fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

.l-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
}

@media screen and (min-width: 480px) {
  .l-header {
    padding: 30px 40px;
  }
}

@media screen and (min-width: 1280px) {
  .l-header {
    padding: 30px 80px;
  }
}

.l-header__text {
  font-size: 1.4rem;
  font-weight: 200;
  margin: 0;
  opacity: 0.7;
}

@media screen and (min-width: 480px) {
  .l-header__text {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .l-header__text {
    font-size: 2.4rem;
  }
}

.l-header__link {
  color: #989B9F;
}

.l-header.is-fixed {
  position: fixed;
  background: rgba(255, 255, 255, 0.6);
  z-index: 15;
  padding-top: 0;
  padding-bottom: 0;
  height: 80px;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.l-header.is-fixed .l-header__text {
  opacity: 1;
}

.l-header.is-fixed .l-header__link {
  color: #182027;
}

.l-header.is-down {
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.l-header.is-up {
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.home .l-header__link {
  color: #fff;
}

.l-breadcrumbs {
  margin-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .l-breadcrumbs {
    margin-bottom: 23px;
  }
}

@media screen and (min-width: 1280px) {
  .l-breadcrumbs {
    margin-bottom: 20px;
  }
}

.l-breadcrumbs-list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-breadcrumbs-list__item {
  list-style: none;
  color: #989B9F;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 2rem;
}

@media screen and (min-width: 480px) {
  .l-breadcrumbs-list__item {
    font-size: 1.2rem;
  }
}

.l-breadcrumbs-list__item:not(:last-child):after {
  content: '／';
  margin: 0 1px;
}

.l-breadcrumbs-list__item a {
  color: #989B9F;
}

.l-contents__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 480px) {
  .l-contents__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 320px) {
  .l-main {
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .l-main {
    width: 66%;
  }
}

@media screen and (min-width: 1280px) {
  .l-main {
    width: 640px;
  }
}

@media screen and (min-width: 320px) {
  .l-side {
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .l-side {
    width: 30%;
  }
}

@media screen and (min-width: 1280px) {
  .l-side {
    width: 300px;
  }
}

.l-footer {
  border-bottom: 1px solid #989B9F;
}

@media screen and (min-width: 1280px) {
  .l-footer {
    padding: 0 80px;
    border-bottom: 0;
  }
}

.l-footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 55px 10%;
}

@media screen and (min-width: 480px) {
  .l-footer__content {
    padding: 55px 0;
  }
}

@media screen and (min-width: 1280px) {
  .l-footer__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1280px) {
  .l-footer__box {
    margin: 0 80px;
  }
}

.l-footer__box:first-child {
  margin-bottom: 27px;
}

@media screen and (min-width: 480px) {
  .l-footer__box:first-child {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1280px) {
  .l-footer__box:first-child {
    margin-bottom: 0;
  }
}

.l-footer-heading {
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .l-footer-heading {
    margin-top: -50px;
  }
}

.l-footer-heading__text {
  font-size: 2.8rem;
  font-weight: 200;
  margin: 0 0 7px;
}

@media screen and (min-width: 480px) {
  .l-footer-heading__text {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1920px) {
  .l-footer-heading__text {
    font-size: 4.8rem;
  }
}

.l-footer-heading__subtext {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
}

.l-footer__logo {
  width: 156px;
  margin: 0 0 20px;
}

@media screen and (min-width: 480px) {
  .l-footer__logo {
    width: 224px;
  }
}

@media screen and (min-width: 1920px) {
  .l-footer__logo {
    width: 312px;
  }
}

.l-footer__text {
  margin: 0;
  line-height: 2.8rem;
}

.l-footer-menu {
  margin: 30px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 480px) {
  .l-footer-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.l-footer-menu__item {
  list-style: none;
  line-height: 3em;
}

@media screen and (min-width: 480px) {
  .l-footer-menu__item {
    line-height: 2em;
  }
}

@media screen and (min-width: 480px) {
  .l-footer-menu__item:not(:last-child) {
    margin-right: 2em;
  }
}

@media screen and (min-width: 480px) {
  .l-footer-menu__item:last-child {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .l-footer-menu__item:last-child {
    width: auto;
  }
}

.l-footer-menu__link {
  color: #989B9F;
  font-weight: 300;
}

@media screen and (min-width: 480px) {
  .l-footer-menu__link {
    font-size: 1.2rem;
  }
}

/*
#overview
見出し
*/
/*
#styleguide
デフォルト

```
<div class="heading">
  <h2 class="heading__text">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
左揃え

```
<div class="heading">
  <h2 class="heading__text heading__text--left">
    見出し
  </h2>
  <p class="heading__subtext heading__subtext--left">
    サブテキスト
  </p>
</div>
```
*/
/*
#styleguide
右揃え

```
<div class="heading">
  <h2 class="heading__text heading__text--right">
    見出し
  </h2>
  <p class="heading__subtext heading__subtext--right">
    サブテキスト
  </p>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="heading">
  <h2 class="heading__text heading__text--A">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="heading">
  <h2 class="heading__text heading__text--B">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
タイプC

```
<div class="heading">
  <h2 class="heading__text heading__text--C">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="heading">
  <h2 class="heading__text heading__text--fzA">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="heading">
  <h2 class="heading__text heading__text--fzB">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
マージンボトムなし

```
<div class="heading heading--mb0">
  <h2 class="heading__text">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
マージンボトムA

```
<div class="heading heading--mbA">
  <h2 class="heading__text">
    見出し
  </h2>
</div>
```
*/
/*
#styleguide
サブテキスト付き

```
<div class="heading">
  <h2 class="heading__text">
    見出し
  </h2>
  <p class="heading__subtext">
    サブテキスト
  </p>
</div>
```
*/
.heading {
  margin-bottom: 30px;
}

.heading--mb0 {
  margin-bottom: 0;
}

.heading--mbA {
  margin-bottom: 60px;
}

.heading__text {
  text-align: center;
  margin: 0;
  font-size: 2rem;
  line-height: 1.5;
}

@media screen and (min-width: 480px) {
  .heading__text {
    font-size: 2.8rem;
  }
}

.heading__text--left {
  text-align: left;
}

.heading__text--right {
  text-align: right;
}

.heading__text--fzA {
  font-size: 2.4rem;
}

@media screen and (min-width: 480px) {
  .heading__text--fzA {
    font-size: 3.6rem;
  }
}

.heading__text--fzB {
  font-size: 2.2rem;
}

@media screen and (min-width: 480px) {
  .heading__text--fzB {
    font-size: 2.6rem;
  }
}

.heading__text--A:after {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background: #333;
  margin: 20px auto 0;
}

.heading__text--B {
  border-left: 3px solid #333;
  padding: 10px 0 10px 10px;
}

.heading__text--C {
  border-bottom: 2px solid #333;
  border-left: 5px solid #333;
  padding: 5px 0 5px 5px;
}

.heading__subtext {
  margin: 20px 0 0;
  text-align: center;
}

.heading__subtext--left {
  text-align: left;
}

.heading__subtext--right {
  text-align: right;
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn01 {
  margin-top: 40px;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .btn01 {
    padding: 0 10%;
  }
}

@media screen and (min-width: 1280px) {
  .btn01 {
    padding: 0;
  }
}

.btn01__link {
  font-size: 1.6rem;
  padding: 14px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #182027;
}

.btn01__link:hover {
  opacity: 1;
  background: #182027;
  color: #eff0f0;
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn02 {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 1280px) {
  .btn02 {
    width: 380px;
  }
}

@media screen and (min-width: 1920px) {
  .btn02 {
    width: 580px;
  }
}

.btn02__item {
  margin-bottom: 10px;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .btn02__item {
    width: calc(50% - 5px);
  }
}

@media screen and (min-width: 1280px) {
  .btn02__item {
    width: 185px;
  }
}

@media screen and (min-width: 1920px) {
  .btn02__item {
    width: 285px;
  }
}

.btn02__link {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 15px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #182027;
  position: relative;
}

.btn02__link:hover {
  opacity: 1;
  background: #182027;
  color: #fff;
}

.btn02__link::before {
  position: absolute;
  left: 23px;
}

.btn02__link--contact::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "";
}

.btn02__link--order::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "";
}

.btn02__link--tel::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
}

.btn02__link--mobile::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn03 {
  margin-bottom: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 480px) {
  .btn03 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 480px) {
  .btn03__item {
    width: 210px;
  }
}

.btn03__item:first-child {
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .btn03__item:first-child {
    margin-bottom: 0;
  }
}

.btn03__link {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 15px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #eff0f0;
  background: #182027;
}

.btn03__link:hover {
  opacity: 1;
  background: #fff;
  color: #182027;
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn04__link {
  color: #989B9F;
  border: 1px solid #989B9F;
  display: block;
  text-align: center;
  padding: 1em 2em 1em 1em;
  position: relative;
  line-height: 2.1rem;
}

@media screen and (min-width: 1280px) {
  .btn04__link {
    padding: 16px;
  }
}

.btn04__link:not(:last-child) {
  margin-bottom: 10px;
}

.btn04__link::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  font-size: 1rem;
  top: 50%;
  right: 1em;
  margin-top: -5px;
  line-height: normal;
}

@media screen and (min-width: 1280px) {
  .btn04__link::after {
    right: 20px;
  }
}

.btn04__link--externallink::after {
  content: url(images/icon_blank.png);
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn05__link {
  color: #fff;
  background: #182027;
  display: block;
  text-align: center;
  padding: 1em 2em 1em 1em;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .btn05__link {
    padding: 16px;
  }
}

.btn05__link:not(:last-child) {
  margin-bottom: 10px;
}

.btn05__link::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  font-size: 1rem;
  top: 50%;
  right: 1em;
  margin-top: -5px;
}

@media screen and (min-width: 1280px) {
  .btn05__link::after {
    right: 20px;
  }
}

.btn05__link--externallink::after {
  content: url(images/icon_blank.png);
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn06__item:not(:last-child) {
  margin-bottom: 10px;
}

.btn06__link {
  font-weight: 500;
  padding: 21px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #182027;
  position: relative;
}

.btn06__link:hover {
  opacity: 1;
  background: #182027;
  color: #fff;
}

.btn06__link::before {
  position: absolute;
  left: 23px;
}

.btn06__link--contact::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: "";
}

.btn06__link--tel::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
}

/*
#overview
ボタン
*/
/*
#styleguide
デフォルト

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--A">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--B">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズA

```
<div class="btn">
  <div class="btn__item btn__item--sizeA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
サイズB

```
<div class="btn">
  <div class="btn__item btn__item--sizeB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズA

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzA">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
フォントサイズB

```
<div class="btn">
  <div class="btn__item">
    <a href="#" class="btn__link btn__link--fzB">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置

```
<div class="btn btn--jcc">
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンA

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mA">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
/*
#styleguide
中央揃えで複数配置のマージンB

```
<div class="btn btn--jcc">
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
  <div class="btn__item btn__item--mB">
    <a href="#" class="btn__link">
      ボタン
    </a>
  </div>
</div>
```
*/
.btn07 {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .btn07 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1280px) {
  .btn07__item {
    width: 256px;
    margin: 0 10px;
  }
}

.btn07__item:first-child {
  margin-bottom: 10px;
}

@media screen and (min-width: 1280px) {
  .btn07__item:first-child {
    margin-bottom: 0;
  }
}

.btn07__link {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 16px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #BDBFC2;
  background: #182027;
  position: relative;
}

.btn07__link::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  font-size: 1rem;
  top: 50%;
  right: 1em;
  margin-top: -5px;
  line-height: normal;
}

@media screen and (min-width: 1280px) {
  .btn07__link::after {
    right: 20px;
  }
}

.btn07__link:hover {
  opacity: 1;
  background: #fff;
  color: #182027;
}

.btn07__link--down::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
}


/*
mv-btn
*/

.mv-btn {
  position: absolute;
  bottom: 100px;
  right: 20px;
  z-index: 1;
}

.mv-btn .mv-btn__item {
  margin-bottom: 10px;
  background: #fff;
  border: solid 1px #182027;
  padding: 5px;
  width: 300px;
}

.mv-btn .mv-btn__item a {
  display: flex;
  align-items: center;
  justify-content: left;
}

.mv-btn .mv-btn__item a:hover {
  opacity: .7;
}

.mv-btn .mv-btn__item a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  font-size: 1.5rem;
  right: 20px;
}

.mv-btn .mv-btn__item:last-child {
  margin-bottom: 0;
}

.mv-btn .mv-btn__item .mv-btn_img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  background-size: auto 130px;
  background-position: center center;
}

.mv-btn .mv-btn__item .mv-btn_img_wall {
  background-size: auto 80px;
}

.mv-btn .mv-btn__item p {
  line-height: 2.1rem;
  font-weight: bold;
}

.mv-btn .ec_btn {
  margin-bottom: 10px;
  background: #DF3A60;
  border: none;
  padding: 35px 10px;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  margin: 0 0 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mv-btn .ec_btn a {
  flex-direction: column;
  align-items: center;
  justify-self: center;
}

.mv-btn .ec_btn a::after {
  display: none;
}

.mv-btn .ec_btn svg {
  margin-bottom: 10px;
  height: 35px;
}

.mv-btn .ec_btn p {
  color: #fff;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .mv-btn {
    right: 100px;
  }
}

@media screen and (max-width: 768px) {

  .mv-btn {
    bottom: 50px;
  }

  .mv-btn .ec_btn {
    padding: 35px 10px;
    width: 110px;
    height: 110px;
  }

  .mv-btn .ec_btn svg {
    margin-bottom: 10px;
    height: 30px;
  }

  .mv-btn .ec_btn p {
    font-size: 9px;
    line-height: normal;
  }

}

/*
#overview
リスト
*/
/*
#styleguide
デフォルト

```
<ul class="list">
  <li class="list__item">
    リスト
  </li>
  <li class="list__item">
    リスト
  </li>
  <li class="list__item">
    リスト
  </li>
</ul>
```
*/
/*
#styleguide
タイプA

```
<ul class="list">
  <li class="list__item list__item--A">
    リスト
  </li>
  <li class="list__item list__item--A">
    リスト
  </li>
  <li class="list__item list__item--A">
    リスト
  </li>
</ul>
```
*/
/*
#styleguide
マージンボトムA

```
<ul class="list">
  <li class="list__item list__item--mbA">
    リスト
  </li>
  <li class="list__item list__item--mbA">
    リスト
  </li>
  <li class="list__item list__item--mbA">
    リスト
  </li>
</ul>
```
*/
.list {
  margin: 0;
  padding: 0;
}

.list__item {
  list-style: none;
}

.list__item:not(:last-child) {
  margin-bottom: 5px;
}

.list__item--mbA:not(:last-child) {
  margin-bottom: 10px;
}

.list__item--A:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f105';
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
}

.row--jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row--m0 {
  margin: 0;
}

.grid {
  width: 100%;
  margin-bottom: 20px;
  line-height: 0;
}

.grid--m0 {
  margin: 0;
}

@media screen and (min-width: 1280px) {
  .grid--mA {
    margin: 0 10px 20px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--1 {
    width: 70px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--1.grid--m0 {
    width: 80px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--2 {
    width: 150px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--2.grid--m0 {
    width: 160px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--3 {
    width: 230px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--3.grid--m0 {
    width: 240px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--4 {
    width: 310px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--4.grid--m0 {
    width: 320px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--5 {
    width: 390px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--5.grid--m0 {
    width: 400px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--6 {
    width: 470px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--6.grid--m0 {
    width: 480px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--7 {
    width: 550px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--7.grid--m0 {
    width: 560px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--8 {
    width: 630px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--8.grid--m0 {
    width: 640px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--9 {
    width: 710px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--9.grid--m0 {
    width: 720px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--10 {
    width: 790px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--10.grid--m0 {
    width: 800px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--11 {
    width: 870px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--11.grid--m0 {
    width: 880px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--12 {
    width: 950px;
  }
}

@media screen and (min-width: 1280px) {
  .grid--12.grid--m0 {
    width: 960px;
  }
}

/*
#overview
ボックス
*/
/*
#styleguide
デフォルト

```
<div class="box">
  <p>
    ここはボックス
  </p>
</div>
```
*/
/*
#styleguide
タイプA

```
<div class="box box--A">
  <p>
    ここはボックス
  </p>
</div>
```
*/
/*
#styleguide
タイプB

```
<div class="box box--B">
  <p>
    ここはボックス
  </p>
</div>
```
*/
/*
#styleguide
パディングA

```
<div class="box box--pA">
  <p>
    ここはボックス
  </p>
</div>
```
*/
.box {
  line-height: normal;
  background: #fff;
  padding: 20px;
}

.box:not(.box--ha) {
  height: 100%;
}

.box>*:first-child {
  margin-top: 0;
}

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

.box--pA {
  padding: 10px;
}

.box--A {
  border: 1px solid #333;
}

.box--B {
  border: 3px double #333;
  border-radius: 10px;
}

/*
#overview
セクション
*/
/*
#styleguide
デフォルト

```
<section class="section">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
```
*/
/*
#styleguide
マージンボトムA

```
<section class="section section--mbA">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section section--mbA">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section section--mbA">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
```
*/
/*
#styleguide
マージンボトムB

```
<section class="section section--mbB">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section section--mbB">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
<section class="section section--mbB">
  <div class="box">
    <p>
      セクション
    </p>
  </div>
</section>
```
*/
.section:not(:last-child) {
  margin-bottom: 60px;
}

.section--mbA:not(:last-child) {
  margin-bottom: 30px;
}

.section--mbB:not(:last-child) {
  margin-bottom: 20px;
}

.article--layout-pdf .article__date--pdfhide {
  display: none;
}

@media screen and (min-width: 480px) {
  .article--layout-pdf .article__date--pdfhide {
    display: block;
  }
}

.article-heading {
  margin-bottom: 40px;
}

.article-heading__text {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 500;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .article-heading__text {
    font-size: 3.6rem;
    line-height: 5.4rem;
  }
}

.article__date {
  text-align: right;
  font-size: 1.2rem;
  color: #989B9F;
  margin: 0 0 35px;
}

.article__date--pdfshow {
  display: none;
}

.article__content>*:last-child {
  margin-bottom: 0;
}

.article__content img.alignleft {
  float: left;
}

.article__content img.aligncenter {
  display: block;
  margin: 0 auto;
}

.article__content img.alignright {
  float: right;
}

.article__content .wp-caption {
  max-width: 100%;
  line-height: 0;
}

.article__content .wp-caption-text {
  font-size: 80%;
  margin: 5px 0;
  line-height: normal;
}

.article__content ul:not(.wp-block-gallery),
.article__content ol:not(.wp-block-gallery) {
  margin: 30px 0;
  background: #eff0f0;
  list-style: none;
  padding: 34px 10%;
}

@media screen and (min-width: 480px) {

  .article__content ul:not(.wp-block-gallery),
  .article__content ol:not(.wp-block-gallery) {
    padding: 40px;
  }
}

.article__content ul:not(.wp-block-gallery) li,
.article__content ol:not(.wp-block-gallery) li {
  line-height: 2.8rem;
}

.article__content ul:not(.wp-block-gallery) li:not(:last-child),
.article__content ol:not(.wp-block-gallery) li:not(:last-child) {
  margin-bottom: 28px;
}

.article__content ul:not(.wp-block-gallery) li {
  position: relative;
  padding-left: 15px;
}

.article__content ul:not(.wp-block-gallery) li::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 3px;
  background: #989B9F;
  top: 12px;
  left: 0;
}

.article__content ol {
  counter-reset: ol_li;
}

.article__content ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article__content ol li::before {
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #989B9F;
  font-weight: 500;
  margin-right: 3px;
}

.article__content h3 {
  margin: 30px 0;
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #52575C;
}

@media screen and (min-width: 480px) {
  .article__content h3 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.article__content p {
  line-height: 2.8rem;
  margin: 30px 0;
}

.article__content a {
  padding: 0 3px;
}

.article__content a:not(.pdflink) {
  border-bottom: 1px dotted;
}

.article__content strong {
  background: #ffffc0;
  padding: 0 3px;
}

.article__content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.article__content table td,
.article__content table th {
  border: 1px solid #ccc;
  padding: 10px;
}

.article__content table th {
  background: #333;
  color: #fff;
}

.article__content blockquote {
  background: #989B9F;
  padding: 15px;
}

.article__content blockquote p {
  margin: 0;
}

.article__content code {
  background: #333;
  color: #fff;
  padding: 2px 7px;
  font-size: 1.2rem;
  margin: 0 5px;
}

.article-cats-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0 -10px;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .article-cats-list {
    margin: 160px 0 -10px;
  }
}

.article-cats-list__item {
  list-style: none;
  margin: 0 10px 10px 0;
}

.article-cats-list__link {
  color: #989B9F;
  border: 1px solid #989B9F;
  padding: 14px 20px;
  display: block;
  font-size: 1.2rem;
}

.article__wrap--pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article__wrap--pdf .article__body {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .article__wrap--pdf .article__body {
    width: 45%;
  }
}

@media screen and (min-width: 1280px) {
  .article__wrap--pdf .article__body {
    width: 460px;
  }
}

.article__wrap--pdf .article__body *:first-child {
  margin-top: 0;
}

.article__wrap--pdf .article__date--pdfshow {
  display: block;
}

@media screen and (min-width: 480px) {
  .article__wrap--pdf .article__date--pdfshow {
    display: none;
  }
}

.navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.navigation .page-numbers {
  padding: 17px 21px;
  margin: 0 5px;
  color: #989B9F;
}

.navigation a {
  background: #fff;
  color: #989B9F;
}

.navigation a.prev,
.navigation a.next {
  position: absolute;
  margin: 0;
  display: none;
}

@media screen and (min-width: 480px) {

  .navigation a.prev,
  .navigation a.next {
    display: block;
  }
}

.navigation a.prev {
  left: 0;
}

.navigation a.prev::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1rem;
  margin-right: 35px;
}

.navigation a.next {
  right: 0;
}

.navigation a.next::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1rem;
  margin-left: 35px;
}

.navigation span.current {
  border: 1px solid #989B9F;
}

.navigation .nav-previous a,
.navigation .nav-next a,
.navigation .nav-top a {
  padding: 25px 15px;
  display: block;
}

@media screen and (min-width: 480px) {

  .navigation .nav-previous a,
  .navigation .nav-next a,
  .navigation .nav-top a {
    padding: 0;
  }
}

.navigation .nav-previous,
.navigation .nav-next {
  margin: 0;
  display: block;
  width: 50%;
}

@media screen and (min-width: 480px) {

  .navigation .nav-previous,
  .navigation .nav-next {
    position: absolute;
    width: auto;
  }
}

.navigation .nav-previous {
  left: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  border-right: 1px dotted #989B9F;
  margin-right: auto;
}

@media screen and (min-width: 480px) {
  .navigation .nav-previous {
    border-right: 0;
  }
}

.navigation .nav-previous a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1rem;
  margin-right: 35px;
}

.navigation .nav-top {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  text-align: center;
  border-top: 1px dotted #989B9F;
}

.navigation .nav-top+.nav-next {
  border-left: 1px dotted #989B9F;
}

@media screen and (min-width: 480px) {
  .navigation .nav-top+.nav-next {
    border-left: 0;
  }
}

@media screen and (min-width: 480px) {
  .navigation .nav-top {
    width: auto;
    border-top: 0;
  }
}

.navigation .nav-top a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1rem;
  margin-left: 20px;
}

.navigation .nav-next {
  right: 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-align: right;
  margin-left: auto;
}

.navigation .nav-next a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1rem;
  margin-left: 35px;
}

.mw_wp_form__reqany {
  font-size: 1.2rem;
  padding: 5px 13px;
  font-weight: 500;
  margin-right: 10px;
  display: inline-block;
  min-width: 50px;
}

@media screen and (min-width: 480px) {
  .mw_wp_form__reqany {
    display: block;
    width: 50px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__reqany {
    display: inline-block;
    width: auto;
    margin-right: 10px;
    margin-bottom: 0;
  }
}

.mw_wp_form__reqany--req {
  padding: 6px 13px;
  background: #182027;
  color: #fff;
}

.mw_wp_form__reqany--any {
  padding: 4px 11px;
  border: 2px solid #182027;
}

.mw_wp_form__parts:not(:last-child) {
  margin-bottom: 30px;
}

.mw_wp_form__notes {
  font-size: 1.2rem;
  margin: 0 0 10px;
  color: #52575C;
}

.mw_wp_form__notes--ml01 {
  margin-left: 46px;
}

.mw_wp_form__text {
  width: 100%;
  padding: 20px;
  background: #eff0f0;
  font-size: 1.6rem;
  font-weight: 500;
  border: 0;
}

.mw_wp_form__text--size01 {
  width: 130px;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__text--size01 {
    width: 200px;
  }
}

.mw_wp_form__text--size02 {
  width: 130px;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__text--size02 {
    width: 100px;
  }
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__text--mr01 {
    margin-right: 10px;
  }
}

.mw_wp_form__textarea {
  width: 100%;
  min-height: 105px;
  padding: 20px;
  background: #eff0f0;
  font-size: 1.6rem;
  font-weight: 500;
  border: 0;
}

.mw_wp_form__textarea--size01 {
  width: 200px;
}

.mw_wp_form__selectwrap {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__selectwrap {
    width: 240px;
  }
}

.mw_wp_form__selectwrap select {
  width: 100%;
  padding: 16px 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #989B9F;
  border-radius: 0;
  color: #989B9F;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__selectwrap select {
    padding: 16px 75px;
  }
}

.mw_wp_form__selectwrap::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  color: #989B9F;
  font-size: 1rem;
  pointer-events: none;
  line-height: 1;
}

.mw_wp_form__zipmark {
  font-size: 2rem;
  margin: 0 15px 0 10px;
}

.mw_wp_form .mwform-tel-field input {
  margin: 0 5px;
}

.mw_wp_form .mwform-tel-field input:first-child {
  margin-left: 0;
}

.mw_wp_form .mwform-tel-field input:last-child {
  margin-right: 0;
}

.mw_wp_form-otherfield {
  margin-top: 130px;
}

.mw_wp_form-otherfield__item:not(:last-child) {
  margin-bottom: 40px;
}

.mw_wp_form-otherfield__heading {
  margin: 0 0 20px;
  font-weight: 500;
}

.mw_wp_form-otherfield__heading2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mw_wp_form-otherfield__reqany {
  font-size: 1.2rem;
  padding: 5px 13px;
  font-weight: 500;
  margin-right: 10px;
  display: inline-block;
  min-width: 50px;
}

.mw_wp_form-otherfield__reqany--req {
  padding: 6px 13px;
  background: #182027;
  color: #fff;
}

.mw_wp_form-otherfield__reqany--any {
  padding: 4px 11px;
  border: 2px solid #182027;
}

.mw_wp_form-otherfield__content {
  padding: 30px;
  border: 1px solid #989B9F;
  font-size: 1.2rem;
}

.mw_wp_form-otherfield__content *:first-child {
  margin-top: 0;
}

.mw_wp_form-otherfield__content *:last-child {
  margin-bottom: 0;
}

.mw_wp_form-otherfield__content--policy {
  height: 160px;
  overflow-y: scroll;
}

.mw_wp_form-otherfield__text {
  line-height: 2.4rem;
  margin: 30px 0;
}

.mw_wp_form-otherfield__heading {
  font-size: 2.4rem;
  margin: 40px 0 30px;
  text-align: center;
}

.mw_wp_form-otherfield .mwform-checkbox-field {
  margin-top: 30px;
  display: block;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form-otherfield .mwform-checkbox-field {
    text-align: center;
  }
}

.mw_wp_form-otherfield .mwform-checkbox-field label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form-otherfield .mwform-checkbox-field label {
    display: block;
  }
}

.mw_wp_form-otherfield .mwform-checkbox-field-text {
  font-weight: 500;
}

.mw_wp_form-otherfield .horizontal-item+.horizontal-item {
  margin-left: 35px;
}

.mw_wp_form-otherfield__textbox01 {
  background: #eff0f0;
  padding: 30px 40px;
}

.mw_wp_form-otherfield__ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ol_li;
}

.mw_wp_form-otherfield__ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2.8rem;
}

.mw_wp_form-otherfield__ol li:not(:last-child) {
  margin-bottom: 20px;
}

.mw_wp_form-otherfield__ol li::before {
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #989B9F;
  font-weight: 500;
  margin-right: 3px;
}

.mw_wp_form__caution {
  margin: 90px 0 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5em;
  text-align: center;
}

.mw_wp_form__btns {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mw_wp_form__btns .mw_wp_form__btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #182027;
  color: #fff;
  border: 0;
  width: 256px;
  padding: 17px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.mw_wp_form__btns .mw_wp_form__btn:hover {
  opacity: 0.7;
}

.mw_wp_form__btns .mw_wp_form__btn::after {
  position: absolute;
  font-size: 1rem;
  top: 50%;
  margin-top: -5px;
}

.mw_wp_form__btns .mw_wp_form__btn--submit::after,
.mw_wp_form__btns .mw_wp_form__btn--confirm::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  right: 20px;
}

.mw_wp_form__btns .mw_wp_form__btn--back {
  margin-right: 20px;
}

.mw_wp_form__btns .mw_wp_form__btn--back::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  left: 20px;
}

.mw_wp_form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.mw_wp_form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.mw_wp_form__item:not(:last-child) {
  margin-bottom: 13px;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__item:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.mw_wp_form__item--sp-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__item--sp-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.mw_wp_form__item--sp-right .mw_wp_form__wording {
  text-align: right;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form__item--sp-right .mw_wp_form__wording {
    text-align: left;
  }
}

.mw_wp_form__wording {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
}

.mw_wp_form__wording--fz01 {
  font-size: 2rem;
}

.mw_wp_form .error {
  font-size: 1.2rem;
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 8px 8px 8px 15px;
  margin-top: 20px;
  position: relative;
  text-align: left;
}

.mw_wp_form .error::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 17px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
}

.mw_wp_form :placeholder-shown {
  color: #989B9F;
  font-size: 1.4rem;
  font-weight: 500;
}

.mw_wp_form ::-webkit-input-placeholder {
  color: #989B9F;
  font-size: 1.4rem;
  font-weight: 500;
}

.mw_wp_form :-moz-placeholder {
  color: #989B9F;
  font-size: 1.4rem;
  font-weight: 500;
}

.mw_wp_form ::-moz-placeholder {
  color: #989B9F;
  font-size: 1.4rem;
  font-weight: 500;
}

.mw_wp_form :-ms-input-placeholder {
  color: #989B9F;
  font-size: 1.4rem;
  font-weight: 500;
}

.mw_wp_form_confirm .confirm-hide {
  display: none;
}

.mw_wp_form_confirm .mw_wp_form__selectwrap {
  width: auto;
}

.mw_wp_form_confirm .mw_wp_form__selectwrap::after {
  display: none;
}

.mw_wp_form_confirm .mw_wp_form__parts {
  display: inline;
}

.mw_wp_form_confirm .confirm-fz01 {
  font-size: 1.6rem;
}

.mw_wp_form_confirm .confirm-fz02 {
  font-size: 2rem;
}

.mw_wp_form_confirm .mw_wp_form-otherfield {
  margin-top: 30px;
}

.mw_wp_form_confirm .mw_wp_form__wording {
  font-size: 1.4rem;
}

.mw_wp_form_confirm .mw_wp_form__wording--fz01 {
  font-size: 1.4rem;
}

.mw_wp_form_confirm table.table01 td,
.mw_wp_form_confirm table.table01 th {
  padding-top: 20px;
  padding-bottom: 22px;
}

.mw_wp_form .mwform-tel-field .mw_wp_form__text {
  width: 43%;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form .mwform-tel-field .mw_wp_form__text {
    width: auto;
  }
}

.mw_wp_form .mwform-tel-field .mw_wp_form__text:first-child {
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .mw_wp_form .mwform-tel-field .mw_wp_form__text:first-child {
    margin-bottom: 0;
  }
}

.mainvisual {
  position: relative;
  height: 548px;
}

@media screen and (min-width: 480px) {
  .mainvisual {
    height: 920px;
  }
}

.mainvisual .swiper-container {
  width: 100%;
  height: 100%;
}

.mainvisual .swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(60%);
}

.mainvisual .swiper-pagination {
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 480px) {
  .mainvisual .swiper-pagination {
    bottom: 20px;
  }
}

.mainvisual .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 20px;
  margin: 0 5px;
  background: none;
  opacity: 1;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 480px) {
  .mainvisual .swiper-pagination .swiper-pagination-bullet {
    width: 60px;
  }
}

.mainvisual .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #182027;
}

.mainvisual .swiper-pagination .swiper-pagination-bullet-active {
  background: none;
}

.mainvisual .swiper-pagination .swiper-pagination-bullet-active::before {
  background: #BDBFC2;
}

.mainvisual-catchcopy {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
  z-index: 5;
}

.mainvisual-catchcopy__heading {
  font-weight: 200;
  font-size: 2.8rem;
  margin: 0 0 20px;
  letter-spacing: .1rem;
}

@media screen and (min-width: 480px) {
  .mainvisual-catchcopy__heading {
    font-size: 6.4rem;
  }
}

.mainvisual-catchcopy__logo {
  margin: 0 0 30px;
  width: 178px;
}

@media screen and (min-width: 480px) {
  .mainvisual-catchcopy__logo {
    margin: 0 0 25px;
    width: 312px;
  }
}

@media screen and (min-width: 1920px) {
  .mainvisual-catchcopy__logo {
    width: 446px;
  }
}

.mainvisual-catchcopy__text {
  margin: 0;
  line-height: 2.2rem;
  letter-spacing: .3px;
  font-size: 1.2rem;
}

@media screen and (min-width: 480px) {
  .mainvisual-catchcopy__text {
    font-size: 1.4rem;
  }
}

.gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}

.gnavi__item {
  list-style: none;
  margin-right: 45px;
}

.gnavi__item a {
  color: #BDBFC2;
}

.is-fixed .gnavi__item a {
  color: #182027;
}

.line {
  position: absolute;
  background: #989B9F;
  z-index: 30;
  display: none;
}

@media screen and (min-width: 1280px) {
  .line {
    display: block;
  }
}

.line--top {
  top: 80px;
  left: 80px;
  width: calc(100% - 160px);
  height: 1px;
}

.line--right {
  top: 80px;
  right: 80px;
  height: calc(100% - 160px);
  width: 1px;
}

.line--left {
  top: 80px;
  left: 80px;
  height: calc(100% - 160px);
  width: 1px;
}

.line--bottom {
  bottom: 80px;
  left: 80px;
  width: calc(100% - 160px);
  height: 1px;
}

.hamburger {
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 20;
}

@media screen and (min-width: 480px) {
  .hamburger {
    width: 80px;
    height: 80px;
  }
}

.hamburger__line {
  width: 22px;
  height: 1px;
  background: #182027;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.hamburger__line:not(:last-child) {
  margin-bottom: 8px;
}

.hamburger.is-active .hamburger__line:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 0;
}

.hamburger.is-active .hamburger__line:nth-child(2) {
  display: none;
}

.hamburger.is-active .hamburger__line:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.home .hamburger {
  background: #182027;
}

.home .hamburger__line {
  background: #BDBFC2;
}

.hamburger-menu-list .hamburger-btn {
  margin-bottom: 10px;
  background: #fff;
  border: solid 1px #182027;
  padding: 5px;
}

.hamburger-menu-list .hamburger-btn a {
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

.hamburger-menu-list .hamburger-btn a:hover {
  opacity: .7;
}

.hamburger-menu-list .hamburger-btn a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  font-size: 1.5rem;
  right: 20px;
}

.hamburger-menu-list .hamburger-btn:last-child {
  margin-bottom: 0;
}

.hamburger-menu-list .hamburger-btn .hamburger-btn_img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  background-size: auto 130px;
  background-position: center center;
}

.hamburger-menu-list .hamburger-btn .hamburger-btn_img_wall {
  background-size: auto 80px;
}

.hamburger-menu-list .hamburger-btn p {
  line-height: 2.1rem;
  font-weight: bold;
}

.sidemenu {
  width: 80px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
}

.sidemenu-list {
  width: 100%;
  margin: 0;
  padding: 0;
}

.sidemenu-list__item {
  list-style: none;
}

.sidemenu-list__item:not(:last-child) {
  margin-bottom: 1px;
}

.sidemenu__link {
  width: 100%;
  max-height: 124px;
  padding: 40px 0;
  color: #fff;
  background: #182027;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}

.sidemenu__link--order {
  height: 120px;
}

.sidemenu__link--contact {
  height: 124px;
}

.sidemenu__link--facebook,
.sidemenu__link--instagram {
  color: #182027;
  background: #fff;
}

.sidemenu__link--facebook {
  padding: 33px 0;
}

.sidemenu__link--facebook:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.sidemenu__link--instagram {
  padding: 33px 0;
}

.sidemenu__link--instagram:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.sidemenu__link span {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.home .sidemenu__link--facebook,
.home .sidemenu__link--instagram {
  color: #fff;
  background: #182027;
}

.scroll-totop {
  position: static;
  bottom: 143px;
  left: 33px;
  color: #989B9F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  z-index: 5;
}

@media screen and (min-width: 480px) {
  .scroll-totop {
    position: fixed;
  }
}

@media screen and (min-width: 1280px) {
  .scroll-totop {
    bottom: 80px;
  }
}

.scroll-totop .scroll,
.scroll-totop .totop {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.scroll-totop .scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.scroll-totop .scroll__text {
  margin: 0 0 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.scroll-totop .scroll__arrow {
  height: 46px;
  overflow: hidden;
}

.scroll-totop .scroll__arrow::after {
  content: url(images/arrow01.png);
  -webkit-animation: scroll 2s ease-in-out 1s infinite;
  animation: scroll 2s ease-in-out 1s infinite;
  display: block;
}

.scroll-totop .totop {
  opacity: 0;
}

.scroll-totop .totop__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #989B9F;
}

.scroll-totop .totop__text {
  margin: 10px 0 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.scroll-totop .totop__arrow {
  height: 46px;
  overflow: hidden;
}

.scroll-totop .totop__arrow::after {
  content: url(images/arrow01.png);
  display: block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.scroll-totop.is-totop .scroll {
  margin-left: -16px;
  opacity: 0;
}

.scroll-totop.is-totop .totop {
  opacity: 1;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(-66px);
    transform: translateY(-66px);
  }

  100% {
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateY(-66px);
    transform: translateY(-66px);
  }

  100% {
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
  }
}

.top-information {
  padding: 23px 0;
}

@media screen and (min-width: 480px) {
  .top-information {
    padding: 0;
  }
}

.top-information-list {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .top-information-list {
    height: 80px;
  }
}

.top-information-list__item {
  width: 100%;
  height: 100%;
  list-style: none;
}

.top-information__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background: #fff;
}

@media screen and (min-width: 480px) {
  .top-information__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.top-information__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .top-information__top {
    width: auto;
    margin-bottom: 0;
  }
}

.top-information__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-information__cat {
  font-size: 1rem;
  color: #fff;
  background: #182027;
  padding: 4px 27px;
  margin-right: 24px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .top-information__cat {
    padding: 6px 32px;
    font-size: 1.2rem;
    min-width: 125px;
  }
}

.top-information__new {
  color: #cc0000;
  font-weight: 500;
  margin-right: 11px;
  margin-left: auto;
  font-size: 1.2rem;
}

@media screen and (min-width: 480px) {
  .top-information__new {
    margin-right: 23px;
    font-size: 1.4rem;
  }
}

.top-information__date {
  font-size: 1rem;
  color: #989B9F;
  white-space: nowrap;
}

@media screen and (min-width: 480px) {
  .top-information__date {
    margin-right: 14px;
  }
}

.top-information__title {
  color: #182027;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  margin: 0;
}

.top-block {
  padding: 40px 0 30px;
}

@media screen and (min-width: 480px) {
  .top-block {
    padding: 90px 0 70px;
  }
}

.top-block.bg-gray {
  background-color: #eff0f0;
}

@media screen and (min-width: 480px) {
  .top-block--about {
    background-repeat: no-repeat;
    background-position: calc(100% + 150px) 20px;
    background-image: url(images/bg_about.png);
    background-size: 490px;
  }
}

.top-block--message {
  padding: 24px 0;
}

@media screen and (min-width: 480px) {
  .top-block--message {
    margin-top: -40px;
    padding: 0 0 50px;
  }
}

@media screen and (min-width: 1280px) {
  .top-block--message {
    padding: 31px 0 102px;
    margin-top: 0;
  }
}

.top-block--image {
  padding: 0;
}

.top-block--image img {
  width: 100%;
}

.top-block--gallery {
  padding-top: 75px;
  padding-bottom: 28px;
}

@media screen and (min-width: 480px) {
  .top-block--gallery {
    padding-top: 107px;
    padding-bottom: 140px;
  }
}

.top-block--news {
  padding-top: 44px;
}

@media screen and (min-width: 480px) {
  .top-block--news {
    padding-top: 76px;
  }
}

.top-block--service {
  padding-top: 46px;
  padding-bottom: 80px;
}

@media screen and (min-width: 480px) {
  .top-block--service {
    padding-top: 86px;
    padding-bottom: 120px;
  }
}

.top-block-heading {
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .top-block-heading {
    margin-bottom: 60px;
  }
}

.top-block-heading--mb01 {
  margin-bottom: 23px;
}

@media screen and (min-width: 480px) {
  .top-block-heading--mb01 {
    margin-bottom: 81px;
  }
}

.top-block-heading--mb02 {
  margin-bottom: 25px;
}

@media screen and (min-width: 480px) {
  .top-block-heading--mb02 {
    margin-bottom: 64px;
  }
}

.top-block-heading__text {
  margin: 0 0 6px;
  font-size: 2.9rem;
  font-weight: 600;
}

@media screen and (min-width: 480px) {
  .top-block-heading__text {
    margin: 0 0 3px;
    font-size: 4.8rem;
  }
}

.top-block-heading__text--mb01 {
  margin-bottom: 12px;
}

.top-block-heading__subtext {
  font-weight: 500;
}

.top-block-about {
  padding: 46px 10% 22px;
  border: 1px solid #182027;
}

@media screen and (min-width: 1280px) {
  .top-block-about {
    padding: 71px 0 55px;
  }
}

.top-block-about__heading {
  font-size: 2.1rem;
  line-height: 2.8rem;
  font-weight: 500;
  margin: 0 0 26px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .top-block-about__heading {
    font-size: 3rem;
    margin: 0 0 56px;
  }
}

.top-block-about__heading02 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 21px;
  line-height: 1;
}

@media screen and (min-width: 480px) {
  .top-block-about__heading02 {
    font-size: 2.2rem;
    margin: 0 0 35px;
  }
}

.top-block-about__text {
  line-height: 2.8rem;
}

.top-block-about__text:not(:last-child) {
  margin: 0 0 27px;
}

.top-block-about__text:last-child {
  margin: 0;
}

.top-block-about__text.mt {
  margin-top: 20px;
}

.top-block-about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .top-block-about__container {
    margin: 0 calc(-50vw + 50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
}

@media screen and (min-width: 1280px) {
  .top-block-about__box {
    width: 50%;
  }
}

.top-block-about__box.paddingA {
  padding-top: 38px;
  padding-left: 0;
}

@media screen and (min-width: 1280px) {
  .top-block-about__box.paddingA {
    padding-top: 0;
    padding-left: 30px;
  }
}

.top-block-about__box.paddingB {
  padding-top: 50px;
  padding-right: 10%;
  padding-left: 10%;
}

@media screen and (min-width: 1280px) {
  .top-block-about__box.paddingB {
    padding-top: 35px;
    padding-right: 35px;
    padding-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .top-block-about__box.align-right {
    text-align: right;
  }
}

.top-block-about__box--A {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.top-block-about__box--A img:nth-child(2) {
  margin-top: -134px;
}

.top-block-about .w100 {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .top-block-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.top-block-message__text {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 2.6rem;
  text-align: center;
  margin: 0;
  color: #52575C;
}

@media screen and (min-width: 480px) {
  .top-block-message__text {
    font-size: 3.2rem;
    line-height: 3.7rem;
  }
}

@media screen and (min-width: 1280px) {
  .top-block-message__text {
    text-align: right;
  }
}

.instagram-gallery img {
  width: 100%;
}

.instagram-gallery .swiper-container {
  padding: 0 10%;
  overflow: visible;
}

@media screen and (min-width: 480px) {
  .instagram-gallery .swiper-container {
    padding: 0;
  }
}

.instagram-gallery a {
  position: relative;
  line-height: 0;
  display: block;
}

.instagram-gallery a::after {
  content: url(images/insta_hover.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}

.instagram-gallery a:hover {
  opacity: 1;
}

.instagram-gallery a:hover::after {
  opacity: .5;
}

.cards01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -22px;
}

@media screen and (min-width: 480px) {
  .cards01 {
    padding: 0 10%;
  }
}

@media screen and (min-width: 1280px) {
  .cards01 {
    padding: 0;
  }
}

.card01 {
  width: 100%;
  margin-bottom: 22px;
}

@media screen and (min-width: 1280px) {
  .card01 {
    width: 470px;
  }
}

@media screen and (min-width: 1920px) {
  .card01 {
    width: 590px;
  }
}

.card01__link {
  display: block;
  height: 100%;
  padding: 10px;
  background: #fff;
}

.card01__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

@media screen and (min-width: 480px) {
  .card01__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.card01__thumb {
  line-height: 0;
}

@media screen and (min-width: 480px) {
  .card01__thumb {
    width: 220px;
    margin-right: 20px;
  }
}

.card01__thumb img {
  width: 100%;
}

.card01-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card01__cat {
  margin: 0 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (min-width: 480px) {
  .card01__cat {
    text-align: right;
    margin: 0 0 20px;
  }
}

.card01__cat span {
  font-size: 1rem;
  color: #fff;
  background: #182027;
  padding: 3px 3px 6px;
  display: inline-block;
  width: 86px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .card01__cat span {
    font-size: 1.2rem;
    padding: 6px;
    width: 100px;
  }
}

.card01__cat .card01__new {
  margin-bottom: 0;
}

.card01__title {
  line-height: 2.1rem;
  color: #52575C;
}

.card01__new {
  color: #cc0000;
  text-align: right;
  margin: 0 0 5px;
  font-size: 1.2rem;
}

@media screen and (min-width: 480px) {
  .card01__new {
    font-size: 1.4rem;
  }
}

.card01__date {
  font-size: 1rem;
  margin: 0;
  font-weight: 500;
  color: #182027;
  text-align: right;
}

.cards02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
}

@media screen and (min-width: 480px) {
  .cards02 {
    padding: 0 10%;
  }
}

@media screen and (min-width: 1280px) {
  .cards02 {
    padding: 0;
    margin-bottom: -36px;
  }
}

.card02 {
  width: 100%;
  margin-bottom: 20px;
  padding: 23px 0;
  background: #eff0f0;
}

@media screen and (min-width: 480px) {
  .card02 {
    padding: 23px 0 13px;
  }
}

@media screen and (min-width: 1280px) {
  .card02 {
    width: 460px;
    padding: 0;
    background: none;
    margin-bottom: 36px;
  }
}

@media screen and (min-width: 1920px) {
  .card02 {
    width: 580px;
  }
}

.card02__link {
  display: block;
}

.card02__thumb {
  line-height: 0;
}

@media screen and (min-width: 480px) {
  .card02__thumb {
    width: 45%;
  }
}

@media screen and (min-width: 1280px) {
  .card02__thumb {
    width: 100%;
    margin: 0 0 17px 0;
  }
}

.card02__thumb img {
  width: 100%;
}

.card02-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 20px 10px 10px;
  border-bottom: 1px solid #182027;
  margin-bottom: 15px;
}

@media screen and (min-width: 1280px) {
  .card02-heading {
    padding: 0 0 20px 0;
  }
}

.card02-heading__text {
  font-size: 1.8rem;
  margin: 0;
}

@media screen and (min-width: 1280px) {
  .card02-heading__text {
    font-size: 2rem;
  }
}

.card02-heading-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 18px;
  height: 13px;
}

.card02-heading-more--02 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 20px;
}

.card02-heading-more__text {
  font-size: 1.2rem;
  color: #989B9F;
  margin-right: 30px;
}

.card02-heading-more::after {
  content: url(images/arrow01.png);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}

.card02__text {
  line-height: 2.1rem;
  color: #52575C;
  margin: 0;
  padding: 20px 10px;
}

@media screen and (min-width: 480px) {
  .card02__text {
    width: 50%;
    padding: 0;
  }
}

@media screen and (min-width: 1280px) {
  .card02__text {
    width: 100%;
    line-height: 2.4rem;
  }
}

.card02__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 480px) {
  .card02__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 20px;
  }
}

.cards03 {
  margin-bottom: -40px;
}

@media screen and (min-width: 1280px) {
  .cards03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

@media screen and (min-width: 1920px) {
  .cards03 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.card03.swiper-slide {
  height: auto;
}

@media screen and (min-width: 1280px) {
  .card03 {
    width: 176px !important;
    margin-bottom: 40px;
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 1920px) {
  .card03 {
    width: calc(12.5% - 20px) !important;
    margin-right: 10px !important;
    margin-left: 10px;
  }
}

.card03__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.card03__thumb {
  line-height: 0;
  position: relative;
  margin-bottom: 15px;
}

.card03__thumb img {
  width: 100%;
}

.card03__num {
  position: absolute;
  right: 10px;
  bottom: -5px;
  font-size: 7.7rem;
  font-weight: 200;
  margin: 0;
  line-height: 1;
  color: #eff0f0;
}

.card03-heading {
  margin: 0 0 20px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #989B9F;
}

.card03-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 13px;
}

.card03-more--03 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 20px;
}

.card03-more__text {
  color: #989B9F;
  margin-right: 35px;
}

.card03-more::after {
  content: url(images/arrow01.png);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}

.card04 {
  border: 1px solid #989B9F;
  padding: 0 10%;
}

@media screen and (min-width: 1280px) {
  .card04 {
    padding: 0;
  }
}

.card04:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .card04:not(:last-child) {
    margin-bottom: 40px;
  }
}

.card04-heading {
  padding: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
}

@media screen and (min-width: 1280px) {
  .card04-heading {
    padding: 39px;
    height: auto;
  }
}

.card04-heading__text {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  color: #989B9F;
}

.card04__icon {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
}

.card04__icon::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #182027;
  margin-right: -10px;
}

.card04__icon::after {
  content: '';
  width: 1px;
  height: 100%;
  background: #182027;
}

.card04__accordion {
  display: none;
}

.card04__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 0 0 30px;
}

@media screen and (min-width: 1280px) {
  .card04__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 38px 41px;
  }
}

.card04__box {
  min-height: 0%;
}

@media screen and (min-width: 1280px) {
  .card04__box {
    width: 314px;
  }
}

.card04__box:first-child {
  margin-top: 40px;
}

@media screen and (min-width: 1280px) {
  .card04__box:first-child {
    margin-top: 0;
  }
}

.card04__text {
  line-height: 2.8rem;
  margin: -6px 0 35px;
}

.card04__img {
  line-height: 0;
}

.card04__img img {
  width: 100%;
}

.card04.is-open .card04__icon::after {
  height: 0;
}

.cards05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -40px;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .cards05 {
    padding: 0 10%;
  }
}

@media screen and (min-width: 1280px) {
  .cards05 {
    padding: 0;
  }
}

.cards05::after {
  content: '';
  display: block;
  width: 45%;
}

@media screen and (min-width: 1280px) {
  .cards05::after {
    width: 300px;
  }
}

@media screen and (min-width: 1920px) {
  .cards05::after {
    width: 276px;
  }
}

.card05 {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 40px;
}

.card05--01 {
  display: block;
  width: 45%;
}

@media screen and (min-width: 1280px) {
  .card05 {
    width: 300px;
  }
}

@media screen and (min-width: 1920px) {
  .card05 {
    width: 276px;
  }
}

.card05__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.card05__thumb {
  line-height: 0;
  position: relative;
  min-height: 0%;
}

@media screen and (min-width: 1280px) {
  .card05__thumb {
    border-top: 1px solid #989B9F;
    border-right: 1px solid #989B9F;
    border-left: 1px solid #989B9F;
  }
}

.card05__thumb img {
  width: 100%;
}

.card05__icon {
  line-height: normal;
  position: absolute;
  top: -10px;
  left: -29px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
  padding: 15px 30px 2px 20px;
  font-size: 1.2rem;
  font-weight: 500;
}

@media screen and (min-width: 480px) {
  .card05__icon {
    padding: 20px 30px 5px 20px;
  }
}

.card05__content {
  padding: 30px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .card05__content {
    padding: 36px 30px 25px;
    border-right: 1px solid #989B9F;
    border-bottom: 1px solid #989B9F;
    border-left: 1px solid #989B9F;
  }
}

.card05__content--01 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media all and (-ms-high-contrast: none) {
  .card05__content--01 {
    min-height: 310px;
  }
}

.card05__heading {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.8rem;
  margin: 0 0 20px;
}

@media screen and (min-width: 480px) {
  .card05__heading {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.card05__heading--01 {
  margin-bottom: 30px;
  min-height: 6rem;
  max-height: 6rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

@media screen and (min-width: 480px) {
  .card05__heading--01 {
    min-height: 9rem;
    max-height: 9rem;
  }
}

.card05-info {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card05-info__num {
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 15px;
  padding: 10px;
  border: 2px solid #182027;
  font-weight: 600;
}

.card05-info__fee {
  font-size: 1.8rem;
  margin: 0 0 15px;
}

.card05-info__fee span {
  font-size: 1.2rem;
}

.card05-info__text {
  line-height: 2.8rem;
  margin: 0 0 15px;
}

.card05-meta {
  margin: 0;
  padding: 0;
  text-align: right;
}

.card05-meta__item {
  list-style: none;
  font-size: 1.2rem;
  color: #989B9F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card05-meta__item:not(:last-child) {
  margin-bottom: 3px;
}

.footer-sns {
  margin: 0;
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid #989B9F;
  border-bottom: 1px solid #989B9F;
}

.footer-sns__item {
  list-style: none;
  margin: 0 25px;
}

@media screen and (min-width: 1280px) {
  .footer-sns__item {
    margin: 0 35px;
  }
}

.footer-sns__link {
  font-size: 2rem;
}

.footer-sns__link--facebook:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.footer-sns__link--instagram:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.copyright {
  margin: -70px 0 0;
  padding: 0 10% 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 480px) {
  .copyright {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .copyright {
    padding: 0 80px;
  }
}

.copyright__text {
  margin: 0;
  font-size: 1rem;
  color: #BDBFC2;
  text-align: right;
}

.hamburger-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  padding: 0 10%;
  z-index: 20;
  overflow-y: scroll;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

@media screen and (min-width: 480px) {
  .hamburger-menu {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1280px) {
  .hamburger-menu {
    padding: 0 80px;
  }
}

.hamburger-menu.is-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.hamburger-menu__sitename {
  color: #182027;
  font-size: 1.4rem;
  font-weight: 200;
  margin: 0;
  opacity: .7;
  padding-top: 25px;
  position: fixed;
  top: 0;
  left: 20px;
}

@media screen and (min-width: 480px) {
  .hamburger-menu__sitename {
    left: 40px;
    font-size: 2rem;
    padding-top: 30px;
  }
}

@media screen and (min-width: 1280px) {
  .hamburger-menu__sitename {
    left: 80px;
    font-size: 2.4rem;
  }
}

.hamburger-menu__content {
  margin: 0 auto;
  padding: 110px 0;
}

@media screen and (min-width: 480px) {
  .hamburger-menu__content {
    width: 440px;
    padding: 120px 0;
  }
}

@media screen and (min-width: 1280px) {
  .hamburger-menu__content {
    width: 440px;
    padding: 180px 0;
  }
}

.hamburger-menu__heading {
  margin: 0 0 30px;
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
}

@media screen and (min-width: 480px) {
  .hamburger-menu__heading {
    font-size: 4.8rem;
    margin: 0 0 60px;
  }
}

.hamburger-menu-list {
  margin: 0 0 40px;
  padding: 0;
}

.hamburger-menu-list__item {
  list-style: none;
  font-size: 1.4rem;
  border-bottom: 1px solid #182027;
}

@media screen and (min-width: 480px) {
  .hamburger-menu-list__item {
    font-size: 1.6rem;
  }
}

.hamburger-menu-list__item span {
  font-size: 1.2rem;
  margin-left: 20px;
}

.hamburger-menu-list__link {
  display: block;
  padding: 15px 0;
}

@media screen and (min-width: 480px) {
  .hamburger-menu-list__link {
    padding: 18px 0;
  }
}

.hamburger-menu-snslist {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hamburger-menu-snslist__item {
  list-style: none;
  margin: 0 10px;
}

.hamburger-menu-snslist__link {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #182027;
  color: #BDBFC2;
  border: 1px solid #182027;
}

.hamburger-menu-snslist__link:hover {
  opacity: 1;
  background: #fff;
  color: #182027;
}

.hamburger-menu-snslist__link--facebook:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.hamburger-menu-snslist__link--instagram:after {
  font-family: 'Font Awesome 5 Brands';
  content: "";
}

.page__wrap {
  padding: 60px 0 51px;
}

@media screen and (min-width: 1280px) {
  .page__wrap {
    padding: 80px 80px 160px;
  }
}

.page__wrap.pb0 {
  padding-bottom: 0;
}

.page-heading {
  text-align: center;
  border-bottom: 1px solid #989B9F;
  position: relative;
}

.page-heading .container {
  padding: 50px 0 30px;
}

@media screen and (min-width: 1280px) {
  .page-heading .container {
    padding: 85px 0 48px;
  }
}

.page-heading .container::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #182027;
}

.page-heading__text {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
}

.page-heading__en {
  font-size: 3rem;
  font-weight: 600;
  font-style: normal;
  display: block;
  margin: 0 0 10px;
  line-height: normal;
}

@media screen and (min-width: 480px) {
  .page-heading__en {
    font-size: 4.8rem;
  }
}

.page__body {
  padding-top: 30px;
}

@media screen and (min-width: 480px) {
  .page__body {
    padding-top: 23px;
  }
}

@media screen and (min-width: 1280px) {
  .page__body {
    padding-top: 25px;
  }
}

.pagenav {
  margin-bottom: 50px;
}

@media screen and (min-width: 480px) {
  .pagenav {
    margin-bottom: 75px;
  }
}

.pagenav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.pagenav-list:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .pagenav-list:not(:last-child) {
    margin-bottom: 0;
  }
}

.pagenav-list__item {
  list-style: none;
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
  height: 60px;
}

@media screen and (min-width: 480px) {
  .pagenav-list__item {
    width: calc(100% / 3);
    border-bottom: 1px solid #fff;
  }
}

@media screen and (min-width: 480px) {
  .pagenav-list__item.w50 {
    width: calc(100% / 2);
  }
}

@media screen and (min-width: 480px) {
  .pagenav-list__item.w100 {
    width: 100%;
  }
}

.pagenav-list__item:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (min-width: 480px) {
  .pagenav-list__item:not(:last-child) {
    border-right: 1px solid #fff;
    margin-bottom: 0;
  }
}

.pagenav-list__link {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eff0f0;
  padding: 0 20px;
  position: relative;
  line-height: 2.4rem;
}

@media screen and (min-width: 480px) {
  .pagenav-list__link span {
    position: relative;
  }
}

.pagenav-list__link span::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  font-size: 1.2rem;
  position: absolute;
  top: calc(50% - 6.5px);
  right: 20px;
  line-height: normal;
}

@media screen and (min-width: 480px) {
  .pagenav-list__link span::after {
    right: -20px;
  }
}

.page-section:not(:last-child) {
  margin-bottom: 100px;
}

@media screen and (min-width: 1280px) {
  .page-section:not(:last-child) {
    margin-bottom: 145px;
  }
}

.page-section.mb01:not(:last-child) {
  margin-bottom: 55px;
}

@media screen and (min-width: 1280px) {
  .page-section.mb01:not(:last-child) {
    margin-bottom: 85px;
  }
}

.page-section.mb02:not(:last-child) {
  margin-bottom: 40px;
}

.page-section-header {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .page-section-header {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .page-section-header {
    margin-bottom: 55px;
  }
}

@media screen and (min-width: 1920px) {
  .page-section-header--01 {
    width: 460px;
    text-align: left;
  }
}

.page-section-header__text {
  margin: 0;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 3.6rem;
}

@media screen and (min-width: 480px) {
  .page-section-header__text {
    font-size: 3rem;
    line-height: 4.5rem;
  }
}

@media screen and (min-width: 1280px) {
  .page-section-header__text {
    font-size: 3.6rem;
    line-height: 5.2rem;
  }
}

.page-section__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page-section__content>.page-section__text:first-child {
  margin-top: 0;
}

.page-section__content a.link {
  padding: 0 3px;
  border-bottom: 1px dotted;
}

.page-section__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1280px) {
  .page-section__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1280px) {
  .page-section__box {
    width: 350px;
  }
}

.page-section__box:not(:first-child) {
  margin-bottom: 40px;
}

@media screen and (min-width: 1280px) {
  .page-section__box:not(:first-child) {
    margin-bottom: 0;
  }
}

.page-section__box *:first-child {
  margin-top: 0;
}

.page-section__box *:last-child {
  margin-bottom: 0;
}

.page-section__box .page-section__text:first-child {
  margin-top: -6px;
}

.page-section__box img {
  display: block;
  margin: auto;
}

.page-section__text {
  line-height: 2.8rem;
  margin: 28px 0;
}

@media screen and (min-width: 1920px) {
  .page-section__text {
    line-height: 3.2rem;
  }
}

@media screen and (min-width: 480px) {
  .page-section__text:first-child {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .page-section__text:first-child {
    margin-top: 28px;
  }
}

.page-section__text.mb01 {
  margin-bottom: 57px;
}

.page-section__text.mb0 {
  margin-bottom: 0;
}

.page-section__text.mt0 {
  margin-top: 0;
}

.page-section__text--01 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: bold;
  text-align: center;
  border: 2px solid #182027;
  padding: 6px;
}

.page-section__text--02 {
  margin-top: -6px;
}

.page-section__text--03 {
  font-size: 1.2rem;
  color: #989B9F;
  margin-top: 10px;
  text-align: center;
}

@media screen and (min-width: 1920px) {
  .page-section__text--03 {
    font-size: 1.4rem;
  }
}

.page-section__text a {
  border-bottom: 1px dotted;
  padding: 0 3px;
}

.page-section__heading {
  margin: 60px 0;
  text-align: center;
  font-size: 1.8rem;
}

@media screen and (min-width: 480px) {
  .page-section__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1920px) {
  .page-section__heading {
    text-align: left;
  }
}

.page-section__heading--01 {
  margin: 35px 0;
}

.page-section__textbox01 {
  background: #eff0f0;
  padding: 34px 10%;
}

@media screen and (min-width: 480px) {
  .page-section__textbox01 {
    padding: 40px;
  }
}

.page-section__ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ol_li;
}

.page-section__ol li a {
  border-bottom: 1px dotted;
}

.page-section__ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 2.8rem;
}

@media screen and (min-width: 1920px) {
  .page-section__ol li {
    line-height: 3.2rem;
  }
}

.page-section__ol li:not(:last-child) {
  margin-bottom: 28px;
}

.page-section__ol li::before {
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #989B9F;
  font-weight: 500;
  margin-right: 3px;
}

.page-section__ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-section__ul li {
  position: relative;
  line-height: 2.8rem;
  padding-left: 15px;
}

@media screen and (min-width: 1920px) {
  .page-section__ul li {
    line-height: 3.2rem;
  }
}

.page-section__ul li:not(:last-child) {
  margin-bottom: 28px;
}

.page-section__ul li::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  background: #989B9F;
  top: 13px;
  left: 0;
}

.page-section__hero {
  line-height: 0;
  margin: 0 calc(-50vw + 50%) 28px;
}

@media screen and (min-width: 480px) {
  .page-section__hero {
    margin: 0 calc(-50vw + 50% + 80px) 28px;
  }
}

.page-section__hero img {
  width: 100%;
}

.page-section-blockquotewrap {
  position: relative;
  overflow: hidden;
}

.page-section-blockquotewrap::before,
.page-section-blockquotewrap::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-section-blockquotewrap::before {
  border-right: 1px solid #BDBFC2;
  top: -29px;
  left: -29px;
}

.page-section-blockquotewrap::after {
  border-left: 1px solid #BDBFC2;
  right: -29px;
  bottom: -29px;
}

.page-section-blockquote {
  margin: 0;
  padding: 55px;
  border: 1px solid #BDBFC2;
}

.page-section-blockquote__text {
  line-height: 2.8rem;
  margin: 28px 0;
  font-style: italic;
  color: #52575C;
}

@media screen and (min-width: 1920px) {
  .page-section-blockquote__text {
    line-height: 3.2rem;
  }
}

.page-section-blockquote__text:first-child {
  margin-top: 0;
}

.page-section-blockquote__text:last-child {
  margin-bottom: 0;
}

.page-section-blockquote__text a,
.page-section-blockquote__text span {
  color: #BDBFC2;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table th {
  width: 100%;
  height: 4.5em;
  padding: 0;
  border-top: 1px solid #182027;
  text-align: left;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 480px) {
  table th {
    width: 25%;
    height: auto;
    padding: 2em 0;
    border-bottom: 1px solid #182027;
  }
}

@media screen and (min-width: 1280px) {
  table th {
    width: 160px;
    padding: 25px 0;
  }
}

table td {
  display: block;
  padding: 1em 0;
  line-height: 2.1rem;
  border-top: 1px solid #BDBFC2;
}

@media screen and (min-width: 480px) {
  table td {
    padding: 2em 0 2em 8%;
    border-bottom: 1px solid #BDBFC2;
  }
}

@media screen and (min-width: 1280px) {
  table td {
    padding: 25px 0 25px 60px;
  }
}

@media screen and (min-width: 480px) {

  table th,
  table td {
    display: table-cell;
  }
}

table tr:last-child td {
  border-bottom: 1px solid #182027;
}

table.table01 th,
table.table01 td {
  padding-top: 10px;
  padding-bottom: 12px;
}

@media screen and (min-width: 1280px) {
  table.table01 th {
    width: 230px;
  }
}

@media screen and (min-width: 1280px) {
  table.table01 td {
    padding-left: 50px;
  }
}

.our-services {
  padding: 50px 0 50px;
  background: #eff0f0;
}

@media screen and (min-width: 1280px) {
  .our-services {
    margin: 0 80px;
    padding: 90px 100px 98px;
  }
}

@media screen and (min-width: 1920px) {
  .our-services {
    padding: 90px 0 98px;
  }
}

@media screen and (min-width: 1920px) {
  .our-services .container {
    width: auto;
    margin: 0 30px;
  }
}

.our-services-heading {
  margin-bottom: 50px;
}

@media screen and (min-width: 480px) {
  .our-services-heading {
    margin-bottom: 65px;
  }
}

.our-services-heading__text {
  text-align: center;
  margin: 0;
  font-size: 2.4rem;
  font-weight: 500;
}

@media screen and (min-width: 480px) {
  .our-services-heading__text {
    font-size: 2.9rem;
  }
}

.our-services-content {
  padding-bottom: 50px;
}

@media screen and (min-width: 1280px) {
  .our-services-content {
    padding-bottom: 0;
  }
}

.our-services .swiper-container {
  overflow: visible;
}

.contact-area {
  padding: 10%;
  border: 1px solid #989B9F;
  margin: 28px 0;
}

@media screen and (min-width: 480px) {
  .contact-area {
    padding: 50px 60px 20px;
  }
}

.contact-area__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .contact-area__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px;
  }
}

.contact-area__box {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .contact-area__box {
    width: 280px;
  }
}

.contact-area__box:first-child {
  margin-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .contact-area__box:first-child {
    margin-bottom: 0;
  }
}

.contact-area-heading {
  text-align: center;
  margin-top: 10px;
}

@media screen and (min-width: 1280px) {
  .contact-area-heading {
    margin-top: 0;
  }
}

.contact-area-heading__text {
  font-size: 2.4rem;
  font-weight: 200;
  margin: 0 0 10px;
}

@media screen and (min-width: 480px) {
  .contact-area-heading__text {
    font-size: 3.4rem;
  }
}

.contact-area-heading__subtext {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.contact-area__caution {
  font-size: 1.2rem;
  line-height: 1.5em;
  margin: 0;
  color: #52575C;
}

.archive__wrap {
  margin-top: 60px;
}

@media screen and (min-width: 1280px) {
  .archive__wrap {
    margin-top: 80px;
  }
}

.archive-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 88px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 480px) {
  .archive-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1280px) {
  .archive-heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.archive-heading--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.archive-heading__text {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0;
  line-height: normal;
}

@media screen and (min-width: 480px) {
  .archive-heading__text {
    font-size: 3rem;
    margin: 0 0 30px;
  }
}

@media screen and (min-width: 1280px) {
  .archive-heading__text {
    font-size: 3.6rem;
    margin: 0;
  }
}

.archive-heading__catselect {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-bottom: 50px;
}

@media screen and (min-width: 480px) {
  .archive-heading__catselect {
    max-width: 300px;
    margin-bottom: 0;
  }
}

.archive-heading__catselect select {
  width: 100%;
  padding: 16px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #989B9F;
  border-radius: 0;
  color: #989B9F;
  cursor: pointer;
}

@media screen and (min-width: 480px) {
  .archive-heading__catselect select {
    padding: 16px 93px;
  }
}

@media screen and (min-width: 1920px) {
  .archive-heading__catselect select {
    font-size: 1.4rem;
    padding: 16px 85px;
  }
}

.archive-heading__catselect select::-ms-expand {
  display: none;
}

.archive-heading__catselect::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  color: #989B9F;
  font-size: 1rem;
  pointer-events: none;
}

.archive__pagination {
  margin-top: 50px;
  padding: 30px 0;
  border-top: 1px solid #989B9F;
  border-bottom: 1px solid #989B9F;
}

@media screen and (min-width: 480px) {
  .archive__pagination {
    margin-top: 78px;
  }
}

.archive__pagination--01 {
  padding: 0;
}

@media screen and (min-width: 480px) {
  .archive__pagination--01 {
    padding: 46px 0;
  }
}

.archive__pagination .container {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .archive__pagination .container {
    width: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .archive__pagination .container {
    width: 960px;
  }
}

@media screen and (min-width: 1920px) {
  .archive__pagination .container {
    width: 1200px;
  }
}

.archive-cats {
  padding: 60px 0;
}

.archive-cats-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -10px;
  padding: 0;
}

.archive-cats-list__item {
  list-style: none;
  margin: 0 0 10px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 480px) {
  .archive-cats-list__item {
    margin: 0 10px 10px 0;
    width: auto;
    text-align: left;
  }
}

.archive-cats-list__link {
  color: #989B9F;
  border: 1px solid #989B9F;
  padding: 13px 27px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive-works {
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  column-gap: 0;
}

@media screen and (min-width: 765px) {}

@media screen and (min-width: 480px) {
  .archive-works {
    -webkit-column-count: 3;
    column-count: 3;
  }
}

.archive-works__item {
  line-height: 0;
  position: relative;
}

.archive-works__item img {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.archive-works__link {
  display: block;
  overflow: hidden;
}

.archive-works__link:hover {
  opacity: 1;
}

.archive-works__link:hover img {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.archive-works__link:hover .archive-works__content {
  opacity: 1;
}

.archive-works__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 32, 39, 0.2);
  line-height: normal;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}

.archive-works__heading {
  margin: 0 0 40px;
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 4.8rem;
  color: rgba(255, 255, 255, 0.8);
}

.archive-works__cat {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}

.article-works {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1280px) {
  .article-works {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1280px) {
  .article-works__content {
    width: calc(100% - 660px);
  }
}

.article-works__cat {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 52px;
}

.article-works__block {
  margin-bottom: 40px;
}

.article-works__description {
  line-height: 2.8rem;
  margin: 0 0 40px;
}

.article-works-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -10px;
  padding: 0;
}

.article-works-tags__item {
  list-style: none;
  margin: 0 0 10px;
  padding: 15px 18px;
  font-size: 1.2rem;
  color: #989B9F;
  border: 1px solid #989B9F;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .article-works-tags__item {
    width: auto;
    margin: 0 10px 10px 0;
  }
}

.article-works-info {
  margin: 0;
  padding: 0;
}

.article-works-info__item {
  list-style: none;
  font-size: 1.2rem;
  color: #989B9F;
}

.article-works-info__item:not(:last-child) {
  margin-bottom: 5px;
}

.article-works__thumb {
  margin-bottom: 60px;
}

@media screen and (min-width: 1280px) {
  .article-works__thumb {
    width: 600px;
    margin-bottom: 0;
  }
}

.article-works__thumb img {
  width: 100%;
}

.article-works__thumb .swiper-pagination {
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 480px) {
  .article-works__thumb .swiper-pagination {
    bottom: 20px;
  }
}

.article-works__thumb .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 20px;
  margin: 0 5px;
  background: none;
  opacity: 1;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 480px) {
  .article-works__thumb .swiper-pagination .swiper-pagination-bullet {
    width: 60px;
  }
}

.article-works__thumb .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #182027;
}

.article-works__thumb .swiper-pagination .swiper-pagination-bullet-active {
  background: none;
}

.article-works__thumb .swiper-pagination .swiper-pagination-bullet-active::before {
  background: #BDBFC2;
}

.article-works--yoko {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.article-works--yoko .article-works__thumb {
  width: auto;
  margin-bottom: 60px;
}

.article-works--yoko .article-works__content {
  width: auto;
}

.article-works--yoko .article-works__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .article-works--yoko .article-works__block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.article-works--yoko .article-works__description {
  padding-right: 30px;
  margin-bottom: 40px;
}

@media screen and (min-width: 1280px) {
  .article-works--yoko .article-works__description {
    width: calc(100% - 460px);
    padding-right: 30px;
    margin-bottom: 0;
  }
}

.article-works--yoko .article-works-tags {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .article-works--yoko .article-works-tags {
    width: 460px;
  }
}

#archive-works-potted .potted-about {
  margin-top: 50px;
}

#archive-works-potted .potted-about .page-section__content {
  margin-bottom: 40px;
}

#archive-works-potted .page-section:not(:last-child) {
  margin-bottom: 0;
}

#archive-works-potted .potted-about .page-section__content:last-child {
  margin-bottom: 0;
}

#archive-works-potted .page-section-header__text {
  font-size: 2rem;
  text-align: center;
}

#archive-works-potted .potted-about_text p {
  text-align: center;
}

#archive-works-potted .potted-about_text .btn02 {
  margin: 0 auto;
}

#archive-works-wall_flower_art .archive-works__item img {
  width: 100%;
  height: 220px !important;
  object-fit: cover;
}

#archive-works-wall_flower_art .archive-works__content {
  height: 220px;
}

#archive-works-wall_flower_art .archive-works__ttl {
  line-height: 2.1rem;
  color: #52575C;
  margin: 8px 4px 22px;
}

.term-wall_flower_art .archive-works {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.term-wall_flower_art .archive-works__item {
  width: calc(100% / 3);
}

#single-works-wall_flower_art .article-works-images {
  -webkit-column-count: 3;
  column-count: 3;
}

@media screen and (max-width: 768px) {

  #archive-works-wall_flower_art .archive-works {
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }


  .term-wall_flower_art .archive-works {
    display: block;
  }

  .term-wall_flower_art .archive-works__item {
    width: 100%;
  }

  #single-works-wall_flower_art .article-works-images {
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

.order-step__item:not(:last-child) {
  margin-bottom: 50px;
}

.order-step__heading {
  color: #52575C;
  margin: 0 0 35px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.order-step__num {
  font-size: 4.8rem;
  font-weight: 700;
  margin-right: 30px;
}

.order-step__continue {
  margin: 60px 0 0;
  color: #989B9F;
  text-align: center;
}

.order-step__continue span {
  position: relative;
}

.order-step__continue span::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -7px;
}

.migration {
  border: 1px solid #182027;
  padding: 30px 10%;
}

@media screen and (min-width: 1280px) {
  .migration {
    padding: 60px 110px;
  }
}

.migration__text {
  margin: 0;
  line-height: 2.8rem;
}

.migration__text--01 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: #52575C;
}

/*Lesson page*/
#lesson-intro .lesson_img {
  width: 100%;
}

#lesson-intro .page-section__text {
  width: fit-content;
  margin: 0 auto 28px;
}

.sp-show_768 {
  display: block;
}

.sp-hide_768 {
  display: none;
}

.attention_txt {
  color: #C22047;
}

@media screen and (min-width: 768px) {

  #lesson-intro .lesson_img {
    width: calc(100% / 3);
  }


  .sp-show_768 {
    display: none;
  }

  .sp-hide_768 {
    display: block;
  }


}

#lesson-calendar .page-section-header {
  text-align: left;
}

#lesson-calendar .page-section-header span {
  font-size: 2.0rem;
  margin-left: 20px;
}

/*MTS Simple Booking*/
#lesson-calendar .calendar-caption {
  font-family: 'Noto Serif JP', serif;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

#lesson-calendar .calendar-title {
  display: none;
}

.list-calendar th,
.list-calendar td {
  border: 1px solid #182027;
}

#lesson-calendar table {
  width: 100%;
  border: solid 1px #BDBFC2;
}

#lesson-calendar .mtssb-daily-action button {
  font-size: 1rem;
  font-weight: 500;
  padding: 17px;
  display: block;
  text-align: center;
  border: 1px solid #182027;
  color: #eff0f0;
  background: #182027;
}

#lesson-calendar .mtssb-daily-action button:hover {
  opacity: 0.7;
}

#lesson-calendar select#calendar-selector {
  padding: 16px 8px;
  border-radius: 0;
  margin-bottom: 10px;
}

#lesson-calendar .list-calendar {
  margin-bottom: 28px;
}

#lesson-calendar .list-calendar table {
  width: 100%;
}

#lesson-calendar .list-calendar th {
  background: #eff0f0;
}

#lesson-calendar .list-calendar th,
#lesson-calendar .list-calendar td {
  border: solid 1px #BDBFC2 !important;
}

#lesson-calendar table tr:last-child td {
  border: solid 1px #BDBFC2;
}

#lesson-atten .lesson-atten_content {
  padding: 25px 0;
  border-bottom: solid 1px #BDBFC2;
}

#lesson-atten .lesson-atten_content .page-section__text:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {

  #lesson-calendar td.day-box,
  #lesson-calendar th.week-title {
    display: table-cell;
  }

  #lesson-calendar span.article-name {
    display: none;
  }

  #lesson-calendar .day-calendar table th,
  #lesson-calendar .day-calendar table td {
    display: table-cell;
    height: auto;
  }

  #lesson-calendar table th.list-header {
    width: 10%;
    font-size: 1.2rem;
    display: table-cell;
  }

  #lesson-calendar table th {
    height: 3.5em;
  }

  #lesson-calendar table td {
    display: table-cell;
  }

  #lesson-calendar table td.note {
    font-size: 1.2rem;
    line-height: normal;
  }

  .booking-time-select #calendar-selector {
    display: none;
  }

}

#lesson-about .pagenav-list__item {
  width: calc(100% / 2);
}

.lesson-about iframe {
  width: -webkit-fill-available;
  height: 200px;
}

.lesson-about h3.page-section-header__text {
  font-size: 2rem;
}

@media screen and (max-width: 1280px) {
  #lesson-intro .cards03 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #lesson-about_nav .pagenav-list__item {
    width: 100%;
  }

  #lesson-about_nav .pagenav-list__item {
    font-size: 1.4rem;
  }

  .lesson-about h3.page-section-header__text {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  #lesson-about .pagenav-list__item {
    width: 100%;
  }
}

/*booking-form*/
/*MTS Simple Booking*/

#contact-form {
  display: none;
}

.content-form fieldset {
  width: 100%;
}

#mining-form {
  margin: 0;
}

#booking-form fieldset {
  margin-bottom: 50px;
}

#booking-form fieldset:last-child {
  margin-bottom: 0;
}

#booking-form table {
  margin: 0;
  border-top: solid 1px #182027;
}

#booking-form #action-button button,
#subscription-search-button,
#subscription-cancel-button {
  appearance: none;
  background: #182027;
  color: #fff;
  border: 0;
  width: 100%;
  padding: 17px;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  font-size: 100%;
  margin: 0;
}

#subscription-cancel-button {
  width: auto;
}

#booking-form #action-button button {
  position: relative;
}

span.subscription-title {
  font-size: 1.6rem;
}

th.subscription-header {
  padding-right: 0;
}

#subscription .inner--02 {
  margin-bottom: 28px;
}

#subscription .subscription-search {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

#booking-form #action-button button::after,
.subscription-search::after {
  content: "";
  position: absolute;
  font-size: 1rem;
  top: 50%;
  margin-top: -5px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  right: 20px;
  color: #fff;
}

#booking-form #action-button button:hover,
#subscription-search-button:hover {
  opacity: 0.7;
}

#booking-form .input-number {
  margin-right: 1rem;
  text-align: center;
  display: flex;
  justify-content: left;
  align-items: center;
  float: none;
}

#booking-form .input-number label {
  width: fit-content;
  margin-right: 10px;
}

#booking-confirm-fieldset .input-number {
  padding: 10px 0 12px 50px;
}

#booking-form fieldset,
#booking-reservation-fieldset {
  padding: 0;
  border: none;
}

#booking-form fieldset legend,
#booking-reservation-fieldset legend,
#booking-confirm-fieldset td.option-confirm-header,
#booking-confirm-fieldset #confirmation-booking-message-title,
#booking-confirm-fieldset #confirmation-booking-message-title td {
  color: #52575C;
  margin: 0 0 35px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  display: -webkit-box;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0;
}


#booking-confirm-fieldset #confirmation-booking-message-title td {
  border: none;
  margin: 0;
}

#booking-confirm-fieldset td.option-confirm-header,
#booking-confirm-fieldset #confirmation-booking-message-title td {
  padding-left: 0 !important;
}

#booking-form fieldset th,
#booking-form fieldset td,
#booking-reservation-fieldset td,
#booking-reservation-fieldset th {
  border-right: none;
  font-size: 1.4rem;
  padding-top: 10px;
  padding-bottom: 12px;
}

#booking-form fieldset .content-text,
#booking-reservation-fieldset .content-text {
  width: 100%;
  padding: 20px;
  background: #eff0f0;
  font-size: 1.6rem;
  font-weight: 500;
  border: 0;
  margin: 0;
}

#booking-form fieldset table,
#booking-reservation-fieldset table {
  border-collapse: collapse;
  width: 100%;
}

#booking-form fieldset th,
#booking-reservation-fieldset th {
  width: 100%;
  padding: 10px 0 12px 0;
  border-bottom: solid 1px #BDBFC2;
}


#booking-form table td {
  padding-left: 0;
  padding-right: 0;
  border-bottom: solid 1px #182027;
}

#booking-form fieldset tr:last-child td,
#booking-reservation-fieldset tr:last-child td {
  border-bottom: 1px solid #182027;
}


#booking-form fieldset th label,
#booking-reservation-fieldset th label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  align-items: center;
}

#booking-form fieldset th span.required-mark,
#booking-reservation-fieldset th span.required-mark {
  padding: 3px 13px;
  background: #182027;
  color: #fff;
  margin-right: 10px;
  font-size: 1.2rem;
}

#booking-form fieldset span.required,
#booking-reservation-fieldset span.required {
  display: none;
}

#booking-form fieldset th span.optional,
#booking-reservation-fieldset th span.optional {
  padding: 2px 11px;
  border: 1px solid #182027;
  margin-right: 10px;
}

#booking_client-fieldset tr #booking-sei,
#booking_client-fieldset tr #booking-sei_kana {
  margin-bottom: 20px;
}

label.booking-seimi {
  font-size: 1.2rem;
  margin: 0 0 10px;
  color: #52575C;
}

#booking-note {
  resize: none;
}


.terms-wrapper:first-child {
  margin-bottom: 20px;
}

.terms-wrapper:last-child {
  margin-bottom: 30px;
}

#booking-form .mts-terms p {
  display: flex;
  align-items: center;
  gap: 10px;
}

#booking-form .mts-terms .terms-box {
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
  height: 160px;
}

#booking-form .mts-terms .container {
  width: fit-content;
}

#booking-form .mts-terms .inner {
  padding: 0;
  margin: 0;
}

#booking-form .mts-terms .page-section-header {
  margin: 40px 0 30px;
}

#booking-form .mts-terms h2.page-section-header__text {
  font-size: 2.4rem;
}

#booking-form .mts-terms p.page-section__text {
  display: block !important;
}

#booking-form .mts-terms section {
  margin: 0;
}

#booking-form .mts-terms .agree-label {
  display: block;
  margin-top: 30px;
  text-align: center;
  line-height: 2rem;
}

#booking-form .mts-terms .agreed-label {
  margin-top: 10px;
}

#booking-form .mts-terms .required-label {
  padding: 6px 13px;
  background: #182027;
  color: #fff;
}

#booking-form .mts-terms input#agree_privacy {
  margin: 0 5px 0 0;
}

#booking-form .content-form .error-message {
  font-size: 1.2rem;
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 8px 8px 8px 15px;
  margin-top: 20px;
  position: relative;
  text-align: left;
}

.content-form th,
.content-form td {
  border: none;
}

.content-form .error-message::after {
  content: '';
  position: absolute;
  top: -6px;
  left: 17px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
}


#subscription .content-form td.option-confirm-header,
#subscription .content-form #confirmation-booking-message-title td {
  border: none !important;
}

#booking-confirm-fieldset td.option-confirm-header,
#booking-confirm-fieldset #confirmation-booking-message-title {
  margin-top: 50px;
  margin-bottom: 0;
  padding-bottom: 36px;
  border-top: none;
  border-bottom: solid 1px #182027;
}

#booking-reservation-fieldset input#client-email {
  margin: 10px 0;
}

.bill-title,
.bill-number,
.bill-unit,
.bill-cost {
  border: none !important;
  padding: 0 !important;
}

@media screen and (min-width: 1280px) {

  #booking-form fieldset th,
  #booking-reservation-fieldset th {
    width: 230px;
  }

  #booking-form fieldset td,
  #booking-reservation-fieldset td {
    padding-left: 50px;
  }
}

@media screen and (min-width: 768px) {

  #booking-form fieldset th,
  #booking-reservation-fieldset th {
    border-bottom: 1px solid #182027;
    width: 230px;
  }

  #booking-form fieldset tr:first-child th,
  #booking-reservation-fieldset tr:first-child th {
    border-top: 1px solid #182027;
  }

  #booking-form fieldset tr:first-child td,
  #booking-reservation-fieldset tr:first-child td {
    border-top: 1px solid #BDBFC2;
  }

  #booking-form fieldset th,
  #booking-form fieldset td,
  #booking-reservation-fieldset th,
  #booking-reservation-fieldset td {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }

  #booking-form fieldset td,
  #booking-reservation-fieldset td {
    padding: 10px 0 12px;
  }

  #booking-confirm-fieldset .booking-form-people-number-row td {
    border-bottom: solid 1px #182027 !important;
    padding: 0 !important;
  }

  #booking-form table td {
    padding-left: 50px !important;
    border-bottom: solid 1px #BDBFC2;
    border-top: solid 1px #BDBFC2;
  }

  #booking-reservation-fieldset input#client-email {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {


  #booking-form .mts-terms .terms-box {
    padding: 10px;
  }

  #booking-form .mts-terms h2.page-section-header__text {
    font-size: 1.6rem;
  }


  #booking-confirm-fieldset .input-number {
    padding-top: 9px;
    padding-bottom: 12px;
    padding-left: 50px;
    width: 100%;
  }


  #booking-confirm-fieldset #action-button button {
    width: 100%;
  }
}

/*subscription*/
#subscription .page-section__text {
  text-align: center;
}

.subscription-search::after {
  content: "";
  position: absolute;
  font-size: 1rem;
  top: 50%;
  margin-top: -5px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  right: 20px;
  color: #fff;
}

input#subscription-cancel-button:hover {
  opacity: 0.7;
}

#subscription .content-form {
  padding: 0;
  border: none;
}

#subscription .content-form .option-confirm-header,
#subscription .content-form #confirmation-booking-message-title td {
  color: #52575C;
  margin: 0 0 35px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  display: -webkit-box;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0;
}

#subscription #booking-reservation-fieldset input#client-email {
  margin: 0;
}

#subscription .content-form td,
#subscription .content-form th {
  border-right: none;
  font-size: 1.4rem;
  padding-top: 10px;
  padding-bottom: 12px;
}

#subscription .content-form table {
  border-collapse: collapse;
  width: 100%;
}

#subscription .content-form th {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 12px;
  padding: 10px 0 12px;
}

#subscription .content-form table tr:first-child th {
  border-top: solid 1px #182027;
}

#subscription .content-form tr:last-child th {
  border-top: 1px solid #182027;
}

#subscription .content-form td {
  border-bottom: none;
  padding: 10px 0 12px;
}

.subscription-confirm #subscription span.subscription-title {
  font-size: 1.2rem;
  margin-bottom: 10px;
  display: block;
}

.subscription-confirm #subscription .subscription-cancel {
  float: left;
}

.subscription-confirm #subscription .subscription-cancel #subscription-cancel-button {
  margin-bottom: 20px;
}

.subscription-confirm #subscription .input-number {
  float: none;
  text-align: left;
}

.subscription-confirm #subscription .content-form table {
  margin: 0;
}

.subscription-confirm #subscription .content-form table:first-child tr {
  border: none;
}

.subscription-confirm #subscription .content-form table tr:first-child td {
  border-bottom: solid 1px #182027;
  border-top: 1px solid #BDBFC2;
}

.subscription-confirm #subscription .content-form tr:last-child th {
  border-top: 1px solid #182027;
}

.subscription-confirm #subscription .content-form table:first-child td {
  padding-top: 10px;
  padding-bottom: 12px;
}

.subscription-confirm #subscription .content-form td.option-confirm-header,
.subscription-confirm #subscription .content-form tr#confirmation-booking-message-title td {
  margin-top: 50px;
}

.subscription-confirm #subscription .content-form tr#confirmation-booking-message td {
  border-bottom: solid 1px #182027 !important;
}

.subscription-confirm #subscription .content-form table tr:first-child th {
  padding: 0;
}

.subscription-confirm #subscription .content-form table:first-child tr:nth-child(6) td {
  border-bottom: solid 1px #182027;
}

.subscription-confirm #subscription .content-form table tr:nth-child(2) td:first-child {
  padding: 0;
  border: none;
}

.subscription-confirm #subscription .ccontent-form #confirmation-booking-message-title td {
  margin-bottom: 50px;
}

.subscription-confirm #subscription th.subscription-header {
  display: inline;
}

.subscription-confirm #subscription form {
  height: inherit;
}

#cancel-thanks p {
  text-align: center;
}

@media screen and (min-width: 768px) {

  #subscription .content-form th,
  #subscription .content-form td {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }

  #subscription .content-form th {
    padding-right: 10px;
    width: 230px;
    border-bottom: 1px solid #182027;
  }

  #subscription .content-form td {
    padding-left: 50px;
    border-bottom: solid 1px #BDBFC2;
  }

  #booking-form #action-button button,
  #subscription-search-button,
  #subscription-cancel-button {
    width: 256px;
  }

  #subscription .subscription-search {
    width: fit-content;
  }

  .subscription-confirm #subscription span.subscription-title {
    font-size: 1.6rem;
  }

  .subscription-confirm #subscription .subscription-cancel {
    float: right;
  }

  .subscription-confirm #subscription .content-form tr:last-child td {
    border-bottom: solid 1px #BDBFC2;
    border-top: solid 1px #BDBFC2;
  }

}

@media screen and (min-width: 480px) {
  #subscription .content-form th {
    width: 35%;
  }

}

/*cancel-send*/
#cancel-send .page-section__text {
  text-align: center;
}