@charset "UTF-8";
/*----------------------------------------------------------------
	設定
-----------------------------------------------------------------*/
/* Width
______________________________________________*/
/* layout
______________________________________________*/
/* Design上のSPサイズ基準値
______________________________________________*/
/* Font Sans Selif
______________________________________________*/
/* Font Selif
______________________________________________*/
/* Theme Colors
______________________________________________*/
/*----------------------------------------------------------------
	mixin
-----------------------------------------------------------------*/
/* girdSysA：グリッドシステムA
-----------------------------------------------------------------*/
/**
 * flex を利用したグリッドシステム
 * 隙間(gutter)はpaddinngで固定指定する方式
 *
 * @$width 子カラム幅
 * @$gutterW 横隙間
 * @$gutterH 下隙間
 */
/* girdSysB：グリッドシステムB
-----------------------------------------------------------------*/
/**
 * flex、justify-content:space-between を利用したグリッドシステム ４カラムまで対応
 * 子カラム幅を指定して均等に配置 gutterは比率でレスポンシブ可変する
 *
 * @$width 子カラム幅
 * @$mb 下マージン
 */
/* girdSysC：グリッドシステムC
-----------------------------------------------------------------*/
/**
 * girdSysA の float バージョン
 *
 * @$width 子カラム幅
 * @$gutterW 横隙間
 * @$gutterH 下隙間
 */
/* ピクセル→vw 変換関数
-----------------------------------------------------------------*/
/**
 * デザインファイル上のピクセルサイズから vw を取得
 *
 * @param　$px ピクセルサイズ
 * @return ステージ幅に対する比率（vw）
 */
/*----------------------------------------------------------------
	reset
-----------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  background-repeat: no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
td {
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

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

main {
  display: block;
}

/* Form
______________________________________________*/
input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  display: inline-block;
}

/* IE
______________________________________________*/
::-ms-expand {
  display: none;
}

::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

/* clearfix
______________________________________________*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* bugfix
______________________________________________*/
body {
  -webkit-text-size-adjust: 100%;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/*----------------------------------------------------------------
	base
-----------------------------------------------------------------*/
html {
  overflow: auto;
  font-size: 62.5%;
  /* 1px = .1rem */
}

@media screen and (max-width: 720px) {
  html {
    min-width: 0;
  }
}

body {
  font-size: 1.5rem;
  line-height: 1.73;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, "NotoSans", sans-serif;
  color: #3E3E3E;
  background-color: #F4F4F0;
  padding-top: 60px;
}

@media screen and (max-width: 720px) {
  body {
    font-size: 1.4rem;
    padding-top: 50px;
  }
}

body > main {
  position: relative;
}

@media screen and (max-width: 720px) {
  body > main {
    padding-bottom: 60px;
    overflow-x: hidden;
  }
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "メイリオ", Meiryo, sans-serif !important;
    vertical-align: middle;
  }
}

.font1,
.sansSelif {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, "NotoSans", sans-serif;
}

