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



/*RESET*/
html, body, h1, h2, h3, h4, h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*{
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
  margin: 0;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
  outline: none;
}

/*basic*/
#container{
  overflow-x: hidden;
}
img{
  max-width: 100%;
  vertical-align: bottom;
}
p{
  text-align: left;
}
.pc{
  display: initial;
}
.sp{
  display: none;
}

/*flexbox*/
.flex-wrapper{
  display: flex;
}
@media (min-width: 769px){
  .pc-flex{
    display: flex;
  }
}
@media (max-width: 768px){
  .sp-flex{
    display: flex;
  }
}

.flex-wrap{
  flex-wrap: wrap;
}
.align-center{
  align-items: center;
}
.align-base{
  align-items: baseline;
}
.align-end{
  align-items: flex-end;
}
.align-start{
  align-items: start;
}

.justify-center{
  justify-content: center;
}
.justify-space-between{
  justify-content: space-between;
}
.justify-space-around{
  justify-content: space-around;
}
.justify-space-evenly{
  justify-content: space-evenly;
}
.justify-start{
  justify-content: start;
}
.justify-end{
  justify-content: end;
}
.justify-stretch{
  justify-content: stretch;
}

.flex-reverse{
  flex-direction: row-reverse;
}
.flex-column{
  flex-direction: column;
}
.flex-column-reverse{
  flex-direction: column-reverse;
}

@media (max-width: 768px){
  .sp-flex-wrap{
    flex-wrap: wrap;
  }
  .sp-align-base{
    align-items: flex-end;
  }
}

.grid{
  display: grid;
}


/*text*/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.underline{ text-decoration: underline;}

.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f27{font-size: 27px;}
.f28{font-size: 28px;}
.f29{font-size: 29px;}
.f30{font-size: 30px;}
.f31{font-size: 31px;}
.f32{font-size: 32px;}
.f33{font-size: 33px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f37{font-size: 37px;}
.f38{font-size: 38px;}
.f39{font-size: 39px;}
.f40{font-size: 40px;}
.f41{font-size: 41px;}
.f42{font-size: 42px;}
.f43{font-size: 43px;}
.f44{font-size: 44px;}
.f45{font-size: 45px;}
.f46{font-size: 46px;}
.f47{font-size: 47px;}
.f48{font-size: 48px;}
.f49{font-size: 49px;}
.f50{font-size: 50px;}
.f51{font-size: 51px;}
.f52{font-size: 52px;}
.f53{font-size: 53px;}
.f54{font-size: 54px;}
.f55{font-size: 55px;}
.f56{font-size: 56px;}
.f57{font-size: 57px;}
.f58{font-size: 58px;}
.f59{font-size: 59px;}
.f60{font-size: 60px;}
.f61{font-size: 61px;}
.f62{font-size: 62px;}
.f63{font-size: 63px;}
.f64{font-size: 64px;}
.f65{font-size: 65px;}
.f66{font-size: 66px;}
.f67{font-size: 67px;}
.f68{font-size: 68px;}
.f69{font-size: 69px;}
.f70{font-size: 70px;}
.f71{font-size: 71px;}
.f72{font-size: 72px;}
.f73{font-size: 73px;}
.f74{font-size: 74px;}
.f75{font-size: 75px;}
.f76{font-size: 76px;}
.f77{font-size: 77px;}
.f78{font-size: 78px;}
.f79{font-size: 79px;}
.f80{font-size: 80px;}
.f81{font-size: 81px;}
.f82{font-size: 82px;}
.f83{font-size: 83px;}
.f84{font-size: 84px;}
.f85{font-size: 85px;}
.f86{font-size: 86px;}
.f87{font-size: 87px;}
.f88{font-size: 88px;}
.f89{font-size: 89px;}
.f90{font-size: 90px;}
.f91{font-size: 91px;}
.f92{font-size: 92px;}
.f93{font-size: 93px;}
.f94{font-size: 94px;}
.f95{font-size: 95px;}
.f96{font-size: 96px;}
.f97{font-size: 97px;}
.f98{font-size: 98px;}
.f99{font-size: 99px;}
.f100{font-size: 100px;}
.f110{font-size: 110px;}
.f120{font-size: 120px;}
.f130{font-size: 130px;}
.f140{font-size: 140px;}
.f150{font-size: 150px;}
.f160{font-size: 160px;}
.f170{font-size: 170px;}
.f180{font-size: 180px;}

/*margin-bottom*/
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}
.mb160{margin-bottom: 160px;}
.mb170{margin-bottom: 170px;}
.mb180{margin-bottom: 180px;}
.mb190{margin-bottom: 190px;}
.mb200{margin-bottom: 200px;}

