@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
}
.marr1e {
  margin-right: 1em
}
.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
}
.marl1e {
  margin-left: 1em
}
.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
}
.mat6r {
  margin-top: 6rem
}
.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
}
.marb2e {
  margin-bottom: 2em
}
.mab1r {
  margin-bottom: 1rem
}
.mab2r {
  margin-bottom: 2rem
}
.mab3r {
  margin-bottom: 3rem
}
.mab4r {
  margin-bottom: 4rem
}
.mab5r {
  margin-bottom: 5rem
}
.mab6r {
  margin-bottom: 6rem
}
.mar0 {
  margin: 0
}
.mar1e {
  margin: 1em
}
.mar2e {
  margin: 2em
}
.mar3e {
  margin: 3em
}
.malr1 {
  margin: 0 1%
}
.malr2 {
  margin: 0 2%
}
.malr3 {
  margin: 0 3%
}
.mara0 {
  margin: auto 0
}
.mar0a {
  margin: 0 auto
}
.mar1a {
  margin: 1rem auto
}
.mar0a1 {
  margin: 0 auto 1rem
}
.mar20-0 {
  margin: 20% 0
}
.mar25-0 {
  margin: 25% 0
}
.ma01rem {
  margin: 0 1rem
}
.ma02rem {
  margin: 0 2rem
}
.mar15em_0 {
  margin: 1.5em 0
}
@media (max-width:767px) {
  .mat1remsp {
    margin-top: 1rem
  }
  .mat2remsp {
    margin-top: 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
}
.pdl1r {
  padding-left: 1rem
}
.pdl765re {
  padding-left: 7.65rem
}
.pdl10r {
  padding-left: 10rem
}
.pdl11r {
  padding-left: 11rem
}
.pdl12r {
  padding-left: 12rem
}
.pdl13r {
  padding-left: 13rem
}
.pdl14r {
  padding-left: 14rem
}
.pdl15r {
  padding-left: 15rem
}
.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
}
.pdt1r {
  padding-top: 1rem
}
.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
  }
}
/* -----------------------------------------------------------
	#width
----------------------------------------------------------- */
.w10 {
  width: 10%
}
.w20 {
  width: 20%
}
.w22 {
  width: 22%
}
[class*='w30'] {
  width: 30%
}
[class*='w33'] {
  width: 33%
}
[class*='w40'] {
  width: 40%
}
.w50 {
  width: 50%
}
.w60 {
  width: 60%
}
.w65 {
  width: 65%
}
.w70 {
  width: 70%
}
.w75 {
  width: 75%
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%
}
.w95 {
  width: 95%
}
.w100 {
  width: 100%
}
.w250 {
  width: 250px
}
.w280 {
  width: 280px
}
.w300 {
  width: 300px
}
.w360 {
  width: 360px
}
.maxw600 {
  max-width: 600px
}
.maxw700 {
  max-width: 700px
}
.maxw800 {
  max-width: 800px
}
.maxw860 {
  max-width: 860px
}
.maxw900 {
  max-width: 900px
}
.maxw1000 {
  max-width: 1000px
}
.maxw1200 {
  max-width: 1200px
}
.tableth35.uk-table th {
  width: 35%
}
@media (min-width:768px) {
  .pcw33 {
    width: 33%
  }
  .pcw45 {
    width: 45%
  }
  .pcw50 {
    width: 50%
  }
  .pcw60 {
    width: 60%
  }
  .pcw70 {
    width: 70%
  }
  .pcw75 {
    width: 75%
  }
  .pcw80 {
    width: 80%
  }
  .pcw90 {
    width: 90%
  }
}
@media (max-width:767px) {
  .spw30 {
    width: 95%
  }
  .spw40 {
    width: 90%
  }
  .spw60 {
    width: 60%
  }
  .spw75 {
    width: 75%
  }
  .spw80 {
    width: 80%
  }
  .spw90 {
    width: 90%
  }
  .spw95 {
    width: 95%
  }
  .spw100 {
    width: 100%
  }
  .spw348 {
    width: 348px
  }
}
@media (max-width:767px) {
  .wid1-2m {
    width: 45%;
    margin: 0 1%
  }
}
/* -----------------------------------------------------------
	#height
----------------------------------------------------------- */
.mih200p {
  min-height: 200px !important
}
.h100p {
  height: 100px
}
.h200 {
  height: 200px
}
.h240 {
  height: 240px
}
.h250 {
  height: 250px
}
.h260 {
  height: 260px
}
.h270 {
  height: 270px
}
.h280 {
  height: 280px
}
.h290 {
  height: 290px
}
.h300 {
  height: 300px
}
.h100vwau {
  height: 100vh;
  width: 100%
}
.maxh360p {
  max-height: 360px
}
@media (max-width:767px) {
  .smp_img img {
    height: auto
  }
  .h100vhsp {
    height: 100vh
  }
}
/* -----------------------------------------------------------
	#aspect
----------------------------------------------------------- */
.imgaspect16_9 img {
  aspect-ratio16_9: 16 / 9
}
/* -----------------------------------------------------------
	#改行
----------------------------------------------------------- */
.nowrap {
  white-space: nowrap
}
/* -----------------------------------------------------------
	#overflow
----------------------------------------------------------- */
.ofh {
  overflow: hidden
}
/* -----------------------------------------------------------
	#display
----------------------------------------------------------- */
.inlineb {
  display: inline-block
}
/* -----------------------------------------------------------
	#align-item
----------------------------------------------------------- */
.alitem_cen {
  align-items: center
}
@media (max-width:767px) {
  .spnone {
    display: none
  }
}
/*画像位置*/
@media (max-width:1200px) {
  .objectfit_cont_tab img {
    object-fit: contain
  }
}