/*-----------------------
text
-----------------------*/
/*--size--*/
.u-fs60 {font-size: 6.0rem!important;}
.u-fs55 {font-size: 5.5rem!important;}
.u-fs50 {font-size: 5.0rem!important;}
.u-fs48 {font-size: 4.8rem!important;}
.u-fs45 {font-size: 4.5rem!important;}
.u-fs40 {font-size: 4.0rem!important;}
.u-fs36 {font-size: 3.6rem!important;}
.u-fs35 {font-size: 3.5rem!important;}
.u-fs30 {font-size: 3.0rem!important;}
.u-fs28 {font-size: 2.8rem!important;}
.u-fs26 {font-size: 2.6rem!important;}
.u-fs24 {font-size: 2.4rem!important;}
.u-fs22 {font-size: 2.2rem!important;}
.u-fs20 {font-size: 2.0rem!important;}
.u-fs19 {font-size: 1.9rem!important;}
.u-fs18 {font-size: 1.8rem!important;}
.u-fs17 {font-size: 1.7rem!important;}
.u-fs16 {font-size: 1.6rem!important;}
.u-fs15 {font-size: 1.5rem!important;}
.u-fs14 {font-size: 1.4rem!important;}
.u-fs13 {font-size: 1.3rem!important;}
.u-fs12 {font-size: 1.2rem!important;}
.u-fs11 {font-size: 1.1rem!important;}
.u-fs10 {font-size: 1.0rem!important;}

/*--weight--*/
.u-fw300 {font-weight: 300!important;}
.u-fw400 {font-weight: 400!important;}
.u-fw500 {font-weight: 500!important;}
.u-fw600 {font-weight: 600!important;}
.u-fw700 {font-weight: 700!important;}
.u-fw800 {font-weight: 800!important;}
.u-fw900 {font-weight: 900!important;}
.u-fwn   {font-weight: normal!important;}
.u-fwb   {font-weight: bold!important;}

/*--decoration--*/
.u-txtdec-n {text-decoration: none!important;}
.u-txtdec-u {text-decoration: underline!important;text-underline-offset: 5px;}

/*-----------------------
align
-----------------------*/
.u-center {text-align: center!important;}
.u-left {text-align: left!important;}
.u-right {text-align: right!important;}

/*-----------------------
line-height
-----------------------*/
.u-lh-normal {line-height: normal!important;}
.u-lh--1 {line-height: 1!important;}

/*-----------------------
letter-spacing
-----------------------*/
.u-ls0 {letter-spacing: 0!important;}

/*-----------------------
width
-----------------------*/
.u-w100p {width: 100%!important;}
.u-w95p {width: 95%!important;}
.u-w90p {width: 90%!important;}
.u-w85p {width: 85%!important;}
.u-w80p {width: 80%!important;}
.u-w75p {width: 75%!important;}
.u-w70p {width: 70%!important;}
.u-w65p {width: 65%!important;}
.u-w60p {width: 60%!important;}
.u-w55p {width: 55%!important;}
.u-w50p {width: 50%!important;}
.u-w45p {width: 45%!important;}
.u-w40p {width: 40%!important;}
.u-w35p {width: 35%!important;}
.u-w30p {width: 30%!important;}
.u-w25p {width: 25%!important;}
.u-w20p {width: 20%!important;}
.u-w15p {width: 15%!important;}
.u-w10p {width: 10%!important;}
.u-w5p {width: 5%!important;}
.u-mw-unset {max-width: unset!important;}
.u-border-box {box-sizing: border-box;}

/*-----------------------
カラム表示時のwidth
-----------------------*/
.u-w2col {max-width: 47%!important;}
.u-w3col {max-width: 33%!important;}
.u-w4col {max-width: 24%!important;}

/*-----------------------
margin
-----------------------*/
.u-m-auto {margin: auto;}
.u-m-0auto {margin: 0 auto;}
.u-m0 {margin: 0!important;}

.u-mt0 {margin-top: 0!important;}
.u-mt5 {margin-top: 5px!important;}
.u-mt10 {margin-top: 10px!important;}
.u-mt20 {margin-top: 20px!important;}
.u-mt30 {margin-top: 30px!important;}
.u-mt40 {margin-top: 40px!important;}
.u-mt50 {margin-top: 50px!important;}
.u-mt60 {margin-top: 60px!important;}
.u-mt70 {margin-top: 70px!important;}
.u-mt80 {margin-top: 80px!important;}
.u-mt90 {margin-top: 90px!important;}
.u-mt100 {margin-top: 100px!important;}

.u-mb0 {margin-bottom: 0!important;}
.u-mb5 {margin-bottom: 5px!important;}
.u-mb10 {margin-bottom: 10px!important;}
.u-mb20 {margin-bottom: 20px!important;}
.u-mb30 {margin-bottom: 30px!important;}
.u-mb40 {margin-bottom: 40px!important;}
.u-mb50 {margin-bottom: 50px!important;}
.u-mb60 {margin-bottom: 60px!important;}
.u-mb70 {margin-bottom: 70px!important;}
.u-mb80 {margin-bottom: 80px!important;}
.u-mb90 {margin-bottom: 90px!important;}
.u-mb100 {margin-bottom: 100px!important;}

