@charset "utf-8";
/* 共通 */
.min-0 {
    min-height: 0 !important;
    min-width:0 !important;
}
div, p, ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height:0;
}
.p-relative {
    position: relative;
}

/* フォントサイズ */
/* デフォルトのフォントサイズ */
.fs-06 { font-size: 0.6rem !important; }
.fs-08 { font-size: 0.8rem !important; }
.fs-10 { font-size: 1rem !important; }
.fs-12 { font-size: 1.2rem !important; }
.fs-15 { font-size: 1.5rem !important; }
.fs-18 { font-size: 1.8rem !important; }
.fs-20 { font-size: 2rem !important; }
.fs-25 { font-size: 2.5rem !important; }
.fs-30 { font-size: 3rem !important; }
.fs-35 { font-size: 3.5rem !important; }
.fs-40 { font-size: 4rem !important; }
.fs-50 { font-size: 5rem !important; }
.fs-60 { font-size: 6rem !important; }

/* 画面幅576px以上（sm）の場合 */
@media (min-width: 576px) {
  .fs-sm-06 { font-size: 0.6rem !important; }
  .fs-sm-08 { font-size: 0.8rem !important; }
  .fs-sm-10 { font-size: 1rem !important; }
  .fs-sm-12 { font-size: 1.2rem !important; }
  .fs-sm-15 { font-size: 1.5rem !important; }
  .fs-sm-18 { font-size: 1.8rem !important; }
  .fs-sm-20 { font-size: 2rem !important; }
  .fs-sm-25 { font-size: 2.5rem !important; }
  .fs-sm-30 { font-size: 3rem !important; }
  .fs-sm-35 { font-size: 3.5rem !important; }
  .fs-sm-40 { font-size: 4rem !important; }
  .fs-sm-50 { font-size: 5rem !important; }
  .fs-sm-60 { font-size: 6rem !important; }
}

/* 画面幅768px以上（md）の場合 */
@media (min-width: 768px) {
  .fs-md-06 { font-size: 0.6rem !important; }
  .fs-md-08 { font-size: 0.8rem !important; }
  .fs-md-10 { font-size: 1rem !important; }
  .fs-md-12 { font-size: 1.2rem !important; }
  .fs-md-15 { font-size: 1.5rem !important; }
  .fs-md-18 { font-size: 1.8rem !important; }
  .fs-md-20 { font-size: 2rem !important; }
  .fs-md-25 { font-size: 2.5rem !important; }
  .fs-md-30 { font-size: 3rem !important; }
  .fs-md-35 { font-size: 3.5rem !important; }
  .fs-md-40 { font-size: 4rem !important; }
  .fs-md-50 { font-size: 5rem !important; }
  .fs-md-60 { font-size: 6rem !important; }
}

/* 画面幅992px以上（lg）の場合 */
@media (min-width: 992px) {
  .fs-lg-06 { font-size: 0.6rem !important; }
  .fs-lg-08 { font-size: 0.8rem !important; }
  .fs-lg-10 { font-size: 1rem !important; }
  .fs-lg-12 { font-size: 1.2rem !important; }
  .fs-lg-15 { font-size: 1.5rem !important; }
  .fs-lg-18 { font-size: 1.8rem !important; }
  .fs-lg-20 { font-size: 2rem !important; }
  .fs-lg-25 { font-size: 2.5rem !important; }
  .fs-lg-30 { font-size: 3rem !important; }
  .fs-lg-35 { font-size: 3.5rem !important; }
  .fs-lg-40 { font-size: 4rem !important; }
  .fs-lg-50 { font-size: 5rem !important; }
  .fs-lg-60 { font-size: 6rem !important; }
}

/* 画面幅1200px以上（xl）の場合 */
@media (min-width: 1200px) {
  .fs-xl-06 { font-size: 0.6rem !important; }
  .fs-xl-08 { font-size: 0.8rem !important; }
  .fs-xl-10 { font-size: 1rem !important; }
  .fs-xl-12 { font-size: 1.2rem !important; }
  .fs-xl-15 { font-size: 1.5rem !important; }
  .fs-xl-18 { font-size: 1.8rem !important; }
  .fs-xl-20 { font-size: 2rem !important; }
  .fs-xl-25 { font-size: 2.5rem !important; }
  .fs-xl-30 { font-size: 3rem !important; }
  .fs-xl-35 { font-size: 3.5rem !important; }
  .fs-xl-40 { font-size: 4rem !important; }
  .fs-xl-50 { font-size: 5rem !important; }
  .fs-xl-60 { font-size: 6rem !important; }
}

