@charset "UTF-8";
/*==================================================================
メインビジュアルのスタイルについて

レイアウトボックス
　それぞれ個別にクラス名を入れるとレイアウトができるようになっています。

==================================================================*/
/*

　すべてのページで共通で入っているもの

　.pcObj
　PCの時は表示、スマホの時は非表示になる。

　.spObj
　PCの時は非表示、スマホの時は表示になる


*/
/*
slide-wrap
slide-container
==================================================================*/
#mainVisual .slide_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mainVisual .swiper-container {
  height: 100%;
}

/*
swiper-pagination
==================================================================*/
#mainVisual .swiper-pagination {
  right: 0;
  bottom: 30px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 767px) {
  #mainVisual .swiper-pagination {
    bottom: 2.9%;
    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;
    width: 92%;
  }
}

#mainVisual .swiper-pagination .swiper-pagination-bullet {
  width: 50px;
  height: 3px;
  background: #4d4d4d;
  border-radius: 0;
  opacity: 1;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}

@media screen and (max-width: 767px) {
  #mainVisual .swiper-pagination .swiper-pagination-bullet {
    width: calc(100%/3);
    width: 25px;
    margin: 0;
  }
  #mainVisual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 3px;
  }
}

#mainVisual .swiper-pagination .swiper-pagination-bullet-active {
  width: 80px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  #mainVisual .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
  }
}

/*
swiper-slide
==================================================================*/
#mainVisual .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
}

@media screen and (max-width: 767px) {
  #mainVisual .swiper-slide.Vertical_T_sp {
    -webkit-box-align: top !important;
    -webkit-align-items: top !important;
    -ms-flex-align: top !important;
    align-items: top !important;
  }
}

/*
スライドの背景設定
slide_bg
--------------------------*/
#mainVisual .slide_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

#mainVisual .slide_bg video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_bg video {
    width: auto;
    height: 100%;
  }
}

@media screen and (min-width: 1750px) {
  #mainVisual .slide_bg video {
    width: 100%;
    height: auto;
  }
}

#mainVisual .slide_bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_bg img {
    width: auto;
    height: 100%;
    max-width: auto;
    max-width: initial;
  }
}

@media screen and (min-width: 1750px) {
  #mainVisual .slide_bg img {
    width: auto;
    height: 100%;
  }
}

/* 背景にするものの縦より縦幅が大きいときに入力 */
/* <div class="slide_bg largeH"> */
#mainVisual .slide_bg.largeH video,
#mainVisual .slide_bg.largeH img {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

@media screen and (min-width: 1750px) {
  #mainVisual .slide_bg.largeH video,
  #mainVisual .slide_bg.largeH img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_bg.largeH video,
  #mainVisual .slide_bg.largeH img {
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* 背景にする動画が明るい（白っぽいとき）に入力　すこし暗くします。 */
/* <div class="slide_bg blackbg"> */
#mainVisual .slide_bg.blackbg:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
}

/* 背景にする動画が暗い（黒っぽいとき）に入力　すこし明るくします。 */
/* <div class="slide_bg blackbg"> */
#mainVisual .slide_bg.whitebg:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 0;
}

/* SPのみ　背景にする動画が暗い（黒っぽいとき）に入力　すこし明るくします。 */
@media screen and (max-width: 767px) {
  #mainVisual .slide_bg.whitebg_sp:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 0;
  }
}

/*
メインコンテンツ
slide_main
--------------------------*/
#mainVisual .slide_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1260px;
  height: calc(90% - 30px);
  margin: 0 auto 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.4;
}

@media screen and (min-width: 1400px) {
  #mainVisual .slide_main {
    width: 1260px;
  }
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main {
    height: calc(90% - 2.9%);
    margin: 0 auto 15px;
  }
}

/* 縦に対して中央揃え */
/* <div class="slide_main VerticalC"> */
#mainVisual .slide_main.VerticalC {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* sp だけ縦中央 */
@media screen and (max-width: 767px) {
  #mainVisual .slide_main.VerticalC_sp {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

/* 縦に対して上揃え */
/* <div class="slide_main VerticalT"> */
#mainVisual .slide_main.VerticalT {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* sp だけ上揃え */
@media screen and (max-width: 767px) {
  #mainVisual .slide_main.VerticalT_sp {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
}

/* 縦に対して下揃え */
/* <div class="slide_main VerticalB"> */
#mainVisual .slide_main.VerticalB {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* sp だけ下中央 */
@media screen and (max-width: 767px) {
  #mainVisual .slide_main.VerticalB_sp {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
}

/*
slide_main inner
中のレイアウトパターンの作成
--------------------------*/
#mainVisual .slide_main .inner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* 横に対して中央揃え */
/* <div class="slide_main AlignC"> */
#mainVisual .slide_main.AlignC .inner {
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#mainVisual .slide_main.AlignC .inner .img {
  margin: 0 auto;
}

/* 横に対して文字のある部分左揃え */
/* <div class="slide_main AlignL"> */
#mainVisual .slide_main.AlignL .inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.AlignL .inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  #mainVisual .slide_main.AlignL .inner .img {
    margin: 0 auto;
  }
}

/* 横に対して文字のある部分右揃え */
/* <div class="slide_main AlignR"> */
#mainVisual .slide_main.AlignR .inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.AlignR .inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  #mainVisual .slide_main.AlignR .inner .img {
    margin: 0 auto;
  }
}

/* 文字のある部分が左、画像が右 */
/* <div class="slide_main AlignL imgOn"> */
#mainVisual .slide_main.AlignL.imgOn .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.AlignL.imgOn .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* 文字のある部分が右、画像が左 */
/* <div class="slide_main AlignR imgOn"> */
#mainVisual .slide_main.AlignR.imgOn .inner {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.AlignR.imgOn .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/* 文字のある部分が上、画像が下 */
/* <div class="slide_main AlignR imgOn chageImg"> */
#mainVisual .slide_main.changeImg .introduction_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.changeImg .introduction_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/*
メインコンテンツ
inner の中
画像
--------------------------*/
/* 基本形 */
#mainVisual .inner .img {
  width: 100%;
}

#mainVisual .inner .img img {
  width: 100%;
}

/* onebox の中の画像 */
#mainVisual .onebox .img {
  width: 61.11111%;
  max-width: 770px;
}

#mainVisual .onebox .img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #mainVisual .onebox .img {
    width: 100%;
  }
}

/* onebox の中の画像 横幅最大250にしたい */
#mainVisual .onebox .img.w250 {
  width: 21.42857%;
  max-width: 270px;
}

#mainVisual .onebox .img.w250 img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #mainVisual .onebox .img.w250 {
    width: 100%;
    width: 33.33333%;
    max-width: 100%;
  }
}

/* onebox の中の画像 横幅SPのとき80%ぐらいにしたい */
@media screen and (max-width: 767px) {
  #mainVisual .onebox .img.w80pr {
    width: 80%;
    max-width: 80%;
  }
}

/* onebox の中の画像 横幅SPのとき70%ぐらいにしたい */
@media screen and (max-width: 767px) {
  #mainVisual .onebox .img.w70pr {
    width: 70%;
    max-width: 70%;
  }
}

/* onebox の中の画像 横幅SPのとき60%ぐらいにしたい */
@media screen and (max-width: 767px) {
  #mainVisual .onebox .img.w60pr {
    width: 60%;
    max-width: 60%;
  }
}

/*
メインコンテンツ
inner の中
テキストなどが入る箇所
--------------------------*/
#mainVisual .introduction_box {
  width: 42.06349%;
  max-width: 530px;
}

@media screen and (max-width: 767px) {
  #mainVisual .introduction_box {
    width: 100%;
    max-width: auto;
    max-width: initial;
  }
}

/* 箱がひとつしかない かつ真ん中揃え */
#mainVisual .slide_main.onebox .introduction_box {
  width: 61.11111%;
  max-width: 770px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.onebox .introduction_box {
    width: 100%;
    max-width: auto;
    max-width: initial;
  }
}

/* 文字が上、画像が下 */
#mainVisual .slide_main.changeImg .introduction_box {
  width: 42.06349%;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #mainVisual .slide_main.changeImg .introduction_box {
    width: 100%;
    max-width: auto;
    max-width: initial;
  }
}

/*
メインコンテンツ
introduction_box の中
--------------------------*/
/* 商品名 product_name */
#mainVisual .introduction_box .product_name {
  max-width: 530px;
}

