@charset "utf-8";
/* CSS Document */

/* ------ margin class ------ */
.margin_auto {
  margin: 0 auto
}
.grid_center {
  justify-content: center
}
.mar00 {
  margin-right: 0px
}
.mar01 {
  margin-right: 1px
}
.mar02 {
  margin-right: 2px
}
.mar03 {
  margin-right: 3px
}
.mar04 {
  margin-right: 4px
}
.mar05 {
  margin-right: 5px
}
.mar06 {
  margin-right: 6px
}
.mar07 {
  margin-right: 7px
}
.mar08 {
  margin-right: 8px
}
.mar09 {
  margin-right: 9px
}
.mar10 {
  margin-right: 10px
}
.mar11 {
  margin-right: 11px
}
.mar12 {
  margin-right: 12px
}
.mar13 {
  margin-right: 13px
}
.mar14 {
  margin-right: 14px
}
.mar15 {
  margin-right: 15px
}
.mar20 {
  margin-right: 20px
}
.mar25 {
  margin-right: 25px
}
.mar30 {
  margin-right: 30px
}
.mar35 {
  margin-right: 35px
}
.mar40 {
  margin-right: 40px
}
.mar45 {
  margin-right: 45px
}
.mar50 {
  margin-right: 50px
}
.mal00 {
  margin-left: 0px
}
.mal01 {
  margin-left: 1px
}
.mal02 {
  margin-left: 2px
}
.mal03 {
  margin-left: 3px
}
.mal04 {
  margin-left: 4px
}
.mal05 {
  margin-left: 5px
}
.mal06 {
  margin-left: 6px
}
.mal07 {
  margin-left: 7px
}
.mal08 {
  margin-left: 8px
}
.mal09 {
  margin-left: 9px
}
.mal10 {
  margin-left: 10px
}
.mal11 {
  margin-left: 11px
}
.mal12 {
  margin-left: 12px
}
.mal13 {
  margin-left: 13px
}
.mal14 {
  margin-left: 14px
}
.mal15 {
  margin-left: 15px
}
.mal20 {
  margin-left: 20px
}
.mal25 {
  margin-left: 25px
}
.mal30 {
  margin-left: 30px
}
.mal35 {
  margin-left: 35px
}
.mal40 {
  margin-left: 40px
}
.mal45 {
  margin-left: 45px
}
.mal50 {
  margin-left: 50px
}
.mat00 {
  margin-top: 0
}
.mat01 {
  margin-top: 1px
}
.mat02 {
  margin-top: 2px
}
.mat03 {
  margin-top: 3px
}
.mat04 {
  margin-top: 4px
}
.mat05 {
  margin-top: 5px
}
.mat06 {
  margin-top: 6px
}
.mat07 {
  margin-top: 7px
}
.mat08 {
  margin-top: 8px
}
.mat09 {
  margin-top: 9px
}
.mat10 {
  margin-top: 10px
}
.mat11 {
  margin-top: 11px
}
.mat12 {
  margin-top: 12px
}
.mat13 {
  margin-top: 13px
}
.mat14 {
  margin-top: 14px
}
.mat15 {
  margin-top: 15px
}
.mat20 {
  margin-top: 20px
}
.mat25 {
  margin-top: 25px
}
.mat30 {
  margin-top: 30px
}
.mat30 {
  margin-top: 35px
}
.mat40 {
  margin-top: 40px
}
.mat45 {
  margin-top: 45px
}
.mat50 {
  margin-top: 50px
}
.mat1r {
  margin-top: 1rem
}
.mat2r {
  margin-top: 2rem
}
.mat3r {
  margin-top: 3rem
}
.mat5r {
  margin-top: 5rem
}
.mab00 {
  margin-bottom: 0
}
.mab01 {
  margin-bottom: 1px
}
.mab02 {
  margin-bottom: 2px
}
.mab03 {
  margin-bottom: 3px
}
.mab04 {
  margin-bottom: 4px
}
.mab05 {
  margin-bottom: 5px
}
.mab06 {
  margin-bottom: 6px
}
.mab07 {
  margin-bottom: 7px
}
.mab08 {
  margin-bottom: 8px
}
.mab09 {
  margin-bottom: 9px
}
.mab10 {
  margin-bottom: 10px
}
.mab11 {
  margin-bottom: 11px
}
.mab12 {
  margin-bottom: 12px
}
.mab13 {
  margin-bottom: 13px
}
.mab14 {
  margin-bottom: 14px
}
.mab15 {
  margin-bottom: 15px
}
.mab20 {
  margin-bottom: 20px
}
.mab25 {
  margin-bottom: 25px
}
.mab30 {
  margin-bottom: 30px
}
.mab35 {
  margin-bottom: 35px
}
.mab40 {
  margin-bottom: 40px
}
.mab45 {
  margin-bottom: 45px
}
.mab50 {
  margin-bottom: 50px
}
.mab2e {
  margin-bottom: 2em
}
.mab2r {
  margin-bottom: 2rem
}
.mar0 {
  margin: 0
}
.mar1e {
  margin: 1em
}
.mar2e {
  margin: 2em
}
.mar3e {
  margin: 3em
}
.mab1r {
  margin-bottom: 1rem
}
.mab2r {
  margin-bottom: 2rem
}
.mab3r {
  margin-bottom: 3rem
}
.mab4r {
  margin-bottom: 4rem
}
.malr1 {
  margin: 0 1%
}
.malr2 {
  margin: 0 2%
}
.malr3 {
  margin: 0 3%
}
.mara0 {
  margin: auto 0
}
.mar0a {
  margin: 0 auto
}
.mar20-0 {
  margin: 20% 0
}
.mar25-0 {
  margin: 25% 0
}
.ma01rem {
  margin: 0 1rem
}