/* 行間 */
.lh-08 { line-height: 0.8 !important; }
.lh-10 { line-height: 1 !important; }
.lh-12 { line-height: 1.2 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-18 { line-height: 1.8 !important; }
.lh-20 { line-height: 2 !important; }
.lh-25 { line-height: 3 !important; }
.lh-30 { line-height: 3 !important; }

/* マージン */
.m-6 { margin: 4.5rem !important; }
.m-7 { margin: 6rem !important; }
.m-8 { margin: 7.5rem !important; }

/* 各方向への適用 */
.mt-6 { margin-top: 4.5rem !important; }
.mr-6 { margin-right: 4.5rem !important; }
.mb-6 { margin-bottom: 4.5rem !important; }
.ml-6 { margin-left: 4.5rem !important; }
.mx-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
.my-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }

.mt-7 { margin-top: 6rem !important; }
.mr-7 { margin-right: 6rem !important; }
.mb-7 { margin-bottom: 6rem !important; }
.ml-7 { margin-left: 6rem !important; }
.mx-7 { margin-left: 6rem !important; margin-right: 6rem !important; }
.my-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

.mt-8 { margin-top: 7.5rem !important; }
.mr-8 { margin-right: 7.5rem !important; }
.mb-8 { margin-bottom: 7.5rem !important; }
.ml-8 { margin-left: 7.5rem !important; }
.mx-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
.my-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }

/* ブレイクポイントごとの設定 */
@media (min-width: 576px) {
  .m-sm-6 { margin: 4.5rem !important; }
  .m-sm-7 { margin: 6rem !important; }
  .m-sm-8 { margin: 7.5rem !important; }

  .mt-sm-6 { margin-top: 4.5rem !important; }
  .mr-sm-6 { margin-right: 4.5rem !important; }
  .mb-sm-6 { margin-bottom: 4.5rem !important; }
  .ml-sm-6 { margin-left: 4.5rem !important; }
  .mx-sm-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .my-sm-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }

  .mt-sm-7 { margin-top: 6rem !important; }
  .mr-sm-7 { margin-right: 6rem !important; }
  .mb-sm-7 { margin-bottom: 6rem !important; }
  .ml-sm-7 { margin-left: 6rem !important; }
  .mx-sm-7 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-sm-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

  .mt-sm-8 { margin-top: 7.5rem !important; }
  .mr-sm-8 { margin-right: 7.5rem !important; }
  .mb-sm-8 { margin-bottom: 7.5rem !important; }
  .ml-sm-8 { margin-left: 7.5rem !important; }
  .mx-sm-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
  .my-sm-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
}

@media (min-width: 768px) {
  .m-md-6 { margin: 4.5rem !important; }
  .m-md-7 { margin: 6rem !important; }
  .m-md-8 { margin: 7.5rem !important; }

  .mt-md-6 { margin-top: 4.5rem !important; }
  .mr-md-6 { margin-right: 4.5rem !important; }
  .mb-md-6 { margin-bottom: 4.5rem !important; }
  .ml-md-6 { margin-left: 4.5rem !important; }
  .mx-md-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .my-md-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }

  .mt-md-7 { margin-top: 6rem !important; }
  .mr-md-7 { margin-right: 6rem !important; }
  .mb-md-7 { margin-bottom: 6rem !important; }
  .ml-md-7 { margin-left: 6rem !important; }
  .mx-md-7 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-md-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

  .mt-md-8 { margin-top: 7.5rem !important; }
  .mr-md-8 { margin-right: 7.5rem !important; }
  .mb-md-8 { margin-bottom: 7.5rem !important; }
  .ml-md-8 { margin-left: 7.5rem !important; }
  .mx-md-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
  .my-md-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
}