#mainVisual .introduction_box .product_name img {
  width: 100%;
}

#mainVisual .introduction_box .text_img {
  max-width: 530px;
}

#mainVisual .introduction_box .text_img img {
  width: 100%;
}

/*
メインコンテンツ
introduction_box の中
詳しくはこちらボタン
--------------------------*/
#mainVisual .btm_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  #mainVisual .btm_wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

/* 横に対して中央揃えのときのボタンエリア */
#mainVisual .slide_main.AlignC .btm_wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ボタンエリアだけ中央寄せ*/
#mainVisual .slide_main .btm_wrap.AlignC {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ボタンエリアだけ右寄せ*/
#mainVisual .slide_main .btm_wrap.AlignR {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* 詳しくはこちらボタン基本設定 */
#mainVisual .moreinfo_btn {
  display: inline-block;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mainVisual .moreinfo_btn a {
  display: block;
  padding: 6% 28px 6% 1em;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 7px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #mainVisual .moreinfo_btn a {
    text-align: center;
    padding: 6% 20px 6% 1em;
    background-size: 6px auto;
    background-position: 95% 45%;
    font-size: 1.1rem;
  }
}

#mainVisual .moreinfo_btn + .moreinfo_btn {
  margin-left: 5px;
}

/* 枠線が黒で、ホバーの時に背景黒、文字色白 */
#mainVisual .moreinfo_btn.blackbr {
  border-color: #000;
}

#mainVisual .moreinfo_btn.blackbr a {
  background-image: url(/assets/images/top/icon_arrow02.png);
  color: #000;
}

#mainVisual .moreinfo_btn.blackbr a:hover {
  color: #fff;
  background-color: #000;
  background-image: url(/assets/images/top/icon_arrow03.png);
}

/* 枠線が白で、ホバーの時に背景白、文字色黒 */
#mainVisual .moreinfo_btn.whitebr {
  border-color: #fff;
}

#mainVisual .moreinfo_btn.whitebr a {
  background-image: url(/assets/images/top/icon_arrow03.png);
  color: #fff;
}

#mainVisual .moreinfo_btn.whitebr a:hover {
  color: #000;
  background-color: #fff;
  background-image: url(/assets/images/top/icon_arrow02.png);
}

/* 枠線がなしで背景が白、ホバーの時に背景黒、文字色白 */
#mainVisual .moreinfo_btn.whitebg {
  border: none;
}

#mainVisual .moreinfo_btn.whitebg a {
  color: #000;
  background-color: #fff;
  background-image: url(/assets/images/top/icon_arrow02.png);
}

#mainVisual .moreinfo_btn.whitebg a:hover {
  color: #fff;
  background-color: #000;
  background-image: url(/assets/images/top/icon_arrow03.png);
}

/* 枠線がピンク、ホバーの時に背景ピンク、文字色白 */
#mainVisual .moreinfo_btn.pinkbr {
  border-color: #dd6894;
}

#mainVisual .moreinfo_btn.pinkbr a {
  color: #dd6894;
  background-image: url(/assets/images/top/icon_arrow04.png);
}

#mainVisual .moreinfo_btn.pinkbr a:hover {
  color: #fff;
  background-color: #dd6894;
  background-image: url(/assets/images/top/icon_arrow03.png);
}

/* 枠線がCuratORカラー、ホバーの時に背景CuratORカラー、文字色白 */
#mainVisual .moreinfo_btn.curatorbr {
  border-color: #56adae;
}

#mainVisual .moreinfo_btn.curatorbr a {
  color: #56adae;
  background-image: url(/assets/images/top/icon_arrow05.png);
}

#mainVisual .moreinfo_btn.curatorbr a:hover {
  color: #fff;
  background-color: #56adae;
  background-image: url(/assets/images/top/icon_arrow03.png);
}

/*
メインコンテンツ
introduction_box の中
画像と横並びのタイトルなど
--------------------------*/
#mainVisual .img_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 42.85714%;
  max-width: 540px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #mainVisual .img_wrap {
    width: 100%;
    max-width: auto;
    max-width: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

#mainVisual .img_wrap .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48.4127%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#mainVisual .img_wrap .title img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #mainVisual .img_wrap .title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 100%;
  }
  #mainVisual .img_wrap .title p {
    width: 45%;
  }
}

/*
メインコンテンツ
introduction_box の中
タイトル縦並び
--------------------------*/
#mainVisual .img_wrap .title .plus {
  width: 2.21429vw;
  max-width: 31px;
}

@media screen and (max-width: 767px) {
  #mainVisual .img_wrap .title .plus {
    width: 4.13333vw;
    margin: 0 auto;
  }
  #mainVisual .img_wrap .title .plus img {
    width: 100%;
  }
}