.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}


@media (max-width: 1200px){

  .f10{font-size: 0.833vw;}
  .f11{font-size: 0.917vw;}
  .f12{font-size: 1vw;}
  .f13{font-size: 1.083vw;}
  .f14{font-size: 1.167vw;}
  .f15{font-size: 1.25vw;}
  .f16{font-size: 1.333vw;}
  .f17{font-size: 1.417vw;}
  .f18{font-size: 1.5vw;}
  .f19{font-size: 1.583vw;}
  .f20{font-size: 1.667vw;}
  .f21{font-size: 1.75vw;}
  .f22{font-size: 1.833vw;}
  .f23{font-size: 1.917vw;}
  .f24{font-size: 2vw;}
  .f25{font-size: 2.083vw;}
  .f26{font-size: 2.167vw;}
  .f27{font-size: 2.25vw;}
  .f28{font-size: 2.333vw;}
  .f29{font-size: 2.417vw;}
  .f30{font-size: 2.5vw;}
  .f31{font-size: 2.583vw;}
  .f32{font-size: 2.667vw;}
  .f33{font-size: 2.75vw;}
  .f34{font-size: 2.833vw;}
  .f35{font-size: 2.917vw;}
  .f36{font-size: 3vw;}
  .f37{font-size: 3.083vw;}
  .f38{font-size: 3.167vw;}
  .f39{font-size: 3.25vw;}
  .f40{font-size: 3.333vw;}
  .f41{font-size: 3.417vw;}
  .f42{font-size: 3.5vw;}
  .f43{font-size: 3.583vw;}
  .f44{font-size: 3.667vw;}
  .f45{font-size: 3.75vw;}
  .f46{font-size: 3.833vw;}
  .f47{font-size: 3.917vw;}
  .f48{font-size: 4vw;}
  .f49{font-size: 4.083vw;}
  .f50{font-size: 4.167vw;}
  .f51{font-size: 4.25vw;}
  .f52{font-size: 4.333vw;}
  .f53{font-size: 4.417vw;}
  .f54{font-size: 4.5vw;}
  .f55{font-size: 4.583vw;}
  .f56{font-size: 4.667vw;}
  .f57{font-size: 4.75vw;}
  .f58{font-size: 4.833vw;}
  .f59{font-size: 4.917vw;}
  .f60{font-size: 5vw;}
  .f61{font-size: 5.083vw;}
  .f62{font-size: 5.167vw;}
  .f63{font-size: 5.25vw;}
  .f64{font-size: 5.333vw;}
  .f65{font-size: 5.417vw;}
  .f66{font-size: 5.5vw;}
  .f67{font-size: 5.583vw;}
  .f68{font-size: 5.667vw;}
  .f69{font-size: 5.75vw;}
  .f70{font-size: 5.833vw;}
  .f71{font-size: 5.917vw;}
  .f72{font-size: 6vw;}
  .f73{font-size: 6.083vw;}
  .f74{font-size: 6.167vw;}
  .f75{font-size: 6.25vw;}
  .f76{font-size: 6.333vw;}
  .f77{font-size: 6.417vw;}
  .f78{font-size: 6.5vw;}
  .f79{font-size: 6.583vw;}
  .f80{font-size: 6.667vw;}
  .f81{font-size: 6.75vw;}
  .f82{font-size: 6.833vw;}
  .f83{font-size: 6.917vw;}
  .f84{font-size: 7vw;}
  .f85{font-size: 7.083vw;}
  .f86{font-size: 7.167vw;}
  .f87{font-size: 7.25vw;}
  .f88{font-size: 7.333vw;}
  .f89{font-size: 7.417vw;}
  .f90{font-size: 7.5vw;}
  .f91{font-size: 7.583vw;}
  .f92{font-size: 7.667vw;}
  .f93{font-size: 7.75vw;}
  .f94{font-size: 7.833vw;}
  .f95{font-size: 7.917vw;}
  .f96{font-size: 8vw;}
  .f97{font-size: 8.083vw;}
  .f98{font-size: 8.167vw;}
  .f99{font-size: 8.25vw;}
  .f100{font-size: 8.333vw;}
  .f110{font-size: 9.167vw;}
  .f120{font-size: 10vw;}
  .f130{font-size: 10.833vw;}
  .f140{font-size: 11.667vw;}
  .f150{font-size: 12.5vw;}
  .f160{font-size: 13.333vw;}
  .f170{font-size: 14.167vw;}
  .f180{font-size: 15vw;}
  
  /*margin-bottom*/
  .mb5{margin-bottom: 0.417vw;}
  .mb10{margin-bottom: 0.833vw;}
  .mb15{margin-bottom: 1.25vw;}
  .mb20{margin-bottom: 1.667vw;}
  .mb25{margin-bottom: 2.083vw;}
  .mb30{margin-bottom: 2.5vw;}
  .mb35{margin-bottom: 2.917vw;}
  .mb40{margin-bottom: 3.333vw;}
  .mb45{margin-bottom: 3.75vw;}
  .mb50{margin-bottom: 4.167vw;}
  .mb55{margin-bottom: 4.583vw;}
  .mb60{margin-bottom: 5vw;}
  .mb65{margin-bottom: 5.417vw;}
  .mb70{margin-bottom: 5.833vw;}
  .mb75{margin-bottom: 6.25vw;}
  .mb80{margin-bottom: 6.667vw;}
  .mb85{margin-bottom: 7.083vw;}
  .mb90{margin-bottom: 7.5vw;}
  .mb95{margin-bottom: 7.8vw;}
  .mb100{margin-bottom: 8.333vw;}
  .mb110{margin-bottom: 9.167vw;}
  .mb120{margin-bottom: 10vw;}
  .mb130{margin-bottom: 10.833vw;}
  .mb140{margin-bottom: 11.667vw;}
  .mb150{margin-bottom: 12.5vw;}
  .mb160{margin-bottom: 13.333vw;}
  .mb170{margin-bottom: 14.167vw;}
  .mb180{margin-bottom: 15vw;}
  .mb190{margin-bottom: 15.833vw;}
  .mb200{margin-bottom: 16.667vw;}

}