@media (min-width: 992px) {
  .m-lg-6 { margin: 4.5rem !important; }
  .m-lg-7 { margin: 6rem !important; }
  .m-lg-8 { margin: 7.5rem !important; }

  .mt-lg-6 { margin-top: 4.5rem !important; }
  .mr-lg-6 { margin-right: 4.5rem !important; }
  .mb-lg-6 { margin-bottom: 4.5rem !important; }
  .ml-lg-6 { margin-left: 4.5rem !important; }
  .mx-lg-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .my-lg-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }

  .mt-lg-7 { margin-top: 6rem !important; }
  .mr-lg-7 { margin-right: 6rem !important; }
  .mb-lg-7 { margin-bottom: 6rem !important; }
  .ml-lg-7 { margin-left: 6rem !important; }
  .mx-lg-7 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-lg-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

  .mt-lg-8 { margin-top: 7.5rem !important; }
  .mr-lg-8 { margin-right: 7.5rem !important; }
  .mb-lg-8 { margin-bottom: 7.5rem !important; }
  .ml-lg-8 { margin-left: 7.5rem !important; }
  .mx-lg-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
  .my-lg-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
}

@media (min-width: 1200px) {
    .m-xl-6 { margin: 4.5rem !important; }
    .m-xl-7 { margin: 6rem !important; }
    .m-xl-8 { margin: 7.5rem !important; }
  
    .mt-xl-6 { margin-top: 4.5rem !important; }
    .mr-xl-6 { margin-right: 4.5rem !important; }
    .mb-xl-6 { margin-bottom: 4.5rem !important; }
    .ml-xl-6 { margin-left: 4.5rem !important; }
    .mx-xl-6 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
    .my-xl-6 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  
    .mt-xl-7 { margin-top: 6rem !important; }
    .mr-xl-7 { margin-right: 6rem !important; }
    .mb-xl-7 { margin-bottom: 6rem !important; }
    .ml-xl-7 { margin-left: 6rem !important; }
    .mx-xl-7 { margin-left: 6rem !important; margin-right: 6rem !important; }
    .my-xl-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  
    .mt-xl-8 { margin-top: 7.5rem !important; }
    .mr-xl-8 { margin-right: 7.5rem !important; }
    .mb-xl-8 { margin-bottom: 7.5rem !important; }
    .ml-xl-8 { margin-left: 7.5rem !important; }
    .mx-xl-8 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
    .my-xl-8 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
  }

/* パディング */
.p-6 { padding: 4.5rem !important; }
.p-7 { padding: 6rem !important; }
.p-8 { padding: 7.5rem !important; }

/* 各方向への適用 */
.pt-6 { padding-top: 4.5rem !important; }
.pr-6 { padding-right: 4.5rem !important; }
.pb-6 { padding-bottom: 4.5rem !important; }
.pl-6 { padding-left: 4.5rem !important; }
.px-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
.py-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

.pt-7 { padding-top: 6rem !important; }
.pr-7 { padding-right: 6rem !important; }
.pb-7 { padding-bottom: 6rem !important; }
.pl-7 { padding-left: 6rem !important; }
.px-7 { padding-left: 6rem !important; padding-right: 6rem !important; }
.py-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.pt-8 { padding-top: 7.5rem !important; }
.pr-8 { padding-right: 7.5rem !important; }
.pb-8 { padding-bottom: 7.5rem !important; }
.pl-8 { padding-left: 7.5rem !important; }
.px-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
.py-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }

/* ブレイクポイントごとの設定 */
@media (min-width: 576px) {
  .p-sm-6 { padding: 4.5rem !important; }
  .p-sm-7 { padding: 6rem !important; }
  .p-sm-8 { padding: 7.5rem !important; }

  .pt-sm-6 { padding-top: 4.5rem !important; }
  .pr-sm-6 { padding-right: 4.5rem !important; }
  .pb-sm-6 { padding-bottom: 4.5rem !important; }
  .pl-sm-6 { padding-left: 4.5rem !important; }
  .px-sm-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .py-sm-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

  .pt-sm-7 { padding-top: 6rem !important; }
  .pr-sm-7 { padding-right: 6rem !important; }
  .pb-sm-7 { padding-bottom: 6rem !important; }
  .pl-sm-7 { padding-left: 6rem !important; }
  .px-sm-7 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-sm-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

  .pt-sm-8 { padding-top: 7.5rem !important; }
  .pr-sm-8 { padding-right: 7.5rem !important; }
  .pb-sm-8 { padding-bottom: 7.5rem !important; }
  .pl-sm-8 { padding-left: 7.5rem !important; }
  .px-sm-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
  .py-sm-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
}

