@charset "UTF-8";

/* -------------------------------------------------------------------------------
|  Created:     2023-06-22
|  Updated:     2023-12-27
|  Version:     04
|------------------------------------------------------------------------------- */

/*---------------------------------------------------------
  CSSカスタムプロパティ
---------------------------------------------------------*/

/* color
--------------------------*/
:root {
  /* DMG共通 モノクロ */
  --black: #000;
  --grey900: #212121;
  --grey800: #4d4d4d;
  --grey700: #666;
  --grey600: grey;
  --grey500: #999;
  --grey400: #b2b2b2;
  --grey300: #d9d9d9;
  --grey200: #d9d9d9;
  --grey100: #f2f2f2;
  --grey50: #fafafa;
  --white: #fff;

  /* DMG共通 カラー */
  --brand: red;
  --brandDark: #d50000;

  --greenDark: #32543b;
  --greenLight: #729330;
  --blueDark: #004878;
  --blueLight: #00a0c8;
  --purpleDark: #442769;
  --purpleLight: #735aa3;
  --pinkDark: #8a1d46;
  --pinkLight: #c35581;
  --orangeDark: #9e5323;
  --orangeLight: #dc6f06;

  /* ONE FA共通 カラー */
  --greenDark85: #4d6b54;
  --greenDark65: #7e9382;
  --greenDark35: #b0beb3;
  --greenDark15: #dce2dd;
  --greenLight85: #85a03c;
  --greenLight65: #a8ba72;
  --greenLight35: #cbd5a9;
  --greenLight15: #e7ecd8;

  --blueDark85: #005b90;
  --blueDark65: #6085ad;
  --blueDark35: #a0b5cf;
  --blueDark15: #d6deea;
  --blueLight85: #28accf;
  --blueLight65: #7cc4dc;
  --blueLight35: #b3dcea;
  --blueLight15: #deeff5;

  --purpleDark85: #643383;
  --purpleDark65: #8e69a3;
  --purpleDark35: #bca4c9;
  --purpleDark15: #e1d6e8;
  --purpleLight85: #8971b0;
  --purpleLight65: #ac96c6;
  --purpleLight35: #cebfdd;
  --purpleLight15: #e9e2ef;

  --pinkDark85: #9f395b;
  --pinkDark65: #bb7285;
  --pinkDark35: #d9aab5;
  --pinkDark15: #efdade;
  --pinkLight85: #cd6e91;
  --pinkLight65: #de98b0;
  --pinkLight35: #edc1cf;
  --pinkLight15: #f8e4ea;

  --orangeDark85: #af6b3d;
  --orangeDark65: #c89271;
  --orangeDark35: #e0bda8;
  --orangeDark15: #f2e2d8;
  --orangeLight85: #e2852d;
  --orangeLight65: #f1a56d;
  --orangeLight35: #f8c9a7;
  --orangeLight15: #fce6d8;

  /* MESW共通 */
  --meswBlueColor: #3789be;
  --meswBlueLightColor: #98a6c0;
  --meswBlueDarkColor: #8b8da2;
  --meswBlueSkyColor: #00a1e9;
  --meswNavyColor: #003465;
  --meswNavyLightColor: #697b91;
}

/*---------------------------------------------------------
  LP3 - Product List（製品・ラインアップ） - リンク先がない時　※DMG改修依頼済み
---------------------------------------------------------*/

/* マウスオーバーによるアニメーションを打ち消すため */
.mesw-linkWithImage--blank.c-linkWithImage:focus .c-linkWithImage__image,
.mesw-linkWithImage--blank.c-linkWithImage:hover .c-linkWithImage__image {
  opacity: 1
}
.mesw-linkWithImage--blank.c-linkWithImage:focus .c-linkWithImage__image img,
.mesw-linkWithImage--blank.c-linkWithImage:hover .c-linkWithImage__image img {
  transform: scale(1)
}

/*---------------------------------------------------------
  button - color
---------------------------------------------------------*/

/* brand */
.mesw-btn--brand {
  background-color: var(--brand);
  border: 1px solid var(--brandDark);
  color: var(--white) !important;
}
.mesw-btn--brand:hover {
  background-color: var(--brandDark);
}

/* brand */
.mesw-btn--brandWhite {
  background-color: var(--white);
  border: 1px solid var(--brandDark);
  color: var(--brandDark) !important;
}
.mesw-btn--brandWhite:hover {
  background-color: var(--brand);
  color: var(--white) !important;
}

/* green */
.mesw-btn--green {
  background-color: var(--greenLight);
  border: 1px solid var(--greenDark);
  color: var(--white) !important;
}
.mesw-btn--green:hover {
  background-color: var(--greenDark);
}

/* blue */
.mesw-btn--blue {
  background-color: var(--blueLight);
  border: 1px solid var(--blueDark);
  color: var(--white) !important;
}
.mesw-btn--blue:hover {
  background-color: var(--blueDark);
}

/* purple */
.mesw-btn--purple {
  background-color: var(--purpleLight);
  border: 1px solid var(--purpleDark);
  color: var(--white) !important;
}
.mesw-btn--purple:hover {
  background-color: var(--purpleDark);
}

/* pink */
.mesw-btn--pink {
  background-color: var(--pinkLight);
  border: 1px solid var(--pinkDark);
  color: var(--white) !important;
}
.mesw-btn--pink:hover {
  background-color: var(--pinkDark);
}

/* orange */
.mesw-btn--orange {
  background-color: var(--orangeLight);
  border: 1px solid var(--orangeDark);
  color: var(--white) !important;
}
.mesw-btn--orange:hover {
  background-color: var(--orangeDark);
}

/*---------------------------------------------------------
  MESW共通 表組み
---------------------------------------------------------*/

/* 太字・背景濃いグレー */
.mesw-table__bold th,
.mesw-table__bold .c-table__headCell,
.mesw-table__bold--row > thead th,
.mesw-table__bold--row > thead th.c-table__headCell,
.mesw-table__bold--col .c-table__headCell {
  font-weight: bold;
}

.mesw-table__dark th,
.mesw-table__dark .c-table__headCell,
.mesw-table__dark--row > thead th,
.mesw-table__dark--row > thead th.c-table__headCell,
.mesw-table__dark--col .c-table__headCell {
  background-color: var(--grey200);
}

/* センタリング（水平/垂直） */
.mesw-table__center th,
.mesw-table__center td,
.mesw-table__center .c-table__headCell,
.mesw-table__center--th th,
.mesw-table__center--td td,
.mesw-table__center--row > thead th,
.mesw-table__center--row > thead th.c-table__headCell,
.mesw-table__center--col .c-table__headCell {
  text-align: center !important;
}

.mesw-table__middle td, 
.mesw-table__middle th,
.mesw-table__middle--th th,
.mesw-table__middle--td td,
.mesw-table__middle--row > thead th,
.mesw-table__middle--row > thead th.c-table__headCell,
.mesw-table__middle--col .c-table__headCell {
  vertical-align: middle !important;
}

/* 左右のborderなし */
.mesw-table__border--rightNone {
  border: none !important;
  border-top: 1px solid var(--grey400) !important;
  border-left: 1px solid var(--grey400) !important;
  border-bottom: 1px solid var(--grey400) !important;
}

.mesw-table__border--leftNone {
  border: none !important;
  border-top: 1px solid var(--grey400) !important;
  border-right: 1px solid var(--grey400) !important;
  border-bottom: 1px solid var(--grey400) !important;
}

/* small screen時、th, tdをカラム落ちさせる */

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  .mesw-table__column tr:first-child > th:first-child {
    margin-top: 0;
  } 
  
  .mesw-table__column th {
    display: block;
    width: 100%;
  } 
  
  .mesw-table__column td {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid var(--grey400);
    padding-top: 14px;
    padding-bottom: 14px;
  } 

  .mesw-table__column td:last-child {
    border-bottom: none;
  }

  .mesw-table__column--theadNone thead {
    display: none;
  } 

  .mesw-table__column--dotted td {
    border-bottom: 1px dotted var(--grey400);
  } 

}

/* 全て横スクロール */
.mesw-table--scrollAll.c-table--scroll {
  overflow: auto;
  white-space: nowrap
}

.mesw-table--scrollAll.c-table--scroll .c-table__content {
  width: auto;
  min-width: 100%
}

/* 斜め線 */
.mesw-table__line--toRight {
  background-image: linear-gradient(
    to right top, transparent calc(50% - 0.5px), 
    var(--grey400) 50%, var(--grey400) calc(50% + 0.5px), 
    transparent calc(50% + 1px)
  );
}

.mesw-table__line--toLeft {
  background-image: linear-gradient(
    to left top, transparent calc(50% - 0.5px), 
    var(--grey400) 50%, var(--grey400) calc(50% + 0.5px), 
    transparent calc(50% + 1px)
  );
}

/*---------------------------------------------------------
  Visually Hidden
---------------------------------------------------------*/

/* 要素を視覚的に隠しつつ、支援技術へのアクセス性を維持 */
.mesw-visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

/*---------------------------------------------------------
  display
---------------------------------------------------------*/

.mesw-d--b {
  display: block;
}

.mesw-d--b-imp {
  display: block !important;
}

.mesw-d--i {
  display: inline;
}

.mesw-d--i-imp {
  display: inline !important;
}

.mesw-d--ib {
  display: inline-block;
}

.mesw-d--ib-imp {
  display: inline-block !important;
}

/*---------------------------------------------------------
  画像リンク
---------------------------------------------------------*/

/* ズームなしホバー
--------------------------*/

.mesw-df-hover {
  transition: opacity .2s;
}

.mesw-df-hover:hover {
  opacity: .85;
}

/*---------------------------------------------------------
  グリッドコンポーネント
---------------------------------------------------------*/

/* smのみ逆順
--------------------------*/

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  .mesw-grid--reverse-sm {
    flex-direction: column-reverse;
  }
}

/*---------------------------------------------------------
  リスト
---------------------------------------------------------*/

/* 横並び（lg-md 2カラム sm 1カラム）
--------------------------*/

/* list */
.mesw-list--half {
  display: flex;
  flex-wrap: wrap;
}

.mesw-list--half > * {
  width: 50%;
}

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  .mesw-list--half > * {
    width: 100%;
  }
}

/*---------------------------------------------------------
  注釈
---------------------------------------------------------*/

/* 半角*数字なしタイプ
--------------------------*/

.c-note.mesw-note--half {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  padding-left: 1em;
  text-indent: -1em;
}

.mesw-note__half {
  display: inline-block;
  width: 1em;
  text-indent: 0;
}


/*---------------------------------------------------------
  Flexbox
---------------------------------------------------------*/

/* センタリング
--------------------------*/