.font2,
.selif {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Noto Serif Japanese", Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

small {
  font-size: .8em;
}

a {
  -webkit-transition: all .2s;
  transition: all .2s;
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity: .6;
}

img {
  max-width: 100%;
  width: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

i.fa {
  margin: 0 .3em;
}

/*----------------------------------------------------------------
	layout
-----------------------------------------------------------------*/
/* inner
______________________________________________*/
.l-inner1 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.l-inner2, .f-footer > * {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 720px) {
  .l-inner2, .f-footer > * {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 720px) {
  .l-inner3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.l-inner4 {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 720px) {
  .l-inner4 {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-inner5 {
  max-width: 1130px;
  margin: 0 auto;
}

@media screen and (max-width: 720px) {
  .l-inner5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*----------------------------------------------------------------
	background
-----------------------------------------------------------------*/
.c-bg1 {
  background: -webkit-gradient(linear, left top, right top, color-stop(14.25%, transparent), color-stop(14.25%, #E5DCE5));
  background: -webkit-linear-gradient(left, transparent 14.25%, #E5DCE5 14.25%);
  background: linear-gradient(90deg, transparent 14.25%, #E5DCE5 14.25%);
}

@media screen and (max-width: 720px) {
  .c-bg1 {
    background: -webkit-gradient(linear, left top, right top, color-stop(18.66%, transparent), color-stop(18.66%, #E5DCE5));
    background: -webkit-linear-gradient(left, transparent 18.66%, #E5DCE5 18.66%);
    background: linear-gradient(90deg, transparent 18.66%, #E5DCE5 18.66%);
  }
}

.c-bg1-2 {
  background: -webkit-gradient(linear, left top, right top, color-stop(16%, transparent), color-stop(16%, #E5DCE5), color-stop(92%, #E5DCE5), color-stop(92%, transparent));
  background: -webkit-linear-gradient(left, transparent 16%, #E5DCE5 16%, #E5DCE5 92%, transparent 92%);
  background: linear-gradient(90deg, transparent 16%, #E5DCE5 16%, #E5DCE5 92%, transparent 92%);
}

@media screen and (max-width: 720px) {
  .c-bg1-2 {
    background: -webkit-gradient(linear, left top, right top, color-stop(18.66%, transparent), color-stop(18.66%, #E5DCE5), to(#E5DCE5));
    background: -webkit-linear-gradient(left, transparent 18.66%, #E5DCE5 18.66%, #E5DCE5 100%);
    background: linear-gradient(90deg, transparent 18.66%, #E5DCE5 18.66%, #E5DCE5 100%);
  }
}

.c-shadow1, .h-header, .c-box3, .c-box8, .c-card4, .c-card5, .p-topMap {
  -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* 背景色
______________________________________________*/
.c-bgClr1 {
  background-color: #BA9BBA !important;
}

.c-bgClr1--sp {
  background-color: #BA9BBA !important;
}

.c-bgClr2 {
  background-color: #DEC924 !important;
}

.c-bgClr2--sp {
  background-color: #DEC924 !important;
}

.c-bgClr3 {
  background-color: #7DC79F !important;
}

.c-bgClr4--sp {
  background-color: #7DC79F !important;
}

/*----------------------------------------------------------------
	Table
-----------------------------------------------------------------*/
/* .c-table1
______________________________________________*/
.c-table1 {
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}

.c-table1 > tbody > tr > th,
.c-table1 > tbody > tr > td {
  padding: 20px;
  border: solid 3px #fff;
}

.c-table1 > tbody > tr > th {
  background-color: getColor(1);
  color: #fff;
  font-weight: bold;
  font-weight: 1.1em;
  width: 29%;
  vertical-align: middle;
}

.c-table1 > tbody > tr > td {
  background-color: #F5F5F5;
}

.c-table1 table td,
.c-table1 table th {
  padding-right: 1em;
}

/*----------------------------------------------------------------
  HEADER
-----------------------------------------------------------------*/
/* .h-header
______________________________________________*/
.h-header {
  background-color: #fff;
  color: #3E3E3E;
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
  z-index: 5000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 0 15px;
}

@media screen and (max-width: 720px) {
  .h-header {
    height: 50px;
  }
}

.h-gnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width: 1000px) {
  .h-gnav {
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    background-color: rgba(66, 66, 66, 0.95);
    top: 50px;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.0rem;
    font-weight: bold;
    border-top: solid 1px #fff;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all .25s;
    transition: all .25s;
  }
}

.js-navOpen .h-gnav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.h-gnav__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
}

@media screen and (max-width: 1000px) {
  .h-gnav__main {
    display: block;
    text-align: center;
    margin-left: 0;
  }
}

.h-gnav__main > a {
  display: block;
  margin-right: calc(34 / 1600 * 100vw);
  line-height: 1.2;
}

@media screen and (max-width: 1000px) {
  .h-gnav__main > a {
    margin-left: 0;
    margin-bottom: 1em;
    color: #fff;
  }
}

.h-gnav__main > a.series {
  color: #286872;
}

@media screen and (max-width: 1000px) {
  .h-gnav__main > a.series {
    color: #fff;
  }
}

.h-gnav__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.h-gnav__sns a {
  display: block;
  width: 27px;
  margin-right: 16px;
}

@media screen and (max-width: 1000px) {
  .h-gnav__sns a {
    width: 35px;
    margin: 30px 16px 0;
  }
}

.h-btnOrder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 218px;
  height: 100%;
  background-color: #E09845;
}

@media screen and (max-width: 1000px) {
  .h-btnOrder {
    width: 129px;
    height: 36px;
    border-radius: 18px;
    margin-right: 55px;
  }
}

.h-btnOrder img {
  width: 160px;
}

@media screen and (max-width: 1000px) {
  .h-btnOrder img {
    width: 95px;
  }
}

.h-gnav__sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.h-gnav__sub i {
  font-size: 2.2rem;
  margin-right: .5em;
}

@media screen and (max-width: 1000px) {
  .h-gnav__sub i {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    color: rgba(66, 66, 66, 0.95);
    margin-top: 2em;
  }
}

.h-menuBtn {
  width: 50px;
  height: 50px;
  background-image: url("../images/common/btn-menu--open.png");
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-position: center;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1000px) {
  .h-menuBtn {
    display: block;
  }
}

.js-navOpen .h-menuBtn {
  background-color: #fff;
  background-image: url("../images/common/btn-menu--close.png");
}

/*----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
/* f footer
______________________________________________*/
.f-footer {
  overflow: hidden;
  background-color: #74C1CD;
  color: #fff;
  height: 548px;
}

@media screen and (max-width: 1000px) {
  .f-footer {
    height: auto;
  }
}

.f-footer > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (max-width: 720px) {
  .f-footer > * {
    display: block;
  }
}

.f-footer > * > * {
  width: 50%;
}

@media screen and (max-width: 720px) {
  .f-footer > * > * {
    width: 100%;
  }
}

.f-footer > * > *:nth-child(1) {
  padding: 67px 0 0 104px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 720px) {
  .f-footer > * > *:nth-child(1) {
    padding: 40px 0 0 0;
    text-align: center;
  }
}

@media screen and (max-width: 720px) {
  .f-footer > * > *:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 40px;
    position: relative;
  }
}

.f-footer > * > *:nth-child(2) > * {
  width: 97%;
  -webkit-transform: translateX(55px);
          transform: translateX(55px);
}

@media screen and (max-width: 720px) {
  .f-footer > * > *:nth-child(2) > * {
    max-width: none;
    width: 141%;
    -webkit-transform: none;
            transform: none;
  }
}

.f-title {
  width: 507px;
}

@media screen and (max-width: 1000px) {
  .f-title {
    width: calc(507 / 1000 * 100vw);
  }
}

@media screen and (max-width: 720px) {
  .f-title {
    width: 213px;
    margin: 0 auto;
  }
}

.f-nav {
  margin: 30px 0 0 15px;
  width: 300px;
}

@media screen and (max-width: 720px) {
  .f-nav {
    margin: 35px 0 0 0;
    width: auto;
  }
}

.f-nav a {
  display: inline-block;
  text-decoration: underline;
  margin: 0 2em 1.4em 0;
  font-size: 1.4rem;
}

@media screen and (max-width: 720px) {
  .f-nav a {
    display: block;
    margin: 0 0 1.7em 0;
  }
}

.f-nav2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto 0 90px;
}

@media screen and (max-width: 720px) {
  .f-nav2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 36px 0 10px;
  }
}

.f-nav2 .sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.f-nav2 .sns > * {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 14px;
  background-color: #ddd;
  background-color: #fff;
}

@media screen and (max-width: 720px) {
  .f-nav2 .sns > * {
    width: 53px;
    height: 53px;
    margin: 0 7px 30px;
    background-color: #fff;
  }
}

.f-nav2 .sns > * > * {
  width: 21px;
}

@media screen and (max-width: 720px) {
  .f-nav2 .sns > * > * {
    width: 32px;
  }
}

.f-nav2 .sns img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.f-bottom {
  position: absolute;
  bottom: 40px;
  left: 124px;
  font-size: 1.4rem;
}

@media screen and (max-width: 720px) {
  .f-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
    padding-bottom: 24px;
  }
}

.f-copyright {
  font-size: 1.0rem;
}

/*----------------------------------------------------------------
	Box
-----------------------------------------------------------------*/
.c-popupMovie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: scrollY;
}

.c-popupMovie .c-yt {
  max-width: 80%;
}

@media screen and (max-width: 720px) {
  .c-popupMovie .c-yt {
    max-width: 98%;
  }
}

.c-popupMovie .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-popupMovie .c-popupMovie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* .c-mv
______________________________________________*/
.c-mv {
  padding-top: calc(740 / 1600 * 100%);
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 720px) {
  .c-mv {
    padding-top: calc(474 / 375 * 100%);
  }
}

.c-mv > *:not(nav) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media screen and (max-width: 720px) {
  .c-mv > *:not(nav) {
    z-index: 0;
    min-width: 0;
  }
  .c-mv > *:not(nav).on--sp {
    -webkit-animation: slide1Sp .25s ease forwards;
            animation: slide1Sp .25s ease forwards;
  }
}

.c-mv > *:not(nav) > * {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100vw;
}

@media screen and (max-width: 720px) {
  .c-mv > *:not(nav) > * {
    z-index: 0;
    min-width: 0;
  }
}

.c-mv > *:not(nav) > * .ov, .c-mv > *:not(nav) > * .df {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1280 / 1600 * 100%);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.c-mv > *:not(nav) > * .ov {
  -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.16);
          box-shadow: 5px 0 20px rgba(0, 0, 0, 0.16);
}

.c-mv > *:not(nav) > * .book {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: absolute;
  top: calc(195 / 1600 * 100%);
  left: calc(120 / 1600 * 100%);
  width: calc(355 / 1600 * 100%);
}

.c-mv .lifeshift1 {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  padding-left: calc(320 / 1600 * 100%);
}

@media screen and (max-width: 720px) {
  .c-mv .lifeshift1 {
    padding: 0;
  }
}

.c-mv .lifeshift1 nav {
  position: absolute;
  top: 76%;
  left: 17.5%;
  z-index: 1;
}

@media screen and (max-width: 720px) {
  .c-mv .lifeshift1 nav {
    top: auto;
    left: 50%;
    bottom: calc(15 / 375 * 100vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-mv .lifeshift1 .book {
  position: absolute;
  top: calc(385 / 1600 * 100%);
  left: calc(1048 / 1600 * 100%);
  width: calc(140 / 1600 * 100%);
}

.c-mv .lifeshift1 .ov {
  opacity: 0;
}

.c-mv .lifeshift2 {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  padding-right: calc(320 / 1600 * 100%);
  overflow: hidden;
}

@media screen and (max-width: 720px) {
  .c-mv .lifeshift2 {
    padding: 0;
  }
}

.c-mv .lifeshift2 nav {
  position: absolute;
  top: 76%;
  left: 37.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

@media screen and (max-width: 720px) {
  .c-mv .lifeshift2 nav {
    top: auto;
    left: 50%;
    bottom: calc(15 / 375 * 100vw);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-mv .lifeshift2 nav > * {
  margin-right: 20px;
}

@media screen and (max-width: 720px) {
  .c-mv .lifeshift2 nav > * {
    margin: 0 7px;
  }
}

@media screen and (min-width: 721px) {
  .c-mv.open_right .lifeshift1 {
    -webkit-animation: mv_finish 2s forwards;
            animation: mv_finish 2s forwards;
  }
  .c-mv.open_right .lifeshift1 .book {
    position: absolute;
    top: calc(82 / 1600 * 100%);
    left: calc(788 / 1600 * 100%);
    width: calc(336 / 1600 * 100%);
  }
  .c-mv.open_right .lifeshift1 .ov {
    opacity: 1;
  }
  .c-mv.open_right .lifeshift2 {
    width: calc(320 / 1600 * 100%);
  }
  .c-mv.open_right .lifeshift2 .ov {
    opacity: 0;
  }
  .c-mv.open_right .lifeshift2 .book {
    position: absolute;
    top: calc(368 / 1600 * 100%);
    left: calc(70 / 1600 * 100%);
    width: calc(144 / 1600 * 100%);
  }
}

@-webkit-keyframes mv_finish {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 1;
  }
}

@keyframes mv_finish {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 1;
  }
}

@media screen and (max-width: 720px) {
  .c-mvNav--pc {
    display: none;
  }
}

.c-mvNav--pc button {
  position: absolute;
  width: calc(320 / 1600 * 100%);
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 10;
}

@media screen and (max-width: 720px) {
  .c-mvNav--pc button {
    display: none;
  }
}

.c-mvNav--pc button:nth-child(2) {
  right: auto;
  left: 0;
}

.c-mvNav--sp {
  display: none;
}

@media screen and (max-width: 720px) {
  .c-mvNav--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
  }
  .c-mvNav--sp > * {
    width: 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .c-mvNav--sp > *:nth-child(1) {
    background-color: #74C1CD;
    border-top: solid 2px #74C1CD;
    border-right: solid 2px #74C1CD;
  }
  .c-mvNav--sp > *:nth-child(1).on {
    border-color: #F4F4F0;
  }
  .c-mvNav--sp > *:nth-child(2) {
    background-color: #BA9BBA;
    border-top: solid 2px #BA9BBA;
    border-left: solid 2px #BA9BBA;
  }
  .c-mvNav--sp > *:nth-child(2).on {
    border-color: #F4F4F0;
  }
}

.c-hero {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 720px) {
  .c-hero {
    height: 375px;
  }
}

@-webkit-keyframes slide1 {
  0% {
    z-index: 2;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slide1 {
  0% {
    z-index: 2;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slide2 {
  0% {
    z-index: 2;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slide2 {
  0% {
    z-index: 2;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes slide1Sp {
  0% {
    z-index: 2;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slide1Sp {
  0% {
    z-index: 2;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    z-index: 2;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.c-heroAbout {
  height: 420px;
}

.c-heroAbout__body {
  text-align: center;
  padding: 41px 0 60px;
  max-width: 721px;
  margin: 0 auto;
}

.c-heroAbout__body .c-lead1 {
  text-align: left;
}

.c-hero__video {
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 1542px) {
  .c-hero__video {
    width: 100%;
    height: auto;
  }
}

.c-hero__topLogo {
  position: relative;
  width: 544px;
  z-index: 100;
}

@media screen and (max-width: 720px) {
  .c-hero__topLogo {
    width: 100%;
    max-width: 274px;
  }
}

.c-hero__topLogoImg1 {
  position: absolute;
  top: 0;
  left: 0;
}

.c-hero__topLead1 {
  font-weight: bold;
  font-size: 4.0rem;
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-top: 50px;
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 720px) {
  .c-hero__topLead1 {
    font-size: 2.1rem;
    margin-top: 30px;
  }
}

.p-slideSp, .p-slideSp__wh {
  display: none;
}

@media screen and (max-width: 720px) {
  .p-slideSp, .p-slideSp__wh {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .p-slideSp *, .p-slideSp__wh * {
    height: 100%;
  }
}

.p-slideSp-item {
  background-size: auto 100%;
}

/* .c-box1
______________________________________________*/
.c-box1 {
  padding-top: 65px;
  margin-top: 80px;
  padding-bottom: 10.2%;
}

@media screen and (max-width: 720px) {
  .c-box1 {
    padding-top: 10.13vw;
    margin-top: 16vw;
  }
}

/* .c-box2
______________________________________________*/
.c-box2 {
  min-height: 600px;
  padding-top: 85px;
  background-size: auto 600px;
  background-position: center;
}
.c-box2-1 {
  min-height: 600px;
  padding-top: 45px;
  background-size: auto 600px;
  background-position: center;
}
@media screen and (max-width: 720px) {
  .c-box2 {
    height: auto;
    padding-top: 0;
    background-size: 0;
  }
  .c-box2 > * {
    padding: 0;
  }
}

.c-box2 .c-btn1, .c-box2 .c-btn2, .c-box2 .c-btn2--wh, .c-box2 .c-btn2--s, .c-box2 .c-btn3, .c-box2 .c-btn4 {
  margin-top: 70px;
}

@media screen and (max-width: 720px) {
  .c-box2 .c-btn1, .c-box2 .c-btn2, .c-box2 .c-btn2--wh, .c-box2 .c-btn2--s, .c-box2 .c-btn3, .c-box2 .c-btn4 {
    margin-top: 1em;
  }
}

@media screen and (max-width: 720px) {
  .c-box2-2 {
    margin-top: 0;
  }
}

.c-box2__header {
  background-size: 0;
}

@media screen and (max-width: 720px) {
  .c-box2__header {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 380px;
    padding: 0 20px;
  }
  .c-box2__header .c-title2, .c-box2__header .c-title2-2 {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

.c-box2__inner1, .c-box2__inner2, .c-box2__inner2L{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 720px) {
  .c-box2__inner1, .c-box2__inner2, .c-box2__inner2L{
    display: block;
    padding: 0;
  }
}

.c-box2__inner2 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-box2__inner2L {
  -webkit-box-pack: start!important;
  -webkit-justify-content: flex-start!important;
      -ms-flex-pack: start!important;
          justify-content: flex-start!important;
}

@media screen and (max-width: 720px) {
  .c-box2__inner2 {
    display: block;
    padding: 0;
  }
}

/* .c-box3
______________________________________________*/
.c-box3 {
  border-radius: 20px;
  background-color: #fff;
  padding: 60px 70px;
  max-width: 944px;
  margin: 70px auto;
  text-align: center;
  padding-bottom: 70px;
}

@media screen and (max-width: 720px) {
  .c-box3 {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 10.66667vw 15px;
  }
}

.c-box3 .c-btn1, .c-box3 .c-btn2, .c-box3 .c-btn2--wh, .c-box3 .c-btn2--s, .c-box3 .c-btn3, .c-box3 .c-btn4 {
  margin: 50px 0 30px;
}

@media screen and (max-width: 720px) {
  .c-box3 .c-btn1, .c-box3 .c-btn2, .c-box3 .c-btn2--wh, .c-box3 .c-btn2--s, .c-box3 .c-btn3, .c-box3 .c-btn4 {
    width: 100%;
  }
}

.c-box3__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}

@media screen and (max-width: 720px) {
  .c-box3__main {
    display: block;
  }
}

.c-box3__mainIco {
  min-width: 114px;
  padding-right: 25px;
}

@media screen and (max-width: 720px) {
  .c-box3__mainIco {
    width: 18.66667vw;
    padding: 5.33333vw 0;
    margin: 0 auto;
  }
}

/* .c-box4
______________________________________________*/
.c-box4 {
  width: 720px;
  margin: 0 auto;
  padding: 15px 15px 30px;
  background-color: #efefef;
}

@media screen and (max-width: 720px) {
  .c-box4 {
    width: 100%;
  }
}

.c-box4 .c-btn2--s {
  margin-top: 30px;
}

.c-box4__inner {
  max-height: 900px;
  overflow: hidden;
}

.js-twitterWrap.is-open {
  max-height: 10000px;
}

/* .c-box5
______________________________________________*/
.c-box5, .c-box5--bk, .c-box5--bk1, .c-box5--bk2, .c-box5--bk3, .c-box5--bk4   {
  width: 753px;
  padding: 40px 30px 20px;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 720px) {
  .c-box5, .c-box5--bk, .c-box5--bk1, .c-box5--bk2, .c-box5--bk3, .c-box5--bk4 {
    width: 100%;
  }
}

.c-box5 .c-btn2--s, .c-box5--bk .c-btn2--s, .c-box5--bk1 .c-btn2--s, .c-box5--bk2 .c-btn2--s, .c-box5--bk3 .c-btn2--s, .c-box5--bk4 .c-btn2--s {
  margin-top: 30px;
}

.c-box5__txt1 {
  margin: 15px 0 20px;
  font-size: 1.2rem;
}

.c-box5__txt2 {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 720px) {
  .c-box5__txt2 {
    font-size: 1.2rem;
  }
}

.c-box5__txt3 {
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 720px) {
  .c-box5__txt3 {
    font-size: 1.4rem;
  }
}

.c-box5--bk1 {
  background-color: rgba(12, 47, 12, 0.7);
}

.c-box5--bk2 {
  background-color: rgba(66, 52, 88, 0.75);
}

.c-box5--bk2:first-child {
  padding-bottom: 40px;
  border-bottom: solid 1px #BA9BBA;
}

.c-box5--bk3 {
  background-color: rgba(25, 57, 114, 0.7);
}

.c-box5--bk3:first-child {
  padding-bottom: 40px;
  border-bottom: solid 1px #788EB5;
}
.c-box5--bk4 {
  background-color: rgba(50, 50, 50, 0.75);
}

.c-box5--bk4:first-child {
  padding-bottom: 40px;
}

.c-box5--bk, .c-box5--bk1, .c-box5--bk2, .c-box5--bk3, .c-box5--bk4  {
  color: #fff;
}

.c-box5--bk .c-title4, .c-box5--bk1 .c-title4, .c-box5--bk2 .c-title4, .c-box5--bk3 .c-title4, .c-box5--bk4 .c-title4 {
  color: #fff;
}

@media screen and (max-width: 720px) {
  .c-box5--bk, .c-box5--bk1, .c-box5--bk2, .c-box5--bk3, .c-box5--bk4 {
    width: 100%;
    background-color: #fff;
    color: #3E3E3E;
  }
  .c-box5--bk:first-child, .c-box5--bk1:first-child, .c-box5--bk2:first-child, .c-box5--bk3:first-child, .c-box5--bk4:first-child {
    border-color: #BCBCBC;
  }
  .c-box5--bk .c-title4, .c-box5--bk1 .c-title4, .c-box5--bk2 .c-title4, .c-box5--bk3 .c-title4, .c-box5--bk4 .c-title4 {
    color: #000;
  }
}

.c-box5__nav1 {
  padding: 30px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 720px) {
  .c-box5__nav1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-box5__nav1 > * {
  margin-left: 20px;
}

@media screen and (max-width: 720px) {
  .c-box5__nav1 > * {
    margin-left: 0;
    width: 261px !important;
    margin-bottom: 15px;
  }
}

/* .c-box6
______________________________________________*/
.c-box6 {
  background-color: #E3F3F5;
}

/* .c-box7
______________________________________________*/
.c-box7 {
  position: relative;
}

.c-box7 .c-title4 {
  margin-bottom: 27px;
}

@media screen and (max-width: 720px) {
  .c-box7 .c-bg1 {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0%, #E5DCE5));
    background: -webkit-linear-gradient(left, transparent 0%, #E5DCE5 0%);
    background: linear-gradient(90deg, transparent 0%, #E5DCE5 0%);
  }
}

.c-box7__img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 48.75%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 720px) {
  .c-box7__img {
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    position: relative;
    margin-top: 10px;
  }
}

.c-box7_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 60px 70px 30px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

@media screen and (max-width: 720px) {
  .c-box7_inner {
    display: block;
    padding: 20px 20px 25px;
  }
}

.c-box7__main {
  width: 42.93%;
}

@media screen and (max-width: 720px) {
  .c-box7__main {
    width: 100%;
  }
}

.c-box7__box {
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #fff;
  padding: 35px 25px;
  margin: 60px 0 30px;
}

.c-box7__box .c-title5 {
  margin-bottom: 1em;
}

@media screen and (max-width: 720px) {
  .c-box7__box {
    margin: 20px 0 0;
  }
}

/* .c-box8
______________________________________________*/
.c-box8 {
  border-radius: 15px;
  background-color: #fff;
  max-width: 944px;
  margin: 70px auto;
  padding-bottom: 70px;
}

@media screen and (max-width: 720px) {
  .c-box8 {
    padding: 0;
  }
}

.c-box8__header {
  padding: 40px 30px;
}

.c-box8__mv {
  padding-left: 33.58%;
  position: relative;
}

@media screen and (max-width: 720px) {
  .c-box8__mv {
    padding: 0;
  }
}

.c-box8__mvTxt {
  background-color: #423458;
  color: #fff;
  padding: 40px 20px;
  position: absolute;
  top: 56px;
  left: 0;
  width: 40%;
  font-size: 1.4rem;
}

@media screen and (max-width: 720px) {
  .c-box8__mvTxt {
    position: relative;
    width: 100%;
    top: 0;
    padding: 8vw;
  }
}

.c-box8__mvTitle {
  font-weight: bold;
  color: #fff;
  margin-bottom: 1em;
}

.c-box8__prof {
  color: #E2B6E2;
}

.c-box8__main {
  padding: 45px 76px 0;
}

.c-box8__main p, .c-box8__main h1, .c-box8__main h2, .c-box8__main h3, .c-box8__main h4 {
  margin-bottom: 2em;
}

@media screen and (max-width: 720px) {
  .c-box8__main {
    padding: 8vw;
  }
}

/*----------------------------------------------------------------
	Card
-----------------------------------------------------------------*/
/* .c-card1
______________________________________________*/
.c-card1 {
  font-size: 1.4rem;
  font-weight: bold;
}

.c-card1__body {
  min-height: 90px;
  padding: 20px 20px;
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1.6;
}

.c-card1__txt1 {
  font-size: 1.0rem;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 8px;
  line-height: 1;
}

.c-card1__img {
  padding-top: 106.79%;
  position: relative;
  background-size: cover;
  background-position: center;
}

.c-card1__txt, .c-card2__txt {
  margin-top: 10px;
  position: absolute;
  bottom: 4.8%;
  left: 4.8%;
}

.c-card1__txt span, .c-card2__txt span, .c-card1__txt p, .c-card2__txt p {
  display: inline-block;
  background-color: #fff;
  font-size: 3.0rem;
  padding: 0 .2em;
  font-weight: bold;
  position: relative;
  letter-spacing: 0;
  line-height: 1.3;
}

.c-card1__txt span::after, .c-card2__txt span::after, .c-card1__txt p::after, .c-card2__txt p::after {
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
  content: "";
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 720px) {
  .c-card1__txt span, .c-card2__txt span, .c-card1__txt p, .c-card2__txt p {
    font-size: 7.46667vw;
  }
}

/* .c-card2
______________________________________________*/
.c-card2__img {
  padding-top: 60.67%;
  position: relative;
  background-size: cover;
  background-position: center;
}

.c-card2__imgInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px;
}

@media screen and (max-width: 720px) {
  .c-card2__imgInner {
    padding: 2.13333vw;
  }
}

.c-card2__txt span, .c-card2__txt p {
  padding: 0 .5em;
  margin-bottom: 1px;
  font-size: 4.0rem;
}

@media screen and (max-width: 1320px) {
  .c-card2__txt span, .c-card2__txt p {
    font-size: 3.03951vw;
  }
}

@media screen and (max-width: 720px) {
  .c-card2__txt span, .c-card2__txt p {
    font-size: 5.33333vw;
  }
}

.js-wipe span::after, .js-wipe p::after {
  width: 0%;
  left: 100%;
}

.c-card2__cat {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background-color: #ccc;
  padding: .5em;
  line-height: 1;
  display: inline-block;
}

@media screen and (max-width: 720px) {
  .c-card2__cat {
    font-size: 3.2vw;
  }
}

.c-grid2 .c-card2__cat {
  margin: 0 0 120px 15px;
}

@media screen and (max-width: 1320px) {
  .c-grid2 .c-card2__cat {
    margin: 0 0 8.8vw 0.8vw;
  }
}

@media screen and (max-width: 720px) {
  .c-grid2 .c-card2__cat {
    margin: 0 0 17.33333vw 2.13333vw;
  }
}

.c-card2__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-card2__date {
  font-size: 1.6rem;
}

.c-card2__capt {
  font-size: 1.1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}

.c-card2__ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

/* .c-card3
______________________________________________*/
.c-card3__body {
  padding: 40px 25px;
  background-color: #E3F3F5;
  border-radius: 20px;
  text-align: center;
}

@media screen and (max-width: 720px) {
  .c-card3__body {
    padding: 30px 20px;
  }
}

.c-card3__cate {
  font-size: 2rem;
  color: #74C1CD;
}

@media screen and (max-width: 720px) {
  .c-card3__cate {
    font-size: 1.8rem;
  }
}

.c-card3__ttl {
  margin-top: 10px;
  font-size: 3rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (max-width: 720px) {
  .c-card3__ttl {
    font-size: 2rem;
  }
}

.c-card3__btn {
  margin-top: 30px;
}

.c-card3__btn a {
  width: 100%;
  font-size: 20px;
  text-align: center;
  color: #FFF;
  line-height: 70px;
  border-radius: 35px;
  background: #74C1CD;
  display: block;
}

@media screen and (max-width: 720px) {
  .c-card3__btn a {
    font-size: 1.5rem;
    line-height: 40px;
    border-radius: 20px;
  }
}

/* .c-card4
______________________________________________*/
.c-card4 {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0 0 34px;
}

@media screen and (max-width: 720px) {
  .c-card4 {
    border-radius: 15px;
    padding: 0 0 18px;
  }
}

.c-card4 .img {
  position: relative;
}

.c-card4 .img .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 110px;
}

.c-card4 .img .cs {
  display: none;
}

.c-card4.comingsoon {
  pointer-events: none;
}

.c-card4.comingsoon .img img {
  display: none;
}

.c-card4.comingsoon .img .cs {
  display: block;
}

.c-card4 .txt1 {
  color: #74C1CD;
  font-size: 2.0rem;
  margin: 25px 0 0;
}

@media screen and (max-width: 720px) {
  .c-card4 .txt1 {
    font-size: 1.2rem;
    margin: 15px 0 -2px;
  }
}

.c-card4 .txt2 {
  font-size: 3.0rem;
}

@media screen and (max-width: 720px) {
  .c-card4 .txt2 {
    font-size: 1.8rem;
  }
}

.c-card4 .txt3 {
  display: inline-block;
  font-size: 1.6rem;
  border-bottom: solid 3px #E09845;
  line-height: 2;
}

@media screen and (max-width: 720px) {
  .c-card4 .txt3 {
    font-size: 1.0rem;
  }
}

/* .c-card5
______________________________________________*/
.c-card5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}

@media screen and (max-width: 720px) {
  .c-card5 {
    border-radius: 15px;
    display: block;
  }
}
.c-card5 a{
  position: relative;
}
.c-card5 > .img {
  flex: 0 0 35%;
  position: relative;
  background-color: #74C1CD;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 721px) {
  .c-card5 {
    min-height: 192px;
  }
  .c-card5 > .img img{
    width: 100%;
  }
}

@media screen and (max-width: 720px) {
  .c-card5 > .img {
    width: 100%;
  }
}

.c-card5 > .txt{
  padding: 22px 30px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .c-card5 > .txt {
    padding: 10px 15px 20px;
  }
}

.c-card5 .txt1 {
  font-size: 1.6rem;
  color: #74C1CD;
  margin-bottom: 5px;
}

@media screen and (max-width: 720px) {
  .c-card5 .txt1 {
    font-size: 1.0rem;
    margin-bottom: 5px;
  }
}

.c-card5 .txt2 {
  font-size: 2.4rem;
  line-height: calc(34 / 24);
  font-weight: bold;
}

@media screen and (max-width: 720px) {
  .c-card5 .txt2 {
    font-size: 1.4rem;
    line-height: calc(24 / 14);
  }
}

.c-card5 .txt3 {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  padding-right: 26px;
  background-image: url("../images/common/ico-window.png");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: right center;
  border-bottom: solid 3px #E09845;
  margin-top: 8px;
  line-height: 2;
}

@media screen and (max-width: 720px) {
  .c-card5 .txt3 {
    line-height: 2.2;
    padding-right: 22px;
    font-size: 1.2rem;
    margin-top: 8px;
    background-size: 14px auto;
  }
}

/*----------------------------------------------------------------
	Navs
-----------------------------------------------------------------*/
/* .c-nav
______________________________________________*/
.c-gnav {
  background-color: #fff;
}

@media screen and (max-width: 720px) {
  .c-gnav {
    position: absolute;
    width: 100%;
    top: 15.5vw;
    left: 0;
    font-size: 3.0rem;
    padding: 0 26px;
    max-height: 100%;
    overflow-y: scroll;
    display: none;
  }
}

/*----------------------------------------------------------------
	Button
-----------------------------------------------------------------*/
.c-btn1, .c-btn2, .c-btn2--wh, .c-btn2--s, .c-btn3, .c-btn4 {
  line-height: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 365px;
  min-height: 70px;
  height: 0;
  background-color: #BA9BBA;
  color: #fff;
  font-weight: bold;
  font-size: 2.0rem;
  border-radius: 35px;
  padding: 10px 35px;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 720px) {
  .c-btn1, .c-btn2, .c-btn2--wh, .c-btn2--s, .c-btn3, .c-btn4 {
    font-size: 1.6rem;
    min-width: auto;
    width: calc(100% - 20px);
    min-height: 56px;
    padding: 10px 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.c-btn2, .c-btn2--wh, .c-btn2--s {
  min-width: 336px;
  background: none;
  border: solid 1px #74C1CD;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #3E3E3E;
  font-weight: normal;
  font-size: 1.8rem;
}

@media screen and (max-width: 720px) {
  .c-btn2, .c-btn2--wh, .c-btn2--s {
    min-width: 0;
  }
}

.c-btn2--wh {
  border-color: #fff;
  color: #fff;
}

.c-btn2--s {
  min-width: 50%;
  min-height: 40px;
  border-radius: 30px;
  font-size: 1.8rem;
  border: solid 1px #000;
  color: #000;
}

.c-btn3 {
  background-color: #E09845;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

.c-btn3 img {
  width: 24px;
  margin-right: 15px;
}

@media screen and (max-width: 720px) {
  .c-btn4 {
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
    width: auto;
  }
}

.c-btn3-2, .c-btn3-3, .c-btn5, .c-btn5-3, .c-btn5-2 {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: calc(80 / 1600 * 100vw);
  width: calc(261 / 1600 * 100vw);
  height: calc(59 / 1600 * 100vw);
  background-color: #E09845;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 720px) {
  .c-btn3-2, .c-btn3-3, .c-btn5, .c-btn5-3, .c-btn5-2 {
    border-radius: calc(34 / 375 * 100vw);
    width: calc(198 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }
}

.c-btn3-2 img, .c-btn3-3 img, .c-btn5 img, .c-btn5-3 img, .c-btn5-2 img {
  width: calc(148 / 1600 * 100vw);
  margin-right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media screen and (max-width: 720px) {
  .c-btn3-2 img, .c-btn3-3 img, .c-btn5 img, .c-btn5-3 img, .c-btn5-2 img {
    width: calc(116 / 375 * 100vw);
  }
}

.c-btn3-3 {
  width: 261px;
  height: 59px;
}

@media screen and (max-width: 720px) {
  .c-btn3-3 {
    border-radius: 34px;
    width: 198px;
    height: 50px;
  }
}

.c-btn3-3 img {
  width: 148px;
}

@media screen and (max-width: 720px) {
  .c-btn3-3 img {
    width: 116px;
  }
}

.c-btn5, .c-btn5-3 {
  width: calc(214 / 1600 * 100vw);
  background-color: #fff;
  font-weight: bold;
  font-size: calc(16 / 1600 * 100vw);
}

@media screen and (max-width: 720px) {
  .c-btn5, .c-btn5-3 {
    width: calc(126 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
}

.c-btn5-2 {
  border-radius: 34px;
  width: 261px;
  height: 59px;
}

@media screen and (max-width: 1000px) {
  .c-btn5-2 {
    width: calc(261 / 1000 * 100vw);
  }
}

@media screen and (max-width: 720px) {
  .c-btn5-2 {
    width: calc(261 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    border-radius: calc(25 / 375 * 100vw);
  }
}

.c-btn5-2 img {
  width: 148px;
}

@media screen and (max-width: 1000px) {
  .c-btn5-2 img {
    width: calc(148 / 1000 * 100vw);
  }
}

@media screen and (max-width: 720px) {
  .c-btn5-2 img {
    width: calc(140 / 375 * 100vw);
  }
}

.c-btn5-3 {
  width: 277px;
  height: 59px;
  font-size: 1.6rem;
}

@media screen and (max-width: 720px) {
  .c-btn5-3 {
    height: 50px;
    font-size: 1.4rem;
  }
}

.c-btn6, .c-btn6-2 {
  line-height: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 336px;
  height: 70px;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 35px;
  color: #fff;
  border: solid 2px #fff;
}

@media screen and (max-width: 720px) {
  .c-btn6, .c-btn6-2 {
    font-size: 1.6rem;
    width: calc(100vw - 40px);
    height: 56px;
  }
}

.c-btn6-2 {
  width: 378px;
  height: 78px;
  border-radius: 45px;
  border-color: #74C1CD;
  color: #3E3E3E;
  margin: 65px auto 0;
  background-image: url("../images/common/ico-window.png");
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: right 35px center;
  padding-right: 30px;
}

@media screen and (max-width: 720px) {
  .c-btn6-2 {
    width: 100%;
    height: 56px;
    margin: 30px auto 0;
  }
}

.c-toTop {
  margin-top: 100px;
  bottom: 0;
  position: -webkit-sticky;
  position: sticky;
}

.c-toTop > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url("../images/common/ico-arrow-up.svg");
  background-repeat: no-repeat;
  background-size: 23px 12px;
  background-position: center center;
  background-color: #74C1CD;
  position: absolute;
  right: 13px;
  bottom: 22px;
}

@media screen and (max-width: 720px) {
  .c-toTop > * {
    display: none;
  }
}

/*----------------------------------------------------------------
	Icons
-----------------------------------------------------------------*/
/*.c-icon1
______________________________________________*/
.c-icon1::after {
  display: inline-block;
  content: "▲";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: .5em;
}

/*----------------------------------------------------------------
	Form
-----------------------------------------------------------------*/
/*.c-form1
______________________________________________*/
.c-form1 input:not([type="file"]):not([type="submit"]),
.c-form1 select,
.c-form1 textarea {
  border: solid 1px #000;
  padding: .5em 1em;
  line-height: 1;
  background-color: #fff;
  width: 100%;
}

/* -----------------------------------------------
.c-form2
----------------------------------------------- */
.c-form2 {
  /*
    .error{
        display: inline-block !important;
        background-color: #fff;
        padding: .5em 1em;
        margin: .5em 0;
    }*/
}

.c-form2 input,
.c-form2 select,
.c-form2 textarea {
  padding: 8px 16px;
  background-color: #fff;
}

.c-form1__btnContainer {
  margin-top: 50px;
  padding: 50px 0;
  text-align: center;
  border-top: solid 9px #000;
}

.c-form1__btn {
  background: #0071BB;
  border-radius: 11px;
  color: #fff;
  width: 442px;
  height: 91px;
  font-size: 3.0rem;
  font-weight: bold;
}

/* -----------------------------------------------
.c-select-label1
----------------------------------------------- */
.c-select-label1 {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 100%;
}

.c-select-label1 select {
  padding-right: 2em;
}

.c-select-label1::before, .c-select-label1::after {
  pointer-events: none;
  position: absolute;
  right: 4px;
  line-height: 1;
  -webkit-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
  color: #000;
}

.c-select-label1::before {
  position: absolute;
  bottom: 50%;
  margin-top: -2px;
  content: "▲";
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.c-select-label1::after {
  position: absolute;
  top: 50%;
  margin-top: 2px;
  content: "▼";
  -webkit-transform-origin: top;
          transform-origin: top;
}

/*----------------------------------------------------------------
グリッドのコンポーネント
-----------------------------------------------------------------*/
/* .c-grid1
______________________________________________*/
.c-grid1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-grid1::after, .c-grid1::before {
  content: "";
  display: block;
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
      -ms-flex-order: 9999;
          order: 9999;
  height: 0;
  width: 28.87%;
}

.c-grid1 > * {
  width: 28.87%;
  margin-bottom: 7.8%;
}

@media screen and (max-width: 720px) {
  .c-grid1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-grid1::after, .c-grid1::before {
    content: "";
    display: block;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
        -ms-flex-order: 9999;
            order: 9999;
    height: 0;
    width: 100%;
  }
  .c-grid1 > * {
    width: 100%;
    margin-bottom: 10.66%;
  }
}

.c-grid1 > * {
  /*右並び
		&:nth-child(3n) {
			transform: translateY(14.75%);
		}
		&:nth-child(3n-2) {
			transform: translateY(-14.75%);
		}*/
}

.c-grid1 > *:nth-child(3n-2) {
  -webkit-transform: translateY(14.75%);
          transform: translateY(14.75%);
}

.c-grid1 > *:nth-child(3n) {
  -webkit-transform: translateY(-14.75%);
          transform: translateY(-14.75%);
}

@media screen and (max-width: 720px) {
  .c-grid1 > *:nth-child(3n) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .c-grid1 > *:nth-child(3n-2) {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* .c-grid2
______________________________________________*/
.c-grid2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 4.55%;
}

@media screen and (max-width: 720px) {
  .c-grid2 {
    display: block;
  }
}

.c-grid2 > * {
  width: 48.11%;
  padding-bottom: 4.7%;
}

@media screen and (max-width: 720px) {
  .c-grid2 > * {
    width: 100%;
    padding-bottom: 10.66%;
  }
}

.c-grid2-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/* .c-grid3
______________________________________________*/
.c-grid3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 720px) {
  .c-grid3 {
    display: block;
  }
}

.c-grid3::after {
  content: "";
  display: block;
  width: 31.3%;
}

.c-grid3 > * {
  width: 31.3%;
  padding-bottom: 4.4%;
}

@media screen and (max-width: 720px) {
  .c-grid3 > * {
    width: 100%;
    padding-bottom: 10.66%;
  }
}

/* .c-grid4
______________________________________________*/
.c-grid4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1130px;
  margin: 0 auto;
  padding: 46px 0;
}

.c-grid4 > * {
  padding: 2em 0 0;
  width: 30%;
}

.c-grid4 > *:first-child {
  width: 60%;
}

.c-grid4 img {
  margin-top: -100px;
}

@media screen and (max-width: 720px) {
  .c-grid4 {
    display: block;
  }
  .c-grid4 > * {
    width: auto;
  }
  .c-grid4 > *:first-child {
    width: auto;
    padding: 0 2em 2em;
  }
  .c-grid4 img {
    margin-top: 0;
  }
}

/* .c-grid5
______________________________________________*/
.c-grid5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 864px;
  margin: 0 auto;
  padding: 0;
}

.c-grid5 > * {
  width: 47.6%;
}

.c-grid5 > *:first-child {
  margin-right: 4.6%;
}

@media screen and (max-width: 720px) {
  .c-grid5 {
    display: block;
  }
  .c-grid5 > * {
    width: 100%;
  }
  .c-grid5 > *:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/*----------------------------------------------------------------
	List
-----------------------------------------------------------------*/
/*.c-list1
______________________________________________*/
/*----------------------------------------------------------------
	Text, Lead
-----------------------------------------------------------------*/
/* .c-text1
______________________________________________*/
.c-lead1 {
  font-size: 1.6rem;
  max-width: 880px;
}

@media screen and (max-width: 720px) {
  .c-lead1 {
    font-size: 1.4rem;
  }
}

.c-color1 {
  color: #7453b4;
}

.c-color2 {
  color: #e2a600;
}

.c-color3 {
  color: #32b484;
}

/*----------------------------------------------------------------
	Title
-----------------------------------------------------------------*/
/*.c-title1
______________________________________________*/
.c-title1 {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  color: #74C1CD;
}

/*.c-title2
______________________________________________*/
.c-title2, .c-title2-2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #BA9BBA;
}

@media screen and (max-width: 720px) {
  .c-title2, .c-title2-2 {
    font-size: 1.8rem;
  }
}

.c-title2-2 {
  color: #74C1CD;
}

/*.c-title3
______________________________________________*/
.c-title3, .c-title3-2 {
  font-size: 4.0rem;
  font-weight: bold;
  color: #332943;
  line-height: 1.7;
  margin-bottom: 25px;
}

@media screen and (max-width: 720px) {
  .c-title3, .c-title3-2 {
    font-size: 2.0rem;
    line-height: 1.5;
    margin-bottom: 18px;
  }
}

.c-title3-2 {
  color: #3E3E3E;
  margin-bottom: 18px;
}

@media screen and (max-width: 720px) {
  .c-title3-2 {
    margin-bottom: 10px;
  }
}

/*.c-title4
______________________________________________*/
.c-title4 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (max-width: 720px) {
  .c-title4 {
    font-size: 1.8rem;
  }
}

/*.c-title5
______________________________________________*/
.c-title5 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #332943;
}

@media screen and (max-width: 720px) {
  .c-title5 {
    font-size: 2.0rem;
  }
}

/*.c-title6
______________________________________________*/
.c-title6 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #332943;
}

@media screen and (max-width: 720px) {
  .c-title6 {
    font-size: 2.0rem;
  }
}

/*----------------------------------------------------------------
	Media
-----------------------------------------------------------------*/
/* Responsive Video(16:9)
______________________________________________*/
.c-videoContainer {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.c-youtubeIframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.c-yt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}

.c-yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

/*----------------------------------------------------------------
	Post 投稿記事用
-----------------------------------------------------------------*/
/* .c-post__header
______________________________________________*/
.c-post__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
}

.c-post__title {
  font-size: 2.9rem;
  padding: 1em 0 .8em;
  border-bottom: dotted 3px #000;
  margin-bottom: 1em;
  line-height: 1.5;
}

.c-post__date {
  font-size: 1.8rem;
}

.c-post__date::before {
  content: "\25CF";
  color: #fff;
  margin-right: .5em;
}

/* .c-post  投稿用
______________________________________________*/
.c-post {
  font-size: 1.6rem;
  line-height: 1.8;
  /*--------clearfix*/
}

.c-post:after {
  content: " ";
  display: block;
  clear: both;
}

.c-post section {
  clear: both;
  padding-bottom: 1em;
}

.c-post table {
  word-break: break-all;
  word-wrap: break-all;
  width: 100%;
  background-color: #fff;
}

.c-post table th,
.c-post table td {
  border: solid 1px #e5e5e5;
  padding: .7em 1.5em;
  min-width: 8em;
}

.c-post table th {
  background-color: getColor(1);
  color: #fff;
  font-weight: bold;
}

.c-post p {
  margin: .5em 0;
}

.c-post ul {
  margin: 1em 0;
  padding-left: 1em;
  list-style-type: disc;
}

.c-post ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
}

.c-post ol {
  margin: 1em 0;
  padding-left: 1em;
  list-style-type: decimal;
}

.c-post ol li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: decimal;
}

.c-post h1 {
  font-size: 1.9em;
  font-weight: bold;
  line-height: 1.5;
}

.c-post h2 {
  font-size: 1.7em;
  font-weight: bold;
  margin: 1em 0;
  line-height: 1.5;
  color: getColor(1);
}

.c-post h3 {
  font-size: 1.5em;
  margin: 1em 0;
  font-weight: bold;
  color: getColor(1);
  line-height: 1.5;
  border-bottom: solid 1px getColor(1);
}

.c-post h4 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.5;
}

.c-post h5 {
  font-size: 1.0em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.5;
}

.c-post h6 {
  font-size: .9em;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.5;
}

.c-post a {
  color: getColor(5);
  text-decoration: underline;
}

.c-post a:hover,
.c-post a.hover {
  text-decoration: none;
}

.c-post p {
  display: block;
  margin-bottom: 1em;
}

.c-post strong {
  font-weight: bold;
  color: getColor(1);
}

.c-post em {
  font-style: italic;
}

.c-post blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

.c-post .textcenter {
  text-align: center;
}

.c-post .textright {
  text-align: right;
}

.c-post .textleft {
  text-align: left;
}

.c-post .aligncenter {
  display: block;
  margin: 0 auto;
}

.c-post .alignright {
  float: right;
}

.c-post .alignleft {
  float: left;
}

.c-post img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.c-post img.alignright {
  margin-left: 35px;
  display: inline;
}

.c-post img.alignleft {
  margin-right: 35px;
  display: inline;
}

.c-post img {
  width: auto;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  height: auto;
}

@media only screen and (max-width: 1000px) {
  .c-post table th,
  .c-post table td {
    padding: .8em;
  }
  .c-post img.aligncenter,
  .c-post img.alignleft,
  .c-post img.alignright {
    margin: 0 auto 25px;
    display: block;
    float: none;
  }
  .c-post .alignright {
    float: none;
  }
  .c-post .alignleft {
    float: none;
  }
  .c-post .thecontent-title {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 1000px) {
  .c-post table th,
  .c-post table td {
    min-width: 7em;
  }
}

/*----------------------------------------------------------------
	プロジェクト、ページ用ユニークスタイル
-----------------------------------------------------------------*/
/* TOP
______________________________________________*/
.p-topLogo1 {
  position: relative;
  width: 40%;
}

@media screen and (max-width: 720px) {
  .p-topLogo1 {
    width: 62.4vw;
  }
}

.p-topLogo1 img {
  display: block;
  position: absolute;
  z-index: 1;
  top: -90px;
  left: 0;
}

@media screen and (max-width: 720px) {
  .p-topLogo1 img {
    width: 62.4vw;
    top: -20.53vw;
  }
}

.p-topNav1 {
  z-index: 1000;
  position: relative;
}

.p-topNav1 > * {
  position: absolute;
  bottom: -1px;
  right: 0;
  width: calc(534/2 / 1600 * 100vw);
  /*width: calc(534 / 1600 * 100vw);*/
  height: calc(119 / 1600 * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*background-color: #F4F4F0;*/
  /*border-radius: 50px 0 0 0;*/
  padding: calc(12 / 1600 * 100vw);
}

@media screen and (max-width: 720px) {
  .p-topNav1 > * {
    position: relative;
    bottom: auto;
    right: auto;
    width: auto;
    height: auto;
    padding: 16px 16px;
  }
  .p-topNav1 a{
    text-align: center;
  }
  .p-topNav1 img {
    width: 50%;
  }
}
.p-topNav1 img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);   
}

.p-topBlock1 {
  padding: 80px 0 70px;
  position: relative;
}

@media screen and (max-width: 720px) {
  .p-topBlock1 {
    padding: 14px 20px 20px;
  }
}

.p-topBlock1::before {
  content: "";
  display: block;
  width: 100%;
  height: 283px;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #E3F3F5;
}

.p-topBlock1 .list1 {
  position: relative;
  margin: 0 auto;
  max-width: 1183px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 720px) {
  .p-topBlock1 .list1 {
    display: block;
  }
}

.p-topBlock1 .list1 > li {
  padding: 0 15px;
}

@media screen and (max-width: 720px) {
  .p-topBlock1 .list1 > li {
    padding: 0 0 20px;
  }
}

.p-topBlock2 {
  position: relative;
  padding-bottom: 80px;
}

@media screen and (max-width: 720px) {
  .p-topBlock2 {
    padding-bottom: 40px;
  }
}

.p-topBlock2::before {
  content: "";
  display: block;
  width: calc(1196 / 1600 * 100%);
  height: calc(796 / 1200 * 100%);
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: #74C1CD;
}

@media screen and (max-width: 720px) {
  .p-topBlock2::before {
    width: 100%;
    height: 311px;
  }
}

.p-topBlock2 > * {
  position: relative;
}

.p-topBlock2 .c-btn6, .p-topBlock2 .c-btn6-2 {
  margin: 60px auto 0;
}

@media screen and (max-width: 720px) {
  .p-topBlock2 .c-btn6, .p-topBlock2 .c-btn6-2 {
    margin: 28px auto 0;
  }
}

.p-topBlock3 {
  padding: 70px 0 70px;
}

@media screen and (max-width: 720px) {
  .p-topBlock3 {
    padding: 45px 0 50px;
  }
}

.p-topBlock3 .list1 {
  margin-top: 50px;
}

@media screen and (max-width: 720px) {
  .p-topBlock3 .list1 {
    margin-top: 25px;
  }
}

.p-topBlock3 .list1 > li {
  margin-bottom: 20px;
}

.p-topBlock4 {
  padding-top: 30px;
}

@media screen and (max-width: 720px) {
  .p-topBlock4 {
    padding-top: 0;
  }
}

.p-topBlock4 > * {
  padding: 60px 60px 70px;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1000px) {
  .p-topBlock4 > * {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 720px) {
  .p-topBlock4 > * {
    padding: 20px 20px 40px;
    font-size: 2.0rem;
    border-radius: 10px;
  }
}

.p-topBlock4 > * nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto 0;
}

.p-topBlock4 > * nav a {
  display: blcok;
  width: 70px;
  margin: 0 30px;
}

@media screen and (max-width: 720px) {
  .p-topBlock4 > * nav a {
    width: 36px;
    margin: 0 15px;
  }
}

.p-topBlock5 {
  position: relative;
  padding-top: 75px;
}

.p-topBlock5 ::after {
  position: absolute;
  display: block;
  top: -160px;
  right: 0;
  width: 50%;
  height: 90%;
  background-color: #E3F3F5;
  z-index: -1;
}

@media screen and (max-width: 720px) {
  .p-topBlock5 ::after {
    top: -60px;
    height: 92%;
  }
}

@media screen and (max-width: 720px) {
  .p-topBlock5 {
    padding-top: 56px;
  }
  .p-topBlock5 .c-grid2 {
    margin-top: 35px;
  }
}

.p-topMap {
  border-radius: 20px;
  overflow: hidden;
  margin: 34px 0 0;
}

@media screen and (max-width: 720px) {
  .p-topMap {
    margin: 28px 0 0;
  }
}

/* Series
______________________________________________*/
.p-seriesBlock1 {
  padding-top: 58px;
}

/*
______________________________________________*/
.p-lbuContainer {
  margin-top: -280px;
}

@media screen and (max-width: 720px) {
  .p-lbuContainer {
    margin-top: -50.66667vw;
  }
}

.p-lbuLogo {
  width: 512px;
}

@media screen and (max-width: 720px) {
  .p-lbuLogo {
    width: 62.4vw;
  }
}

/*----------------------------------------------------------------
	for JavaScript
-----------------------------------------------------------------*/
/* .js-
______________________________________________*/
@media screen and (max-width: 720px) {
  .js-byUsArea {
    display: none;
  }
}

.js-tkolArea {
  display: none;
}

.js-tkolCloseBtn {
  display: none;
}

/*----------------------------------------------------------------
	状態管理
-----------------------------------------------------------------*/
/* .is-
______________________________________________*/
.is-tb,
.is-tb-flex,
.is-tb-inline-flex,
.is-tb-inline,
.is-tb-inline-block {
  display: none;
}

.is-sp,
.is-sp-flex,
.is-sp-inline-flex,
.is-sp-inline,
.is-sp-inline-block {
  display: none;
}

.is-pc {
  display: block;
}

.is-pc-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.is-pc-inline-flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.is-pc-inline {
  display: inline;
}

.is-pc-inline-block {
  display: inline-block;
}

@media only screen and (max-width: 720px) {
  .is-pc,
  .is-pc-flex,
  .is-pc-inline-flex,
  .is-pc-inline,
  .is-pc-inline-block {
    display: none;
  }
  .is-sp {
    display: block;
  }
  .is-sp-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .is-sp-inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .is-sp-inline {
    display: inline;
  }
  .is-sp-inline-block {
    display: inline-block;
  }
}

/*----------------------------------------------------------------
	Utilitys
-----------------------------------------------------------------*/
/*  Grid System
______________________________________________*/
/*
12カラムグリッドシステム
gutter（隙間）を使用する場合は c-gridGutter.js を読み込む
*/
.c-grid__container {
  overflow: hidden;
}

.c-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.c-grid__col1 {
  width: 8.33%;
}

@media screen and (min-width: 721px) {
  .c-grid__col1--pc {
    width: 8.33%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col1--sp {
    width: 8.33%;
  }
}

.c-grid__col2 {
  width: 16.66%;
}

@media screen and (min-width: 721px) {
  .c-grid__col2--pc {
    width: 16.66%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col2--sp {
    width: 16.66%;
  }
}

.c-grid__col3 {
  width: 25%;
}

@media screen and (min-width: 721px) {
  .c-grid__col3--pc {
    width: 25%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col3--sp {
    width: 25%;
  }
}

.c-grid__col4 {
  width: 33.33%;
}

@media screen and (min-width: 721px) {
  .c-grid__col4--pc {
    width: 33.33%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col4--sp {
    width: 33.33%;
  }
}

.c-grid__col5 {
  width: 41.66%;
}

@media screen and (min-width: 721px) {
  .c-grid__col5--pc {
    width: 41.66%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col5--sp {
    width: 41.66%;
  }
}

.c-grid__col6 {
  width: 50%;
}

@media screen and (min-width: 721px) {
  .c-grid__col6--pc {
    width: 50%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col6--sp {
    width: 50%;
  }
}

.c-grid__col7 {
  width: 58.33%;
}

@media screen and (min-width: 721px) {
  .c-grid__col7--pc {
    width: 58.33%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col7--sp {
    width: 58.33%;
  }
}

.c-grid__col8 {
  width: 66.66%;
}

@media screen and (min-width: 721px) {
  .c-grid__col8--pc {
    width: 66.66%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col8--sp {
    width: 66.66%;
  }
}

.c-grid__col9 {
  width: 75%;
}

@media screen and (min-width: 721px) {
  .c-grid__col9--pc {
    width: 75%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col9--sp {
    width: 75%;
  }
}

.c-grid__col10 {
  width: 83.33%;
}

@media screen and (min-width: 721px) {
  .c-grid__col10--pc {
    width: 83.33%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col10--sp {
    width: 83.33%;
  }
}

.c-grid__col11 {
  width: 91.66%;
}

@media screen and (min-width: 721px) {
  .c-grid__col11--pc {
    width: 91.66%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col11--sp {
    width: 91.66%;
  }
}

.c-grid__col12 {
  width: 100%;
}

@media screen and (min-width: 721px) {
  .c-grid__col12--pc {
    width: 100%;
  }
}

@media screen and (max-width: 720px) {
  .c-grid__col12--sp {
    width: 100%;
  }
}

/*****************************************************
  object/_utility.scss
*****************************************************/
.u-scroll::-webkit-scrollbar {
  overflow: hidden;
  width: 8px;
  background: #fff;
  border: solid 1px #e8e8e8;
}

.u-scroll::-webkit-scrollbar:horizontal {
  height: 8px;
}

.u-scroll::-webkit-scrollbar-button {
  display: none;
}

.u-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c1c1c1;
}

.u-scroll::-webkit-scrollbar-corner {
  display: none;
}

/* =================================================
 Background
================================================= */
/* -----------------------------------------------
  float
----------------------------------------------- */
.u-floatRight {
  float: right !important;
}

.u-floatLeft {
  float: left !important;
}

@media only screen and (max-width: 1000px) {
  .u-floatRight--tb {
    float: right !important;
  }
  .u-floatLeft--tb {
    float: left !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-floatRight--sp {
    float: right !important;
  }
  .u-floatLeft--sp {
    float: left !important;
  }
}

/* -----------------------------------------------
  white-space
----------------------------------------------- */
.u-whiteSpaceNowrap {
  white-space: nowrap !important;
}

.u-whiteSpaceNormal {
  white-space: normal !important;
}

@media only screen and (max-width: 1000px) {
  .u-whiteSpaceNowrap--tb {
    white-space: nowrap !important;
  }
  .u-whiteSpaceNormal--tb {
    white-space: normal !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-whiteSpaceNowrap--sp {
    white-space: nowrap !important;
  }
  .u-whiteSpaceNormal--sp {
    white-space: normal !important;
  }
}

/* -----------------------------------------------
  line-height
----------------------------------------------- */
.u-lineHeight-1_1 {
  line-height: 1.1;
}

.u-lineHeight-1_2 {
  line-height: 1.2;
}

.u-lineHeight-1_3 {
  line-height: 1.3;
}

.u-lineHeight-1_4 {
  line-height: 1.4;
}

.u-lineHeight-1_5 {
  line-height: 1.5;
}

.u-lineHeight-1_6 {
  line-height: 1.6;
}

.u-lineHeight-1_7 {
  line-height: 1.7;
}

.u-lineHeight-1_8 {
  line-height: 1.8;
}

.u-lineHeight-1_9 {
  line-height: 1.9;
}

.u-lineHeight-2_0 {
  line-height: 2;
}

.u-lineHeight-2_1 {
  line-height: 2.1;
}

.u-lineHeight-2_2 {
  line-height: 2.2;
}

.u-lineHeight-2_3 {
  line-height: 2.3;
}

.u-lineHeight-2_4 {
  line-height: 2.4;
}

.u-lineHeight-2_5 {
  line-height: 2.5;
}

.u-lineHeight-2_6 {
  line-height: 2.6;
}

.u-lineHeight-2_7 {
  line-height: 2.7;
}

.u-lineHeight-2_8 {
  line-height: 2.8;
}

.u-lineHeight-2_9 {
  line-height: 2.9;
}

.u-lineHeight-3_0 {
  line-height: 3;
}

.u-lineHeight-3_1 {
  line-height: 3.1;
}

.u-lineHeight-3_2 {
  line-height: 3.2;
}

.u-lineHeight-3_3 {
  line-height: 3.3;
}

.u-lineHeight-3_4 {
  line-height: 3.4;
}

.u-lineHeight-3_5 {
  line-height: 3.5;
}

.u-lineHeight-3_6 {
  line-height: 3.6;
}

.u-lineHeight-3_7 {
  line-height: 3.7;
}

.u-lineHeight-3_8 {
  line-height: 3.8;
}

.u-lineHeight-3_9 {
  line-height: 3.9;
}

.u-lineHeight-4_0 {
  line-height: 4;
}

@media only screen and (max-width: 1000px) {
  .u-lineHeight-1_1 {
    line-height: 1.1;
  }
  .u-lineHeight-1_2 {
    line-height: 1.2;
  }
  .u-lineHeight-1_3 {
    line-height: 1.3;
  }
  .u-lineHeight-1_4 {
    line-height: 1.4;
  }
  .u-lineHeight-1_5 {
    line-height: 1.5;
  }
  .u-lineHeight-1_6 {
    line-height: 1.6;
  }
  .u-lineHeight-1_7 {
    line-height: 1.7;
  }
  .u-lineHeight-1_8 {
    line-height: 1.8;
  }
  .u-lineHeight-1_9 {
    line-height: 1.9;
  }
  .u-lineHeight-2_0 {
    line-height: 2;
  }
  .u-lineHeight-2_1 {
    line-height: 2.1;
  }
  .u-lineHeight-2_2 {
    line-height: 2.2;
  }
  .u-lineHeight-2_3 {
    line-height: 2.3;
  }
  .u-lineHeight-2_4 {
    line-height: 2.4;
  }
  .u-lineHeight-2_5 {
    line-height: 2.5;
  }
  .u-lineHeight-2_6 {
    line-height: 2.6;
  }
  .u-lineHeight-2_7 {
    line-height: 2.7;
  }
  .u-lineHeight-2_8 {
    line-height: 2.8;
  }
  .u-lineHeight-2_9 {
    line-height: 2.9;
  }
  .u-lineHeight-3_0 {
    line-height: 3;
  }
  .u-lineHeight-3_1 {
    line-height: 3.1;
  }
  .u-lineHeight-3_2 {
    line-height: 3.2;
  }
  .u-lineHeight-3_3 {
    line-height: 3.3;
  }
  .u-lineHeight-3_4 {
    line-height: 3.4;
  }
  .u-lineHeight-3_5 {
    line-height: 3.5;
  }
  .u-lineHeight-3_6 {
    line-height: 3.6;
  }
  .u-lineHeight-3_7 {
    line-height: 3.7;
  }
  .u-lineHeight-3_8 {
    line-height: 3.8;
  }
  .u-lineHeight-3_9 {
    line-height: 3.9;
  }
  .u-lineHeight-4_0 {
    line-height: 4;
  }
}

@media only screen and (max-width: 720px) {
  .u-lineHeight-1_1 {
    line-height: 1.1;
  }
  .u-lineHeight-1_2 {
    line-height: 1.2;
  }
  .u-lineHeight-1_3 {
    line-height: 1.3;
  }
  .u-lineHeight-1_4 {
    line-height: 1.4;
  }
  .u-lineHeight-1_5 {
    line-height: 1.5;
  }
  .u-lineHeight-1_6 {
    line-height: 1.6;
  }
  .u-lineHeight-1_7 {
    line-height: 1.7;
  }
  .u-lineHeight-1_8 {
    line-height: 1.8;
  }
  .u-lineHeight-1_9 {
    line-height: 1.9;
  }
  .u-lineHeight-2_0 {
    line-height: 2;
  }
  .u-lineHeight-2_1 {
    line-height: 2.1;
  }
  .u-lineHeight-2_2 {
    line-height: 2.2;
  }
  .u-lineHeight-2_3 {
    line-height: 2.3;
  }
  .u-lineHeight-2_4 {
    line-height: 2.4;
  }
  .u-lineHeight-2_5 {
    line-height: 2.5;
  }
  .u-lineHeight-2_6 {
    line-height: 2.6;
  }
  .u-lineHeight-2_7 {
    line-height: 2.7;
  }
  .u-lineHeight-2_8 {
    line-height: 2.8;
  }
  .u-lineHeight-2_9 {
    line-height: 2.9;
  }
  .u-lineHeight-3_0 {
    line-height: 3;
  }
  .u-lineHeight-3_1 {
    line-height: 3.1;
  }
  .u-lineHeight-3_2 {
    line-height: 3.2;
  }
  .u-lineHeight-3_3 {
    line-height: 3.3;
  }
  .u-lineHeight-3_4 {
    line-height: 3.4;
  }
  .u-lineHeight-3_5 {
    line-height: 3.5;
  }
  .u-lineHeight-3_6 {
    line-height: 3.6;
  }
  .u-lineHeight-3_7 {
    line-height: 3.7;
  }
  .u-lineHeight-3_8 {
    line-height: 3.8;
  }
  .u-lineHeight-3_9 {
    line-height: 3.9;
  }
  .u-lineHeight-4_0 {
    line-height: 4;
  }
}

/* -----------------------------------------------
  Width
----------------------------------------------- */
.u-width-0per {
  width: 0% !important;
}

.u-width-10per {
  width: 10% !important;
}

.u-width-20per {
  width: 20% !important;
}

.u-width-30per {
  width: 30% !important;
}

.u-width-40per {
  width: 40% !important;
}

.u-width-50per {
  width: 50% !important;
}

.u-width-60per {
  width: 60% !important;
}

.u-width-70per {
  width: 70% !important;
}

.u-width-80per {
  width: 80% !important;
}

.u-width-90per {
  width: 90% !important;
}

.u-width-100per {
  width: 100% !important;
}

@media only screen and (max-width: 1000px) {
  .u-width-0per--tb {
    width: 0% !important;
  }
  .u-width-10per--tb {
    width: 10% !important;
  }
  .u-width-20per--tb {
    width: 20% !important;
  }
  .u-width-30per--tb {
    width: 30% !important;
  }
  .u-width-40per--tb {
    width: 40% !important;
  }
  .u-width-50per--tb {
    width: 50% !important;
  }
  .u-width-60per--tb {
    width: 60% !important;
  }
  .u-width-70per--tb {
    width: 70% !important;
  }
  .u-width-80per--tb {
    width: 80% !important;
  }
  .u-width-90per--tb {
    width: 90% !important;
  }
  .u-width-100per--tb {
    width: 100% !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-width-0per--sp {
    width: 0% !important;
  }
  .u-width-10per--sp {
    width: 10% !important;
  }
  .u-width-20per--sp {
    width: 20% !important;
  }
  .u-width-30per--sp {
    width: 30% !important;
  }
  .u-width-40per--sp {
    width: 40% !important;
  }
  .u-width-50per--sp {
    width: 50% !important;
  }
  .u-width-60per--sp {
    width: 60% !important;
  }
  .u-width-70per--sp {
    width: 70% !important;
  }
  .u-width-80per--sp {
    width: 80% !important;
  }
  .u-width-90per--sp {
    width: 90% !important;
  }
  .u-width-100per--sp {
    width: 100% !important;
  }
}

/* -----------------------------------------------
  Flex Box
----------------------------------------------- */
.u-flexItem {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
      -ms-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
}

.u-flexAuto {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}

.u-flexAuto > * {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
      -ms-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
}

.u-flexWrap {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}

.u-flexNowrap {
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}

.u-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flexLeft {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.u-flexCenter {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.u-flexRight {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.u-flexBetween {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.u-flexAround {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}

.u-flexTop {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.u-flexMiddle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.u-flexBottom {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.u-flexReverse {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.u-flexItemTop {
  -webkit-align-self: flex-start !important;
      -ms-flex-item-align: start !important;
          align-self: flex-start !important;
}

.u-flexItemMiddle {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
              -ms-grid-row-align: center !important;
          align-self: center !important;
}

.u-flexItemBottom {
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
}

@media only screen and (max-width: 1000px) {
  .u-flexItem--tb {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexAuto--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexAuto--tb > * {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexWrap--tb {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexNowrap--tb {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .u-flex--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-flexLeft--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .u-flexCenter--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .u-flexRight--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .u-flexBetween--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .u-flexAround--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .u-flexTop--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .u-flexMiddle--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .u-flexBottom--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .u-flexReverse--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .u-flexItemTop--tb {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .u-flexItemMiddle--tb {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .u-flexItemBottom--tb {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-flexItem--sp {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexAuto--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexAuto--sp > * {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexWrap--sp {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexNowrap--sp {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .u-flex--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-flexLeft--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .u-flexCenter--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .u-flexRight--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .u-flexBetween--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .u-flexAround--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .u-flexTop--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .u-flexMiddle--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .u-flexBottom--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .u-flexReverse--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .u-flexItemTop--sp {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .u-flexItemMiddle--sp {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
                -ms-grid-row-align: center !important;
            align-self: center !important;
  }
  .u-flexItemBottom--sp {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
}

/* -----------------------------------------------
  text-arign
----------------------------------------------- */
.u-textAlignCenter {
  text-align: center !important;
}

.u-textAlignLeft {
  text-align: left !important;
}

.u-textAlignRight {
  text-align: right !important;
}

@media only screen and (max-width: 1000px) {
  .u-textAlignCenter--tb {
    text-align: center !important;
  }
  .u-textAlignLeft--tb {
    text-align: left !important;
  }
  .u-textAlignRight--tb {
    text-align: right !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-textAlignCenter--sp {
    text-align: center !important;
  }
  .u-textAlignLeft--sp {
    text-align: left !important;
  }
  .u-textAlignRight--sp {
    text-align: right !important;
  }
}

/* -----------------------------------------------
  display
----------------------------------------------- */
.u-displayNone {
  display: none !important;
}

.u-displayBlock {
  display: block !important;
}

.u-displayInline {
  display: inline !important;
}

.u-displayTable {
  display: table !important;
}

.u-displayTableCell {
  display: table-cell !important;
}

.u-displayFlex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-displayInlineFlex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media only screen and (max-width: 1000px) {
  .u-displayNone--tb {
    display: none !important;
  }
  .u-displayBlock--tb {
    display: block !important;
  }
  .u-displayInline--tb {
    display: inline !important;
  }
  .u-displayTable--tb {
    display: table !important;
  }
  .u-displayTableCell--tb {
    display: table-cell !important;
  }
  .u-displayFlex--tb {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-displayInlineFlex--tb {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-displayNone--sp {
    display: none !important;
  }
  .u-displayBlock--sp {
    display: block !important;
  }
  .u-displayInline--sp {
    display: inline !important;
  }
  .u-displayTable--sp {
    display: table !important;
  }
  .u-displayTableCell--sp {
    display: table-cell !important;
  }
  .u-displayFlex--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-displayInlineFlex--sp {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/* -----------------------------------------------
  margin padding
----------------------------------------------- */
.u-margin0px {
  margin: 0px !important;
}

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

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

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

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

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

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

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

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

.u-padding0px {
  padding: 0px !important;
}

.u-margin5px {
  margin: 5px !important;
}

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

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

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

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

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

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

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

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

.u-padding5px {
  padding: 5px !important;
}

.u-margin10px {
  margin: 10px !important;
}

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

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

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

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

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

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

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

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

.u-padding10px {
  padding: 10px !important;
}

.u-margin15px {
  margin: 15px !important;
}

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

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

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

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

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

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

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

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

.u-padding15px {
  padding: 15px !important;
}

.u-margin20px {
  margin: 20px !important;
}

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

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

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

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

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

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

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

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

.u-padding20px {
  padding: 20px !important;
}

.u-margin25px {
  margin: 25px !important;
}

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

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

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

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

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

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

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

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

.u-padding25px {
  padding: 25px !important;
}

.u-margin30px {
  margin: 30px !important;
}

.u-marginTop30px {
  margin-top: 30px !important;
}

.u-marginBottom30px {
  margin-bottom: 30px !important;
}

.u-marginLeft30px {
  margin-left: 30px !important;
}

.u-marginRight30px {
  margin-right: 30px !important;
}

.u-paddingTop30px {
  padding-top: 30px !important;
}

.u-paddingBottom30px {
  padding-bottom: 30px !important;
}

.u-paddingLeft30px {
  padding-left: 30px !important;
}

.u-paddingRight30px {
  padding-right: 30px !important;
}

.u-padding30px {
  padding: 30px !important;
}

.u-margin35px {
  margin: 35px !important;
}

.u-marginTop35px {
  margin-top: 35px !important;
}

.u-marginBottom35px {
  margin-bottom: 35px !important;
}

.u-marginLeft35px {
  margin-left: 35px !important;
}

.u-marginRight35px {
  margin-right: 35px !important;
}

.u-paddingTop35px {
  padding-top: 35px !important;
}

.u-paddingBottom35px {
  padding-bottom: 35px !important;
}

.u-paddingLeft35px {
  padding-left: 35px !important;
}

.u-paddingRight35px {
  padding-right: 35px !important;
}

.u-padding35px {
  padding: 35px !important;
}

.u-margin40px {
  margin: 40px !important;
}

.u-marginTop40px {
  margin-top: 40px !important;
}

.u-marginBottom40px {
  margin-bottom: 40px !important;
}

.u-marginLeft40px {
  margin-left: 40px !important;
}

.u-marginRight40px {
  margin-right: 40px !important;
}

.u-paddingTop40px {
  padding-top: 40px !important;
}

.u-paddingBottom40px {
  padding-bottom: 40px !important;
}

.u-paddingLeft40px {
  padding-left: 40px !important;
}

.u-paddingRight40px {
  padding-right: 40px !important;
}

.u-padding40px {
  padding: 40px !important;
}

.u-margin45px {
  margin: 45px !important;
}

.u-marginTop45px {
  margin-top: 45px !important;
}

.u-marginBottom45px {
  margin-bottom: 45px !important;
}

.u-marginLeft45px {
  margin-left: 45px !important;
}

.u-marginRight45px {
  margin-right: 45px !important;
}

.u-paddingTop45px {
  padding-top: 45px !important;
}

.u-paddingBottom45px {
  padding-bottom: 45px !important;
}

.u-paddingLeft45px {
  padding-left: 45px !important;
}

.u-paddingRight45px {
  padding-right: 45px !important;
}

.u-padding45px {
  padding: 45px !important;
}

.u-margin50px {
  margin: 50px !important;
}

.u-marginTop50px {
  margin-top: 50px !important;
}

.u-marginBottom50px {
  margin-bottom: 50px !important;
}

.u-marginLeft50px {
  margin-left: 50px !important;
}

.u-marginRight50px {
  margin-right: 50px !important;
}

.u-paddingTop50px {
  padding-top: 50px !important;
}

.u-paddingBottom50px {
  padding-bottom: 50px !important;
}

.u-paddingLeft50px {
  padding-left: 50px !important;
}

.u-paddingRight50px {
  padding-right: 50px !important;
}

.u-padding50px {
  padding: 50px !important;
}

.u-margin55px {
  margin: 55px !important;
}

.u-marginTop55px {
  margin-top: 55px !important;
}

.u-marginBottom55px {
  margin-bottom: 55px !important;
}

.u-marginLeft55px {
  margin-left: 55px !important;
}

.u-marginRight55px {
  margin-right: 55px !important;
}

.u-paddingTop55px {
  padding-top: 55px !important;
}

.u-paddingBottom55px {
  padding-bottom: 55px !important;
}

.u-paddingLeft55px {
  padding-left: 55px !important;
}

.u-paddingRight55px {
  padding-right: 55px !important;
}

.u-padding55px {
  padding: 55px !important;
}

.u-margin60px {
  margin: 60px !important;
}

.u-marginTop60px {
  margin-top: 60px !important;
}

.u-marginBottom60px {
  margin-bottom: 60px !important;
}

.u-marginLeft60px {
  margin-left: 60px !important;
}

.u-marginRight60px {
  margin-right: 60px !important;
}

.u-paddingTop60px {
  padding-top: 60px !important;
}

.u-paddingBottom60px {
  padding-bottom: 60px !important;
}

.u-paddingLeft60px {
  padding-left: 60px !important;
}

.u-paddingRight60px {
  padding-right: 60px !important;
}

.u-padding60px {
  padding: 60px !important;
}

.u-margin65px {
  margin: 65px !important;
}

.u-marginTop65px {
  margin-top: 65px !important;
}

.u-marginBottom65px {
  margin-bottom: 65px !important;
}

.u-marginLeft65px {
  margin-left: 65px !important;
}

.u-marginRight65px {
  margin-right: 65px !important;
}

.u-paddingTop65px {
  padding-top: 65px !important;
}

.u-paddingBottom65px {
  padding-bottom: 65px !important;
}

.u-paddingLeft65px {
  padding-left: 65px !important;
}

.u-paddingRight65px {
  padding-right: 65px !important;
}

.u-padding65px {
  padding: 65px !important;
}

.u-margin70px {
  margin: 70px !important;
}

.u-marginTop70px {
  margin-top: 70px !important;
}

.u-marginBottom70px {
  margin-bottom: 70px !important;
}

.u-marginLeft70px {
  margin-left: 70px !important;
}

.u-marginRight70px {
  margin-right: 70px !important;
}

.u-paddingTop70px {
  padding-top: 70px !important;
}

.u-paddingBottom70px {
  padding-bottom: 70px !important;
}

.u-paddingLeft70px {
  padding-left: 70px !important;
}

.u-paddingRight70px {
  padding-right: 70px !important;
}

.u-padding70px {
  padding: 70px !important;
}

.u-margin75px {
  margin: 75px !important;
}

.u-marginTop75px {
  margin-top: 75px !important;
}

.u-marginBottom75px {
  margin-bottom: 75px !important;
}

.u-marginLeft75px {
  margin-left: 75px !important;
}

.u-marginRight75px {
  margin-right: 75px !important;
}

.u-paddingTop75px {
  padding-top: 75px !important;
}

.u-paddingBottom75px {
  padding-bottom: 75px !important;
}

.u-paddingLeft75px {
  padding-left: 75px !important;
}

.u-paddingRight75px {
  padding-right: 75px !important;
}

.u-padding75px {
  padding: 75px !important;
}

.u-margin80px {
  margin: 80px !important;
}

.u-marginTop80px {
  margin-top: 80px !important;
}

.u-marginBottom80px {
  margin-bottom: 80px !important;
}

.u-marginLeft80px {
  margin-left: 80px !important;
}

.u-marginRight80px {
  margin-right: 80px !important;
}

.u-paddingTop80px {
  padding-top: 80px !important;
}

.u-paddingBottom80px {
  padding-bottom: 80px !important;
}

.u-paddingLeft80px {
  padding-left: 80px !important;
}

.u-paddingRight80px {
  padding-right: 80px !important;
}

.u-padding80px {
  padding: 80px !important;
}

.u-margin85px {
  margin: 85px !important;
}

.u-marginTop85px {
  margin-top: 85px !important;
}

.u-marginBottom85px {
  margin-bottom: 85px !important;
}

.u-marginLeft85px {
  margin-left: 85px !important;
}

.u-marginRight85px {
  margin-right: 85px !important;
}

.u-paddingTop85px {
  padding-top: 85px !important;
}

.u-paddingBottom85px {
  padding-bottom: 85px !important;
}

.u-paddingLeft85px {
  padding-left: 85px !important;
}

.u-paddingRight85px {
  padding-right: 85px !important;
}

.u-padding85px {
  padding: 85px !important;
}

.u-margin90px {
  margin: 90px !important;
}

.u-marginTop90px {
  margin-top: 90px !important;
}

.u-marginBottom90px {
  margin-bottom: 90px !important;
}

.u-marginLeft90px {
  margin-left: 90px !important;
}

.u-marginRight90px {
  margin-right: 90px !important;
}

.u-paddingTop90px {
  padding-top: 90px !important;
}

.u-paddingBottom90px {
  padding-bottom: 90px !important;
}

.u-paddingLeft90px {
  padding-left: 90px !important;
}

.u-paddingRight90px {
  padding-right: 90px !important;
}

.u-padding90px {
  padding: 90px !important;
}

.u-margin95px {
  margin: 95px !important;
}

.u-marginTop95px {
  margin-top: 95px !important;
}

.u-marginBottom95px {
  margin-bottom: 95px !important;
}

.u-marginLeft95px {
  margin-left: 95px !important;
}

.u-marginRight95px {
  margin-right: 95px !important;
}

.u-paddingTop95px {
  padding-top: 95px !important;
}

.u-paddingBottom95px {
  padding-bottom: 95px !important;
}

.u-paddingLeft95px {
  padding-left: 95px !important;
}

.u-paddingRight95px {
  padding-right: 95px !important;
}

.u-padding95px {
  padding: 95px !important;
}

.u-margin100px {
  margin: 100px !important;
}

.u-marginTop100px {
  margin-top: 100px !important;
}

.u-marginBottom100px {
  margin-bottom: 100px !important;
}

.u-marginLeft100px {
  margin-left: 100px !important;
}

.u-marginRight100px {
  margin-right: 100px !important;
}

.u-paddingTop100px {
  padding-top: 100px !important;
}

.u-paddingBottom100px {
  padding-bottom: 100px !important;
}

.u-paddingLeft100px {
  padding-left: 100px !important;
}

.u-paddingRight100px {
  padding-right: 100px !important;
}

.u-padding100px {
  padding: 100px !important;
}

.u-marginAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-paddingAuto {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media only screen and (max-width: 1000px) {
  .u-margin0px--tb {
    margin: 0px !important;
  }
  .u-marginTop0px--tb {
    margin-top: 0px !important;
  }
  .u-marginBottom0px--tb {
    margin-bottom: 0px !important;
  }
  .u-marginLeft0px--tb {
    margin-left: 0px !important;
  }
  .u-marginRight0px--tb {
    margin-right: 0px !important;
  }
  .u-paddingTop0px--tb {
    padding-top: 0px !important;
  }
  .u-paddingBottom0px--tb {
    padding-bottom: 0px !important;
  }
  .u-paddingLeft0px--tb {
    padding-left: 0px !important;
  }
  .u-paddingRight0px--tb {
    padding-right: 0px !important;
  }
  .u-padding0px--tb {
    padding: 0px !important;
  }
  .u-margin5px--tb {
    margin: 5px !important;
  }
  .u-marginTop5px--tb {
    margin-top: 5px !important;
  }
  .u-marginBottom5px--tb {
    margin-bottom: 5px !important;
  }
  .u-marginLeft5px--tb {
    margin-left: 5px !important;
  }
  .u-marginRight5px--tb {
    margin-right: 5px !important;
  }
  .u-paddingTop5px--tb {
    padding-top: 5px !important;
  }
  .u-paddingBottom5px--tb {
    padding-bottom: 5px !important;
  }
  .u-paddingLeft5px--tb {
    padding-left: 5px !important;
  }
  .u-paddingRight5px--tb {
    padding-right: 5px !important;
  }
  .u-padding5px--tb {
    padding: 5px !important;
  }
  .u-margin10px--tb {
    margin: 10px !important;
  }
  .u-marginTop10px--tb {
    margin-top: 10px !important;
  }
  .u-marginBottom10px--tb {
    margin-bottom: 10px !important;
  }
  .u-marginLeft10px--tb {
    margin-left: 10px !important;
  }
  .u-marginRight10px--tb {
    margin-right: 10px !important;
  }
  .u-paddingTop10px--tb {
    padding-top: 10px !important;
  }
  .u-paddingBottom10px--tb {
    padding-bottom: 10px !important;
  }
  .u-paddingLeft10px--tb {
    padding-left: 10px !important;
  }
  .u-paddingRight10px--tb {
    padding-right: 10px !important;
  }
  .u-padding10px--tb {
    padding: 10px !important;
  }
  .u-margin15px--tb {
    margin: 15px !important;
  }
  .u-marginTop15px--tb {
    margin-top: 15px !important;
  }
  .u-marginBottom15px--tb {
    margin-bottom: 15px !important;
  }
  .u-marginLeft15px--tb {
    margin-left: 15px !important;
  }
  .u-marginRight15px--tb {
    margin-right: 15px !important;
  }
  .u-paddingTop15px--tb {
    padding-top: 15px !important;
  }
  .u-paddingBottom15px--tb {
    padding-bottom: 15px !important;
  }
  .u-paddingLeft15px--tb {
    padding-left: 15px !important;
  }
  .u-paddingRight15px--tb {
    padding-right: 15px !important;
  }
  .u-padding15px--tb {
    padding: 15px !important;
  }
  .u-margin20px--tb {
    margin: 20px !important;
  }
  .u-marginTop20px--tb {
    margin-top: 20px !important;
  }
  .u-marginBottom20px--tb {
    margin-bottom: 20px !important;
  }
  .u-marginLeft20px--tb {
    margin-left: 20px !important;
  }
  .u-marginRight20px--tb {
    margin-right: 20px !important;
  }
  .u-paddingTop20px--tb {
    padding-top: 20px !important;
  }
  .u-paddingBottom20px--tb {
    padding-bottom: 20px !important;
  }
  .u-paddingLeft20px--tb {
    padding-left: 20px !important;
  }
  .u-paddingRight20px--tb {
    padding-right: 20px !important;
  }
  .u-padding20px--tb {
    padding: 20px !important;
  }
  .u-margin25px--tb {
    margin: 25px !important;
  }
  .u-marginTop25px--tb {
    margin-top: 25px !important;
  }
  .u-marginBottom25px--tb {
    margin-bottom: 25px !important;
  }
  .u-marginLeft25px--tb {
    margin-left: 25px !important;
  }
  .u-marginRight25px--tb {
    margin-right: 25px !important;
  }
  .u-paddingTop25px--tb {
    padding-top: 25px !important;
  }
  .u-paddingBottom25px--tb {
    padding-bottom: 25px !important;
  }
  .u-paddingLeft25px--tb {
    padding-left: 25px !important;
  }
  .u-paddingRight25px--tb {
    padding-right: 25px !important;
  }
  .u-padding25px--tb {
    padding: 25px !important;
  }
  .u-margin30px--tb {
    margin: 30px !important;
  }
  .u-marginTop30px--tb {
    margin-top: 30px !important;
  }
  .u-marginBottom30px--tb {
    margin-bottom: 30px !important;
  }
  .u-marginLeft30px--tb {
    margin-left: 30px !important;
  }
  .u-marginRight30px--tb {
    margin-right: 30px !important;
  }
  .u-paddingTop30px--tb {
    padding-top: 30px !important;
  }
  .u-paddingBottom30px--tb {
    padding-bottom: 30px !important;
  }
  .u-paddingLeft30px--tb {
    padding-left: 30px !important;
  }
  .u-paddingRight30px--tb {
    padding-right: 30px !important;
  }
  .u-padding30px--tb {
    padding: 30px !important;
  }
  .u-margin35px--tb {
    margin: 35px !important;
  }
  .u-marginTop35px--tb {
    margin-top: 35px !important;
  }
  .u-marginBottom35px--tb {
    margin-bottom: 35px !important;
  }
  .u-marginLeft35px--tb {
    margin-left: 35px !important;
  }
  .u-marginRight35px--tb {
    margin-right: 35px !important;
  }
  .u-paddingTop35px--tb {
    padding-top: 35px !important;
  }
  .u-paddingBottom35px--tb {
    padding-bottom: 35px !important;
  }
  .u-paddingLeft35px--tb {
    padding-left: 35px !important;
  }
  .u-paddingRight35px--tb {
    padding-right: 35px !important;
  }
  .u-padding35px--tb {
    padding: 35px !important;
  }
  .u-margin40px--tb {
    margin: 40px !important;
  }
  .u-marginTop40px--tb {
    margin-top: 40px !important;
  }
  .u-marginBottom40px--tb {
    margin-bottom: 40px !important;
  }
  .u-marginLeft40px--tb {
    margin-left: 40px !important;
  }
  .u-marginRight40px--tb {
    margin-right: 40px !important;
  }
  .u-paddingTop40px--tb {
    padding-top: 40px !important;
  }
  .u-paddingBottom40px--tb {
    padding-bottom: 40px !important;
  }
  .u-paddingLeft40px--tb {
    padding-left: 40px !important;
  }
  .u-paddingRight40px--tb {
    padding-right: 40px !important;
  }
  .u-padding40px--tb {
    padding: 40px !important;
  }
  .u-margin45px--tb {
    margin: 45px !important;
  }
  .u-marginTop45px--tb {
    margin-top: 45px !important;
  }
  .u-marginBottom45px--tb {
    margin-bottom: 45px !important;
  }
  .u-marginLeft45px--tb {
    margin-left: 45px !important;
  }
  .u-marginRight45px--tb {
    margin-right: 45px !important;
  }
  .u-paddingTop45px--tb {
    padding-top: 45px !important;
  }
  .u-paddingBottom45px--tb {
    padding-bottom: 45px !important;
  }
  .u-paddingLeft45px--tb {
    padding-left: 45px !important;
  }
  .u-paddingRight45px--tb {
    padding-right: 45px !important;
  }
  .u-padding45px--tb {
    padding: 45px !important;
  }
  .u-margin50px--tb {
    margin: 50px !important;
  }
  .u-marginTop50px--tb {
    margin-top: 50px !important;
  }
  .u-marginBottom50px--tb {
    margin-bottom: 50px !important;
  }
  .u-marginLeft50px--tb {
    margin-left: 50px !important;
  }
  .u-marginRight50px--tb {
    margin-right: 50px !important;
  }
  .u-paddingTop50px--tb {
    padding-top: 50px !important;
  }
  .u-paddingBottom50px--tb {
    padding-bottom: 50px !important;
  }
  .u-paddingLeft50px--tb {
    padding-left: 50px !important;
  }
  .u-paddingRight50px--tb {
    padding-right: 50px !important;
  }
  .u-padding50px--tb {
    padding: 50px !important;
  }
  .u-margin55px--tb {
    margin: 55px !important;
  }
  .u-marginTop55px--tb {
    margin-top: 55px !important;
  }
  .u-marginBottom55px--tb {
    margin-bottom: 55px !important;
  }
  .u-marginLeft55px--tb {
    margin-left: 55px !important;
  }
  .u-marginRight55px--tb {
    margin-right: 55px !important;
  }
  .u-paddingTop55px--tb {
    padding-top: 55px !important;
  }
  .u-paddingBottom55px--tb {
    padding-bottom: 55px !important;
  }
  .u-paddingLeft55px--tb {
    padding-left: 55px !important;
  }
  .u-paddingRight55px--tb {
    padding-right: 55px !important;
  }
  .u-padding55px--tb {
    padding: 55px !important;
  }
  .u-margin60px--tb {
    margin: 60px !important;
  }
  .u-marginTop60px--tb {
    margin-top: 60px !important;
  }
  .u-marginBottom60px--tb {
    margin-bottom: 60px !important;
  }
  .u-marginLeft60px--tb {
    margin-left: 60px !important;
  }
  .u-marginRight60px--tb {
    margin-right: 60px !important;
  }
  .u-paddingTop60px--tb {
    padding-top: 60px !important;
  }
  .u-paddingBottom60px--tb {
    padding-bottom: 60px !important;
  }
  .u-paddingLeft60px--tb {
    padding-left: 60px !important;
  }
  .u-paddingRight60px--tb {
    padding-right: 60px !important;
  }
  .u-padding60px--tb {
    padding: 60px !important;
  }
  .u-margin65px--tb {
    margin: 65px !important;
  }
  .u-marginTop65px--tb {
    margin-top: 65px !important;
  }
  .u-marginBottom65px--tb {
    margin-bottom: 65px !important;
  }
  .u-marginLeft65px--tb {
    margin-left: 65px !important;
  }
  .u-marginRight65px--tb {
    margin-right: 65px !important;
  }
  .u-paddingTop65px--tb {
    padding-top: 65px !important;
  }
  .u-paddingBottom65px--tb {
    padding-bottom: 65px !important;
  }
  .u-paddingLeft65px--tb {
    padding-left: 65px !important;
  }
  .u-paddingRight65px--tb {
    padding-right: 65px !important;
  }
  .u-padding65px--tb {
    padding: 65px !important;
  }
  .u-margin70px--tb {
    margin: 70px !important;
  }
  .u-marginTop70px--tb {
    margin-top: 70px !important;
  }
  .u-marginBottom70px--tb {
    margin-bottom: 70px !important;
  }
  .u-marginLeft70px--tb {
    margin-left: 70px !important;
  }
  .u-marginRight70px--tb {
    margin-right: 70px !important;
  }
  .u-paddingTop70px--tb {
    padding-top: 70px !important;
  }
  .u-paddingBottom70px--tb {
    padding-bottom: 70px !important;
  }
  .u-paddingLeft70px--tb {
    padding-left: 70px !important;
  }
  .u-paddingRight70px--tb {
    padding-right: 70px !important;
  }
  .u-padding70px--tb {
    padding: 70px !important;
  }
  .u-margin75px--tb {
    margin: 75px !important;
  }
  .u-marginTop75px--tb {
    margin-top: 75px !important;
  }
  .u-marginBottom75px--tb {
    margin-bottom: 75px !important;
  }
  .u-marginLeft75px--tb {
    margin-left: 75px !important;
  }
  .u-marginRight75px--tb {
    margin-right: 75px !important;
  }
  .u-paddingTop75px--tb {
    padding-top: 75px !important;
  }
  .u-paddingBottom75px--tb {
    padding-bottom: 75px !important;
  }
  .u-paddingLeft75px--tb {
    padding-left: 75px !important;
  }
  .u-paddingRight75px--tb {
    padding-right: 75px !important;
  }
  .u-padding75px--tb {
    padding: 75px !important;
  }
  .u-margin80px--tb {
    margin: 80px !important;
  }
  .u-marginTop80px--tb {
    margin-top: 80px !important;
  }
  .u-marginBottom80px--tb {
    margin-bottom: 80px !important;
  }
  .u-marginLeft80px--tb {
    margin-left: 80px !important;
  }
  .u-marginRight80px--tb {
    margin-right: 80px !important;
  }
  .u-paddingTop80px--tb {
    padding-top: 80px !important;
  }
  .u-paddingBottom80px--tb {
    padding-bottom: 80px !important;
  }
  .u-paddingLeft80px--tb {
    padding-left: 80px !important;
  }
  .u-paddingRight80px--tb {
    padding-right: 80px !important;
  }
  .u-padding80px--tb {
    padding: 80px !important;
  }
  .u-margin85px--tb {
    margin: 85px !important;
  }
  .u-marginTop85px--tb {
    margin-top: 85px !important;
  }
  .u-marginBottom85px--tb {
    margin-bottom: 85px !important;
  }
  .u-marginLeft85px--tb {
    margin-left: 85px !important;
  }
  .u-marginRight85px--tb {
    margin-right: 85px !important;
  }
  .u-paddingTop85px--tb {
    padding-top: 85px !important;
  }
  .u-paddingBottom85px--tb {
    padding-bottom: 85px !important;
  }
  .u-paddingLeft85px--tb {
    padding-left: 85px !important;
  }
  .u-paddingRight85px--tb {
    padding-right: 85px !important;
  }
  .u-padding85px--tb {
    padding: 85px !important;
  }
  .u-margin90px--tb {
    margin: 90px !important;
  }
  .u-marginTop90px--tb {
    margin-top: 90px !important;
  }
  .u-marginBottom90px--tb {
    margin-bottom: 90px !important;
  }
  .u-marginLeft90px--tb {
    margin-left: 90px !important;
  }
  .u-marginRight90px--tb {
    margin-right: 90px !important;
  }
  .u-paddingTop90px--tb {
    padding-top: 90px !important;
  }
  .u-paddingBottom90px--tb {
    padding-bottom: 90px !important;
  }
  .u-paddingLeft90px--tb {
    padding-left: 90px !important;
  }
  .u-paddingRight90px--tb {
    padding-right: 90px !important;
  }
  .u-padding90px--tb {
    padding: 90px !important;
  }
  .u-margin95px--tb {
    margin: 95px !important;
  }
  .u-marginTop95px--tb {
    margin-top: 95px !important;
  }
  .u-marginBottom95px--tb {
    margin-bottom: 95px !important;
  }
  .u-marginLeft95px--tb {
    margin-left: 95px !important;
  }
  .u-marginRight95px--tb {
    margin-right: 95px !important;
  }
  .u-paddingTop95px--tb {
    padding-top: 95px !important;
  }
  .u-paddingBottom95px--tb {
    padding-bottom: 95px !important;
  }
  .u-paddingLeft95px--tb {
    padding-left: 95px !important;
  }
  .u-paddingRight95px--tb {
    padding-right: 95px !important;
  }
  .u-padding95px--tb {
    padding: 95px !important;
  }
  .u-margin100px--tb {
    margin: 100px !important;
  }
  .u-marginTop100px--tb {
    margin-top: 100px !important;
  }
  .u-marginBottom100px--tb {
    margin-bottom: 100px !important;
  }
  .u-marginLeft100px--tb {
    margin-left: 100px !important;
  }
  .u-marginRight100px--tb {
    margin-right: 100px !important;
  }
  .u-paddingTop100px--tb {
    padding-top: 100px !important;
  }
  .u-paddingBottom100px--tb {
    padding-bottom: 100px !important;
  }
  .u-paddingLeft100px--tb {
    padding-left: 100px !important;
  }
  .u-paddingRight100px--tb {
    padding-right: 100px !important;
  }
  .u-padding100px--tb {
    padding: 100px !important;
  }
  .u-marginAuto--tb {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-paddingAuto--tb {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

@media only screen and (max-width: 720px) {
  .u-margin0px--sp {
    margin: 0px !important;
  }
  .u-marginTop0px--sp {
    margin-top: 0px !important;
  }
  .u-marginBottom0px--sp {
    margin-bottom: 0px !important;
  }
  .u-marginLeft0px--sp {
    margin-left: 0px !important;
  }
  .u-marginRight0px--sp {
    margin-right: 0px !important;
  }
  .u-paddingTop0px--sp {
    padding-top: 0px !important;
  }
  .u-paddingBottom0px--sp {
    padding-bottom: 0px !important;
  }
  .u-paddingLeft0px--sp {
    padding-left: 0px !important;
  }
  .u-paddingRight0px--sp {
    padding-right: 0px !important;
  }
  .u-padding0px--sp {
    padding: 0px !important;
  }
  .u-margin5px--sp {
    margin: 5px !important;
  }
  .u-marginTop5px--sp {
    margin-top: 5px !important;
  }
  .u-marginBottom5px--sp {
    margin-bottom: 5px !important;
  }
  .u-marginLeft5px--sp {
    margin-left: 5px !important;
  }
  .u-marginRight5px--sp {
    margin-right: 5px !important;
  }
  .u-paddingTop5px--sp {
    padding-top: 5px !important;
  }
  .u-paddingBottom5px--sp {
    padding-bottom: 5px !important;
  }
  .u-paddingLeft5px--sp {
    padding-left: 5px !important;
  }
  .u-paddingRight5px--sp {
    padding-right: 5px !important;
  }
  .u-padding5px--sp {
    padding: 5px !important;
  }
  .u-margin10px--sp {
    margin: 10px !important;
  }
  .u-marginTop10px--sp {
    margin-top: 10px !important;
  }
  .u-marginBottom10px--sp {
    margin-bottom: 10px !important;
  }
  .u-marginLeft10px--sp {
    margin-left: 10px !important;
  }
  .u-marginRight10px--sp {
    margin-right: 10px !important;
  }
  .u-paddingTop10px--sp {
    padding-top: 10px !important;
  }
  .u-paddingBottom10px--sp {
    padding-bottom: 10px !important;
  }
  .u-paddingLeft10px--sp {
    padding-left: 10px !important;
  }
  .u-paddingRight10px--sp {
    padding-right: 10px !important;
  }
  .u-padding10px--sp {
    padding: 10px !important;
  }
  .u-margin15px--sp {
    margin: 15px !important;
  }
  .u-marginTop15px--sp {
    margin-top: 15px !important;
  }
  .u-marginBottom15px--sp {
    margin-bottom: 15px !important;
  }
  .u-marginLeft15px--sp {
    margin-left: 15px !important;
  }
  .u-marginRight15px--sp {
    margin-right: 15px !important;
  }
  .u-paddingTop15px--sp {
    padding-top: 15px !important;
  }
  .u-paddingBottom15px--sp {
    padding-bottom: 15px !important;
  }
  .u-paddingLeft15px--sp {
    padding-left: 15px !important;
  }
  .u-paddingRight15px--sp {
    padding-right: 15px !important;
  }
  .u-padding15px--sp {
    padding: 15px !important;
  }
  .u-margin20px--sp {
    margin: 20px !important;
  }
  .u-marginTop20px--sp {
    margin-top: 20px !important;
  }
  .u-marginBottom20px--sp {
    margin-bottom: 20px !important;
  }
  .u-marginLeft20px--sp {
    margin-left: 20px !important;
  }
  .u-marginRight20px--sp {
    margin-right: 20px !important;
  }
  .u-paddingTop20px--sp {
    padding-top: 20px !important;
  }
  .u-paddingBottom20px--sp {
    padding-bottom: 20px !important;
  }
  .u-paddingLeft20px--sp {
    padding-left: 20px !important;
  }
  .u-paddingRight20px--sp {
    padding-right: 20px !important;
  }
  .u-padding20px--sp {
    padding: 20px !important;
  }
  .u-margin25px--sp {
    margin: 25px !important;
  }
  .u-marginTop25px--sp {
    margin-top: 25px !important;
  }
  .u-marginBottom25px--sp {
    margin-bottom: 25px !important;
  }
  .u-marginLeft25px--sp {
    margin-left: 25px !important;
  }
  .u-marginRight25px--sp {
    margin-right: 25px !important;
  }
  .u-paddingTop25px--sp {
    padding-top: 25px !important;
  }
  .u-paddingBottom25px--sp {
    padding-bottom: 25px !important;
  }
  .u-paddingLeft25px--sp {
    padding-left: 25px !important;
  }
  .u-paddingRight25px--sp {
    padding-right: 25px !important;
  }
  .u-padding25px--sp {
    padding: 25px !important;
  }
  .u-margin30px--sp {
    margin: 30px !important;
  }
  .u-marginTop30px--sp {
    margin-top: 30px !important;
  }
  .u-marginBottom30px--sp {
    margin-bottom: 30px !important;
  }
  .u-marginLeft30px--sp {
    margin-left: 30px !important;
  }
  .u-marginRight30px--sp {
    margin-right: 30px !important;
  }
  .u-paddingTop30px--sp {
    padding-top: 30px !important;
  }
  .u-paddingBottom30px--sp {
    padding-bottom: 30px !important;
  }
  .u-paddingLeft30px--sp {
    padding-left: 30px !important;
  }
  .u-paddingRight30px--sp {
    padding-right: 30px !important;
  }
  .u-padding30px--sp {
    padding: 30px !important;
  }
  .u-margin35px--sp {
    margin: 35px !important;
  }
  .u-marginTop35px--sp {
    margin-top: 35px !important;
  }
  .u-marginBottom35px--sp {
    margin-bottom: 35px !important;
  }
  .u-marginLeft35px--sp {
    margin-left: 35px !important;
  }
  .u-marginRight35px--sp {
    margin-right: 35px !important;
  }
  .u-paddingTop35px--sp {
    padding-top: 35px !important;
  }
  .u-paddingBottom35px--sp {
    padding-bottom: 35px !important;
  }
  .u-paddingLeft35px--sp {
    padding-left: 35px !important;
  }
  .u-paddingRight35px--sp {
    padding-right: 35px !important;
  }
  .u-padding35px--sp {
    padding: 35px !important;
  }
  .u-margin40px--sp {
    margin: 40px !important;
  }
  .u-marginTop40px--sp {
    margin-top: 40px !important;
  }
  .u-marginBottom40px--sp {
    margin-bottom: 40px !important;
  }
  .u-marginLeft40px--sp {
    margin-left: 40px !important;
  }
  .u-marginRight40px--sp {
    margin-right: 40px !important;
  }
  .u-paddingTop40px--sp {
    padding-top: 40px !important;
  }
  .u-paddingBottom40px--sp {
    padding-bottom: 40px !important;
  }
  .u-paddingLeft40px--sp {
    padding-left: 40px !important;
  }
  .u-paddingRight40px--sp {
    padding-right: 40px !important;
  }
  .u-padding40px--sp {
    padding: 40px !important;
  }
  .u-margin45px--sp {
    margin: 45px !important;
  }
  .u-marginTop45px--sp {
    margin-top: 45px !important;
  }
  .u-marginBottom45px--sp {
    margin-bottom: 45px !important;
  }
  .u-marginLeft45px--sp {
    margin-left: 45px !important;
  }
  .u-marginRight45px--sp {
    margin-right: 45px !important;
  }
  .u-paddingTop45px--sp {
    padding-top: 45px !important;
  }
  .u-paddingBottom45px--sp {
    padding-bottom: 45px !important;
  }
  .u-paddingLeft45px--sp {
    padding-left: 45px !important;
  }
  .u-paddingRight45px--sp {
    padding-right: 45px !important;
  }
  .u-padding45px--sp {
    padding: 45px !important;
  }
  .u-margin50px--sp {
    margin: 50px !important;
  }
  .u-marginTop50px--sp {
    margin-top: 50px !important;
  }
  .u-marginBottom50px--sp {
    margin-bottom: 50px !important;
  }
  .u-marginLeft50px--sp {
    margin-left: 50px !important;
  }
  .u-marginRight50px--sp {
    margin-right: 50px !important;
  }
  .u-paddingTop50px--sp {
    padding-top: 50px !important;
  }
  .u-paddingBottom50px--sp {
    padding-bottom: 50px !important;
  }
  .u-paddingLeft50px--sp {
    padding-left: 50px !important;
  }
  .u-paddingRight50px--sp {
    padding-right: 50px !important;
  }
  .u-padding50px--sp {
    padding: 50px !important;
  }
  .u-margin55px--sp {
    margin: 55px !important;
  }
  .u-marginTop55px--sp {
    margin-top: 55px !important;
  }
  .u-marginBottom55px--sp {
    margin-bottom: 55px !important;
  }
  .u-marginLeft55px--sp {
    margin-left: 55px !important;
  }
  .u-marginRight55px--sp {
    margin-right: 55px !important;
  }
  .u-paddingTop55px--sp {
    padding-top: 55px !important;
  }
  .u-paddingBottom55px--sp {
    padding-bottom: 55px !important;
  }
  .u-paddingLeft55px--sp {
    padding-left: 55px !important;
  }
  .u-paddingRight55px--sp {
    padding-right: 55px !important;
  }
  .u-padding55px--sp {
    padding: 55px !important;
  }
  .u-margin60px--sp {
    margin: 60px !important;
  }
  .u-marginTop60px--sp {
    margin-top: 60px !important;
  }
  .u-marginBottom60px--sp {
    margin-bottom: 60px !important;
  }
  .u-marginLeft60px--sp {
    margin-left: 60px !important;
  }
  .u-marginRight60px--sp {
    margin-right: 60px !important;
  }
  .u-paddingTop60px--sp {
    padding-top: 60px !important;
  }
  .u-paddingBottom60px--sp {
    padding-bottom: 60px !important;
  }
  .u-paddingLeft60px--sp {
    padding-left: 60px !important;
  }
  .u-paddingRight60px--sp {
    padding-right: 60px !important;
  }
  .u-padding60px--sp {
    padding: 60px !important;
  }
  .u-margin65px--sp {
    margin: 65px !important;
  }
  .u-marginTop65px--sp {
    margin-top: 65px !important;
  }
  .u-marginBottom65px--sp {
    margin-bottom: 65px !important;
  }
  .u-marginLeft65px--sp {
    margin-left: 65px !important;
  }
  .u-marginRight65px--sp {
    margin-right: 65px !important;
  }
  .u-paddingTop65px--sp {
    padding-top: 65px !important;
  }
  .u-paddingBottom65px--sp {
    padding-bottom: 65px !important;
  }
  .u-paddingLeft65px--sp {
    padding-left: 65px !important;
  }
  .u-paddingRight65px--sp {
    padding-right: 65px !important;
  }
  .u-padding65px--sp {
    padding: 65px !important;
  }
  .u-margin70px--sp {
    margin: 70px !important;
  }
  .u-marginTop70px--sp {
    margin-top: 70px !important;
  }
  .u-marginBottom70px--sp {
    margin-bottom: 70px !important;
  }
  .u-marginLeft70px--sp {
    margin-left: 70px !important;
  }
  .u-marginRight70px--sp {
    margin-right: 70px !important;
  }
  .u-paddingTop70px--sp {
    padding-top: 70px !important;
  }
  .u-paddingBottom70px--sp {
    padding-bottom: 70px !important;
  }
  .u-paddingLeft70px--sp {
    padding-left: 70px !important;
  }
  .u-paddingRight70px--sp {
    padding-right: 70px !important;
  }
  .u-padding70px--sp {
    padding: 70px !important;
  }
  .u-margin75px--sp {
    margin: 75px !important;
  }
  .u-marginTop75px--sp {
    margin-top: 75px !important;
  }
  .u-marginBottom75px--sp {
    margin-bottom: 75px !important;
  }
  .u-marginLeft75px--sp {
    margin-left: 75px !important;
  }
  .u-marginRight75px--sp {
    margin-right: 75px !important;
  }
  .u-paddingTop75px--sp {
    padding-top: 75px !important;
  }
  .u-paddingBottom75px--sp {
    padding-bottom: 75px !important;
  }
  .u-paddingLeft75px--sp {
    padding-left: 75px !important;
  }
  .u-paddingRight75px--sp {
    padding-right: 75px !important;
  }
  .u-padding75px--sp {
    padding: 75px !important;
  }
  .u-margin80px--sp {
    margin: 80px !important;
  }
  .u-marginTop80px--sp {
    margin-top: 80px !important;
  }
  .u-marginBottom80px--sp {
    margin-bottom: 80px !important;
  }
  .u-marginLeft80px--sp {
    margin-left: 80px !important;
  }
  .u-marginRight80px--sp {
    margin-right: 80px !important;
  }
  .u-paddingTop80px--sp {
    padding-top: 80px !important;
  }
  .u-paddingBottom80px--sp {
    padding-bottom: 80px !important;
  }
  .u-paddingLeft80px--sp {
    padding-left: 80px !important;
  }
  .u-paddingRight80px--sp {
    padding-right: 80px !important;
  }
  .u-padding80px--sp {
    padding: 80px !important;
  }
  .u-margin85px--sp {
    margin: 85px !important;
  }
  .u-marginTop85px--sp {
    margin-top: 85px !important;
  }
  .u-marginBottom85px--sp {
    margin-bottom: 85px !important;
  }
  .u-marginLeft85px--sp {
    margin-left: 85px !important;
  }
  .u-marginRight85px--sp {
    margin-right: 85px !important;
  }
  .u-paddingTop85px--sp {
    padding-top: 85px !important;
  }
  .u-paddingBottom85px--sp {
    padding-bottom: 85px !important;
  }
  .u-paddingLeft85px--sp {
    padding-left: 85px !important;
  }
  .u-paddingRight85px--sp {
    padding-right: 85px !important;
  }
  .u-padding85px--sp {
    padding: 85px !important;
  }
  .u-margin90px--sp {
    margin: 90px !important;
  }
  .u-marginTop90px--sp {
    margin-top: 90px !important;
  }
  .u-marginBottom90px--sp {
    margin-bottom: 90px !important;
  }
  .u-marginLeft90px--sp {
    margin-left: 90px !important;
  }
  .u-marginRight90px--sp {
    margin-right: 90px !important;
  }
  .u-paddingTop90px--sp {
    padding-top: 90px !important;
  }
  .u-paddingBottom90px--sp {
    padding-bottom: 90px !important;
  }
  .u-paddingLeft90px--sp {
    padding-left: 90px !important;
  }
  .u-paddingRight90px--sp {
    padding-right: 90px !important;
  }
  .u-padding90px--sp {
    padding: 90px !important;
  }
  .u-margin95px--sp {
    margin: 95px !important;
  }
  .u-marginTop95px--sp {
    margin-top: 95px !important;
  }
  .u-marginBottom95px--sp {
    margin-bottom: 95px !important;
  }
  .u-marginLeft95px--sp {
    margin-left: 95px !important;
  }
  .u-marginRight95px--sp {
    margin-right: 95px !important;
  }
  .u-paddingTop95px--sp {
    padding-top: 95px !important;
  }
  .u-paddingBottom95px--sp {
    padding-bottom: 95px !important;
  }
  .u-paddingLeft95px--sp {
    padding-left: 95px !important;
  }
  .u-paddingRight95px--sp {
    padding-right: 95px !important;
  }
  .u-padding95px--sp {
    padding: 95px !important;
  }
  .u-margin100px--sp {
    margin: 100px !important;
  }
  .u-marginTop100px--sp {
    margin-top: 100px !important;
  }
  .u-marginBottom100px--sp {
    margin-bottom: 100px !important;
  }
  .u-marginLeft100px--sp {
    margin-left: 100px !important;
  }
  .u-marginRight100px--sp {
    margin-right: 100px !important;
  }
  .u-paddingTop100px--sp {
    padding-top: 100px !important;
  }
  .u-paddingBottom100px--sp {
    padding-bottom: 100px !important;
  }
  .u-paddingLeft100px--sp {
    padding-left: 100px !important;
  }
  .u-paddingRight100px--sp {
    padding-right: 100px !important;
  }
  .u-padding100px--sp {
    padding: 100px !important;
  }
  .u-marginAuto--sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-paddingAuto--sp {
    padding-left: auto !important;
    padding-right: auto !important;
  }
}

/* =================================================
 Layout
================================================= */
.u-blockCenter {
  margin-left: auto;
  margin-right: auto;
}

/*----------------------------------------------------------------
	Print
-----------------------------------------------------------------*/
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}