@media (min-width: 768px) {
  .p-md-6 { padding: 4.5rem !important; }
  .p-md-7 { padding: 6rem !important; }
  .p-md-8 { padding: 7.5rem !important; }

  .pt-md-6 { padding-top: 4.5rem !important; }
  .pr-md-6 { padding-right: 4.5rem !important; }
  .pb-md-6 { padding-bottom: 4.5rem !important; }
  .pl-md-6 { padding-left: 4.5rem !important; }
  .px-md-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .py-md-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

  .pt-md-7 { padding-top: 6rem !important; }
  .pr-md-7 { padding-right: 6rem !important; }
  .pb-md-7 { padding-bottom: 6rem !important; }
  .pl-md-7 { padding-left: 6rem !important; }
  .px-md-7 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-md-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

  .pt-md-8 { padding-top: 7.5rem !important; }
  .pr-md-8 { padding-right: 7.5rem !important; }
  .pb-md-8 { padding-bottom: 7.5rem !important; }
  .pl-md-8 { padding-left: 7.5rem !important; }
  .px-md-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
  .py-md-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
}

@media (min-width: 992px) {
  .p-lg-6 { padding: 4.5rem !important; }
  .p-lg-7 { padding: 6rem !important; }
  .p-lg-8 { padding: 7.5rem !important; }

  .pt-lg-6 { padding-top: 4.5rem !important; }
  .pr-lg-6 { padding-right: 4.5rem !important; }
  .pb-lg-6 { padding-bottom: 4.5rem !important; }
  .pl-lg-6 { padding-left: 4.5rem !important; }
  .px-lg-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .py-lg-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

  .pt-lg-7 { padding-top: 6rem !important; }
  .pr-lg-7 { padding-right: 6rem !important; }
  .pb-lg-7 { padding-bottom: 6rem !important; }
  .pl-lg-7 { padding-left: 6rem !important; }
  .px-lg-7 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-lg-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

  .pt-lg-8 { padding-top: 7.5rem !important; }
  .pr-lg-8 { padding-right: 7.5rem !important; }
  .pb-lg-8 { padding-bottom: 7.5rem !important; }
  .pl-lg-8 { padding-left: 7.5rem !important; }
  .px-lg-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
  .py-lg-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
}

@media (min-width: 1200px) {
    .p-xl-6 { padding: 4.5rem !important; }
    .p-xl-7 { padding: 6rem !important; }
    .p-xl-8 { padding: 7.5rem !important; }
  
    .pt-xl-6 { padding-top: 4.5rem !important; }
    .pr-xl-6 { padding-right: 4.5rem !important; }
    .pb-xl-6 { padding-bottom: 4.5rem !important; }
    .pl-xl-6 { padding-left: 4.5rem !important; }
    .px-xl-6 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
    .py-xl-6 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
  
    .pt-xl-7 { padding-top: 6rem !important; }
    .pr-xl-7 { padding-right: 6rem !important; }
    .pb-xl-7 { padding-bottom: 6rem !important; }
    .pl-xl-7 { padding-left: 6rem !important; }
    .px-xl-7 { padding-left: 6rem !important; padding-right: 6rem !important; }
    .py-xl-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  
    .pt-xl-8 { padding-top: 7.5rem !important; }
    .pr-xl-8 { padding-right: 7.5rem !important; }
    .pb-xl-8 { padding-bottom: 7.5rem !important; }
    .pl-xl-8 { padding-left: 7.5rem !important; }
    .px-xl-8 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
    .py-xl-8 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
  }


/* 高さ設定（VH） */
.vh-25 { height: 25vh; }
.vh-33 { height: 33vh; }
.vh-50 { height: 50vh; }
.vh-75 { height: 75vh; }
.vh-100 { height: 100vh; }

