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



/*RESET*/
html, body, h1, h2, h3, h4, 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: stretch;
}

.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;
}

.grid{
  display: grid;
}


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

.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;}

/*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;}
.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: 1000px){

.f10{font-size: 1vw;}
.f11{font-size: 1.1vw;}
.f12{font-size: 1.2vw;}
.f13{font-size: 1.3vw;}
.f14{font-size: 1.4vw;}
.f15{font-size: 1.5vw;}
.f16{font-size: 1.6vw;}
.f17{font-size: 1.7vw;}
.f18{font-size: 1.8vw;}
.f19{font-size: 1.9vw;}
.f20{font-size: 2vw;}
.f21{font-size: 2.1vw;}
.f22{font-size: 2.2vw;}
.f23{font-size: 2.3vw;}
.f24{font-size: 2.4vw;}
.f25{font-size: 2.5vw;}
.f26{font-size: 2.6vw;}
.f27{font-size: 2.7vw;}
.f28{font-size: 2.8vw;}
.f29{font-size: 2.9vw;}
.f30{font-size: 3vw;}
.f31{font-size: 3.1vw;}
.f32{font-size: 3.2vw;}
.f33{font-size: 3.3vw;}
.f34{font-size: 3.4vw;}
.f35{font-size: 3.5vw;}
.f36{font-size: 3.6vw;}
.f37{font-size: 3.7vw;}
.f38{font-size: 3.8vw;}
.f39{font-size: 3.9vw;}
.f40{font-size: 4vw;}
.f41{font-size: 4.1vw;}
.f42{font-size: 4.2vw;}
.f43{font-size: 4.3vw;}
.f44{font-size: 4.4vw;}
.f45{font-size: 4.5vw;}
.f46{font-size: 4.6vw;}
.f47{font-size: 4.7vw;}
.f48{font-size: 4.8vw;}
.f49{font-size: 4.9vw;}
.f50{font-size: 5vw;}
.f51{font-size: 5.1vw;}
.f52{font-size: 5.2vw;}
.f53{font-size: 5.3vw;}
.f54{font-size: 5.4vw;}
.f55{font-size: 5.5vw;}
.f56{font-size: 5.6vw;}
.f57{font-size: 5.7vw;}
.f58{font-size: 5.8vw;}
.f59{font-size: 5.9vw;}
.f60{font-size: 6vw;}
.f61{font-size: 6.1vw;}
.f62{font-size: 6.2vw;}
.f63{font-size: 6.3vw;}
.f64{font-size: 6.4vw;}
.f65{font-size: 6.5vw;}
.f66{font-size: 6.6vw;}
.f67{font-size: 6.7vw;}
.f68{font-size: 6.8vw;}
.f69{font-size: 6.9vw;}
.f70{font-size: 7vw;}
.f71{font-size: 7.1vw;}
.f72{font-size: 7.2vw;}
.f73{font-size: 7.3vw;}
.f74{font-size: 7.4vw;}
.f75{font-size: 7.5vw;}
.f76{font-size: 7.6vw;}
.f77{font-size: 7.7vw;}
.f78{font-size: 7.8vw;}
.f79{font-size: 7.9vw;}
.f80{font-size: 8vw;}
.f81{font-size: 8.1vw;}
.f82{font-size: 8.2vw;}
.f83{font-size: 8.3vw;}
.f84{font-size: 8.4vw;}
.f85{font-size: 8.5vw;}
.f86{font-size: 8.6vw;}
.f87{font-size: 8.7vw;}
.f88{font-size: 8.8vw;}
.f89{font-size: 8.9vw;}
.f90{font-size: 9vw;}
.f91{font-size: 9.1vw;}
.f92{font-size: 9.2vw;}
.f93{font-size: 9.3vw;}
.f94{font-size: 9.4vw;}
.f95{font-size: 9.5vw;}
.f96{font-size: 9.6vw;}
.f97{font-size: 9.7vw;}
.f98{font-size: 9.8vw;}
.f99{font-size: 9.9vw;}
.f100{font-size: 10vw;}
.f110{font-size: 11vw;}
.f120{font-size: 12vw;}
.f130{font-size: 13vw;}
.f140{font-size: 14vw;}
.f150{font-size: 15vw;}

/*margin-bottom*/
.mb5{margin-bottom: 0.5vw;}
.mb10{margin-bottom: 1vw;}
.mb15{margin-bottom: 1.5vw;}
.mb20{margin-bottom: 2vw;}
.mb25{margin-bottom: 2.5vw;}
.mb30{margin-bottom: 3vw;}
.mb35{margin-bottom: 3.5vw;}
.mb40{margin-bottom: 4vw;}
.mb45{margin-bottom: 4.5vw;}
.mb50{margin-bottom: 5vw;}
.mb55{margin-bottom: 5.5vw;}
.mb60{margin-bottom: 6vw;}
.mb65{margin-bottom: 6.5vw;}
.mb70{margin-bottom: 7vw;}
.mb75{margin-bottom: 7.5vw;}
.mb80{margin-bottom: 8vw;}
.mb85{margin-bottom: 8.5vw;}
.mb90{margin-bottom: 9vw;}
.mb100{margin-bottom: 10vw;}
.mb110{margin-bottom: 11vw;}
.mb120{margin-bottom: 12vw;}
.mb130{margin-bottom: 13vw;}
.mb140{margin-bottom: 14vw;}
.mb150{margin-bottom: 15vw;}
.mb160{margin-bottom: 16vw;}
.mb170{margin-bottom: 17vw;}
.mb180{margin-bottom: 18vw;}
.mb190{margin-bottom: 19vw;}
.mb200{margin-bottom: 20vw;}

}


@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;
  }

  .sp-f16{
    font-size: 2.13vw;
  }
  .sp-f18{
    font-size: 2.4vw;
  }
  .sp-f20{
    font-size: 2.66vw;
  }
  .f16,
  .sp-f24{
    font-size: 3.2vw;
  }
  .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;
  }
}