.u-mr0 {margin-right: 0!important;}
.u-mr5 {margin-right: 5px!important;}
.u-mr10 {margin-right: 10px!important;}
.u-mr15 {margin-right: 15px!important;}
.u-mr20 {margin-right: 20px!important;}
.u-mr25 {margin-right: 25px!important;}
.u-mr30 {margin-right: 30px!important;}
.u-mr40 {margin-right: 40px!important;}
.u-mr50 {margin-right: 50px!important;}

.u-ml0 {margin-left: 0!important;}
.u-ml5 {margin-left: 5px!important;}
.u-ml10 {margin-left: 10px!important;}
.u-ml15 {margin-left: 15px!important;}
.u-ml20 {margin-left: 20px!important;}
.u-ml25 {margin-left: 25px!important;}
.u-ml30 {margin-left: 30px!important;}
.u-ml40 {margin-left: 40px!important;}
.u-ml50 {margin-left: 50px!important;}

.u-mtb0 {margin-top: 0!important; margin-bottom: 0!important;}
.u-mtb5 {margin-top: 5px!important; margin-bottom: 5px!important;}
.u-mtb10 {margin-top: 10px!important; margin-bottom: 10px!important;}
.u-mtb15 {margin-top: 15px!important; margin-bottom: 15px!important;}
.u-mtb20 {margin-top: 20px!important; margin-bottom: 20px!important;}
.u-mtb25 {margin-top: 25px!important; margin-bottom: 25px!important;}
.u-mtb30 {margin-top: 30px!important; margin-bottom: 30px!important;}

/*-----------------------
padding
-----------------------*/
.u-p0 {padding: 0!important;}
.u-p5 {padding: 5px!important;}
.u-p10 {padding: 10px!important;}
.u-p15 {padding: 15px!important;}
.u-p20 {padding: 20px!important;}
.u-p25 {padding: 25px!important;}
.u-p30 {padding: 30px!important;}
.u-p40 {padding: 40px!important;}
.u-p50 {padding: 50px!important;}
.u-p60 {padding: 60px!important;}
.u-p70 {padding: 70px!important;}
.u-p80 {padding: 80px!important;}
.u-p90 {padding: 90px!important;}
.u-p100 {padding: 100px!important;}

.u-pt0 {padding-top: 0!important;}
.u-pt5 {padding-top: 5px!important;}
.u-pt10 {padding-top: 10px!important;}
.u-pt15 {padding-top: 15px!important;}
.u-pt20 {padding-top: 20px!important;}
.u-pt25 {padding-top: 25px!important;}
.u-pt30 {padding-top: 30px!important;}
.u-pt40 {padding-top: 40px!important;}
.u-pt50 {padding-top: 50px!important;}
.u-pt60 {padding-top: 60px!important;}
.u-pt70 {padding-top: 70px!important;}
.u-pt80 {padding-top: 80px!important;}
.u-pt90 {padding-top: 90px!important;}
.u-pt100 {padding-top: 100px!important;}

.u-pb0 {padding-bottom: 0!important;}
.u-pb5 {padding-bottom: 5px!important;}
.u-pb10 {padding-bottom: 10px!important;}
.u-pb15 {padding-bottom: 15px!important;}
.u-pb20 {padding-bottom: 20px!important;}
.u-pb25 {padding-bottom: 25px!important;}
.u-pb30 {padding-bottom: 30px!important;}
.u-pb40 {padding-bottom: 40px!important;}
.u-pb50 {padding-bottom: 50px!important;}
.u-pb60 {padding-bottom: 60px!important;}
.u-pb70 {padding-bottom: 70px!important;}
.u-pb80 {padding-bottom: 80px!important;}
.u-pb90 {padding-bottom: 90px!important;}
.u-pb100 {padding-bottom: 100px!important;}

.u-pr0 {padding-right: 0!important;}
.u-pr5 {padding-right: 5px!important;}
.u-pr10 {padding-right: 10px!important;}
.u-pr15 {padding-right: 15px!important;}
.u-pr20 {padding-right: 20px!important;}
.u-pr25 {padding-right: 25px!important;}
.u-pr30 {padding-right: 30px!important;}

.u-pl0 {padding-left: 0!important;}
.u-pl5 {padding-left: 5px!important;}
.u-pl10 {padding-left: 10px!important;}
.u-pl15 {padding-left: 15px!important;}
.u-pl20 {padding-left: 20px!important;}
.u-pl25 {padding-left: 25px!important;}
.u-pl30 {padding-left: 30px!important;}

