@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  font-family: Yu Gothic,游ゴシック;
}

a {
  text-decoration: none;
}

body {
  background: #fff;
  position: relative;
  padding: 0;
  margin: 0;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
}

@media screen and (min-width: 931px) {
  body {
    overflow-y: scroll;
  }
}

@media screen and (max-width: 930px) {
  body {
    overflow-y: scroll;
  }
}

body #contents {
  position: relative;
  background-color: #fff;
  background-position: 50% 0%;
  width: 100%;
  z-index: 5;
}

@media screen and (min-width: 931px) {
  body #contents {
    background-size: 10%;
    padding-bottom: 200px;
  }
}

@media screen and (max-width: 930px) {
  body #contents {
    background-size: 20%;
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 931px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 930px) {
  .sp {
    display: inherit;
  }
}

.arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3c3c3c;
}

.arrow::after {
  content: '';
  width: 6vw;
  height: 1vw;
  border-bottom: solid 0.2vw;
  border-right: solid 0.2vw;
  transform: skew(45deg);
}

.arrow2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3c3c3c;
}

.arrow2::after {
  content: '';
  width: 6vw;
  height: 1vw;
  border-bottom: solid 0.2vw;
  border-left: solid 0.2vw;
  transform: skew(135deg);
}

@media screen and (max-width: 930px) {
  .br_pc {
    display: none;
  }
}

@media screen and (min-width: 931px) {
  .br_sp {
    display: none;
  }
}