/* 余白 */
/* SP（画面幅767px以下）のスタイル */
@media screen and (max-width: 767px) {
  .u-mt-sp-8 {
    margin-top: calc((8 / 375) * 100vw);
  }
  .u-mt-sp-12 {
    margin-top: calc((12 / 375) * 100vw);
  }
  .u-mt-sp-16 {
    margin-top: calc((16 / 375) * 100vw);
  }
  .u-mt-sp-20 {
    margin-top: calc((20 / 375) * 100vw);
  }
  .u-mt-sp-24 {
    margin-top: calc((24 / 375) * 100vw);
  }
  .u-mt-sp-28 {
    margin-top: calc((28 / 375) * 100vw);
  }
  .u-mt-sp-32 {
    margin-top: calc((32 / 375) * 100vw);
  }
  .u-mt-sp-36 {
    margin-top: calc((36 / 375) * 100vw);
  }
  .u-mt-sp-40 {
    margin-top: calc((40 / 375) * 100vw);
  }
  .u-mt-sp-48 {
    margin-top: calc((48 / 375) * 100vw);
  }
}

/* PC（画面幅768px以上）のスタイル */
@media screen and (min-width: 768px) {
  .u-mt-pc-16 {
    margin-top: min(16px, calc((16 / 1366) * 100vw));
  }
  .u-mt-pc-20 {
    margin-top: min(20px, calc((20 / 1366) * 100vw));
  }
  .u-mt-pc-24 {
    margin-top: min(24px, calc((24 / 1366) * 100vw));
  }
  .u-mt-pc-32 {
    margin-top: min(32px, calc((32 / 1366) * 100vw));
  }
  .u-mt-pc-40 {
    margin-top: min(40px, calc((40 / 1366) * 100vw));
  }
  .u-mt-pc-48 {
    margin-top: min(48px, calc((48 / 1366) * 100vw));
  }
  .u-mt-pc-56 {
    margin-top: min(56px, calc((56 / 1366) * 100vw));
  }
  .u-mt-pc-64 {
    margin-top: min(64px, calc((64 / 1366) * 100vw));
  }
  .u-mt-pc-72 {
    margin-top: min(72px, calc((72 / 1366) * 100vw));
  }
  .u-mt-pc-80 {
    margin-top: min(80px, calc((80 / 1366) * 100vw));
  }
}

.u-bold {
  font-weight: bold;
}

.u-img-w-auto{
  max-width:100%;
}

.u-img-h-auto{
  height: auto;
}

/* 改行 */
.u-br::before {
  content: "\A" ;
  white-space: pre ;
}
@media (min-width:961px) {
  .u-br-pc::before {
    content: "\A" ;
    white-space: pre ;
  } 
}
@media (max-width:960px) {
  .u-br-sp::before {
    content: "\A" ;
    white-space: pre ;
  } 
}

.u-hide-pc {
  display: none !important;
}
.u-hide-sp {
  display: block !important;
}
@media screen and (max-width: 767px){
  .u-hide-pc {
      display: block !important;
  }
  .u-hide-sp {
      display: none !important;
  }
}

/* 画像border */
@media screen and (min-width: 768px) {
  .u-img-border-pc-10{
    border-radius: 10px;
  }
  .u-img-border-pc-20{
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .u-img-border-sp-10{
    border-radius: 10px;
  }
  .u-img-border-sp-20{
    border-radius: 20px;
  }
}

/* テキスト強調 */
.u-txt-red{
  color: red;
}

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