* {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.75;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  * {
    /*font-size: 14px;*/
  }
}
@media screen and (max-width: 767px) {
  * {
    font-size: 4.1vw;
  }
}

#theme .bgYellow {
  margin-bottom: -9.375em;
  padding-bottom: 13.75em;
}
#theme .bgYellow .basicBlock + .btnArea {
  width: 100%;
  max-width: 1100px;
  margin: 4em auto 0;
  padding: 0 2em;
  display: flex;
  justify-content: center;
}
#theme .bgYellow .basicBlock + .btnArea div {
  margin: 0 1.5em;
}
#theme .bgYellow .basicBlock + .btnArea div a {
  width: 260px;
  height: 3em;
  color: #017BCF;
  font-weight: bold;
  border: 2px solid #017BCF;
  background-color: #fff;
  border-radius: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (hover: hover) {
  #theme .bgYellow .basicBlock + .btnArea div a:hover {
    color: #fff;
    background-color: #017BCF;
  }
}
#theme .bgYellow .basicBlock + .btnArea div.before a {
  padding-left: 1em;
}
#theme .bgYellow .basicBlock + .btnArea div.before a::before {
  content: "";
  width: 1.5625em;
  height: 1.5625em;
  position: absolute;
  background: url(../images/common/btn_arrow_blue.svg) no-repeat center center;
  background-size: contain;
  transform: rotate(-180deg);
  top: calc((100% - 1.5625em) / 2);
  left: 1em;
}
#theme .bgYellow .basicBlock + .btnArea div.before a:hover::before {
  background: url(../images/common/btn_arrow_white.svg) no-repeat center center;
  background-size: contain;
}
#theme .bgYellow .basicBlock + .btnArea div.next a {
  padding-right: 1em;
}
#theme .bgYellow .basicBlock + .btnArea div.next a::after {
  content: "";
  width: 1.5625em;
  height: 1.5625em;
  background: url(../images/common/btn_arrow_blue.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: calc((100% - 1.5625em) / 2);
  right: 1em;
}
#theme .bgYellow .basicBlock + .btnArea div.next a:hover::after {
  background: url(../images/common/btn_arrow_white.svg) no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  #theme .bgYellow {
    margin-bottom: -11.5625em;
    padding-bottom: 16em;
  }
  #theme .bgYellow .basicBlock + .btnArea {
    width: 89.74%;
    max-width: unset;
    margin: 3em auto 2em;
    padding: 0;
  }
  #theme .bgYellow .basicBlock + .btnArea div {
    width: 50%;
    margin: 0 0.5em;
  }
  #theme .bgYellow .basicBlock + .btnArea div a {
    width: 100%;
    height: 3em;
    margin: 0 0;
    font-size: 0.8125em;
  }
  #theme .bgYellow .basicBlock + .btnArea div.before a {
    padding-left: 1em;
  }
  #theme .bgYellow .basicBlock + .btnArea div.before a::before {
    width: 1em;
    height: 1em;
    top: calc((100% - 1em) / 2);
    left: 1em;
  }
  #theme .bgYellow .basicBlock + .btnArea div.next a {
    padding-right: 1em;
  }
  #theme .bgYellow .basicBlock + .btnArea div.next a::after {
    width: 1em;
    height: 1em;
    top: calc((100% - 1em) / 2);
    right: 1em;
  }
}

#more {
  padding-bottom: 9.375em;
}
#more li.more05, #more li.more06, #more li.more08, #more li.more11 {
  display: block;
}
@media screen and (max-width: 767px) {
  #more {
    padding-bottom: 4.875em;
  }
}/*# sourceMappingURL=theme.css.map */