@media (min-width: 576px) {
    .vh-sm-25 { height: 25vh; }
    .vh-sm-33 { height: 33vh; }
    .vh-sm-50 { height: 50vh; }
    .vh-sm-75 { height: 75vh; }
    .vh-sm-100 { height: 100vh; }
}
@media (min-width: 768px) {
    .vh-md-25 { height: 25vh; }
    .vh-md-33 { height: 33vh; }
    .vh-md-50 { height: 50vh; }
    .vh-md-75 { height: 75vh; }
    .vh-md-100 { height: 100vh; }
}
@media (min-width: 992px) {
    .vh-lg-25 { height: 25vh; }
    .vh-lg-33 { height: 33vh; }
    .vh-lg-50 { height: 50vh; }
    .vh-lg-75 { height: 75vh; }
    .vh-lg-100 { height: 100vh; }
}
@media (min-width: 1200px) {
    .vh-xl-25 { height: 25vh; }
    .vh-xl-33 { height: 33vh; }
    .vh-xl-50 { height: 50vh; }
    .vh-xl-75 { height: 75vh; }
    .vh-xl-100 { height: 100vh; }
}

/* 背景 */
.bg-full {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.bg-fixed {
    background-attachment: fixed !important;
}
.bg-top-center {
    background-position: top center !important;
}
.bg-top-left {
    background-position: top left !important;
}
.bg-top-right {
    background-position: top right !important;
}
.bg-bottom-center {
    background-position: bottom center !important;
}
.bg-bottom-left {
    background-position: bottom left !important;
}
.bg-bottom-right {
    background-position: bottom right !important;
}
.bg-repeat {
  background-repeat: repeat !important;
}
.cover-dark-50::after {
    content: ''; /* 必須: after要素を表示する */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 黒 + 透明度30% */
    pointer-events: none; /* 背景カバーがユーザー操作をブロックしないように */
}
/* 画像 */
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* 罫線 */
.b-b { border: 1px solid #000;}
.bx-b { border-left: 1px solid #000; border-right: 1px solid #000;}
.by-b { border-top: 1px solid #000; border-bottom: 1px solid #000;}
.bt-b { border-top: 1px solid #000;}
.bb-b { border-bottom: 1px solid #000;}
.bl-b { border-left: 1px solid #000;}
.br-b { border-right: 1px solid #000;}
.b-none { border: none;}
.bx-none { border-left: none; border-right: none;}
.by-none { border-top: none; border-bottom: none;}
.bt-none { border-top: none;}
.bb-none { border-bottom: none;}
.bl-none { border-left: none;}
.br-none { border-right: none;}
@media (min-width: 576px) {
    .b-sm-b { border: 1px solid #000;}
    .bx-sm-b { border-left: 1px solid #000; border-right: 1px solid #000;}
    .by-sm-b { border-top: 1px solid #000; border-bottom: 1px solid #000;}
    .bt-sm-b { border-top: 1px solid #000;}
    .bb-sm-b { border-bottom: 1px solid #000;}
    .bl-sm-b { border-left: 1px solid #000;}
    .br-sm-b { border-right: 1px solid #000;}
    .b-sm-none { border: none;}
    .bx-sm-none { border-left: none; border-right: none;}
    .by-sm-none { border-top: none; border-bottom: none;}
    .bt-sm-none { border-top: none;}
    .bb-sm-none { border-bottom: none;}
    .bl-sm-none { border-left: none;}
    .br-sm-none { border-right: none;}
}
@media (min-width: 768px) {
    .b-md-b { border: 1px solid #000;}
    .bx-md-b { border-left: 1px solid #000; border-right: 1px solid #000;}
    .by-md-b { border-top: 1px solid #000; border-bottom: 1px solid #000;}
    .bt-md-b { border-top: 1px solid #000;}
    .bb-md-b { border-bottom: 1px solid #000;}
    .bl-md-b { border-left: 1px solid #000;}
    .br-md-b { border-right: 1px solid #000;}
    .b-md-none { border: none;}
    .bx-md-none { border-left: none; border-right: none;}
    .by-md-none { border-top: none; border-bottom: none;}
    .bt-md-none { border-top: none;}
    .bb-md-none { border-bottom: none;}
    .bl-md-none { border-left: none;}
    .br-md-none { border-right: none;}
}
@media (min-width: 992px) {
    .b-lg-b { border: 1px solid #000;}
    .bx-lg-b { border-left: 1px solid #000; border-right: 1px solid #000;}
    .by-lg-b { border-top: 1px solid #000; border-bottom: 1px solid #000;}
    .bt-lg-b { border-top: 1px solid #000;}
    .bb-lg-b { border-bottom: 1px solid #000;}
    .bl-lg-b { border-left: 1px solid #000;}
    .br-lg-b { border-right: 1px solid #000;}
    .b-lg-none { border: none;}
    .bx-lg-none { border-left: none; border-right: none;}
    .by-lg-none { border-top: none; border-bottom: none;}
    .bt-lg-none { border-top: none;}
    .bb-lg-none { border-bottom: none;}
    .bl-lg-none { border-left: none;}
    .br-lg-none { border-right: none;}
}
@media (min-width: 1200px) {
    .b-xl-b { border: 1px solid #000;}
    .bx-xl-b { border-left: 1px solid #000; border-right: 1px solid #000;}
    .by-xl-b { border-top: 1px solid #000; border-bottom: 1px solid #000;}
    .bt-xl-b { border-top: 1px solid #000;}
    .bb-xl-b { border-bottom: 1px solid #000;}
    .bl-xl-b { border-left: 1px solid #000;}
    .br-xl-b { border-right: 1px solid #000;}
    .b-xl-none { border: none;}
    .bx-xl-none { border-left: none; border-right: none;}
    .by-xl-none { border-top: none; border-bottom: none;}
    .bt-xl-none { border-top: none;}
    .bb-xl-none { border-bottom: none;}
    .bl-xl-none { border-left: none;}
    .br-xl-none { border-right: none;}
}

/* Z-index */
.z--1 { z-index: -1; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-60 { z-index: 60; }
.z-70 { z-index: 70; }
.z-80 { z-index: 80; }
.z-90 { z-index: 90; }
.z-100 { z-index: 100; }
.z-110 { z-index: 110; }
.z-120 { z-index: 120; }
.z-130 { z-index: 130; }
.z-140 { z-index: 140; }
.z-150 { z-index: 150; }
.z-160 { z-index: 160; }
.z-170 { z-index: 170; }
.z-180 { z-index: 180; }
.z-190 { z-index: 190; }
.z-200 { z-index: 200; }

/* 装飾 */
.deco-up {
  position: absolute;
  z-index: 2;
}

.deco-down {
  position: absolute;

}

.deco-tl {
  top: 0;
  left: 0
}

.deco-tr {
  top: 0;
  right: 0;
}

.deco-ml {
  top: 45%;
  left: 0;
}

.deco-mr {
  top: 45%;
  right: 0;
}

.deco-bl {
  bottom: 0;
  left: 0;
}

.deco-br {
  bottom: 0;
  right: 0;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-1-12 {
  width: 8.33%;
}

.w-2-12 {
  width: 16.67%;
}

.w-3-12 {
  width: 25%;
}

.w-4-12 {
  width: 33.33%;
}

.w-5-12 {
  width: 41.67%;
}

.w-6-12 {
  width: 50%;
}

.w-7-12 {
  width: 58.33%;
}

.w-8-12 {
  width: 66.67%;
}

.w-9-12 {
  width: 75%;
}

.w-10-12 {
  width: 83.33%;
}

.w-11-12 {
  width: 91.67%;
}

.w-12-12 {
  width: 100%;
}
@media (min-width: 576px) {
  .w-sm-10 {
      width: 10%;
  }

  .w-sm-20 {
      width: 20%;
  }

  .w-sm-30 {
      width: 30%;
  }

  .w-sm-40 {
      width: 40%;
  }

  .w-sm-45 {
      width: 45%;
  }

  .w-sm-50 {
      width: 50%;
  }

  .w-sm-60 {
      width: 60%;
  }

  .w-sm-70 {
      width: 70%;
  }

  .w-sm-80 {
      width: 80%;
  }

  .w-sm-90 {
      width: 90%;
  }
  .w-sm-1-12 {
      width: 8.33%;
  }
  
  .w-sm-2-12 {
      width: 16.67%;
  }
  
  .w-sm-3-12 {
      width: 25%;
  }
  
  .w-sm-4-12 {
      width: 33.33%;
  }
  
  .w-sm-5-12 {
      width: 41.67%;
  }
  
  .w-sm-6-12 {
      width: 50%;
  }
  
  .w-sm-7-12 {
      width: 58.33%;
  }
  
  .w-sm-8-12 {
      width: 66.67%;
  }
  
  .w-sm-9-12 {
      width: 75%;
  }
  
  .w-sm-10-12 {
      width: 83.33%;
  }
  
  .w-sm-11-12 {
      width: 91.67%;
  }
}
@media (min-width: 768px) {
  .w-md-10 {
      width: 10%;
  }

  .w-md-20 {
      width: 20%;
  }

  .w-md-30 {
      width: 30%;
  }

  .w-md-40 {
      width: 40%;
  }

  .w-md-45 {
      width: 45%;
  }

  .w-md-50 {
      width: 50%;
  }

  .w-md-60 {
      width: 60%;
  }

  .w-md-70 {
      width: 70%;
  }

  .w-md-80 {
      width: 80%;
  }

  .w-md-90 {
      width: 90%;
  }
  .w-md-1-12 {
      width: 8.33%;
  }
  
  .w-md-2-12 {
      width: 16.67%;
  }
  
  .w-md-3-12 {
      width: 25%;
  }
  
  .w-md-4-12 {
      width: 33.33%;
  }
  
  .w-md-5-12 {
      width: 41.67%;
  }
  
  .w-md-6-12 {
      width: 50%;
  }
  
  .w-md-7-12 {
      width: 58.33%;
  }
  
  .w-md-8-12 {
      width: 66.67%;
  }
  
  .w-md-9-12 {
      width: 75%;
  }
  
  .w-md-10-12 {
      width: 83.33%;
  }
  
  .w-md-11-12 {
      width: 91.67%;
  }
}
@media (min-width: 992px) {
  .w-lg-10 {
      width: 10%;
  }

  .w-lg-20 {
      width: 20%;
  }

  .w-lg-30 {
      width: 30%;
  }

  .w-lg-40 {
      width: 40%;
  }

  .w-lg-45 {
      width: 45%;
  }

  .w-lg-50 {
      width: 50%;
  }

  .w-lg-60 {
      width: 60%;
  }

  .w-lg-70 {
      width: 70%;
  }

  .w-lg-80 {
      width: 80%;
  }

  .w-lg-90 {
      width: 90%;
  }
  .w-lg-1-12 {
      width: 8.33%;
  }
  
  .w-lg-2-12 {
      width: 16.67%;
  }
  
  .w-lg-3-12 {
      width: 25%;
  }
  
  .w-lg-4-12 {
      width: 33.33%;
  }
  
  .w-lg-5-12 {
      width: 41.67%;
  }
  
  .w-lg-6-12 {
      width: 50%;
  }
  
  .w-lg-7-12 {
      width: 58.33%;
  }
  
  .w-lg-8-12 {
      width: 66.67%;
  }
  
  .w-lg-9-12 {
      width: 75%;
  }
  
  .w-lg-10-12 {
      width: 83.33%;
  }
  
  .w-lg-11-12 {
      width: 91.67%;
  }
}
@media (min-width: 1200px) {
  .w-xl-10 {
      width: 10%;
  }

  .w-xl-20 {
      width: 20%;
  }

  .w-xl-30 {
      width: 30%;
  }

  .w-xl-40 {
      width: 40%;
  }

  .w-xl-45 {
      width: 45%;
  }

  .w-xl-50 {
      width: 50%;
  }

  .w-xl-60 {
      width: 60%;
  }

  .w-xl-70 {
      width: 70%;
  }

  .w-xl-80 {
      width: 80%;
  }

  .w-xl-90 {
      width: 90%;
  }
  .w-xl-1-12 {
      width: 8.33%;
  }
  
  .w-xl-2-12 {
      width: 16.67%;
  }
  
  .w-xl-3-12 {
      width: 25%;
  }
  
  .w-xl-4-12 {
      width: 33.33%;
  }
  
  .w-xl-5-12 {
      width: 41.67%;
  }
  
  .w-xl-6-12 {
      width: 50%;
  }
  
  .w-xl-7-12 {
      width: 58.33%;
  }
  
  .w-xl-8-12 {
      width: 66.67%;
  }
  
  .w-xl-9-12 {
      width: 75%;
  }
  
  .w-xl-10-12 {
      width: 83.33%;
  }
  
  .w-xl-11-12 {
      width: 91.67%;
  }
}