/* flex center ** */
.mesw-fx-iac--jcc {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* flex 100% */
.mesw-fx-iac--100 {
  height: 100%;
  width: 100%;
}

/* flex margin */
.mesw-fx-iac--auto {
  margin-left: auto;
  margin-right: auto;
}

/* justify-content 違い
--------------------------*/

.mesw-fx-iac--jcfs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mesw-fx-iac--jcfe {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mesw-fx-iac--jcsb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mesw-fx-iac--jcsa {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/*---------------------------------------------------------
  矢印レイアウト
---------------------------------------------------------*/

/* 矢印
--------------------------*/

/* 右向き矢印 */
.mesw-defaultArrow {
  position: relative;
  height: 46px;
  width: 36px;
  background-color: var(--meswNavyLightColor);
  margin-top: calc(40px / 2);
  margin-left: calc(30px / 2);
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  transform: translate(-25%) rotate(0);
}
  
.mesw-defaultArrow::before {
  position: absolute;
  content: "";
  border: solid 45px transparent;
  border-left: solid 40px var(--meswNavyLightColor);
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  /* 下向き矢印 */
  .mesw-defaultArrow {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 70px;
    top: calc(50% - 40px);
    left: 50%;
    transform: translate(-50%) rotate(90deg);
  }
}

/* 矢印（PC小さめ）
--------------------------*/
.mesw-defaultArrow--small {
  height: 36px;
  width: 26px;
  margin-top: calc(30px / 2);
  margin-left: calc(20px / 2);
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
.mesw-defaultArrow--small::before {
  border: solid 35px transparent;
  border-left: solid 30px var(--meswNavyLightColor);
  left: 25px;
}
/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  /* 下向き矢印 */
  .mesw-defaultArrow--small {
    position: relative;
    height: 46px;
    width: 36px;
    background-color: var(--meswNavyLightColor);
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 70px;
    left: 50%;
    transform: translate(-50%) rotate(90deg);
  }
    
  .mesw-defaultArrow--small::before {
    position: absolute;
    content: "";
    border: solid 45px transparent;
    border-left: solid 40px var(--meswNavyLightColor);
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
  }
}

/* 矢印レイアウト
--------------------------*/
.mesw-figBoxDefault {
  display: flex;
}

.mesw-figBoxDefault__wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
} 

.mesw-figBoxDefault__img {
  margin-top: auto;
  padding-top: 10px;
}

.c-img.mesw-figBoxDefault__img img {
  display: block;
  width: 100%;
  height: auto
}

.c-imgAuto.mesw-figBoxDefault__img img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

/* 矢印レイアウト（画像3個）
--------------------------*/
/*! Large and Medium（Medium以上） */
@media only screen and (min-width: 768px) {
  .l-grid .l-grid__item-1.mesw-defaultArrow__three {
    width: calc(8.3333333333% * 1.5)
  }
}


/*---------------------------------------------------------
  MESW共通 見出し
---------------------------------------------------------*/

/* 見出し（右テキスト、画像など）
--------------------------*/
.mesw-2columnHeading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.mesw-2columnHeading__sub {
  font-weight: normal;
  font-size: clamp(12px, 0.75em, 0.75em);
}

.mesw-2columnHeading__sub > .mesw-tag {
  font-size: min(12px, 0.75em);
  margin-bottom: calc(0.5 * 1em + .1em);
  margin-bottom: 0.5em;
}

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  .mesw-2columnHeading {
    align-items: flex-start;
    flex-direction: column;
  }  
}

/*---------------------------------------------------------
  ONE FA共通 カラー
---------------------------------------------------------*/

/* テキスト
--------------------------*/

/* green */
.mesw-tc--greenDark85 { color: var(--greenDark85); }
.mesw-tc--greenDark65 { color: var(--greenDark65); }
.mesw-tc--greenDark35 { color: var(--greenDark35); }
.mesw-tc--greenDark15 { color: var(--greenDark15); }
.mesw-tc--greenLight85 { color: var(--greenLight85); }
.mesw-tc--greenLight65 { color: var(--greenLight65); }
.mesw-tc--greenLight35 { color: var(--greenLight35); }
.mesw-tc--greenLight15 { color: var(--greenLight15); }

.mesw-tc--greenDark85-imp { color: var(--greenDark85) !important; }
.mesw-tc--greenDark65-imp { color: var(--greenDark65) !important; }
.mesw-tc--greenDark35-imp { color: var(--greenDark35) !important; }
.mesw-tc--greenDark15-imp { color: var(--greenDark15) !important; }
.mesw-tc--greenLight85-imp { color: var(--greenLight85) !important; }
.mesw-tc--greenLight65-imp { color: var(--greenLight65) !important; }
.mesw-tc--greenLight35-imp { color: var(--greenLight35) !important; }
.mesw-tc--greenLight15-imp { color: var(--greenLight15) !important; }

/* blue */
.mesw-tc--blueDark85 { color: var(--blueDark85); }
.mesw-tc--blueDark65 { color: var(--blueDark65); }
.mesw-tc--blueDark35 { color: var(--blueDark35); }
.mesw-tc--blueDark15 { color: var(--blueDark15); }
.mesw-tc--blueLight85 { color: var(--blueLight85); }
.mesw-tc--blueLight65 { color: var(--blueLight65); }
.mesw-tc--blueLight35 { color: var(--blueLight35); }
.mesw-tc--blueLight15 { color: var(--blueLight15); }

.mesw-tc--blueDark85-imp { color: var(--blueDark85) !important; }
.mesw-tc--blueDark65-imp { color: var(--blueDark65) !important; }
.mesw-tc--blueDark35-imp { color: var(--blueDark35) !important; }
.mesw-tc--blueDark15-imp { color: var(--blueDark15) !important; }
.mesw-tc--blueLight85-imp { color: var(--blueLight85) !important; }
.mesw-tc--blueLight65-imp { color: var(--blueLight65) !important; }
.mesw-tc--blueLight35-imp { color: var(--blueLight35) !important; }
.mesw-tc--blueLight15-imp { color: var(--blueLight15) !important; }

/* purple */
.mesw-tc--purpleDark85 { color: var(--purpleDark85); }
.mesw-tc--purpleDark65 { color: var(--purpleDark65); }
.mesw-tc--purpleDark35 { color: var(--purpleDark35); }
.mesw-tc--purpleDark15 { color: var(--purpleDark15); }
.mesw-tc--purpleLight85 { color: var(--purpleLight85); }
.mesw-tc--purpleLight65 { color: var(--purpleLight65); }
.mesw-tc--purpleLight35 { color: var(--purpleLight35); }
.mesw-tc--purpleLight15 { color: var(--purpleLight15); }

.mesw-tc--purpleDark85-imp { color: var(--purpleDark85) !important; }
.mesw-tc--purpleDark65-imp { color: var(--purpleDark65) !important; }
.mesw-tc--purpleDark35-imp { color: var(--purpleDark35) !important; }
.mesw-tc--purpleDark15-imp { color: var(--purpleDark15) !important; }
.mesw-tc--purpleLight85-imp { color: var(--purpleLight85) !important; }
.mesw-tc--purpleLight65-imp { color: var(--purpleLight65) !important; }
.mesw-tc--purpleLight35-imp { color: var(--purpleLight35) !important; }
.mesw-tc--purpleLight15-imp { color: var(--purpleLight15) !important; }

/* pink */
.mesw-tc--pinkDark85 { color: var(--pinkDark85); }
.mesw-tc--pinkDark65 { color: var(--pinkDark65); }
.mesw-tc--pinkDark35 { color: var(--pinkDark35); }
.mesw-tc--pinkDark15 { color: var(--pinkDark15); }
.mesw-tc--pinkLight85 { color: var(--pinkLight85); }
.mesw-tc--pinkLight65 { color: var(--pinkLight65); }
.mesw-tc--pinkLight35 { color: var(--pinkLight35); }
.mesw-tc--pinkLight15 { color: var(--pinkLight15); }

.mesw-tc--pinkDark85-imp { color: var(--pinkDark85) !important; }
.mesw-tc--pinkDark65-imp { color: var(--pinkDark65) !important; }
.mesw-tc--pinkDark35-imp { color: var(--pinkDark35) !important; }
.mesw-tc--pinkDark15-imp { color: var(--pinkDark15) !important; }
.mesw-tc--pinkLight85-imp { color: var(--pinkLight85) !important; }
.mesw-tc--pinkLight65-imp { color: var(--pinkLight65) !important; }
.mesw-tc--pinkLight35-imp { color: var(--pinkLight35) !important; }
.mesw-tc--pinkLight15-imp { color: var(--pinkLight15) !important; }

/* orange */
.mesw-tc--orangeDark85 { color: var(--orangeDark85); }
.mesw-tc--orangeDark65 { color: var(--orangeDark65); }
.mesw-tc--orangeDark35 { color: var(--orangeDark35); }
.mesw-tc--orangeDark15 { color: var(--orangeDark15); }
.mesw-tc--orangeLight85 { color: var(--orangeLight85); }
.mesw-tc--orangeLight65 { color: var(--orangeLight65); }
.mesw-tc--orangeLight35 { color: var(--orangeLight35); }
.mesw-tc--orangeLight15 { color: var(--orangeLight15); }

.mesw-tc--orangeDark85-imp { color: var(--orangeDark85) !important; }
.mesw-tc--orangeDark65-imp { color: var(--orangeDark65) !important; }
.mesw-tc--orangeDark35-imp { color: var(--orangeDark35) !important; }
.mesw-tc--orangeDark15-imp { color: var(--orangeDark15) !important; }
.mesw-tc--orangeLight85-imp { color: var(--orangeLight85) !important; }
.mesw-tc--orangeLight65-imp { color: var(--orangeLight65) !important; }
.mesw-tc--orangeLight35-imp { color: var(--orangeLight35) !important; }
.mesw-tc--orangeLight15-imp { color: var(--orangeLight15) !important; }

/* 背景
--------------------------*/

/* green */
.mesw-bgc--greenDark85 { background-color: var(--greenDark85); }
.mesw-bgc--greenDark65 { background-color: var(--greenDark65); }
.mesw-bgc--greenDark35 { background-color: var(--greenDark35); }
.mesw-bgc--greenDark15 { background-color: var(--greenDark15); }
.mesw-bgc--greenLight85 { background-color: var(--greenLight85); }
.mesw-bgc--greenLight65 { background-color: var(--greenLight65); }
.mesw-bgc--greenLight35 { background-color: var(--greenLight35); }
.mesw-bgc--greenLight15 { background-color: var(--greenLight15); }

.mesw-bgc--greenDark85-imp { background-color: var(--greenDark85) !important; }
.mesw-bgc--greenDark65-imp { background-color: var(--greenDark65) !important; }
.mesw-bgc--greenDark35-imp { background-color: var(--greenDark35) !important; }
.mesw-bgc--greenDark15-imp { background-color: var(--greenDark15) !important; }
.mesw-bgc--greenLight85-imp { background-color: var(--greenLight85) !important; }
.mesw-bgc--greenLight65-imp { background-color: var(--greenLight65) !important; }
.mesw-bgc--greenLight35-imp { background-color: var(--greenLight35) !important; }
.mesw-bgc--greenLight15-imp { background-color: var(--greenLight15) !important; }

/* blue */
.mesw-bgc--blueDark85 { background-color: var(--blueDark85); }
.mesw-bgc--blueDark65 { background-color: var(--blueDark65); }
.mesw-bgc--blueDark35 { background-color: var(--blueDark35); }
.mesw-bgc--blueDark15 { background-color: var(--blueDark15); }
.mesw-bgc--blueLight85 { background-color: var(--blueLight85); }
.mesw-bgc--blueLight65 { background-color: var(--blueLight65); }
.mesw-bgc--blueLight35 { background-color: var(--blueLight35); }
.mesw-bgc--blueLight15 { background-color: var(--blueLight15); }

.mesw-bgc--blueDark85-imp { background-color: var(--blueDark85) !important; }
.mesw-bgc--blueDark65-imp { background-color: var(--blueDark65) !important; }
.mesw-bgc--blueDark35-imp { background-color: var(--blueDark35) !important; }
.mesw-bgc--blueDark15-imp { background-color: var(--blueDark15) !important; }
.mesw-bgc--blueLight85-imp { background-color: var(--blueLight85) !important; }
.mesw-bgc--blueLight65-imp { background-color: var(--blueLight65) !important; }
.mesw-bgc--blueLight35-imp { background-color: var(--blueLight35) !important; }
.mesw-bgc--blueLight15-imp { background-color: var(--blueLight15) !important; }

/* purple */
.mesw-bgc--purpleDark85 { background-color: var(--purpleDark85); }
.mesw-bgc--purpleDark65 { background-color: var(--purpleDark65); }
.mesw-bgc--purpleDark35 { background-color: var(--purpleDark35); }
.mesw-bgc--purpleDark15 { background-color: var(--purpleDark15); }
.mesw-bgc--purpleLight85 { background-color: var(--purpleLight85); }
.mesw-bgc--purpleLight65 { background-color: var(--purpleLight65); }
.mesw-bgc--purpleLight35 { background-color: var(--purpleLight35); }
.mesw-bgc--purpleLight15 { background-color: var(--purpleLight15); }

.mesw-bgc--purpleDark85-imp { background-color: var(--purpleDark85) !important; }
.mesw-bgc--purpleDark65-imp { background-color: var(--purpleDark65) !important; }
.mesw-bgc--purpleDark35-imp { background-color: var(--purpleDark35) !important; }
.mesw-bgc--purpleDark15-imp { background-color: var(--purpleDark15) !important; }
.mesw-bgc--purpleLight85-imp { background-color: var(--purpleLight85) !important; }
.mesw-bgc--purpleLight65-imp { background-color: var(--purpleLight65) !important; }
.mesw-bgc--purpleLight35-imp { background-color: var(--purpleLight35) !important; }
.mesw-bgc--purpleLight15-imp { background-color: var(--purpleLight15) !important; }

/* pink */
.mesw-bgc--pinkDark85 { background-color: var(--pinkDark85); }
.mesw-bgc--pinkDark65 { background-color: var(--pinkDark65); }
.mesw-bgc--pinkDark35 { background-color: var(--pinkDark35); }
.mesw-bgc--pinkDark15 { background-color: var(--pinkDark15); }
.mesw-bgc--pinkLight85 { background-color: var(--pinkLight85); }
.mesw-bgc--pinkLight65 { background-color: var(--pinkLight65); }
.mesw-bgc--pinkLight35 { background-color: var(--pinkLight35); }
.mesw-bgc--pinkLight15 { background-color: var(--pinkLight15); }

.mesw-bgc--pinkDark85-imp { background-color: var(--pinkDark85) !important; }
.mesw-bgc--pinkDark65-imp { background-color: var(--pinkDark65) !important; }
.mesw-bgc--pinkDark35-imp { background-color: var(--pinkDark35) !important; }
.mesw-bgc--pinkDark15-imp { background-color: var(--pinkDark15) !important; }
.mesw-bgc--pinkLight85-imp { background-color: var(--pinkLight85) !important; }
.mesw-bgc--pinkLight65-imp { background-color: var(--pinkLight65) !important; }
.mesw-bgc--pinkLight35-imp { background-color: var(--pinkLight35) !important; }
.mesw-bgc--pinkLight15-imp { background-color: var(--pinkLight15) !important; }

/* orange */
.mesw-bgc--orangeDark85 { background-color: var(--orangeDark85); }
.mesw-bgc--orangeDark65 { background-color: var(--orangeDark65); }
.mesw-bgc--orangeDark35 { background-color: var(--orangeDark35); }
.mesw-bgc--orangeDark15 { background-color: var(--orangeDark15); }
.mesw-bgc--orangeLight85 { background-color: var(--orangeLight85); }
.mesw-bgc--orangeLight65 { background-color: var(--orangeLight65); }
.mesw-bgc--orangeLight35 { background-color: var(--orangeLight35); }
.mesw-bgc--orangeLight15 { background-color: var(--orangeLight15); }

.mesw-bgc--orangeDark85-imp { background-color: var(--orangeDark85) !important; }
.mesw-bgc--orangeDark65-imp { background-color: var(--orangeDark65) !important; }
.mesw-bgc--orangeDark35-imp { background-color: var(--orangeDark35) !important; }
.mesw-bgc--orangeDark15-imp { background-color: var(--orangeDark15) !important; }
.mesw-bgc--orangeLight85-imp { background-color: var(--orangeLight85) !important; }
.mesw-bgc--orangeLight65-imp { background-color: var(--orangeLight65) !important; }
.mesw-bgc--orangeLight35-imp { background-color: var(--orangeLight35) !important; }
.mesw-bgc--orangeLight15-imp { background-color: var(--orangeLight15) !important; }

/* ボーダー
--------------------------*/

/* green */
.mesw-bdc--greenDark85 { border-color: var(--greenDark85); }
.mesw-bdc--greenDark65 { border-color: var(--greenDark65); }
.mesw-bdc--greenDark35 { border-color: var(--greenDark35); }
.mesw-bdc--greenDark15 { border-color: var(--greenDark15); }
.mesw-bdc--greenLight85 { border-color: var(--greenLight85); }
.mesw-bdc--greenLight65 { border-color: var(--greenLight65); }
.mesw-bdc--greenLight35 { border-color: var(--greenLight35); }
.mesw-bdc--greenLight15 { border-color: var(--greenLight15); }

.mesw-bdc--greenDark85-imp { border-color: var(--greenDark85) !important; }
.mesw-bdc--greenDark65-imp { border-color: var(--greenDark65) !important; }
.mesw-bdc--greenDark35-imp { border-color: var(--greenDark35) !important; }
.mesw-bdc--greenDark15-imp { border-color: var(--greenDark15) !important; }
.mesw-bdc--greenLight85-imp { border-color: var(--greenLight85) !important; }
.mesw-bdc--greenLight65-imp { border-color: var(--greenLight65) !important; }
.mesw-bdc--greenLight35-imp { border-color: var(--greenLight35) !important; }
.mesw-bdc--greenLight15-imp { border-color: var(--greenLight15) !important; }

/* blue */
.mesw-bdc--blueDark85 { border-color: var(--blueDark85); }
.mesw-bdc--blueDark65 { border-color: var(--blueDark65); }
.mesw-bdc--blueDark35 { border-color: var(--blueDark35); }
.mesw-bdc--blueDark15 { border-color: var(--blueDark15); }
.mesw-bdc--blueLight85 { border-color: var(--blueLight85); }
.mesw-bdc--blueLight65 { border-color: var(--blueLight65); }
.mesw-bdc--blueLight35 { border-color: var(--blueLight35); }
.mesw-bdc--blueLight15 { border-color: var(--blueLight15); }

.mesw-bdc--blueDark85-imp { border-color: var(--blueDark85) !important; }
.mesw-bdc--blueDark65-imp { border-color: var(--blueDark65) !important; }
.mesw-bdc--blueDark35-imp { border-color: var(--blueDark35) !important; }
.mesw-bdc--blueDark15-imp { border-color: var(--blueDark15) !important; }
.mesw-bdc--blueLight85-imp { border-color: var(--blueLight85) !important; }
.mesw-bdc--blueLight65-imp { border-color: var(--blueLight65) !important; }
.mesw-bdc--blueLight35-imp { border-color: var(--blueLight35) !important; }
.mesw-bdc--blueLight15-imp { border-color: var(--blueLight15) !important; }

/* purple */
.mesw-bdc--purpleDark85 { border-color: var(--purpleDark85); }
.mesw-bdc--purpleDark65 { border-color: var(--purpleDark65); }
.mesw-bdc--purpleDark35 { border-color: var(--purpleDark35); }
.mesw-bdc--purpleDark15 { border-color: var(--purpleDark15); }
.mesw-bdc--purpleLight85 { border-color: var(--purpleLight85); }
.mesw-bdc--purpleLight65 { border-color: var(--purpleLight65); }
.mesw-bdc--purpleLight35 { border-color: var(--purpleLight35); }
.mesw-bdc--purpleLight15 { border-color: var(--purpleLight15); }

.mesw-bdc--purpleDark85-imp { border-color: var(--purpleDark85) !important; }
.mesw-bdc--purpleDark65-imp { border-color: var(--purpleDark65) !important; }
.mesw-bdc--purpleDark35-imp { border-color: var(--purpleDark35) !important; }
.mesw-bdc--purpleDark15-imp { border-color: var(--purpleDark15) !important; }
.mesw-bdc--purpleLight85-imp { border-color: var(--purpleLight85) !important; }
.mesw-bdc--purpleLight65-imp { border-color: var(--purpleLight65) !important; }
.mesw-bdc--purpleLight35-imp { border-color: var(--purpleLight35) !important; }
.mesw-bdc--purpleLight15-imp { border-color: var(--purpleLight15) !important; }

/* pink */
.mesw-bdc--pinkDark85 { border-color: var(--pinkDark85); }
.mesw-bdc--pinkDark65 { border-color: var(--pinkDark65); }
.mesw-bdc--pinkDark35 { border-color: var(--pinkDark35); }
.mesw-bdc--pinkDark15 { border-color: var(--pinkDark15); }
.mesw-bdc--pinkLight85 { border-color: var(--pinkLight85); }
.mesw-bdc--pinkLight65 { border-color: var(--pinkLight65); }
.mesw-bdc--pinkLight35 { border-color: var(--pinkLight35); }
.mesw-bdc--pinkLight15 { border-color: var(--pinkLight15); }

.mesw-bdc--pinkDark85-imp { border-color: var(--pinkDark85) !important; }
.mesw-bdc--pinkDark65-imp { border-color: var(--pinkDark65) !important; }
.mesw-bdc--pinkDark35-imp { border-color: var(--pinkDark35) !important; }
.mesw-bdc--pinkDark15-imp { border-color: var(--pinkDark15) !important; }
.mesw-bdc--pinkLight85-imp { border-color: var(--pinkLight85) !important; }
.mesw-bdc--pinkLight65-imp { border-color: var(--pinkLight65) !important; }
.mesw-bdc--pinkLight35-imp { border-color: var(--pinkLight35) !important; }
.mesw-bdc--pinkLight15-imp { border-color: var(--pinkLight15) !important; }

/* orange */
.mesw-bdc--orangeDark85 { border-color: var(--orangeDark85); }
.mesw-bdc--orangeDark65 { border-color: var(--orangeDark65); }
.mesw-bdc--orangeDark35 { border-color: var(--orangeDark35); }
.mesw-bdc--orangeDark15 { border-color: var(--orangeDark15); }
.mesw-bdc--orangeLight85 { border-color: var(--orangeLight85); }
.mesw-bdc--orangeLight65 { border-color: var(--orangeLight65); }
.mesw-bdc--orangeLight35 { border-color: var(--orangeLight35); }
.mesw-bdc--orangeLight15 { border-color: var(--orangeLight15); }

.mesw-bdc--orangeDark85-imp { border-color: var(--orangeDark85) !important; }
.mesw-bdc--orangeDark65-imp { border-color: var(--orangeDark65) !important; }
.mesw-bdc--orangeDark35-imp { border-color: var(--orangeDark35) !important; }
.mesw-bdc--orangeDark15-imp { border-color: var(--orangeDark15) !important; }
.mesw-bdc--orangeLight85-imp { border-color: var(--orangeLight85) !important; }
.mesw-bdc--orangeLight65-imp { border-color: var(--orangeLight65) !important; }
.mesw-bdc--orangeLight35-imp { border-color: var(--orangeLight35) !important; }
.mesw-bdc--orangeLight15-imp { border-color: var(--orangeLight15) !important; }

/*---------------------------------------------------------
  MESW共通 カラー
---------------------------------------------------------*/

/* テキスト
--------------------------*/
.mesw-tc--meswBlue { color: var(--meswBlueColor); }
.mesw-tc--meswBlueLight { color: var(--meswBlueLightColor); }
.mesw-tc--meswBlueDark { color: var(--meswBlueDarkColor); }
.mesw-tc--meswBlueSky { color: var(--meswBlueSkyColor); }
.mesw-tc--meswNavy { color: var(--meswNavyColor); }
.mesw-tc--meswNavyLight { color: var(--meswNavyLightColor); }

.mesw-tc--meswBlue-imp { color: var(--meswBlueColor) !important; }
.mesw-tc--meswBlueLight-imp { color: var(--meswBlueLightColor) !important; }
.mesw-tc--meswBlueDark-imp { color: var(--meswBlueDarkColor) !important; }
.mesw-tc--meswBlueSky-imp { color: var(--meswBlueSkyColor) !important; }
.mesw-tc--meswNavy-imp { color: var(--meswNavyColor) !important; }
.mesw-tc--meswNavyLight-imp { color: var(--meswNavyLightColor) !important; }

/* 背景
--------------------------*/
.mesw-bgc--meswBlue { background-color: var(--meswBlueColor); }
.mesw-bgc--meswBlueLight { background-color: var(--meswBlueLightColor); }
.mesw-bgc--meswBlueDark { background-color: var(--meswBlueDarkColor); }
.mesw-bgc--meswBlueSky { background-color: var(--meswBlueSkyColor); }
.mesw-bgc--meswNavy { background-color: var(--meswNavyColor); }
.mesw-bgc--meswNavyLight { background-color: var(--meswNavyLightColor); }

.mesw-bgc--meswBlue-imp { background-color: var(--meswBlueColor) !important; }
.mesw-bgc--meswBlueLight-imp { background-color: var(--meswBlueLightColor) !important; }
.mesw-bgc--meswBlueDark-imp { background-color: var(--meswBlueDarkColor) !important; }
.mesw-bgc--meswBlueSky-imp { background-color: var(--meswBlueSkyColor) !important; }
.mesw-bgc--meswNavy-imp { background-color: var(--meswNavyColor) !important; }
.mesw-bgc--meswNavyLight-imp { background-color: var(--meswNavyLightColor) !important; }

/* ボーダー
--------------------------*/
.mesw-bdc--meswBlue { border-color: var(--meswBlueColor); }
.mesw-bdc--meswBlueLight { border-color: var(--meswBlueLightColor); }
.mesw-bdc--meswBlueDark { border-color: var(--meswBlueDarkColor); }
.mesw-bdc--meswBlueSky { border-color: var(--meswBlueSkyColor); }
.mesw-bdc--meswNavy { border-color: var(--meswNavyColor); }
.mesw-bdc--meswNavyLight { border-color: var(--meswNavyLightColor); }

.mesw-bdc--meswBlue-imp { border-color: var(--meswBlueColor) !important; }
.mesw-bdc--meswBlueLight-imp { border-color: var(--meswBlueLightColor) !important; }
.mesw-bdc--meswBlueDark-imp { border-color: var(--meswBlueDarkColor) !important; }
.mesw-bdc--meswBlueSky-imp { border-color: var(--meswBlueSkyColor) !important; }
.mesw-bdc--meswNavy-imp { border-color: var(--meswNavyColor) !important; }
.mesw-bdc--meswNavyLight-imp { border-color: var(--meswNavyLightColor) !important; }

/*---------------------------------------------------------
  余白調整
---------------------------------------------------------*/

/* margin
--------------------------*/
.mesw-m0   { margin:     0 !important; }
.mesw-m5  { margin:   5px !important; }
.mesw-m10  { margin:  10px !important; }
.mesw-m15  { margin:  15px !important; }
.mesw-m20  { margin:  20px !important; }
.mesw-m25  { margin:  25px !important; }
.mesw-m30  { margin:  30px !important; }
.mesw-m35  { margin:  35px !important; }
.mesw-m40  { margin:  40px !important; }
.mesw-m45  { margin:  45px !important; }
.mesw-m50  { margin:  50px !important; }
.mesw-m60  { margin:  60px !important; }
.mesw-m70  { margin:  70px !important; }
.mesw-m80  { margin:  80px !important; }
.mesw-m90  { margin:  90px !important; }
.mesw-m100 { margin: 100px !important; }
.mesw-m150 { margin: 150px !important; }
.mesw-m200 { margin: 200px !important; }
.mesw-m250 { margin: 250px !important; }
.mesw-m300 { margin: 300px !important; }
/* top */
.mesw-mt0   { margin-top:    0  !important; }
.mesw-mt5  { margin-top:  5px  !important; }
.mesw-mt10  { margin-top: 10px  !important; }
.mesw-mt15  { margin-top: 15px  !important; }
.mesw-mt20  { margin-top: 20px  !important; }
.mesw-mt25  { margin-top: 25px  !important; }
.mesw-mt30  { margin-top: 30px  !important; }
.mesw-mt35  { margin-top: 35px  !important; }
.mesw-mt40  { margin-top: 40px  !important; }
.mesw-mt45  { margin-top: 45px  !important; }
.mesw-mt50  { margin-top: 50px  !important; }
.mesw-mt60  { margin-top:  60px !important; }
.mesw-mt70  { margin-top:  70px !important; }
.mesw-mt80  { margin-top:  80px !important; }
.mesw-mt90  { margin-top:  90px !important; }
.mesw-mt100 { margin-top: 100px !important; }
.mesw-mt150 { margin-top: 150px !important; }
.mesw-mt200 { margin-top: 200px !important; }
.mesw-mt250 { margin-top: 250px !important; }
.mesw-mt300 { margin-top: 300px !important; }
/* bottom */
.mesw-mb0   { margin-bottom:    0  !important; }
.mesw-mb5  { margin-bottom:  5px  !important; }
.mesw-mb10  { margin-bottom: 10px  !important; }
.mesw-mb15  { margin-bottom: 15px  !important; }
.mesw-mb20  { margin-bottom: 20px  !important; }
.mesw-mb25  { margin-bottom: 25px  !important; }
.mesw-mb30  { margin-bottom: 30px  !important; }
.mesw-mb35  { margin-bottom: 35px  !important; }
.mesw-mb40  { margin-bottom: 40px  !important; }
.mesw-mb45  { margin-bottom: 45px  !important; }
.mesw-mb50  { margin-bottom: 50px  !important; }
.mesw-mb60  { margin-bottom:  60px !important; }
.mesw-mb70  { margin-bottom:  70px !important; }
.mesw-mb80  { margin-bottom:  80px !important; }
.mesw-mb90  { margin-bottom:  90px !important; }
.mesw-mb100 { margin-bottom: 100px !important; }
.mesw-mb150 { margin-bottom: 150px !important; }
.mesw-mb200 { margin-bottom: 200px !important; }
.mesw-mb250 { margin-bottom: 250px !important; }
.mesw-mb300 { margin-bottom: 300px !important; }
/* right */
.mesw-mr0   { margin-right:    0  !important; }
.mesw-mr5  { margin-right:  5px  !important; }
.mesw-mr10  { margin-right: 10px  !important; }
.mesw-mr15  { margin-right: 15px  !important; }
.mesw-mr20  { margin-right: 20px  !important; }
.mesw-mr25  { margin-right: 25px  !important; }
.mesw-mr30  { margin-right: 30px  !important; }
.mesw-mr35  { margin-right: 35px  !important; }
.mesw-mr40  { margin-right: 40px  !important; }
.mesw-mr45  { margin-right: 45px  !important; }
.mesw-mr50  { margin-right: 50px  !important; }
.mesw-mr60  { margin-right:  60px !important; }
.mesw-mr70  { margin-right:  70px !important; }
.mesw-mr80  { margin-right:  80px !important; }
.mesw-mr90  { margin-right:  90px !important; }
.mesw-mr100 { margin-right: 100px !important; }
.mesw-mr150 { margin-right: 150px !important; }
.mesw-mr200 { margin-right: 200px !important; }
.mesw-mr250 { margin-right: 250px !important; }
.mesw-mr300 { margin-right: 300px !important; }
/* left */
.mesw-ml0   { margin-left:    0  !important; }
.mesw-ml5  { margin-left:  5px  !important; }
.mesw-ml10  { margin-left: 10px  !important; }
.mesw-ml15  { margin-left: 15px  !important; }
.mesw-ml20  { margin-left: 20px  !important; }
.mesw-ml25  { margin-left: 25px  !important; }
.mesw-ml30  { margin-left: 30px  !important; }
.mesw-ml35  { margin-left: 35px  !important; }
.mesw-ml40  { margin-left: 40px  !important; }
.mesw-ml45  { margin-left: 45px  !important; }
.mesw-ml50  { margin-left: 50px  !important; }
.mesw-ml60  { margin-left:  60px !important; }
.mesw-ml70  { margin-left:  70px !important; }
.mesw-ml80  { margin-left:  80px !important; }
.mesw-ml90  { margin-left:  90px !important; }
.mesw-ml100 { margin-left: 100px !important; }
.mesw-ml150 { margin-left: 150px !important; }
.mesw-ml200 { margin-left: 200px !important; }
.mesw-ml250 { margin-left: 250px !important; }
.mesw-ml300 { margin-left: 300px !important; }

/* padding
--------------------------*/
.mesw-p0   { padding: 0     !important; }
.mesw-p5  { padding: 5px   !important; }
.mesw-p10  { padding: 10px  !important; }
.mesw-p15  { padding: 15px  !important; }
.mesw-p20  { padding: 20px  !important; }
.mesw-p25  { padding: 25px  !important; }
.mesw-p30  { padding: 30px  !important; }
.mesw-p35  { padding: 35px  !important; }
.mesw-p40  { padding: 40px  !important; }
.mesw-p45  { padding: 45px  !important; }
.mesw-p50  { padding: 50px  !important; }
.mesw-p60  { padding:  60px !important; }
.mesw-p70  { padding:  70px !important; }
.mesw-p80  { padding:  80px !important; }
.mesw-p90  { padding:  90px !important; }
.mesw-p100 { padding: 100px !important; }
.mesw-p150 { padding: 150px !important; }
.mesw-p200 { padding: 200px !important; }
.mesw-p250 { padding: 250px !important; }
.mesw-p300 { padding: 300px !important; }
/* top */
.mesw-pt0   { padding-top: 0     !important; }
.mesw-pt5  { padding-top: 5px   !important; }
.mesw-pt10  { padding-top: 10px  !important; }
.mesw-pt15  { padding-top: 15px  !important; }
.mesw-pt20  { padding-top: 20px  !important; }
.mesw-pt25  { padding-top: 25px  !important; }
.mesw-pt30  { padding-top: 30px  !important; }
.mesw-pt35  { padding-top: 35px  !important; }
.mesw-pt40  { padding-top: 40px  !important; }
.mesw-pt45  { padding-top: 45px  !important; }
.mesw-pt50  { padding-top: 50px  !important; }
.mesw-pt60  { padding-top:  60px !important; }
.mesw-pt70  { padding-top:  70px !important; }
.mesw-pt80  { padding-top:  80px !important; }
.mesw-pt90  { padding-top:  90px !important; }
.mesw-pt100 { padding-top: 100px !important; }
.mesw-pt150 { padding-top: 150px !important; }
.mesw-pt200 { padding-top: 200px !important; }
.mesw-pt250 { padding-top: 250px !important; }
.mesw-pt300 { padding-top: 300px !important; }
/*bottom*/
.mesw-pb0   { padding-bottom: 0     !important; }
.mesw-pb5  { padding-bottom: 5px   !important; }
.mesw-pb10  { padding-bottom: 10px  !important; }
.mesw-pb15  { padding-bottom: 15px  !important; }
.mesw-pb20  { padding-bottom: 20px  !important; }
.mesw-pb25  { padding-bottom: 25px  !important; }
.mesw-pb30  { padding-bottom: 30px  !important; }
.mesw-pb35  { padding-bottom: 35px  !important; }
.mesw-pb40  { padding-bottom: 40px  !important; }
.mesw-pb45  { padding-bottom: 45px  !important; }
.mesw-pb50  { padding-bottom: 50px  !important; }
.mesw-pb60  { padding-bottom:  60px !important; }
.mesw-pb70  { padding-bottom:  70px !important; }
.mesw-pb80  { padding-bottom:  80px !important; }
.mesw-pb90  { padding-bottom:  90px !important; }
.mesw-pb100 { padding-bottom: 100px !important; }
.mesw-pb150 { padding-bottom: 150px !important; }
.mesw-pb200 { padding-bottom: 200px !important; }
.mesw-pb250 { padding-bottom: 250px !important; }
.mesw-pb300 { padding-bottom: 300px !important; }
/* right */
.mesw-pr0   { padding-right: 0     !important; }
.mesw-pr5  { padding-right: 5px   !important; }
.mesw-pr10  { padding-right: 10px  !important; }
.mesw-pr15  { padding-right: 15px  !important; }
.mesw-pr20  { padding-right: 20px  !important; }
.mesw-pr25  { padding-right: 25px  !important; }
.mesw-pr30  { padding-right: 30px  !important; }
.mesw-pr35  { padding-right: 35px  !important; }
.mesw-pr40  { padding-right: 40px  !important; }
.mesw-pr45  { padding-right: 45px  !important; }
.mesw-pr50  { padding-right: 50px  !important; }
.mesw-pr60  { padding-right:  60px !important; }
.mesw-pr70  { padding-right:  70px !important; }
.mesw-pr80  { padding-right:  80px !important; }
.mesw-pr90  { padding-right:  90px !important; }
.mesw-pr100 { padding-right: 100px !important; }
.mesw-pr150 { padding-right: 150px !important; }
.mesw-pr200 { padding-right: 200px !important; }
.mesw-pr250 { padding-right: 250px !important; }
.mesw-pr300 { padding-right: 300px !important; }
/* left */
.mesw-pl0   { padding-left: 0     !important; }
.mesw-pl5  { padding-left: 5px   !important; }
.mesw-pl10  { padding-left: 10px  !important; }
.mesw-pl15  { padding-left: 15px  !important; }
.mesw-pl20  { padding-left: 20px  !important; }
.mesw-pl25  { padding-left: 25px  !important; }
.mesw-pl30  { padding-left: 30px  !important; }
.mesw-pl35  { padding-left: 35px  !important; }
.mesw-pl40  { padding-left: 40px  !important; }
.mesw-pl45  { padding-left: 45px  !important; }
.mesw-pl50  { padding-left: 50px  !important; }
.mesw-pl60  { padding-left:  60px !important; }
.mesw-pl70  { padding-left:  70px !important; }
.mesw-pl80  { padding-left:  80px !important; }
.mesw-pl90  { padding-left:  90px !important; }
.mesw-pl100 { padding-left: 100px !important; }
.mesw-pl150 { padding-left: 150px !important; }
.mesw-pl200 { padding-left: 200px !important; }
.mesw-pl250 { padding-left: 250px !important; }
.mesw-pl300 { padding-left: 300px !important; }



/*! Large, Medium and Small（Largeまで） */
@media only screen and (max-width: 1100px) {
  /* margin
  --------------------------*/
  .mesw-m0-lg   { margin:     0 !important; }
  .mesw-m5-lg  { margin:   5px !important; }
  .mesw-m10-lg  { margin:  10px !important; }
  .mesw-m15-lg  { margin:  15px !important; }
  .mesw-m20-lg  { margin:  20px !important; }
  .mesw-m25-lg  { margin:  25px !important; }
  .mesw-m30-lg  { margin:  30px !important; }
  .mesw-m35-lg  { margin:  35px !important; }
  .mesw-m40-lg  { margin:  40px !important; }
  .mesw-m45-lg  { margin:  45px !important; }
  .mesw-m50-lg  { margin:  50px !important; }
  .mesw-m60-lg  { margin:  60px !important; }
  .mesw-m70-lg  { margin:  70px !important; }
  .mesw-m80-lg  { margin:  80px !important; }
  .mesw-m90-lg  { margin:  90px !important; }
  .mesw-m100-lg { margin: 100px !important; }
  .mesw-m150-lg { margin: 150px !important; }
  .mesw-m200-lg { margin: 200px !important; }
  .mesw-m250-lg { margin: 250px !important; }
  .mesw-m300-lg { margin: 300px !important; }
  /* top */
  .mesw-mt0-lg   { margin-top:    0  !important; }
  .mesw-mt5-lg  { margin-top:  5px  !important; }
  .mesw-mt10-lg  { margin-top: 10px  !important; }
  .mesw-mt15-lg  { margin-top: 15px  !important; }
  .mesw-mt20-lg  { margin-top: 20px  !important; }
  .mesw-mt25-lg  { margin-top: 25px  !important; }
  .mesw-mt30-lg  { margin-top: 30px  !important; }
  .mesw-mt35-lg  { margin-top: 35px  !important; }
  .mesw-mt40-lg  { margin-top: 40px  !important; }
  .mesw-mt45-lg  { margin-top: 45px  !important; }
  .mesw-mt50-lg  { margin-top: 50px  !important; }
  .mesw-mt60-lg  { margin-top:  60px !important; }
  .mesw-mt70-lg  { margin-top:  70px !important; }
  .mesw-mt80-lg  { margin-top:  80px !important; }
  .mesw-mt90-lg  { margin-top:  90px !important; }
  .mesw-mt100-lg { margin-top: 100px !important; }
  .mesw-mt150-lg { margin-top: 150px !important; }
  .mesw-mt200-lg { margin-top: 200px !important; }
  .mesw-mt250-lg { margin-top: 250px !important; }
  .mesw-mt300-lg { margin-top: 300px !important; }
  /* bottom */
  .mesw-mb0-lg   { margin-bottom:    0  !important; }
  .mesw-mb5-lg  { margin-bottom:  5px  !important; }
  .mesw-mb10-lg  { margin-bottom: 10px  !important; }
  .mesw-mb15-lg  { margin-bottom: 15px  !important; }
  .mesw-mb20-lg  { margin-bottom: 20px  !important; }
  .mesw-mb25-lg  { margin-bottom: 25px  !important; }
  .mesw-mb30-lg  { margin-bottom: 30px  !important; }
  .mesw-mb35-lg  { margin-bottom: 35px  !important; }
  .mesw-mb40-lg  { margin-bottom: 40px  !important; }
  .mesw-mb45-lg  { margin-bottom: 45px  !important; }
  .mesw-mb50-lg  { margin-bottom: 50px  !important; }
  .mesw-mb60-lg  { margin-bottom:  60px !important; }
  .mesw-mb70-lg  { margin-bottom:  70px !important; }
  .mesw-mb80-lg  { margin-bottom:  80px !important; }
  .mesw-mb90-lg  { margin-bottom:  90px !important; }
  .mesw-mb100-lg { margin-bottom: 100px !important; }
  .mesw-mb150-lg { margin-bottom: 150px !important; }
  .mesw-mb200-lg { margin-bottom: 200px !important; }
  .mesw-mb250-lg { margin-bottom: 250px !important; }
  .mesw-mb300-lg { margin-bottom: 300px !important; }
  /* right */
  .mesw-mr0-lg   { margin-right:    0  !important; }
  .mesw-mr5-lg  { margin-right:  5px  !important; }
  .mesw-mr10-lg  { margin-right: 10px  !important; }
  .mesw-mr15-lg  { margin-right: 15px  !important; }
  .mesw-mr20-lg  { margin-right: 20px  !important; }
  .mesw-mr25-lg  { margin-right: 25px  !important; }
  .mesw-mr30-lg  { margin-right: 30px  !important; }
  .mesw-mr35-lg  { margin-right: 35px  !important; }
  .mesw-mr40-lg  { margin-right: 40px  !important; }
  .mesw-mr45-lg  { margin-right: 45px  !important; }
  .mesw-mr50-lg  { margin-right: 50px  !important; }
  .mesw-mr60-lg  { margin-right:  60px !important; }
  .mesw-mr70-lg  { margin-right:  70px !important; }
  .mesw-mr80-lg  { margin-right:  80px !important; }
  .mesw-mr90-lg  { margin-right:  90px !important; }
  .mesw-mr100-lg { margin-right: 100px !important; }
  .mesw-mr150-lg { margin-right: 150px !important; }
  .mesw-mr200-lg { margin-right: 200px !important; }
  .mesw-mr250-lg { margin-right: 250px !important; }
  .mesw-mr300-lg { margin-right: 300px !important; }
  /* left */
  .mesw-ml0-lg   { margin-left:    0  !important; }
  .mesw-ml5-lg  { margin-left:  5px  !important; }
  .mesw-ml10-lg  { margin-left: 10px  !important; }
  .mesw-ml15-lg  { margin-left: 15px  !important; }
  .mesw-ml20-lg  { margin-left: 20px  !important; }
  .mesw-ml25-lg  { margin-left: 25px  !important; }
  .mesw-ml30-lg  { margin-left: 30px  !important; }
  .mesw-ml35-lg  { margin-left: 35px  !important; }
  .mesw-ml40-lg  { margin-left: 40px  !important; }
  .mesw-ml45-lg  { margin-left: 45px  !important; }
  .mesw-ml50-lg  { margin-left: 50px  !important; }
  .mesw-ml60-lg  { margin-left:  60px !important; }
  .mesw-ml70-lg  { margin-left:  70px !important; }
  .mesw-ml80-lg  { margin-left:  80px !important; }
  .mesw-ml90-lg  { margin-left:  90px !important; }
  .mesw-ml100-lg { margin-left: 100px !important; }
  .mesw-ml150-lg { margin-left: 150px !important; }
  .mesw-ml200-lg { margin-left: 200px !important; }
  .mesw-ml250-lg { margin-left: 250px !important; }
  .mesw-ml300-lg { margin-left: 300px !important; }

  /* padding
  --------------------------*/
  .mesw-p0-lg   { padding: 0     !important; }
  .mesw-p5-lg  { padding: 5px   !important; }
  .mesw-p10-lg  { padding: 10px  !important; }
  .mesw-p15-lg  { padding: 15px  !important; }
  .mesw-p20-lg  { padding: 20px  !important; }
  .mesw-p25-lg  { padding: 25px  !important; }
  .mesw-p30-lg  { padding: 30px  !important; }
  .mesw-p35-lg  { padding: 35px  !important; }
  .mesw-p40-lg  { padding: 40px  !important; }
  .mesw-p45-lg  { padding: 45px  !important; }
  .mesw-p50-lg  { padding: 50px  !important; }
  .mesw-p60-lg  { padding:  60px !important; }
  .mesw-p70-lg  { padding:  70px !important; }
  .mesw-p80-lg  { padding:  80px !important; }
  .mesw-p90-lg  { padding:  90px !important; }
  .mesw-p100-lg { padding: 100px !important; }
  .mesw-p150-lg { padding: 150px !important; }
  .mesw-p200-lg { padding: 200px !important; }
  .mesw-p250-lg { padding: 250px !important; }
  .mesw-p300-lg { padding: 300px !important; }
  /* top */
  .mesw-pt0-lg   { padding-top: 0     !important; }
  .mesw-pt5-lg  { padding-top: 5px   !important; }
  .mesw-pt10-lg  { padding-top: 10px  !important; }
  .mesw-pt15-lg  { padding-top: 15px  !important; }
  .mesw-pt20-lg  { padding-top: 20px  !important; }
  .mesw-pt25-lg  { padding-top: 25px  !important; }
  .mesw-pt30-lg  { padding-top: 30px  !important; }
  .mesw-pt35-lg  { padding-top: 35px  !important; }
  .mesw-pt40-lg  { padding-top: 40px  !important; }
  .mesw-pt45-lg  { padding-top: 45px  !important; }
  .mesw-pt50-lg  { padding-top: 50px  !important; }
  .mesw-pt60-lg  { padding-top:  60px !important; }
  .mesw-pt70-lg  { padding-top:  70px !important; }
  .mesw-pt80-lg  { padding-top:  80px !important; }
  .mesw-pt90-lg  { padding-top:  90px !important; }
  .mesw-pt100-lg { padding-top: 100px !important; }
  .mesw-pt150-lg { padding-top: 150px !important; }
  .mesw-pt200-lg { padding-top: 200px !important; }
  .mesw-pt250-lg { padding-top: 250px !important; }
  .mesw-pt300-lg { padding-top: 300px !important; }
  /*bottom*/
  .mesw-pb0-lg   { padding-bottom: 0     !important; }
  .mesw-pb5-lg  { padding-bottom: 5px   !important; }
  .mesw-pb10-lg  { padding-bottom: 10px  !important; }
  .mesw-pb15-lg  { padding-bottom: 15px  !important; }
  .mesw-pb20-lg  { padding-bottom: 20px  !important; }
  .mesw-pb25-lg  { padding-bottom: 25px  !important; }
  .mesw-pb30-lg  { padding-bottom: 30px  !important; }
  .mesw-pb35-lg  { padding-bottom: 35px  !important; }
  .mesw-pb40-lg  { padding-bottom: 40px  !important; }
  .mesw-pb45-lg  { padding-bottom: 45px  !important; }
  .mesw-pb50-lg  { padding-bottom: 50px  !important; }
  .mesw-pb60-lg  { padding-bottom:  60px !important; }
  .mesw-pb70-lg  { padding-bottom:  70px !important; }
  .mesw-pb80-lg  { padding-bottom:  80px !important; }
  .mesw-pb90-lg  { padding-bottom:  90px !important; }
  .mesw-pb100-lg { padding-bottom: 100px !important; }
  .mesw-pb150-lg { padding-bottom: 150px !important; }
  .mesw-pb200-lg { padding-bottom: 200px !important; }
  .mesw-pb250-lg { padding-bottom: 250px !important; }
  .mesw-pb300-lg { padding-bottom: 300px !important; }
  /* right */
  .mesw-pr0-lg   { padding-right: 0     !important; }
  .mesw-pr5-lg  { padding-right: 5px   !important; }
  .mesw-pr10-lg  { padding-right: 10px  !important; }
  .mesw-pr15-lg  { padding-right: 15px  !important; }
  .mesw-pr20-lg  { padding-right: 20px  !important; }
  .mesw-pr25-lg  { padding-right: 25px  !important; }
  .mesw-pr30-lg  { padding-right: 30px  !important; }
  .mesw-pr35-lg  { padding-right: 35px  !important; }
  .mesw-pr40-lg  { padding-right: 40px  !important; }
  .mesw-pr45-lg  { padding-right: 45px  !important; }
  .mesw-pr50-lg  { padding-right: 50px  !important; }
  .mesw-pr60-lg  { padding-right:  60px !important; }
  .mesw-pr70-lg  { padding-right:  70px !important; }
  .mesw-pr80-lg  { padding-right:  80px !important; }
  .mesw-pr90-lg  { padding-right:  90px !important; }
  .mesw-pr100-lg { padding-right: 100px !important; }
  .mesw-pr150-lg { padding-right: 150px !important; }
  .mesw-pr200-lg { padding-right: 200px !important; }
  .mesw-pr250-lg { padding-right: 250px !important; }
  .mesw-pr300-lg { padding-right: 300px !important; }
  /* left */
  .mesw-pl0-lg   { padding-left: 0     !important; }
  .mesw-pl5-lg  { padding-left: 5px   !important; }
  .mesw-pl10-lg  { padding-left: 10px  !important; }
  .mesw-pl15-lg  { padding-left: 15px  !important; }
  .mesw-pl20-lg  { padding-left: 20px  !important; }
  .mesw-pl25-lg  { padding-left: 25px  !important; }
  .mesw-pl30-lg  { padding-left: 30px  !important; }
  .mesw-pl35-lg  { padding-left: 35px  !important; }
  .mesw-pl40-lg  { padding-left: 40px  !important; }
  .mesw-pl45-lg  { padding-left: 45px  !important; }
  .mesw-pl50-lg  { padding-left: 50px  !important; }
  .mesw-pl60-lg  { padding-left:  60px !important; }
  .mesw-pl70-lg  { padding-left:  70px !important; }
  .mesw-pl80-lg  { padding-left:  80px !important; }
  .mesw-pl90-lg  { padding-left:  90px !important; }
  .mesw-pl100-lg { padding-left: 100px !important; }
  .mesw-pl150-lg { padding-left: 150px !important; }
  .mesw-pl200-lg { padding-left: 200px !important; }
  .mesw-pl250-lg { padding-left: 250px !important; }
  .mesw-pl300-lg { padding-left: 300px !important; }
}

/*! Medium and Small（Medium以下） */
@media only screen and (max-width: 980px) {
  /* margin
  --------------------------*/
  .mesw-m0-md   { margin:     0 !important; }
  .mesw-m5-md  { margin:   5px !important; }
  .mesw-m10-md  { margin:  10px !important; }
  .mesw-m15-md  { margin:  15px !important; }
  .mesw-m20-md  { margin:  20px !important; }
  .mesw-m25-md  { margin:  25px !important; }
  .mesw-m30-md  { margin:  30px !important; }
  .mesw-m35-md  { margin:  35px !important; }
  .mesw-m40-md  { margin:  40px !important; }
  .mesw-m45-md  { margin:  45px !important; }
  .mesw-m50-md  { margin:  50px !important; }
  .mesw-m60-md  { margin:  60px !important; }
  .mesw-m70-md  { margin:  70px !important; }
  .mesw-m80-md  { margin:  80px !important; }
  .mesw-m90-md  { margin:  90px !important; }
  .mesw-m100-md { margin: 100px !important; }
  .mesw-m150-md { margin: 150px !important; }
  .mesw-m200-md { margin: 200px !important; }
  .mesw-m250-md { margin: 250px !important; }
  .mesw-m300-md { margin: 300px !important; }
  /* top */
  .mesw-mt0-md   { margin-top:    0  !important; }
  .mesw-mt5-md  { margin-top:  5px  !important; }
  .mesw-mt10-md  { margin-top: 10px  !important; }
  .mesw-mt15-md  { margin-top: 15px  !important; }
  .mesw-mt20-md  { margin-top: 20px  !important; }
  .mesw-mt25-md  { margin-top: 25px  !important; }
  .mesw-mt30-md  { margin-top: 30px  !important; }
  .mesw-mt35-md  { margin-top: 35px  !important; }
  .mesw-mt40-md  { margin-top: 40px  !important; }
  .mesw-mt45-md  { margin-top: 45px  !important; }
  .mesw-mt50-md  { margin-top: 50px  !important; }
  .mesw-mt60-md  { margin-top:  60px !important; }
  .mesw-mt70-md  { margin-top:  70px !important; }
  .mesw-mt80-md  { margin-top:  80px !important; }
  .mesw-mt90-md  { margin-top:  90px !important; }
  .mesw-mt100-md { margin-top: 100px !important; }
  .mesw-mt150-md { margin-top: 150px !important; }
  .mesw-mt200-md { margin-top: 200px !important; }
  .mesw-mt250-md { margin-top: 250px !important; }
  .mesw-mt300-md { margin-top: 300px !important; }
  /* bottom */
  .mesw-mb0-md   { margin-bottom:    0  !important; }
  .mesw-mb5-md  { margin-bottom:  5px  !important; }
  .mesw-mb10-md  { margin-bottom: 10px  !important; }
  .mesw-mb15-md  { margin-bottom: 15px  !important; }
  .mesw-mb20-md  { margin-bottom: 20px  !important; }
  .mesw-mb25-md  { margin-bottom: 25px  !important; }
  .mesw-mb30-md  { margin-bottom: 30px  !important; }
  .mesw-mb35-md  { margin-bottom: 35px  !important; }
  .mesw-mb40-md  { margin-bottom: 40px  !important; }
  .mesw-mb45-md  { margin-bottom: 45px  !important; }
  .mesw-mb50-md  { margin-bottom: 50px  !important; }
  .mesw-mb60-md  { margin-bottom:  60px !important; }
  .mesw-mb70-md  { margin-bottom:  70px !important; }
  .mesw-mb80-md  { margin-bottom:  80px !important; }
  .mesw-mb90-md  { margin-bottom:  90px !important; }
  .mesw-mb100-md { margin-bottom: 100px !important; }
  .mesw-mb150-md { margin-bottom: 150px !important; }
  .mesw-mb200-md { margin-bottom: 200px !important; }
  .mesw-mb250-md { margin-bottom: 250px !important; }
  .mesw-mb300-md { margin-bottom: 300px !important; }
  /* right */
  .mesw-mr0-md   { margin-right:    0  !important; }
  .mesw-mr5-md  { margin-right:  5px  !important; }
  .mesw-mr10-md  { margin-right: 10px  !important; }
  .mesw-mr15-md  { margin-right: 15px  !important; }
  .mesw-mr20-md  { margin-right: 20px  !important; }
  .mesw-mr25-md  { margin-right: 25px  !important; }
  .mesw-mr30-md  { margin-right: 30px  !important; }
  .mesw-mr35-md  { margin-right: 35px  !important; }
  .mesw-mr40-md  { margin-right: 40px  !important; }
  .mesw-mr45-md  { margin-right: 45px  !important; }
  .mesw-mr50-md  { margin-right: 50px  !important; }
  .mesw-mr60-md  { margin-right:  60px !important; }
  .mesw-mr70-md  { margin-right:  70px !important; }
  .mesw-mr80-md  { margin-right:  80px !important; }
  .mesw-mr90-md  { margin-right:  90px !important; }
  .mesw-mr100-md { margin-right: 100px !important; }
  .mesw-mr150-md { margin-right: 150px !important; }
  .mesw-mr200-md { margin-right: 200px !important; }
  .mesw-mr250-md { margin-right: 250px !important; }
  .mesw-mr300-md { margin-right: 300px !important; }
  /* left */
  .mesw-ml0-md   { margin-left:    0  !important; }
  .mesw-ml5-md  { margin-left:  5px  !important; }
  .mesw-ml10-md  { margin-left: 10px  !important; }
  .mesw-ml15-md  { margin-left: 15px  !important; }
  .mesw-ml20-md  { margin-left: 20px  !important; }
  .mesw-ml25-md  { margin-left: 25px  !important; }
  .mesw-ml30-md  { margin-left: 30px  !important; }
  .mesw-ml35-md  { margin-left: 35px  !important; }
  .mesw-ml40-md  { margin-left: 40px  !important; }
  .mesw-ml45-md  { margin-left: 45px  !important; }
  .mesw-ml50-md  { margin-left: 50px  !important; }
  .mesw-ml60-md  { margin-left:  60px !important; }
  .mesw-ml70-md  { margin-left:  70px !important; }
  .mesw-ml80-md  { margin-left:  80px !important; }
  .mesw-ml90-md  { margin-left:  90px !important; }
  .mesw-ml100-md { margin-left: 100px !important; }
  .mesw-ml150-md { margin-left: 150px !important; }
  .mesw-ml200-md { margin-left: 200px !important; }
  .mesw-ml250-md { margin-left: 250px !important; }
  .mesw-ml300-md { margin-left: 300px !important; }

  /* padding
  --------------------------*/
  .mesw-p0-md   { padding: 0     !important; }
  .mesw-p5-md  { padding: 5px   !important; }
  .mesw-p10-md  { padding: 10px  !important; }
  .mesw-p15-md  { padding: 15px  !important; }
  .mesw-p20-md  { padding: 20px  !important; }
  .mesw-p25-md  { padding: 25px  !important; }
  .mesw-p30-md  { padding: 30px  !important; }
  .mesw-p35-md  { padding: 35px  !important; }
  .mesw-p40-md  { padding: 40px  !important; }
  .mesw-p45-md  { padding: 45px  !important; }
  .mesw-p50-md  { padding: 50px  !important; }
  .mesw-p60-md  { padding:  60px !important; }
  .mesw-p70-md  { padding:  70px !important; }
  .mesw-p80-md  { padding:  80px !important; }
  .mesw-p90-md  { padding:  90px !important; }
  .mesw-p100-md { padding: 100px !important; }
  .mesw-p150-md { padding: 150px !important; }
  .mesw-p200-md { padding: 200px !important; }
  .mesw-p250-md { padding: 250px !important; }
  .mesw-p300-md { padding: 300px !important; }
  /* top */
  .mesw-pt0-md   { padding-top: 0     !important; }
  .mesw-pt5-md  { padding-top: 5px   !important; }
  .mesw-pt10-md  { padding-top: 10px  !important; }
  .mesw-pt15-md  { padding-top: 15px  !important; }
  .mesw-pt20-md  { padding-top: 20px  !important; }
  .mesw-pt25-md  { padding-top: 25px  !important; }
  .mesw-pt30-md  { padding-top: 30px  !important; }
  .mesw-pt35-md  { padding-top: 35px  !important; }
  .mesw-pt40-md  { padding-top: 40px  !important; }
  .mesw-pt45-md  { padding-top: 45px  !important; }
  .mesw-pt50-md  { padding-top: 50px  !important; }
  .mesw-pt60-md  { padding-top:  60px !important; }
  .mesw-pt70-md  { padding-top:  70px !important; }
  .mesw-pt80-md  { padding-top:  80px !important; }
  .mesw-pt90-md  { padding-top:  90px !important; }
  .mesw-pt100-md { padding-top: 100px !important; }
  .mesw-pt150-md { padding-top: 150px !important; }
  .mesw-pt200-md { padding-top: 200px !important; }
  .mesw-pt250-md { padding-top: 250px !important; }
  .mesw-pt300-md { padding-top: 300px !important; }
  /*bottom*/
  .mesw-pb0-md   { padding-bottom: 0     !important; }
  .mesw-pb5-md  { padding-bottom: 5px   !important; }
  .mesw-pb10-md  { padding-bottom: 10px  !important; }
  .mesw-pb15-md  { padding-bottom: 15px  !important; }
  .mesw-pb20-md  { padding-bottom: 20px  !important; }
  .mesw-pb25-md  { padding-bottom: 25px  !important; }
  .mesw-pb30-md  { padding-bottom: 30px  !important; }
  .mesw-pb35-md  { padding-bottom: 35px  !important; }
  .mesw-pb40-md  { padding-bottom: 40px  !important; }
  .mesw-pb45-md  { padding-bottom: 45px  !important; }
  .mesw-pb50-md  { padding-bottom: 50px  !important; }
  .mesw-pb60-md  { padding-bottom:  60px !important; }
  .mesw-pb70-md  { padding-bottom:  70px !important; }
  .mesw-pb80-md  { padding-bottom:  80px !important; }
  .mesw-pb90-md  { padding-bottom:  90px !important; }
  .mesw-pb100-md { padding-bottom: 100px !important; }
  .mesw-pb150-md { padding-bottom: 150px !important; }
  .mesw-pb200-md { padding-bottom: 200px !important; }
  .mesw-pb250-md { padding-bottom: 250px !important; }
  .mesw-pb300-md { padding-bottom: 300px !important; }
  /* right */
  .mesw-pr0-md   { padding-right: 0     !important; }
  .mesw-pr5-md  { padding-right: 5px   !important; }
  .mesw-pr10-md  { padding-right: 10px  !important; }
  .mesw-pr15-md  { padding-right: 15px  !important; }
  .mesw-pr20-md  { padding-right: 20px  !important; }
  .mesw-pr25-md  { padding-right: 25px  !important; }
  .mesw-pr30-md  { padding-right: 30px  !important; }
  .mesw-pr35-md  { padding-right: 35px  !important; }
  .mesw-pr40-md  { padding-right: 40px  !important; }
  .mesw-pr45-md  { padding-right: 45px  !important; }
  .mesw-pr50-md  { padding-right: 50px  !important; }
  .mesw-pr60-md  { padding-right:  60px !important; }
  .mesw-pr70-md  { padding-right:  70px !important; }
  .mesw-pr80-md  { padding-right:  80px !important; }
  .mesw-pr90-md  { padding-right:  90px !important; }
  .mesw-pr100-md { padding-right: 100px !important; }
  .mesw-pr150-md { padding-right: 150px !important; }
  .mesw-pr200-md { padding-right: 200px !important; }
  .mesw-pr250-md { padding-right: 250px !important; }
  .mesw-pr300-md { padding-right: 300px !important; }
  /* left */
  .mesw-pl0-md   { padding-left: 0     !important; }
  .mesw-pl5-md  { padding-left: 5px   !important; }
  .mesw-pl10-md  { padding-left: 10px  !important; }
  .mesw-pl15-md  { padding-left: 15px  !important; }
  .mesw-pl20-md  { padding-left: 20px  !important; }
  .mesw-pl25-md  { padding-left: 25px  !important; }
  .mesw-pl30-md  { padding-left: 30px  !important; }
  .mesw-pl35-md  { padding-left: 35px  !important; }
  .mesw-pl40-md  { padding-left: 40px  !important; }
  .mesw-pl45-md  { padding-left: 45px  !important; }
  .mesw-pl50-md  { padding-left: 50px  !important; }
  .mesw-pl60-md  { padding-left:  60px !important; }
  .mesw-pl70-md  { padding-left:  70px !important; }
  .mesw-pl80-md  { padding-left:  80px !important; }
  .mesw-pl90-md  { padding-left:  90px !important; }
  .mesw-pl100-md { padding-left: 100px !important; }
  .mesw-pl150-md { padding-left: 150px !important; }
  .mesw-pl200-md { padding-left: 200px !important; }
  .mesw-pl250-md { padding-left: 250px !important; }
  .mesw-pl300-md { padding-left: 300px !important; }
}

/*! Small only (Smallのみ) */
@media only screen and (max-width: 767px) {
  /* margin
  --------------------------*/
  .mesw-m0-sm   { margin:     0 !important; }
  .mesw-m5-sm  { margin:   5px !important; }
  .mesw-m10-sm  { margin:  10px !important; }
  .mesw-m15-sm  { margin:  15px !important; }
  .mesw-m20-sm  { margin:  20px !important; }
  .mesw-m25-sm  { margin:  25px !important; }
  .mesw-m30-sm  { margin:  30px !important; }
  .mesw-m35-sm  { margin:  35px !important; }
  .mesw-m40-sm  { margin:  40px !important; }
  .mesw-m45-sm  { margin:  45px !important; }
  .mesw-m50-sm  { margin:  50px !important; }
  .mesw-m60-sm  { margin:  60px !important; }
  .mesw-m70-sm  { margin:  70px !important; }
  .mesw-m80-sm  { margin:  80px !important; }
  .mesw-m90-sm  { margin:  90px !important; }
  .mesw-m100-sm { margin: 100px !important; }
  .mesw-m150-sm { margin: 150px !important; }
  .mesw-m200-sm { margin: 200px !important; }
  .mesw-m250-sm { margin: 250px !important; }
  .mesw-m300-sm { margin: 300px !important; }
  /* top */
  .mesw-mt0-sm   { margin-top:    0  !important; }
  .mesw-mt5-sm  { margin-top:  5px  !important; }
  .mesw-mt10-sm  { margin-top: 10px  !important; }
  .mesw-mt15-sm  { margin-top: 15px  !important; }
  .mesw-mt20-sm  { margin-top: 20px  !important; }
  .mesw-mt25-sm  { margin-top: 25px  !important; }
  .mesw-mt30-sm  { margin-top: 30px  !important; }
  .mesw-mt35-sm  { margin-top: 35px  !important; }
  .mesw-mt40-sm  { margin-top: 40px  !important; }
  .mesw-mt45-sm  { margin-top: 45px  !important; }
  .mesw-mt50-sm  { margin-top: 50px  !important; }
  .mesw-mt60-sm  { margin-top:  60px !important; }
  .mesw-mt70-sm  { margin-top:  70px !important; }
  .mesw-mt80-sm  { margin-top:  80px !important; }
  .mesw-mt90-sm  { margin-top:  90px !important; }
  .mesw-mt100-sm { margin-top: 100px !important; }
  .mesw-mt150-sm { margin-top: 150px !important; }
  .mesw-mt200-sm { margin-top: 200px !important; }
  .mesw-mt250-sm { margin-top: 250px !important; }
  .mesw-mt300-sm { margin-top: 300px !important; }
  /* bottom */
  .mesw-mb0-sm   { margin-bottom:    0  !important; }
  .mesw-mb5-sm  { margin-bottom:  5px  !important; }
  .mesw-mb10-sm  { margin-bottom: 10px  !important; }
  .mesw-mb15-sm  { margin-bottom: 15px  !important; }
  .mesw-mb20-sm  { margin-bottom: 20px  !important; }
  .mesw-mb25-sm  { margin-bottom: 25px  !important; }
  .mesw-mb30-sm  { margin-bottom: 30px  !important; }
  .mesw-mb35-sm  { margin-bottom: 35px  !important; }
  .mesw-mb40-sm  { margin-bottom: 40px  !important; }
  .mesw-mb45-sm  { margin-bottom: 45px  !important; }
  .mesw-mb50-sm  { margin-bottom: 50px  !important; }
  .mesw-mb60-sm  { margin-bottom:  60px !important; }
  .mesw-mb70-sm  { margin-bottom:  70px !important; }
  .mesw-mb80-sm  { margin-bottom:  80px !important; }
  .mesw-mb90-sm  { margin-bottom:  90px !important; }
  .mesw-mb100-sm { margin-bottom: 100px !important; }
  .mesw-mb150-sm { margin-bottom: 150px !important; }
  .mesw-mb200-sm { margin-bottom: 200px !important; }
  .mesw-mb250-sm { margin-bottom: 250px !important; }
  .mesw-mb300-sm { margin-bottom: 300px !important; }
  /* right */
  .mesw-mr0-sm   { margin-right:    0  !important; }
  .mesw-mr5-sm  { margin-right:  5px  !important; }
  .mesw-mr10-sm  { margin-right: 10px  !important; }
  .mesw-mr15-sm  { margin-right: 15px  !important; }
  .mesw-mr20-sm  { margin-right: 20px  !important; }
  .mesw-mr25-sm  { margin-right: 25px  !important; }
  .mesw-mr30-sm  { margin-right: 30px  !important; }
  .mesw-mr35-sm  { margin-right: 35px  !important; }
  .mesw-mr40-sm  { margin-right: 40px  !important; }
  .mesw-mr45-sm  { margin-right: 45px  !important; }
  .mesw-mr50-sm  { margin-right: 50px  !important; }
  .mesw-mr60-sm  { margin-right:  60px !important; }
  .mesw-mr70-sm  { margin-right:  70px !important; }
  .mesw-mr80-sm  { margin-right:  80px !important; }
  .mesw-mr90-sm  { margin-right:  90px !important; }
  .mesw-mr100-sm { margin-right: 100px !important; }
  .mesw-mr150-sm { margin-right: 150px !important; }
  .mesw-mr200-sm { margin-right: 200px !important; }
  .mesw-mr250-sm { margin-right: 250px !important; }
  .mesw-mr300-sm { margin-right: 300px !important; }
  /* left */
  .mesw-ml0-sm   { margin-left:    0  !important; }
  .mesw-ml5-sm  { margin-left:  5px  !important; }
  .mesw-ml10-sm  { margin-left: 10px  !important; }
  .mesw-ml15-sm  { margin-left: 15px  !important; }
  .mesw-ml20-sm  { margin-left: 20px  !important; }
  .mesw-ml25-sm  { margin-left: 25px  !important; }
  .mesw-ml30-sm  { margin-left: 30px  !important; }
  .mesw-ml35-sm  { margin-left: 35px  !important; }
  .mesw-ml40-sm  { margin-left: 40px  !important; }
  .mesw-ml45-sm  { margin-left: 45px  !important; }
  .mesw-ml50-sm  { margin-left: 50px  !important; }
  .mesw-ml60-sm  { margin-left:  60px !important; }
  .mesw-ml70-sm  { margin-left:  70px !important; }
  .mesw-ml80-sm  { margin-left:  80px !important; }
  .mesw-ml90-sm  { margin-left:  90px !important; }
  .mesw-ml100-sm { margin-left: 100px !important; }
  .mesw-ml150-sm { margin-left: 150px !important; }
  .mesw-ml200-sm { margin-left: 200px !important; }
  .mesw-ml250-sm { margin-left: 250px !important; }
  .mesw-ml300-sm { margin-left: 300px !important; }

  /* padding
  --------------------------*/
  .mesw-p0-sm   { padding: 0     !important; }
  .mesw-p5-sm  { padding: 5px   !important; }
  .mesw-p10-sm  { padding: 10px  !important; }
  .mesw-p15-sm  { padding: 15px  !important; }
  .mesw-p20-sm  { padding: 20px  !important; }
  .mesw-p25-sm  { padding: 25px  !important; }
  .mesw-p30-sm  { padding: 30px  !important; }
  .mesw-p35-sm  { padding: 35px  !important; }
  .mesw-p40-sm  { padding: 40px  !important; }
  .mesw-p45-sm  { padding: 45px  !important; }
  .mesw-p50-sm  { padding: 50px  !important; }
  .mesw-p60-sm  { padding:  60px !important; }
  .mesw-p70-sm  { padding:  70px !important; }
  .mesw-p80-sm  { padding:  80px !important; }
  .mesw-p90-sm  { padding:  90px !important; }
  .mesw-p100-sm { padding: 100px !important; }
  .mesw-p150-sm { padding: 150px !important; }
  .mesw-p200-sm { padding: 200px !important; }
  .mesw-p250-sm { padding: 250px !important; }
  .mesw-p300-sm { padding: 300px !important; }
  /* top */
  .mesw-pt0-sm   { padding-top: 0     !important; }
  .mesw-pt5-sm  { padding-top: 5px   !important; }
  .mesw-pt10-sm  { padding-top: 10px  !important; }
  .mesw-pt15-sm  { padding-top: 15px  !important; }
  .mesw-pt20-sm  { padding-top: 20px  !important; }
  .mesw-pt25-sm  { padding-top: 25px  !important; }
  .mesw-pt30-sm  { padding-top: 30px  !important; }
  .mesw-pt35-sm  { padding-top: 35px  !important; }
  .mesw-pt40-sm  { padding-top: 40px  !important; }
  .mesw-pt45-sm  { padding-top: 45px  !important; }
  .mesw-pt50-sm  { padding-top: 50px  !important; }
  .mesw-pt60-sm  { padding-top:  60px !important; }
  .mesw-pt70-sm  { padding-top:  70px !important; }
  .mesw-pt80-sm  { padding-top:  80px !important; }
  .mesw-pt90-sm  { padding-top:  90px !important; }
  .mesw-pt100-sm { padding-top: 100px !important; }
  .mesw-pt150-sm { padding-top: 150px !important; }
  .mesw-pt200-sm { padding-top: 200px !important; }
  .mesw-pt250-sm { padding-top: 250px !important; }
  .mesw-pt300-sm { padding-top: 300px !important; }
  /*bottom*/
  .mesw-pb0-sm   { padding-bottom: 0     !important; }
  .mesw-pb5-sm  { padding-bottom: 5px   !important; }
  .mesw-pb10-sm  { padding-bottom: 10px  !important; }
  .mesw-pb15-sm  { padding-bottom: 15px  !important; }
  .mesw-pb20-sm  { padding-bottom: 20px  !important; }
  .mesw-pb25-sm  { padding-bottom: 25px  !important; }
  .mesw-pb30-sm  { padding-bottom: 30px  !important; }
  .mesw-pb35-sm  { padding-bottom: 35px  !important; }
  .mesw-pb40-sm  { padding-bottom: 40px  !important; }
  .mesw-pb45-sm  { padding-bottom: 45px  !important; }
  .mesw-pb50-sm  { padding-bottom: 50px  !important; }
  .mesw-pb60-sm  { padding-bottom:  60px !important; }
  .mesw-pb70-sm  { padding-bottom:  70px !important; }
  .mesw-pb80-sm  { padding-bottom:  80px !important; }
  .mesw-pb90-sm  { padding-bottom:  90px !important; }
  .mesw-pb100-sm { padding-bottom: 100px !important; }
  .mesw-pb150-sm { padding-bottom: 150px !important; }
  .mesw-pb200-sm { padding-bottom: 200px !important; }
  .mesw-pb250-sm { padding-bottom: 250px !important; }
  .mesw-pb300-sm { padding-bottom: 300px !important; }
  /* right */
  .mesw-pr0-sm   { padding-right: 0     !important; }
  .mesw-pr5-sm  { padding-right: 5px   !important; }
  .mesw-pr10-sm  { padding-right: 10px  !important; }
  .mesw-pr15-sm  { padding-right: 15px  !important; }
  .mesw-pr20-sm  { padding-right: 20px  !important; }
  .mesw-pr25-sm  { padding-right: 25px  !important; }
  .mesw-pr30-sm  { padding-right: 30px  !important; }
  .mesw-pr35-sm  { padding-right: 35px  !important; }
  .mesw-pr40-sm  { padding-right: 40px  !important; }
  .mesw-pr45-sm  { padding-right: 45px  !important; }
  .mesw-pr50-sm  { padding-right: 50px  !important; }
  .mesw-pr60-sm  { padding-right:  60px !important; }
  .mesw-pr70-sm  { padding-right:  70px !important; }
  .mesw-pr80-sm  { padding-right:  80px !important; }
  .mesw-pr90-sm  { padding-right:  90px !important; }
  .mesw-pr100-sm { padding-right: 100px !important; }
  .mesw-pr150-sm { padding-right: 150px !important; }
  .mesw-pr200-sm { padding-right: 200px !important; }
  .mesw-pr250-sm { padding-right: 250px !important; }
  .mesw-pr300-sm { padding-right: 300px !important; }
  /* left */
  .mesw-pl0-sm   { padding-left: 0     !important; }
  .mesw-pl5-sm  { padding-left: 5px   !important; }
  .mesw-pl10-sm  { padding-left: 10px  !important; }
  .mesw-pl15-sm  { padding-left: 15px  !important; }
  .mesw-pl20-sm  { padding-left: 20px  !important; }
  .mesw-pl25-sm  { padding-left: 25px  !important; }
  .mesw-pl30-sm  { padding-left: 30px  !important; }
  .mesw-pl35-sm  { padding-left: 35px  !important; }
  .mesw-pl40-sm  { padding-left: 40px  !important; }
  .mesw-pl45-sm  { padding-left: 45px  !important; }
  .mesw-pl50-sm  { padding-left: 50px  !important; }
  .mesw-pl60-sm  { padding-left:  60px !important; }
  .mesw-pl70-sm  { padding-left:  70px !important; }
  .mesw-pl80-sm  { padding-left:  80px !important; }
  .mesw-pl90-sm  { padding-left:  90px !important; }
  .mesw-pl100-sm { padding-left: 100px !important; }
  .mesw-pl150-sm { padding-left: 150px !important; }
  .mesw-pl200-sm { padding-left: 200px !important; }
  .mesw-pl250-sm { padding-left: 250px !important; }
  .mesw-pl300-sm { padding-left: 300px !important; }
}

/* ---------------------------------------------- */