.u-ptb0 {padding-top: 0!important; padding-bottom: 0!important;}
.u-ptb5 {padding-top: 5px!important; padding-bottom: 5px!important;}
.u-ptb10 {padding-top: 10px!important; padding-bottom: 10px!important;}
.u-ptb15 {padding-top: 15px!important; padding-bottom: 15px!important;}
.u-ptb20 {padding-top: 20px!important; padding-bottom: 20px!important;}
.u-ptb25 {padding-top: 25px!important; padding-bottom: 25px!important;}
.u-ptb30 {padding-top: 30px!important; padding-bottom: 30px!important;}

.u-prl0 {padding-right: 0!important; padding-left: 0!important;}
.u-prl5 {padding-right: 5px!important; padding-left: 5px!important;}
.u-prl10 {padding-right: 10px!important; padding-left: 10px!important;}
.u-prl15 {padding-right: 15px!important; padding-left: 15px!important;}
.u-prl20 {padding-right: 20px!important; padding-left: 20px!important;}
.u-prl25 {padding-right: 25px!important; padding-left: 25px!important;}
.u-prl30 {padding-right: 30px!important; padding-left: 30px!important;}
.u-prl40 {padding-right: 40px!important; padding-left: 40px!important;}
.u-prl50 {padding-right: 50px!important; padding-left: 50px!important;}
.u-prl60 {padding-right: 60px!important; padding-left: 60px!important;}
.u-prl70 {padding-right: 70px!important; padding-left: 70px!important;}
.u-prl80 {padding-right: 80px!important; padding-left: 80px!important;}
.u-prl90 {padding-right: 90px!important; padding-left: 90px!important;}
.u-prl100 {padding-right: 100px!important; padding-left: 100px!important;}

/*-----------------------
flex
-----------------------*/
.u-flex {display: flex;}
.u-flex-justify-between {justify-content: space-between!important;}
.u-flex-justify-center {justify-content: center!important;}
.u-flex-justify-start {justify-content: flex-start!important;}
.u-flex-justify-end {justify-content: flex-end!important;}
.u-flex-align-center {align-items : center!important;}
.u-flex-align-base {align-items: baseline!important;}
.u-flex-align-end {align-items: end!important;}
.u-flex-wrap {flex-wrap: wrap!important;}
.u-flex-nowrap {flex-wrap: nowrap!important;}

/*-----------------------
grid
-----------------------*/
.u-grid {display: grid!important;}
.u-grid-center {place-items: center!important;}

/*-----------------------
position
-----------------------*/
.u-pos-relative {position: relative!important;}
.u-pos-absolute {position: absolute!important;}

/*-----------------------
display
-----------------------*/
.u-db {display: block!important;}
.u-dib {display: inline-block!important;}
.u-bs-box {box-sizing: border-box!important;}

/*-----------------------
レスポンシブ
-----------------------*/
.u-pc {display: block!important;}
.u-sp {display: none!important;}
@media (max-width: 992px) {
  .u-pc {display: none!important;}
  .u-sp {display: block!important;}
  .u-sp-left {text-align: left!important;}
  .u-sp-w100 {width: 100%!important;}

  /*--size--*/
  .u-sp-fs60 {font-size: 6.0rem!important;}
  .u-sp-fs55 {font-size: 5.5rem!important;}
  .u-sp-fs50 {font-size: 5.0rem!important;}
  .u-sp-fs48 {font-size: 4.8rem!important;}
  .u-sp-fs45 {font-size: 4.5rem!important;}
  .u-sp-fs40 {font-size: 4.0rem!important;}
  .u-sp-fs36 {font-size: 3.6rem!important;}
  .u-sp-fs35 {font-size: 3.5rem!important;}
  .u-sp-fs30 {font-size: 3.0rem!important;}
  .u-sp-fs28 {font-size: 2.8rem!important;}
  .u-sp-fs26 {font-size: 2.6rem!important;}
  .u-sp-fs24 {font-size: 2.4rem!important;}
  .u-sp-fs22 {font-size: 2.2rem!important;}
  .u-sp-fs20 {font-size: 2.0rem!important;}
  .u-sp-fs19 {font-size: 1.9rem!important;}
  .u-sp-fs18 {font-size: 1.8rem!important;}
  .u-sp-fs17 {font-size: 1.7rem!important;}
  .u-sp-fs16 {font-size: 1.6rem!important;}
  .u-sp-fs15 {font-size: 1.5rem!important;}
  .u-sp-fs14 {font-size: 1.4rem!important;}
  .u-sp-fs13 {font-size: 1.3rem!important;}
  .u-sp-fs12 {font-size: 1.2rem!important;}
  .u-sp-fs11 {font-size: 1.1rem!important;}
  .u-sp-fs10 {font-size: 1.0rem!important;}
}
/*-----------------------
※や①②などを前に出した箇条書き
-----------------------*/
.u-list-indent {
  padding-left: 1em!important;
  text-indent: -1em!important;
}

/*-----------------------
薄い赤背景の注意書き
-----------------------*/
.u-note-box {
  background: rgba(240,68,87,0.1) !important;
  color: #F04457!important;
  padding: 2rem!important;
  border-radius: 4px!important;
}