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

@media (max-width: 768px){

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

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

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

.grid{ display: grid;}
@media (min-width: 769px){ .pc-grid{ display: grid;}}
@media (max-width: 768px){ .sp-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-f17{ font-size: 2.26vw;}
  .sp-f18{ font-size: 2.4vw;}
  .sp-f20{ font-size: 2.66vw;}
  .sp-f21{ font-size: 2.8vw;}
  .sp-f22{ font-size: 2.93vw;}
  .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-f34{ font-size: 4.533vw;}
  .sp-f36{ font-size: 4.8vw;}
  .sp-f42{ font-size: 5.6vw;}
  .sp-f44{ font-size: 5.86vw;}
  .sp-f52{ font-size: 6.933vw;}
  .sp-f80{ font-size: 10.66vw;}

  .sp-mb0{ margin-bottom: 0;}
  .sp-mb5{ margin-bottom: .6vw;}
  .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-mb65{ margin-bottom: 8.66vw;}
  .sp-mb75{ margin-bottom: 10vw;}
  .sp-mb70{ margin-bottom: 9.333vw;}
  .sp-mb80{ margin-bottom: 10.66vw;}
  .sp-mb85{ margin-bottom: 11.33vw;}
  .sp-mb270{ margin-bottom: 36vw;}
}