/*
個別設定
==================================================================*/
/*
margin 各種
画面幅が
1400以上⇒px
768~1399⇒vw
0~767⇒px
PCのとき
mt_pc mb_pc ml_pc mr_pc⇒margin打消し
SPのとき
mt_sp mb_sp ml_sp mr_sp⇒margin打消し
--------------------------*/
/* margint-top */
.mt1 {
  margin-top: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt1 {
    margin-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt1 {
    margin-top: 0.33333px !important;
  }
}

.mt2 {
  margin-top: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .mt2 {
    margin-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt2 {
    margin-top: 0.66667px !important;
  }
}

.mt3 {
  margin-top: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .mt3 {
    margin-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt3 {
    margin-top: 1px !important;
  }
}

.mt4 {
  margin-top: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .mt4 {
    margin-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt4 {
    margin-top: 1.33333px !important;
  }
}

.mt5 {
  margin-top: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .mt5 {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt5 {
    margin-top: 1.66667px !important;
  }
}

.mt6 {
  margin-top: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .mt6 {
    margin-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt6 {
    margin-top: 2px !important;
  }
}

.mt7 {
  margin-top: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  .mt7 {
    margin-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt7 {
    margin-top: 2.33333px !important;
  }
}

.mt8 {
  margin-top: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt8 {
    margin-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt8 {
    margin-top: 2.66667px !important;
  }
}

.mt9 {
  margin-top: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .mt9 {
    margin-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt9 {
    margin-top: 3px !important;
  }
}

.mt10 {
  margin-top: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .mt10 {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt10 {
    margin-top: 3.33333px !important;
  }
}

.mt15 {
  margin-top: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt15 {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt15 {
    margin-top: 5px !important;
  }
}

.mt20 {
  margin-top: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .mt20 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt20 {
    margin-top: 6.66667px !important;
  }
}

.mt25 {
  margin-top: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .mt25 {
    margin-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt25 {
    margin-top: 8.33333px !important;
  }
}

.mt30 {
  margin-top: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .mt30 {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt30 {
    margin-top: 10px !important;
  }
}

.mt35 {
  margin-top: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  .mt35 {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt35 {
    margin-top: 11.66667px !important;
  }
}

.mt40 {
  margin-top: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .mt40 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt40 {
    margin-top: 13.33333px !important;
  }
}

.mt45 {
  margin-top: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .mt45 {
    margin-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt45 {
    margin-top: 15px !important;
  }
}

.mt50 {
  margin-top: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt50 {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt50 {
    margin-top: 16.66667px !important;
  }
}

.mt55 {
  margin-top: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  .mt55 {
    margin-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt55 {
    margin-top: 18.33333px !important;
  }
}

.mt60 {
  margin-top: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .mt60 {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt60 {
    margin-top: 20px !important;
  }
}

.mt65 {
  margin-top: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .mt65 {
    margin-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt65 {
    margin-top: 21.66667px !important;
  }
}

.mt70 {
  margin-top: 5vw !important;
}

@media screen and (min-width: 1400px) {
  .mt70 {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt70 {
    margin-top: 23.33333px !important;
  }
}

.mt75 {
  margin-top: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .mt75 {
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt75 {
    margin-top: 25px !important;
  }
}

.mt80 {
  margin-top: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .mt80 {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt80 {
    margin-top: 26.66667px !important;
  }
}

.mt85 {
  margin-top: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt85 {
    margin-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt85 {
    margin-top: 28.33333px !important;
  }
}

.mt90 {
  margin-top: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .mt90 {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt90 {
    margin-top: 30px !important;
  }
}

.mt95 {
  margin-top: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .mt95 {
    margin-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt95 {
    margin-top: 31.66667px !important;
  }
}

.mt100 {
  margin-top: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .mt100 {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt100 {
    margin-top: 33.33333px !important;
  }
}

.mt105 {
  margin-top: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  .mt105 {
    margin-top: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt105 {
    margin-top: 35px !important;
  }
}

.mt110 {
  margin-top: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .mt110 {
    margin-top: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt110 {
    margin-top: 36.66667px !important;
  }
}

.mt115 {
  margin-top: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .mt115 {
    margin-top: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt115 {
    margin-top: 38.33333px !important;
  }
}

.mt120 {
  margin-top: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt120 {
    margin-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt120 {
    margin-top: 40px !important;
  }
}

.mt400 {
  margin-top: 28.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .mt400 {
    margin-top: 400px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt400 {
    margin-top: 420px !important;
  }
}

/* margint-bottom */
.mb0 {
  margin-bottom: 0vw !important;
}

@media screen and (min-width: 1400px) {
  .mb0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb0 {
    margin-bottom: 0px !important;
  }
}

.mb1 {
  margin-bottom: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .mb1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb1 {
    margin-bottom: 0.5px !important;
  }
}

.mb2 {
  margin-bottom: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .mb2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb2 {
    margin-bottom: 1px !important;
  }
}

.mb3 {
  margin-bottom: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .mb3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb3 {
    margin-bottom: 1.5px !important;
  }
}

.mb4 {
  margin-bottom: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .mb4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb4 {
    margin-bottom: 2px !important;
  }
}

.mb5 {
  margin-bottom: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .mb5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb5 {
    margin-bottom: 2.5px !important;
  }
}

.mb6 {
  margin-bottom: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .mb6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb6 {
    margin-bottom: 3px !important;
  }
}

.mb7 {
  margin-bottom: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  .mb7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb7 {
    margin-bottom: 3.5px !important;
  }
}

.mb8 {
  margin-bottom: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .mb8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb8 {
    margin-bottom: 4px !important;
  }
}

.mb9 {
  margin-bottom: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .mb9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb9 {
    margin-bottom: 4.5px !important;
  }
}

.mb10 {
  margin-bottom: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 767px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
}

.mb15 {
  margin-bottom: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 15px !important;
}

@media screen and (max-width: 767px) {
  .mb15 {
    margin-bottom: 7.5px !important;
  }
}

.mb20 {
  margin-bottom: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 767px) {
  .mb20 {
    margin-bottom: 10px !important;
  }
}

.mb25 {
  margin-bottom: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 25px !important;
}

@media screen and (max-width: 767px) {
  .mb25 {
    margin-bottom: 12.5px !important;
  }
}

.mb30 {
  margin-bottom: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
  .mb30 {
    margin-bottom: 15px !important;
  }
}

.mb35 {
  margin-bottom: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 35px !important;
}

@media screen and (max-width: 767px) {
  .mb35 {
    margin-bottom: 17.5px !important;
  }
}

.mb40 {
  margin-bottom: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 767px) {
  .mb40 {
    margin-bottom: 20px !important;
  }
}

.mb45 {
  margin-bottom: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 45px !important;
}

@media screen and (max-width: 767px) {
  .mb45 {
    margin-bottom: 22.5px !important;
  }
}

.mb50 {
  margin-bottom: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 767px) {
  .mb50 {
    margin-bottom: 25px !important;
  }
}

.mb55 {
  margin-bottom: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 55px !important;
}

@media screen and (max-width: 767px) {
  .mb55 {
    margin-bottom: 27.5px !important;
  }
}

.mb60 {
  margin-bottom: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 767px) {
  .mb60 {
    margin-bottom: 30px !important;
  }
}

.mb65 {
  margin-bottom: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 65px !important;
}

@media screen and (max-width: 767px) {
  .mb65 {
    margin-bottom: 32.5px !important;
  }
}

.mb70 {
  margin-bottom: 5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 70px !important;
}

@media screen and (max-width: 767px) {
  .mb70 {
    margin-bottom: 35px !important;
  }
}

.mb75 {
  margin-bottom: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 75px !important;
}

@media screen and (max-width: 767px) {
  .mb75 {
    margin-bottom: 37.5px !important;
  }
}

.mb80 {
  margin-bottom: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 767px) {
  .mb80 {
    margin-bottom: 40px !important;
  }
}

.mb85 {
  margin-bottom: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 85px !important;
}

@media screen and (max-width: 767px) {
  .mb85 {
    margin-bottom: 42.5px !important;
  }
}

.mb90 {
  margin-bottom: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 90px !important;
}

@media screen and (max-width: 767px) {
  .mb90 {
    margin-bottom: 45px !important;
  }
}

.mb95 {
  margin-bottom: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 95px !important;
}

@media screen and (max-width: 767px) {
  .mb95 {
    margin-bottom: 47.5px !important;
  }
}

.mb100 {
  margin-bottom: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 767px) {
  .mb100 {
    margin-bottom: 50px !important;
  }
}

.mb105 {
  margin-bottom: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 105px !important;
}

@media screen and (max-width: 767px) {
  .mb105 {
    margin-bottom: 52.5px !important;
  }
}

.mb110 {
  margin-bottom: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 110px !important;
}

@media screen and (max-width: 767px) {
  .mb110 {
    margin-bottom: 55px !important;
  }
}

.mb115 {
  margin-bottom: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 115px !important;
}

@media screen and (max-width: 767px) {
  .mb115 {
    margin-bottom: 57.5px !important;
  }
}

.mb120 {
  margin-bottom: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 120px !important;
}

@media screen and (max-width: 767px) {
  .mb120 {
    margin-bottom: 60px !important;
  }
}

.mb200 {
  margin-bottom: 14.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-bottom: 200px !important;
}

@media screen and (max-width: 767px) {
  .mb120 {
    margin-bottom: 100px !important;
  }
}


/* margint-left */
.ml0 {
  margin-left: 0vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 0px !important;
}

@media screen and (max-width: 767px) {
  .ml0 {
    margin-left: 0px !important;
  }
}

.ml1 {
  margin-left: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 1px !important;
}

@media screen and (max-width: 767px) {
  .ml1 {
    margin-left: 0.5px !important;
  }
}

.ml2 {
  margin-left: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 2px !important;
}

@media screen and (max-width: 767px) {
  .ml2 {
    margin-left: 1px !important;
  }
}

.ml3 {
  margin-left: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 3px !important;
}

@media screen and (max-width: 767px) {
  .ml3 {
    margin-left: 1.5px !important;
  }
}

.ml4 {
  margin-left: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 4px !important;
}

@media screen and (max-width: 767px) {
  .ml4 {
    margin-left: 2px !important;
  }
}

.ml5 {
  margin-left: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 5px !important;
}

@media screen and (max-width: 767px) {
  .ml5 {
    margin-left: 2.5px !important;
  }
}

.ml6 {
  margin-left: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 6px !important;
}

@media screen and (max-width: 767px) {
  .ml6 {
    margin-left: 3px !important;
  }
}

.ml7 {
  margin-left: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 7px !important;
}

@media screen and (max-width: 767px) {
  .ml7 {
    margin-left: 3.5px !important;
  }
}

.ml8 {
  margin-left: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 8px !important;
}

@media screen and (max-width: 767px) {
  .ml8 {
    margin-left: 4px !important;
  }
}

.ml9 {
  margin-left: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 9px !important;
}

@media screen and (max-width: 767px) {
  .ml9 {
    margin-left: 4.5px !important;
  }
}

.ml10 {
  margin-left: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 10px !important;
}

@media screen and (max-width: 767px) {
  .ml10 {
    margin-left: 5px !important;
  }
}

.ml15 {
  margin-left: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 15px !important;
}

@media screen and (max-width: 767px) {
  .ml15 {
    margin-left: 7.5px !important;
  }
}

.ml20 {
  margin-left: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 20px !important;
}

@media screen and (max-width: 767px) {
  .ml20 {
    margin-left: 10px !important;
  }
}

.ml25 {
  margin-left: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 25px !important;
}

@media screen and (max-width: 767px) {
  .ml25 {
    margin-left: 12.5px !important;
  }
}

.ml30 {
  margin-left: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 30px !important;
}

@media screen and (max-width: 767px) {
  .ml30 {
    margin-left: 15px !important;
  }
}

.ml35 {
  margin-left: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 35px !important;
}

@media screen and (max-width: 767px) {
  .ml35 {
    margin-left: 17.5px !important;
  }
}

.ml40 {
  margin-left: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 40px !important;
}

@media screen and (max-width: 767px) {
  .ml40 {
    margin-left: 20px !important;
  }
}

.ml45 {
  margin-left: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 45px !important;
}

@media screen and (max-width: 767px) {
  .ml45 {
    margin-left: 22.5px !important;
  }
}

.ml50 {
  margin-left: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 50px !important;
}

@media screen and (max-width: 767px) {
  .ml50 {
    margin-left: 25px !important;
  }
}

.ml55 {
  margin-left: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 55px !important;
}

@media screen and (max-width: 767px) {
  .ml55 {
    margin-left: 27.5px !important;
  }
}

.ml60 {
  margin-left: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .ml60 {
    margin-left: 30px !important;
  }
}

.ml65 {
  margin-left: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 65px !important;
}

@media screen and (max-width: 767px) {
  .ml65 {
    margin-left: 32.5px !important;
  }
}

.ml70 {
  margin-left: 5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 70px !important;
}

@media screen and (max-width: 767px) {
  .ml70 {
    margin-left: 35px !important;
  }
}

.ml75 {
  margin-left: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 75px !important;
}

@media screen and (max-width: 767px) {
  .ml75 {
    margin-left: 37.5px !important;
  }
}

.ml80 {
  margin-left: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 80px !important;
}

@media screen and (max-width: 767px) {
  .ml80 {
    margin-left: 40px !important;
  }
}

.ml85 {
  margin-left: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 85px !important;
}

@media screen and (max-width: 767px) {
  .ml85 {
    margin-left: 42.5px !important;
  }
}

.ml90 {
  margin-left: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 90px !important;
}

@media screen and (max-width: 767px) {
  .ml90 {
    margin-left: 45px !important;
  }
}

.ml95 {
  margin-left: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 95px !important;
}

@media screen and (max-width: 767px) {
  .ml95 {
    margin-left: 47.5px !important;
  }
}

.ml100 {
  margin-left: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 100px !important;
}

@media screen and (max-width: 767px) {
  .ml100 {
    margin-left: 50px !important;
  }
}

.ml105 {
  margin-left: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 105px !important;
}

@media screen and (max-width: 767px) {
  .ml105 {
    margin-left: 52.5px !important;
  }
}

.ml110 {
  margin-left: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 110px !important;
}

@media screen and (max-width: 767px) {
  .ml110 {
    margin-left: 55px !important;
  }
}

.ml115 {
  margin-left: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 115px !important;
}

@media screen and (max-width: 767px) {
  .ml115 {
    margin-left: 57.5px !important;
  }
}

.ml120 {
  margin-left: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-left: 120px !important;
}

@media screen and (max-width: 767px) {
  .ml120 {
    margin-left: 60px !important;
  }
}

/* margint-right */
.mr0 {
  margin-right: 0vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 0px !important;
}

@media screen and (max-width: 767px) {
  .mr0 {
    margin-right: 0px !important;
  }
}

.mr1 {
  margin-right: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 1px !important;
}

@media screen and (max-width: 767px) {
  .mr1 {
    margin-right: 0.5px !important;
  }
}

.mr2 {
  margin-right: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 2px !important;
}

@media screen and (max-width: 767px) {
  .mr2 {
    margin-right: 1px !important;
  }
}

.mr3 {
  margin-right: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 3px !important;
}

@media screen and (max-width: 767px) {
  .mr3 {
    margin-right: 1.5px !important;
  }
}

.mr4 {
  margin-right: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 4px !important;
}

@media screen and (max-width: 767px) {
  .mr4 {
    margin-right: 2px !important;
  }
}

.mr5 {
  margin-right: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 5px !important;
}

@media screen and (max-width: 767px) {
  .mr5 {
    margin-right: 2.5px !important;
  }
}

.mr6 {
  margin-right: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 6px !important;
}

@media screen and (max-width: 767px) {
  .mr6 {
    margin-right: 3px !important;
  }
}

.mr7 {
  margin-right: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 7px !important;
}

@media screen and (max-width: 767px) {
  .mr7 {
    margin-right: 3.5px !important;
  }
}

.mr8 {
  margin-right: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 8px !important;
}

@media screen and (max-width: 767px) {
  .mr8 {
    margin-right: 4px !important;
  }
}

.mr9 {
  margin-right: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 9px !important;
}

@media screen and (max-width: 767px) {
  .mr9 {
    margin-right: 4.5px !important;
  }
}

.mr10 {
  margin-right: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 10px !important;
}

@media screen and (max-width: 767px) {
  .mr10 {
    margin-right: 5px !important;
  }
}

.mr15 {
  margin-right: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 15px !important;
}

@media screen and (max-width: 767px) {
  .mr15 {
    margin-right: 7.5px !important;
  }
}

.mr20 {
  margin-right: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 20px !important;
}

@media screen and (max-width: 767px) {
  .mr20 {
    margin-right: 10px !important;
  }
}

.mr25 {
  margin-right: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 25px !important;
}

@media screen and (max-width: 767px) {
  .mr25 {
    margin-right: 12.5px !important;
  }
}

.mr30 {
  margin-right: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 30px !important;
}

@media screen and (max-width: 767px) {
  .mr30 {
    margin-right: 15px !important;
  }
}

.mr35 {
  margin-right: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 35px !important;
}

@media screen and (max-width: 767px) {
  .mr35 {
    margin-right: 17.5px !important;
  }
}

.mr40 {
  margin-right: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 40px !important;
}

@media screen and (max-width: 767px) {
  .mr40 {
    margin-right: 20px !important;
  }
}

.mr45 {
  margin-right: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 45px !important;
}

@media screen and (max-width: 767px) {
  .mr45 {
    margin-right: 22.5px !important;
  }
}

.mr50 {
  margin-right: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 50px !important;
}

@media screen and (max-width: 767px) {
  .mr50 {
    margin-right: 25px !important;
  }
}

.mr55 {
  margin-right: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 55px !important;
}

@media screen and (max-width: 767px) {
  .mr55 {
    margin-right: 27.5px !important;
  }
}

.mr60 {
  margin-right: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 60px !important;
}

@media screen and (max-width: 767px) {
  .mr60 {
    margin-right: 30px !important;
  }
}

.mr65 {
  margin-right: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 65px !important;
}

@media screen and (max-width: 767px) {
  .mr65 {
    margin-right: 32.5px !important;
  }
}

.mr70 {
  margin-right: 5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 70px !important;
}

@media screen and (max-width: 767px) {
  .mr70 {
    margin-right: 35px !important;
  }
}

.mr75 {
  margin-right: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 75px !important;
}

@media screen and (max-width: 767px) {
  .mr75 {
    margin-right: 37.5px !important;
  }
}

.mr80 {
  margin-right: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 80px !important;
}

@media screen and (max-width: 767px) {
  .mr80 {
    margin-right: 40px !important;
  }
}

.mr85 {
  margin-right: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 85px !important;
}

@media screen and (max-width: 767px) {
  .mr85 {
    margin-right: 42.5px !important;
  }
}

.mr90 {
  margin-right: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 90px !important;
}

@media screen and (max-width: 767px) {
  .mr90 {
    margin-right: 45px !important;
  }
}

.mr95 {
  margin-right: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 95px !important;
}

@media screen and (max-width: 767px) {
  .mr95 {
    margin-right: 47.5px !important;
  }
}

.mr100 {
  margin-right: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 100px !important;
}

@media screen and (max-width: 767px) {
  .mr100 {
    margin-right: 50px !important;
  }
}

.mr105 {
  margin-right: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 105px !important;
}

@media screen and (max-width: 767px) {
  .mr105 {
    margin-right: 52.5px !important;
  }
}

.mr110 {
  margin-right: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 110px !important;
}

@media screen and (max-width: 767px) {
  .mr110 {
    margin-right: 55px !important;
  }
}

.mr115 {
  margin-right: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 115px !important;
}

@media screen and (max-width: 767px) {
  .mr115 {
    margin-right: 57.5px !important;
  }
}

.mr120 {
  margin-right: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  margin-right: 120px !important;
}

@media screen and (max-width: 767px) {
  .mr120 {
    margin-right: 60px !important;
  }
}

/* pc 打消し用*/
@media screen and (min-width: 768px) {
  .mt_pc {
    margin-top: 0 !important;
  }
  .mb_pc {
    margin-bottom: 0 !important;
  }
  .ml_pc {
    margin-left: 0 !important;
  }
  .mr_pc {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .mt_sp {
    margin-top: 0 !important;
  }
  .mb_sp {
    margin-bottom: 0 !important;
  }
  .ml_sp {
    margin-left: 0 !important;
  }
  .mr_sp {
    margin-right: 0 !important;
  }
}

/*
padding 各種
画面幅が
1400以上⇒px
768~1399⇒vw
0~767⇒px
PCのとき
pt_pc pb_pc pl_pc pr_pc⇒padding打消し
SPのとき
pt_sp pb_sp pl_sp pr_sp⇒padding打消し
--------------------------*/
/* padding-top */
.pt0 {
  padding-top: 0vw !important;
}

@media screen and (min-width: 1400px) {
  .pt0 {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt0 {
    padding-top: 0px !important;
  }
}

.pt1 {
  padding-top: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt1 {
    padding-top: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt1 {
    padding-top: 0.5px !important;
  }
}

.pt2 {
  padding-top: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pt2 {
    padding-top: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt2 {
    padding-top: 1px !important;
  }
}

.pt3 {
  padding-top: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pt3 {
    padding-top: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt3 {
    padding-top: 1.5px !important;
  }
}

.pt4 {
  padding-top: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .pt4 {
    padding-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt4 {
    padding-top: 2px !important;
  }
}

.pt5 {
  padding-top: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .pt5 {
    padding-top: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt5 {
    padding-top: 2.5px !important;
  }
}

.pt6 {
  padding-top: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pt6 {
    padding-top: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt6 {
    padding-top: 3px !important;
  }
}

.pt7 {
  padding-top: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pt7 {
    padding-top: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt7 {
    padding-top: 3.5px !important;
  }
}

.pt8 {
  padding-top: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt8 {
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt8 {
    padding-top: 4px !important;
  }
}

.pt9 {
  padding-top: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .pt9 {
    padding-top: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt9 {
    padding-top: 4.5px !important;
  }
}

.pt10 {
  padding-top: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .pt10 {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt10 {
    padding-top: 5px !important;
  }
}

.pt15 {
  padding-top: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt15 {
    padding-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt15 {
    padding-top: 7.5px !important;
  }
}

.pt20 {
  padding-top: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pt20 {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt20 {
    padding-top: 10px !important;
  }
}

.pt25 {
  padding-top: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .pt25 {
    padding-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt25 {
    padding-top: 12.5px !important;
  }
}

.pt30 {
  padding-top: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pt30 {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt30 {
    padding-top: 15px !important;
  }
}

.pt35 {
  padding-top: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pt35 {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt35 {
    padding-top: 17.5px !important;
  }
}

.pt40 {
  padding-top: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .pt40 {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt40 {
    padding-top: 20px !important;
  }
}

.pt45 {
  padding-top: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pt45 {
    padding-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt45 {
    padding-top: 22.5px !important;
  }
}

.pt50 {
  padding-top: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt50 {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt50 {
    padding-top: 25px !important;
  }
}

.pt55 {
  padding-top: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  .pt55 {
    padding-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt55 {
    padding-top: 27.5px !important;
  }
}

.pt60 {
  padding-top: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .pt60 {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt60 {
    padding-top: 30px !important;
  }
}

.pt65 {
  padding-top: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .pt65 {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt65 {
    padding-top: 32.5px !important;
  }
}

.pt70 {
  padding-top: 5vw !important;
}

@media screen and (min-width: 1400px) {
  .pt70 {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt70 {
    padding-top: 35px !important;
  }
}

.pt75 {
  padding-top: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .pt75 {
    padding-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt75 {
    padding-top: 37.5px !important;
  }
}

.pt80 {
  padding-top: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .pt80 {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt80 {
    padding-top: 40px !important;
  }
}

.pt85 {
  padding-top: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt85 {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt85 {
    padding-top: 42.5px !important;
  }
}

.pt90 {
  padding-top: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pt90 {
    padding-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt90 {
    padding-top: 45px !important;
  }
}

.pt95 {
  padding-top: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .pt95 {
    padding-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt95 {
    padding-top: 47.5px !important;
  }
}

.pt100 {
  padding-top: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pt100 {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt100 {
    padding-top: 50px !important;
  }
}

.pt105 {
  padding-top: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pt105 {
    padding-top: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt105 {
    padding-top: 52.5px !important;
  }
}

.pt110 {
  padding-top: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .pt110 {
    padding-top: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt110 {
    padding-top: 55px !important;
  }
}

.pt115 {
  padding-top: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pt115 {
    padding-top: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt115 {
    padding-top: 57.5px !important;
  }
}

.pt120 {
  padding-top: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pt120 {
    padding-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt120 {
    padding-top: 60px !important;
  }
}

/* padding-bottom */
.pb0 {
  padding-bottom: 0vw !important;
}

@media screen and (min-width: 1400px) {
  .pb0 {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb0 {
    padding-bottom: 0px !important;
  }
}

.pb1 {
  padding-bottom: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb1 {
    padding-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb1 {
    padding-bottom: 0.5px !important;
  }
}

.pb2 {
  padding-bottom: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pb2 {
    padding-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb2 {
    padding-bottom: 1px !important;
  }
}

.pb3 {
  padding-bottom: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pb3 {
    padding-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb3 {
    padding-bottom: 1.5px !important;
  }
}

.pb4 {
  padding-bottom: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .pb4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb4 {
    padding-bottom: 2px !important;
  }
}

.pb5 {
  padding-bottom: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .pb5 {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb5 {
    padding-bottom: 2.5px !important;
  }
}

.pb6 {
  padding-bottom: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pb6 {
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb6 {
    padding-bottom: 3px !important;
  }
}

.pb7 {
  padding-bottom: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pb7 {
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb7 {
    padding-bottom: 3.5px !important;
  }
}

.pb8 {
  padding-bottom: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb8 {
    padding-bottom: 4px !important;
  }
}

.pb9 {
  padding-bottom: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .pb9 {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb9 {
    padding-bottom: 4.5px !important;
  }
}

.pb10 {
  padding-bottom: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .pb10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb10 {
    padding-bottom: 5px !important;
  }
}

.pb15 {
  padding-bottom: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb15 {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb15 {
    padding-bottom: 7.5px !important;
  }
}

.pb20 {
  padding-bottom: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pb20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb20 {
    padding-bottom: 10px !important;
  }
}

.pb25 {
  padding-bottom: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .pb25 {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb25 {
    padding-bottom: 12.5px !important;
  }
}

.pb30 {
  padding-bottom: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pb30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb30 {
    padding-bottom: 15px !important;
  }
}

.pb35 {
  padding-bottom: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pb35 {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb35 {
    padding-bottom: 17.5px !important;
  }
}

.pb40 {
  padding-bottom: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .pb40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb40 {
    padding-bottom: 20px !important;
  }
}

.pb45 {
  padding-bottom: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pb45 {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb45 {
    padding-bottom: 22.5px !important;
  }
}

.pb50 {
  padding-bottom: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb50 {
    padding-bottom: 25px !important;
  }
}

.pb55 {
  padding-bottom: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  .pb55 {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb55 {
    padding-bottom: 27.5px !important;
  }
}

.pb60 {
  padding-bottom: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  .pb60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb60 {
    padding-bottom: 30px !important;
  }
}

.pb65 {
  padding-bottom: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  .pb65 {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb65 {
    padding-bottom: 32.5px !important;
  }
}

.pb70 {
  padding-bottom: 5vw !important;
}

@media screen and (min-width: 1400px) {
  .pb70 {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb70 {
    padding-bottom: 35px !important;
  }
}

.pb75 {
  padding-bottom: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  .pb75 {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb75 {
    padding-bottom: 37.5px !important;
  }
}

.pb80 {
  padding-bottom: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  .pb80 {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb80 {
    padding-bottom: 40px !important;
  }
}

.pb85 {
  padding-bottom: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb85 {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb85 {
    padding-bottom: 42.5px !important;
  }
}

.pb90 {
  padding-bottom: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  .pb90 {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb90 {
    padding-bottom: 45px !important;
  }
}

.pb95 {
  padding-bottom: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  .pb95 {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb95 {
    padding-bottom: 47.5px !important;
  }
}

.pb100 {
  padding-bottom: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  .pb100 {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb100 {
    padding-bottom: 50px !important;
  }
}

.pb105 {
  padding-bottom: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  .pb105 {
    padding-bottom: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb105 {
    padding-bottom: 52.5px !important;
  }
}

.pb110 {
  padding-bottom: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  .pb110 {
    padding-bottom: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb110 {
    padding-bottom: 55px !important;
  }
}

.pb115 {
  padding-bottom: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  .pb115 {
    padding-bottom: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb115 {
    padding-bottom: 57.5px !important;
  }
}

.pb120 {
  padding-bottom: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  .pb120 {
    padding-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb120 {
    padding-bottom: 60px !important;
  }
}

/* padding-left */
.pl0 {
  padding-left: 0vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 0px !important;
}

@media screen and (max-width: 767px) {
  .pl0 {
    padding-left: 0px !important;
  }
}

.pl1 {
  padding-left: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 1px !important;
}

@media screen and (max-width: 767px) {
  .pl1 {
    padding-left: 0.5px !important;
  }
}

.pl2 {
  padding-left: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 2px !important;
}

@media screen and (max-width: 767px) {
  .pl2 {
    padding-left: 1px !important;
  }
}

.pl3 {
  padding-left: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 3px !important;
}

@media screen and (max-width: 767px) {
  .pl3 {
    padding-left: 1.5px !important;
  }
}

.pl4 {
  padding-left: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 4px !important;
}

@media screen and (max-width: 767px) {
  .pl4 {
    padding-left: 2px !important;
  }
}

.pl5 {
  padding-left: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 5px !important;
}

@media screen and (max-width: 767px) {
  .pl5 {
    padding-left: 2.5px !important;
  }
}

.pl6 {
  padding-left: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 6px !important;
}

@media screen and (max-width: 767px) {
  .pl6 {
    padding-left: 3px !important;
  }
}

.pl7 {
  padding-left: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 7px !important;
}

@media screen and (max-width: 767px) {
  .pl7 {
    padding-left: 3.5px !important;
  }
}

.pl8 {
  padding-left: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 8px !important;
}

@media screen and (max-width: 767px) {
  .pl8 {
    padding-left: 4px !important;
  }
}

.pl9 {
  padding-left: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 9px !important;
}

@media screen and (max-width: 767px) {
  .pl9 {
    padding-left: 4.5px !important;
  }
}

.pl10 {
  padding-left: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 10px !important;
}

@media screen and (max-width: 767px) {
  .pl10 {
    padding-left: 5px !important;
  }
}

.pl15 {
  padding-left: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 15px !important;
}

@media screen and (max-width: 767px) {
  .pl15 {
    padding-left: 7.5px !important;
  }
}

.pl20 {
  padding-left: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 20px !important;
}

@media screen and (max-width: 767px) {
  .pl20 {
    padding-left: 10px !important;
  }
}

.pl25 {
  padding-left: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 25px !important;
}

@media screen and (max-width: 767px) {
  .pl25 {
    padding-left: 12.5px !important;
  }
}

.pl30 {
  padding-left: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 30px !important;
}

@media screen and (max-width: 767px) {
  .pl30 {
    padding-left: 15px !important;
  }
}

.pl35 {
  padding-left: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 35px !important;
}

@media screen and (max-width: 767px) {
  .pl35 {
    padding-left: 17.5px !important;
  }
}

.pl40 {
  padding-left: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 40px !important;
}

@media screen and (max-width: 767px) {
  .pl40 {
    padding-left: 20px !important;
  }
}

.pl45 {
  padding-left: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 45px !important;
}

@media screen and (max-width: 767px) {
  .pl45 {
    padding-left: 22.5px !important;
  }
}

.pl50 {
  padding-left: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 50px !important;
}

@media screen and (max-width: 767px) {
  .pl50 {
    padding-left: 25px !important;
  }
}

.pl55 {
  padding-left: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 55px !important;
}

@media screen and (max-width: 767px) {
  .pl55 {
    padding-left: 27.5px !important;
  }
}

.pl60 {
  padding-left: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 60px !important;
}

@media screen and (max-width: 767px) {
  .pl60 {
    padding-left: 30px !important;
  }
}

.pl65 {
  padding-left: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 65px !important;
}

@media screen and (max-width: 767px) {
  .pl65 {
    padding-left: 32.5px !important;
  }
}

.pl70 {
  padding-left: 5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 70px !important;
}

@media screen and (max-width: 767px) {
  .pl70 {
    padding-left: 35px !important;
  }
}

.pl75 {
  padding-left: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 75px !important;
}

@media screen and (max-width: 767px) {
  .pl75 {
    padding-left: 37.5px !important;
  }
}

.pl80 {
  padding-left: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 80px !important;
}

@media screen and (max-width: 767px) {
  .pl80 {
    padding-left: 40px !important;
  }
}

.pl85 {
  padding-left: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 85px !important;
}

@media screen and (max-width: 767px) {
  .pl85 {
    padding-left: 42.5px !important;
  }
}

.pl90 {
  padding-left: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 90px !important;
}

@media screen and (max-width: 767px) {
  .pl90 {
    padding-left: 45px !important;
  }
}

.pl95 {
  padding-left: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 95px !important;
}

@media screen and (max-width: 767px) {
  .pl95 {
    padding-left: 47.5px !important;
  }
}

.pl100 {
  padding-left: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 100px !important;
}

@media screen and (max-width: 767px) {
  .pl100 {
    padding-left: 50px !important;
  }
}

.pl105 {
  padding-left: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 105px !important;
}

@media screen and (max-width: 767px) {
  .pl105 {
    padding-left: 52.5px !important;
  }
}

.pl110 {
  padding-left: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 110px !important;
}

@media screen and (max-width: 767px) {
  .pl110 {
    padding-left: 55px !important;
  }
}

.pl115 {
  padding-left: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 115px !important;
}

@media screen and (max-width: 767px) {
  .pl115 {
    padding-left: 57.5px !important;
  }
}

.pl120 {
  padding-left: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-left: 120px !important;
}

@media screen and (max-width: 767px) {
  .pl120 {
    padding-left: 60px !important;
  }
}

/* padding-right */
.pr0 {
  padding-right: 0vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
  .pr0 {
    padding-right: 0px !important;
  }
}

.pr1 {
  padding-right: 0.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 1px !important;
}

@media screen and (max-width: 767px) {
  .pr1 {
    padding-right: 0.5px !important;
  }
}

.pr2 {
  padding-right: 0.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 2px !important;
}

@media screen and (max-width: 767px) {
  .pr2 {
    padding-right: 1px !important;
  }
}

.pr3 {
  padding-right: 0.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 3px !important;
}

@media screen and (max-width: 767px) {
  .pr3 {
    padding-right: 1.5px !important;
  }
}

.pr4 {
  padding-right: 0.28571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 4px !important;
}

@media screen and (max-width: 767px) {
  .pr4 {
    padding-right: 2px !important;
  }
}

.pr5 {
  padding-right: 0.35714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 5px !important;
}

@media screen and (max-width: 767px) {
  .pr5 {
    padding-right: 2.5px !important;
  }
}

.pr6 {
  padding-right: 0.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 6px !important;
}

@media screen and (max-width: 767px) {
  .pr6 {
    padding-right: 3px !important;
  }
}

.pr7 {
  padding-right: 0.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 7px !important;
}

@media screen and (max-width: 767px) {
  .pr7 {
    padding-right: 3.5px !important;
  }
}

.pr8 {
  padding-right: 0.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 8px !important;
}

@media screen and (max-width: 767px) {
  .pr8 {
    padding-right: 4px !important;
  }
}

.pr9 {
  padding-right: 0.64286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 9px !important;
}

@media screen and (max-width: 767px) {
  .pr9 {
    padding-right: 4.5px !important;
  }
}

.pr10 {
  padding-right: 0.71429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 10px !important;
}

@media screen and (max-width: 767px) {
  .pr10 {
    padding-right: 5px !important;
  }
}

.pr15 {
  padding-right: 1.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 15px !important;
}

@media screen and (max-width: 767px) {
  .pr15 {
    padding-right: 7.5px !important;
  }
}

.pr20 {
  padding-right: 1.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 20px !important;
}

@media screen and (max-width: 767px) {
  .pr20 {
    padding-right: 10px !important;
  }
}

.pr25 {
  padding-right: 1.78571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 25px !important;
}

@media screen and (max-width: 767px) {
  .pr25 {
    padding-right: 12.5px !important;
  }
}

.pr30 {
  padding-right: 2.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 30px !important;
}

@media screen and (max-width: 767px) {
  .pr30 {
    padding-right: 15px !important;
  }
}

.pr35 {
  padding-right: 2.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 35px !important;
}

@media screen and (max-width: 767px) {
  .pr35 {
    padding-right: 17.5px !important;
  }
}

.pr40 {
  padding-right: 2.85714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 40px !important;
}

@media screen and (max-width: 767px) {
  .pr40 {
    padding-right: 20px !important;
  }
}

.pr45 {
  padding-right: 3.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 45px !important;
}

@media screen and (max-width: 767px) {
  .pr45 {
    padding-right: 22.5px !important;
  }
}

.pr50 {
  padding-right: 3.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 50px !important;
}

@media screen and (max-width: 767px) {
  .pr50 {
    padding-right: 25px !important;
  }
}

.pr55 {
  padding-right: 3.92857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 55px !important;
}

@media screen and (max-width: 767px) {
  .pr55 {
    padding-right: 27.5px !important;
  }
}

.pr60 {
  padding-right: 4.28571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 60px !important;
}

@media screen and (max-width: 767px) {
  .pr60 {
    padding-right: 30px !important;
  }
}

.pr65 {
  padding-right: 4.64286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 65px !important;
}

@media screen and (max-width: 767px) {
  .pr65 {
    padding-right: 32.5px !important;
  }
}

.pr70 {
  padding-right: 5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 70px !important;
}

@media screen and (max-width: 767px) {
  .pr70 {
    padding-right: 35px !important;
  }
}

.pr75 {
  padding-right: 5.35714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 75px !important;
}

@media screen and (max-width: 767px) {
  .pr75 {
    padding-right: 37.5px !important;
  }
}

.pr80 {
  padding-right: 5.71429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 80px !important;
}

@media screen and (max-width: 767px) {
  .pr80 {
    padding-right: 40px !important;
  }
}

.pr85 {
  padding-right: 6.07143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 85px !important;
}

@media screen and (max-width: 767px) {
  .pr85 {
    padding-right: 42.5px !important;
  }
}

.pr90 {
  padding-right: 6.42857vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 90px !important;
}

@media screen and (max-width: 767px) {
  .pr90 {
    padding-right: 45px !important;
  }
}

.pr95 {
  padding-right: 6.78571vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 95px !important;
}

@media screen and (max-width: 767px) {
  .pr95 {
    padding-right: 47.5px !important;
  }
}

.pr100 {
  padding-right: 7.14286vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 100px !important;
}

@media screen and (max-width: 767px) {
  .pr100 {
    padding-right: 50px !important;
  }
}

.pr105 {
  padding-right: 7.5vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 105px !important;
}

@media screen and (max-width: 767px) {
  .pr105 {
    padding-right: 52.5px !important;
  }
}

.pr110 {
  padding-right: 7.85714vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 110px !important;
}

@media screen and (max-width: 767px) {
  .pr110 {
    padding-right: 55px !important;
  }
}

.pr115 {
  padding-right: 8.21429vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 115px !important;
}

@media screen and (max-width: 767px) {
  .pr115 {
    padding-right: 57.5px !important;
  }
}

.pr120 {
  padding-right: 8.57143vw !important;
}

@media screen and (min-width: 1400px) {
  padding-right: 120px !important;
}

@media screen and (max-width: 767px) {
  .pr120 {
    padding-right: 60px !important;
  }
}

/* pc 打消し用*/
@media screen and (min-width: 768px) {
  .pt_pc {
    padding-top: 0 !important;
  }
  .pb_pc {
    padding-bottom: 0 !important;
  }
  .pl_pc {
    padding-left: 0 !important;
  }
  .pr_pc {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .pt_sp {
    padding-top: 0 !important;
  }
  .pb_sp {
    padding-bottom: 0 !important;
  }
  .pl_sp {
    padding-left: 0 !important;
  }
  .pr_sp {
    padding-right: 0 !important;
  }
}

/*
font-family
--------------------------*/
/* 游明朝体を適用させる　<p class="ffamily_yumin">xxx</p> */
#mainVisual .ffamily_yumin {
  font-family: "Yu Mincho", "游明朝", YuMincho, "游明朝体", sans-serif !important;
}

/* 游ゴシック体を適用させる　<p class="ffamily_yuGo">xxx</p> */
#mainVisual .ffamily_yuGo {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif !important;
}

/* セリフ体を適用させる　<p class="ffamily_serif">xxx</p> */
#mainVisual .ffamily_serif {
  font-family: serif !important;
}

/* サンセリフ体を適用させる　<p class="ffamily_sansf">xxx</p> */
#mainVisual .ffamily_sansf {
  font-family: sans-serif !important;
}

/* フォントの太さ */
#mainVisual .fwB {
  font-weight: bold;
}

#mainVisual .fw500 {
  font-weight: 500;
}

#mainVisual .fw300 {
  font-weight: 300;
}

#mainVisual .fw100 {
  font-weight: 100;
}

/*
font-size
--------------------------*/
/* font-size 単位はremです */
/* fz20 = font-size:20pxになります */
/* fz_sp20 = font-size:20pxになります ※このクラス名のCSSはSPのときだけ効きます */
#mainVisual {
  /* SP用 */
}

#mainVisual .fz10 {
  font-size: 1rem !important;
}

#mainVisual .fz11 {
  font-size: 1.1rem !important;
}

#mainVisual .fz12 {
  font-size: 1.2rem !important;
}

#mainVisual .fz13 {
  font-size: 1.3rem !important;
}

#mainVisual .fz14 {
  font-size: 1.4rem !important;
}

#mainVisual .fz15 {
  font-size: 1.5rem !important;
}

#mainVisual .fz16 {
  font-size: 1.6rem !important;
}

#mainVisual .fz17 {
  font-size: 1.7rem !important;
}

#mainVisual .fz18 {
  font-size: 1.8rem !important;
}

#mainVisual .fz19 {
  font-size: 1.9rem !important;
}

#mainVisual .fz20 {
  font-size: 2rem !important;
}

#mainVisual .fz21 {
  font-size: 2.1rem !important;
}

#mainVisual .fz22 {
  font-size: 2.2rem !important;
}

#mainVisual .fz23 {
  font-size: 2.3rem !important;
}

#mainVisual .fz24 {
  font-size: 2.4rem !important;
}

#mainVisual .fz25 {
  font-size: 2.5rem !important;
}

#mainVisual .fz26 {
  font-size: 2.6rem !important;
}

#mainVisual .fz27 {
  font-size: 2.7rem !important;
}

#mainVisual .fz28 {
  font-size: 2.8rem !important;
}

#mainVisual .fz29 {
  font-size: 2.9rem !important;
}

#mainVisual .fz30 {
  font-size: 3rem !important;
}

#mainVisual .fz31 {
  font-size: 3.1rem !important;
}

#mainVisual .fz32 {
  font-size: 3.2rem !important;
}

#mainVisual .fz33 {
  font-size: 3.3rem !important;
}

#mainVisual .fz34 {
  font-size: 3.4rem !important;
}

#mainVisual .fz35 {
  font-size: 3.5rem !important;
}

#mainVisual .fz36 {
  font-size: 3.6rem !important;
}

#mainVisual .fz37 {
  font-size: 3.7rem !important;
}

#mainVisual .fz38 {
  font-size: 3.8rem !important;
}

#mainVisual .fz39 {
  font-size: 3.9rem !important;
}

#mainVisual .fz40 {
  font-size: 4rem !important;
}

#mainVisual .fz41 {
  font-size: 4.1rem !important;
}

#mainVisual .fz42 {
  font-size: 4.2rem !important;
}

#mainVisual .fz43 {
  font-size: 4.3rem !important;
}

#mainVisual .fz44 {
  font-size: 4.4rem !important;
}

#mainVisual .fz45 {
  font-size: 4.5rem !important;
}

#mainVisual .fz46 {
  font-size: 4.6rem !important;
}

#mainVisual .fz47 {
  font-size: 4.7rem !important;
}

#mainVisual .fz48 {
  font-size: 4.8rem !important;
}

#mainVisual .fz49 {
  font-size: 4.9rem !important;
}

#mainVisual .fz50 {
  font-size: 5rem !important;
}

#mainVisual .fz51 {
  font-size: 5.1rem !important;
}

#mainVisual .fz52 {
  font-size: 5.2rem !important;
}

#mainVisual .fz53 {
  font-size: 5.3rem !important;
}

#mainVisual .fz54 {
  font-size: 5.4rem !important;
}

#mainVisual .fz55 {
  font-size: 5.5rem !important;
}

#mainVisual .fz56 {
  font-size: 5.6rem !important;
}

#mainVisual .fz57 {
  font-size: 5.7rem !important;
}

#mainVisual .fz58 {
  font-size: 5.8rem !important;
}

#mainVisual .fz59 {
  font-size: 5.9rem !important;
}

#mainVisual .fz60 {
  font-size: 6rem !important;
}

#mainVisual .fz61 {
  font-size: 6.1rem !important;
}

#mainVisual .fz62 {
  font-size: 6.2rem !important;
}

#mainVisual .fz63 {
  font-size: 6.3rem !important;
}

#mainVisual .fz64 {
  font-size: 6.4rem !important;
}

#mainVisual .fz65 {
  font-size: 6.5rem !important;
}

#mainVisual .fz66 {
  font-size: 6.6rem !important;
}

#mainVisual .fz67 {
  font-size: 6.7rem !important;
}

#mainVisual .fz68 {
  font-size: 6.8rem !important;
}

#mainVisual .fz69 {
  font-size: 6.9rem !important;
}

#mainVisual .fz70 {
  font-size: 7rem !important;
}

#mainVisual .fz71 {
  font-size: 7.1rem !important;
}

#mainVisual .fz72 {
  font-size: 7.2rem !important;
}

#mainVisual .fz73 {
  font-size: 7.3rem !important;
}

#mainVisual .fz74 {
  font-size: 7.4rem !important;
}

#mainVisual .fz75 {
  font-size: 7.5rem !important;
}

#mainVisual .fz76 {
  font-size: 7.6rem !important;
}

#mainVisual .fz77 {
  font-size: 7.7rem !important;
}

#mainVisual .fz78 {
  font-size: 7.8rem !important;
}

#mainVisual .fz79 {
  font-size: 7.9rem !important;
}

#mainVisual .fz80 {
  font-size: 8rem !important;
}

#mainVisual .fz81 {
  font-size: 8.1rem !important;
}

#mainVisual .fz82 {
  font-size: 8.2rem !important;
}

#mainVisual .fz83 {
  font-size: 8.3rem !important;
}

#mainVisual .fz84 {
  font-size: 8.4rem !important;
}

#mainVisual .fz85 {
  font-size: 8.5rem !important;
}

#mainVisual .fz86 {
  font-size: 8.6rem !important;
}

#mainVisual .fz87 {
  font-size: 8.7rem !important;
}

#mainVisual .fz88 {
  font-size: 8.8rem !important;
}

#mainVisual .fz89 {
  font-size: 8.9rem !important;
}

#mainVisual .fz90 {
  font-size: 9rem !important;
}

#mainVisual .fz91 {
  font-size: 9.1rem !important;
}