@media (max-width: 768px){
  .pc{
    display: none;
  }
  .sp{
    display: initial;
  }
  .sp-center{
    text-align: center;
  }
  .sp-left{
    text-align: left;
  }
  .sp-right{
    text-align: right;
  }
  
  .f10{font-size: 1.25vw;}
.f11{font-size: 1.375vw;}
.f12{font-size: 1.5vw;}
.f13{font-size: 1.625vw;}
.f14{font-size: 1.75vw;}
.f15{font-size: 1.875vw;}
.f16{font-size: 2vw;}
.f17{font-size: 2.125vw;}
.f18{font-size: 2.25vw;}
.f19{font-size: 2.375vw;}
.f20{font-size: 2.5vw;}
.f21{font-size: 2.625vw;}
.f22{font-size: 2.75vw;}
.f23{font-size: 2.875vw;}
.f24{font-size: 3vw;}
.f25{font-size: 3.125vw;}
.f26{font-size: 3.25vw;}
.f27{font-size: 3.375vw;}
.f28{font-size: 3.5vw;}
.f29{font-size: 3.625vw;}
.f30{font-size: 3.75vw;}
.f31{font-size: 3.875vw;}
.f32{font-size: 4vw;}
.f33{font-size: 4.125vw;}
.f34{font-size: 4.25vw;}
.f35{font-size: 4.375vw;}
.f36{font-size: 4.5vw;}
.f37{font-size: 4.625vw;}
.f38{font-size: 4.75vw;}
.f39{font-size: 4.875vw;}
.f40{font-size: 5vw;}
.f41{font-size: 5.125vw;}
.f42{font-size: 5.25vw;}
.f43{font-size: 5.375vw;}
.f44{font-size: 5.5vw;}
.f45{font-size: 5.625vw;}
.f46{font-size: 5.75vw;}
.f47{font-size: 5.875vw;}
.f48{font-size: 6vw;}
.f49{font-size: 6.125vw;}
.f50{font-size: 6.25vw;}
.f51{font-size: 6.375vw;}
.f52{font-size: 6.5vw;}
.f53{font-size: 6.625vw;}
.f54{font-size: 6.75vw;}
.f55{font-size: 6.875vw;}
.f56{font-size: 7vw;}
.f57{font-size: 7.125vw;}
.f58{font-size: 7.25vw;}
.f59{font-size: 7.375vw;}
.f60{font-size: 7.5vw;}
.f61{font-size: 7.625vw;}
.f62{font-size: 7.75vw;}
.f63{font-size: 7.875vw;}
.f64{font-size: 8vw;}
.f65{font-size: 8.125vw;}
.f66{font-size: 8.25vw;}
.f67{font-size: 8.375vw;}
.f68{font-size: 8.5vw;}
.f69{font-size: 8.625vw;}
.f70{font-size: 8.75vw;}
.f71{font-size: 8.875vw;}
.f72{font-size: 9vw;}
.f73{font-size: 9.125vw;}
.f74{font-size: 9.25vw;}
.f75{font-size: 9.375vw;}
.f76{font-size: 9.5vw;}
.f77{font-size: 9.625vw;}
.f78{font-size: 9.75vw;}
.f79{font-size: 9.875vw;}
.f80{font-size: 10vw;}
.f81{font-size: 10.125vw;}
.f82{font-size: 10.25vw;}
.f83{font-size: 10.375vw;}
.f84{font-size: 10.5vw;}
.f85{font-size: 10.625vw;}
.f86{font-size: 10.75vw;}
.f87{font-size: 10.875vw;}
.f88{font-size: 11vw;}
.f89{font-size: 11.125vw;}
.f90{font-size: 11.25vw;}
.f91{font-size: 11.375vw;}
.f92{font-size: 11.5vw;}
.f93{font-size: 11.625vw;}
.f94{font-size: 11.75vw;}
.f95{font-size: 11.875vw;}
.f96{font-size: 12vw;}
.f97{font-size: 12.125vw;}
.f98{font-size: 12.25vw;}
.f99{font-size: 12.375vw;}
.f100{font-size: 12.5vw;}
.f110{font-size: 13.75vw;}
.f120{font-size: 15vw;}
.f130{font-size: 16.25vw;}
.f140{font-size: 17.5vw;}
.f150{font-size: 18.75vw;}
.f160{font-size: 20vw;}
.f170{font-size: 21.25vw;}
.f180{font-size: 22.5vw;}

/*margin-bottom*/
.mb5{margin-bottom: 0.625vw;}
.mb10{margin-bottom: 1.25vw;}
.mb15{margin-bottom: 1.875vw;}
.mb20{margin-bottom: 2.5vw;}
.mb25{margin-bottom: 3.125vw;}
.mb30{margin-bottom: 3.75vw;}
.mb35{margin-bottom: 4.375vw;}
.mb40{margin-bottom: 5vw;}
.mb45{margin-bottom: 5.625vw;}
.mb50{margin-bottom: 6.25vw;}
.mb55{margin-bottom: 6.875vw;}
.mb60{margin-bottom: 7.5vw;}
.mb65{margin-bottom: 8.125vw;}
.mb70{margin-bottom: 8.75vw;}
.mb75{margin-bottom: 9.375vw;}
.mb80{margin-bottom: 10vw;}
.mb85{margin-bottom: 10.625vw;}
.mb90{margin-bottom: 11.25vw;}
.mb100{margin-bottom: 12.5vw;}
.mb110{margin-bottom: 13.75vw;}
.mb120{margin-bottom: 15vw;}
.mb130{margin-bottom: 16.25vw;}
.mb140{margin-bottom: 17.5vw;}
.mb150{margin-bottom: 18.75vw;}
.mb160{margin-bottom: 20vw;}
.mb170{margin-bottom: 21.25vw;}
.mb180{margin-bottom: 22.5vw;}
.mb190{margin-bottom: 23.75vw;}
.mb200{margin-bottom: 25vw;}

.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

  .f16,
  .sp-f24{
    font-size: 3.2vw;
  }
  .sp-f16{
    font-size: 2.13vw;
  }
  .sp-f18{
    font-size: 2.4vw;
  }
  .sp-f20{
    font-size: 2.66vw;
  }
  .sp-f26{
    font-size: 3.46vw;
  }
  .sp-f28{
    font-size: 3.733vw;
  }
  .sp-f30{
    font-size: 4vw;
  }
  .sp-f31{
    font-size: 4.133vw;
  }
  .sp-f32{
    font-size: 4.26vw;
  }
  .sp-f33{
    font-size: 4.4vw;
  }
  .sp-f36{
    font-size: 4.8vw;
  }
  .sp-f52{
    font-size: 6.933vw;
  }
  .sp-f80{
    font-size: 10.66vw;
  }

  .sp-mb0{
    margin-bottom: 0;
  }
  .sp-mb15{
    margin-bottom: 2vw;
  }
  .sp-mb20{
    margin-bottom: 2.66vw;
  }
  .sp-mb25{
    margin-bottom: 3.33vw;
  }
  .sp-mb30{
    margin-bottom: 4vw;
  }
  .sp-mb35{
    margin-bottom: 4.667vw;
  }
  .sp-mb40{
    margin-bottom: 5.333vw;
  }
  .sp-mb45{
    margin-bottom: 6vw;
  }
  .sp-mb50{
    margin-bottom: 6.667vw;
  }
  .sp-mb55{
    margin-bottom: 7.333vw;
  }
  .sp-mb60{
    margin-bottom: 8vw;
  }
  .sp-mb70{
    margin-bottom: 9.333vw;
  }
}