@media (max-width:767px) {
  .mat1remsp {
    margin-top: 1rem
  }
  .mat2remsp {
    margin-top: 2rem
  }
  .mab1remsp {
    margin-bottom: 1rem
  }
  .mab2remsp {
    margin-bottom: 2rem
  }
}
/* -----------------------------------------------------------
	#padding class
----------------------------------------------------------- */
.pdr00 {
  padding-right: 0
}
.pdr01 {
  padding-right: 1px
}
.pdr02 {
  padding-right: 2px
}
.pdr03 {
  padding-right: 3px
}
.pdr04 {
  padding-right: 4px
}
.pdr05 {
  padding-right: 5px
}
.pdr06 {
  padding-right: 6px
}
.pdr07 {
  padding-right: 7px
}
.pdr08 {
  padding-right: 8px
}
.pdr09 {
  padding-right: 9px
}
.pdr10 {
  padding-right: 10px
}
.pdr11 {
  padding-right: 11px
}
.pdr12 {
  padding-right: 12px
}
.pdr13 {
  padding-right: 13px
}
.pdr14 {
  padding-right: 14px
}
.pdr15 {
  padding-right: 15px
}
.pdr20 {
  padding-right: 20px
}
.pdr25 {
  padding-right: 25px
}
.pdr30 {
  padding-right: 30px
}
.pdl00 {
  padding-left: 0
}
.pdl01 {
  padding-left: 1px
}
.pdl02 {
  padding-left: 2px
}
.pdl03 {
  padding-left: 3px
}
.pdl04 {
  padding-left: 4px
}
.pdl05 {
  padding-left: 5px
}
.pdl06 {
  padding-left: 6px
}
.pdl07 {
  padding-left: 7px
}
.pdl08 {
  padding-left: 8px
}
.pdl09 {
  padding-left: 9px
}
.pdl10 {
  padding-left: 10px
}
.pdl11 {
  padding-left: 11px
}
.pdl12 {
  padding-left: 12px
}
.pdl13 {
  padding-left: 13px
}
.pdl14 {
  padding-left: 14px
}
.pdl15 {
  padding-left: 15px
}
.pdl20 {
  padding-left: 20px
}
.pdl25 {
  padding-left: 25px
}
.pdl30 {
  padding-left: 30px
}
.pdl1e {
  padding-left: 1em
}
.pdt00 {
  padding-top: 0
}
.pdt01 {
  padding-top: 1px
}
.pdt02 {
  padding-top: 2px
}
.pdt03 {
  padding-top: 3px
}
.pdt04 {
  padding-top: 4px
}
.pdt05 {
  padding-top: 5px
}
.pdt06 {
  padding-top: 6px
}
.pdt07 {
  padding-top: 7px
}
.pdt08 {
  padding-top: 8px
}
.pdt09 {
  padding-top: 9px
}
.pdt10 {
  padding-top: 10px
}
.pdt11 {
  padding-top: 11px
}
.pdt12 {
  padding-top: 12px
}
.pdt13 {
  padding-top: 13px
}
.pdt14 {
  padding-top: 14px
}
.pdt15 {
  padding-top: 15px
}
.pdt20 {
  padding-top: 20px
}
.pdt25 {
  padding-top: 25px
}
.pdt30 {
  padding-top: 30px
}
.pdb00 {
  padding-bottom: 0
}
.pdb01 {
  padding-bottom: 1px
}
.pdb02 {
  padding-bottom: 2px
}
.pdb03 {
  padding-bottom: 3px
}
.pdb04 {
  padding-bottom: 4px
}
.pdb05 {
  padding-bottom: 5px
}
.pdb06 {
  padding-bottom: 6px
}
.pdb07 {
  padding-bottom: 7px
}
.pdb08 {
  padding-bottom: 8px
}
.pdb09 {
  padding-bottom: 9px
}
.pdb10 {
  padding-bottom: 10px
}
.pdb11 {
  padding-bottom: 11px
}
.pdb12 {
  padding-bottom: 12px
}
.pdb13 {
  padding-bottom: 13px
}
.pdb14 {
  padding-bottom: 14px
}
.pdb15 {
  padding-bottom: 15px
}
.pdb20 {
  padding-bottom: 20px
}
.pdb25 {
  padding-bottom: 25px
}
.pdb30 {
  padding-bottom: 30px
}
.pad01 {
  padding: 1px
}
.pad02 {
  padding: 2px
}
.pad03 {
  padding: 3px
}
.pad04 {
  padding: 4px
}
.pad05 {
  padding: 5px
}
.pad06 {
  padding: 6px
}
.pad07 {
  padding: 7px
}
.pad08 {
  padding: 8px
}
.pad09 {
  padding: 9px
}
.pad10 {
  padding: 10px
}
.pad11 {
  padding: 11px
}
.pad12 {
  padding: 12px
}
.pad13 {
  padding: 13px
}
.pad14 {
  padding: 14px
}
.pad15 {
  padding: 15px
}
.pad20 {
  padding: 20px
}
.pad25 {
  padding: 25px
}
.pad30 {
  padding: 30px
}
.pad0 {
  padding: 0
}
.pad1e {
  padding: 1em
}
.pad2e {
  padding: 2em
}
.pad3e {
  padding: 3em
}
.padd10 {
  padding: 10%
}
@media (max-width:767px) {
  .pdl30sp {
    padding-left: 30px
  }
}

/*改行*/
.nowrap {
  white-space: nowrap
}
/*overflow*/
.ofh {
  overflow: hidden
}
/*display*/
.inlineb {
  display: inline-block
}