#mainVisual .fz92 {
  font-size: 9.2rem !important;
}

#mainVisual .fz93 {
  font-size: 9.3rem !important;
}

#mainVisual .fz94 {
  font-size: 9.4rem !important;
}

#mainVisual .fz95 {
  font-size: 9.5rem !important;
}

@media screen and (max-width: 767px) {
  #mainVisual .fz_sp10 {
    font-size: 1rem !important;
  }
  #mainVisual .fz_sp11 {
    font-size: 1.1rem !important;
  }
  #mainVisual .fz_sp12 {
    font-size: 1.2rem !important;
  }
  #mainVisual .fz_sp13 {
    font-size: 1.3rem !important;
  }
  #mainVisual .fz_sp14 {
    font-size: 1.4rem !important;
  }
  #mainVisual .fz_sp15 {
    font-size: 1.5rem !important;
  }
  #mainVisual .fz_sp16 {
    font-size: 1.6rem !important;
  }
  #mainVisual .fz_sp17 {
    font-size: 1.7rem !important;
  }
  #mainVisual .fz_sp18 {
    font-size: 1.8rem !important;
  }
  #mainVisual .fz_sp19 {
    font-size: 1.9rem !important;
  }
  #mainVisual .fz_sp20 {
    font-size: 2rem !important;
  }
  #mainVisual .fz_sp21 {
    font-size: 2.1rem !important;
  }
  #mainVisual .fz_sp22 {
    font-size: 2.2rem !important;
  }
  #mainVisual .fz_sp23 {
    font-size: 2.3rem !important;
  }
  #mainVisual .fz_sp24 {
    font-size: 2.4rem !important;
  }
  #mainVisual .fz_sp25 {
    font-size: 2.5rem !important;
  }
  #mainVisual .fz_sp26 {
    font-size: 2.6rem !important;
  }
  #mainVisual .fz_sp27 {
    font-size: 2.7rem !important;
  }
  #mainVisual .fz_sp28 {
    font-size: 2.8rem !important;
  }
  #mainVisual .fz_sp29 {
    font-size: 2.9rem !important;
  }
  #mainVisual .fz_sp30 {
    font-size: 3rem !important;
  }
  #mainVisual .fz_sp31 {
    font-size: 3.1rem !important;
  }
  #mainVisual .fz_sp32 {
    font-size: 3.2rem !important;
  }
  #mainVisual .fz_sp33 {
    font-size: 3.3rem !important;
  }
  #mainVisual .fz_sp34 {
    font-size: 3.4rem !important;
  }
  #mainVisual .fz_sp35 {
    font-size: 3.5rem !important;
  }
  #mainVisual .fz_sp36 {
    font-size: 3.6rem !important;
  }
  #mainVisual .fz_sp37 {
    font-size: 3.7rem !important;
  }
  #mainVisual .fz_sp38 {
    font-size: 3.8rem !important;
  }
  #mainVisual .fz_sp39 {
    font-size: 3.9rem !important;
  }
  #mainVisual .fz_sp40 {
    font-size: 4rem !important;
  }
  #mainVisual .fz_sp41 {
    font-size: 4.1rem !important;
  }
  #mainVisual .fz_sp42 {
    font-size: 4.2rem !important;
  }
  #mainVisual .fz_sp43 {
    font-size: 4.3rem !important;
  }
  #mainVisual .fz_sp44 {
    font-size: 4.4rem !important;
  }
  #mainVisual .fz_sp45 {
    font-size: 4.5rem !important;
  }
}

/*
color
--------------------------*/
/* color: black; */
#mainVisual .colorBR {
  color: #000 !important;
}

/* color: white; */
#mainVisual .colorHW {
  color: #fff !important;
}

/* color: pink; */
#mainVisual .colorPK {
  color: #dd6894 !important;
}

/*
line-height
--------------------------*/
/* line-height: 1; */
#mainVisual .LH1 {
  line-height: 1 !important;
}

/* line-height: 1.25; */
#mainVisual .LH1-25 {
  line-height: 1.25 !important;
}

/* line-height: 1.4; */
#mainVisual .LH1-4 {
  line-height: 1.4 !important;
}

/* line-height: 1.5; */
#mainVisual .LH1-5 {
  line-height: 1.5 !important;
}

/* line-height: 1.75; */
#mainVisual .LH1-75 {
  line-height: 1.75 !important;
}

/* line-height: 2; */
#mainVisual .LH2 {
  line-height: 2 !important;
}

/*
NEWicon
--------------------------*/
/* icon_mv_new_or */
/* 前 */
#mainVisual .icon_mv_new_or.before {
  position: relative;
}

#mainVisual .icon_mv_new_or.before:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: -8.85714vw;
  max-width: 114px;
  width: 8.14286vw;
  height: 2.28571vw;
  background-image: url(/assets/images/top/icon_mv_new_or.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  #mainVisual .icon_mv_new_or.before:before {
    position: static;
    display: inline-block;
    margin-top: 4%;
    width: 15.2vw;
    height: 4.26667vw;
  }
}

/* 後ろ */
#mainVisual .icon_mv_new_or.after {
  position: relative;
}

#mainVisual .icon_mv_new_or.after:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  right: -8.85714vw;
  max-width: 114px;
  width: 8.14286vw;
  height: 2.28571vw;
  background-image: url(/assets/images/top/icon_mv_new_or.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  #mainVisual .icon_mv_new_or.after:after {
    position: static;
    display: inline-block;
    margin-top: 4%;
    width: 15.2vw;
    height: 4.26667vw;
  }
}

/* 画像を直接htmlに入れる */
@media screen and (max-width: 767px) {
  #mainVisual .icon.new {
    width: 15.2vw;
  }
}

/*
text-align
textC⇒中央揃え
textL⇒左揃え
textR⇒右揃え
--------------------------*/
#mainVisual .textC {
  text-align: center;
}

#mainVisual .textL {
  text-align: left;
}

#mainVisual .textR {
  text-align: right;
}