@charset "UTF-8";
* {
  max-width: 100vw;
}

html {
  width: 100vw;
}

body {
  margin: 0;
}

@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}

.c-header a {
  line-height: 1 !important;
}

@media screen and (min-width: 769px) {
  a {
    -webkit-transition: .3s;
    transition: .3s;
  }
  a:hover {
    opacity: .7;
  }
}

.wrapper {
  max-width: 768px !important;
  min-width: initial;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  padding: 0;
}

.badc-header-container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.badc-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #eae9e9;
  padding: 2.6vw 0 2.6vw;
}

@media screen and (min-width: 679px) {
  .badc-header {
    padding: 19.968px 0;
  }
}

.badc-header img {
  width: 21vw !important;
}

@media screen and (min-width: 679px) {
  .badc-header img {
    width: 161.28px !important;
  }
}

.badc-header__logo {
  margin: 4vw 0 3.2vw 5vw;
  width: 53.4vw;
}

.badc-header img {
  width: 100%;
  display: block;
}

.select {
  display: none;
}

.badc-body {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  font-family: "YuGothic", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.badc-body div::after,
.badc-body section::after,
.badc-body ul::after {
  display: none;
  color: inherit;
}

.badc-body img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.badc-body a {
  color: inherit;
  text-decoration: none;
}

.badc-body .select_wrap {
  display: none;
}

.badc-body h2, .badc-body h3 {
  margin: 0;
}

.badc-head {
  background: #EAE9E9;
  width: 100%;
  height: 8vw;
}

@media screen and (min-width: 769px) {
  .badc-head {
    height: 61.44px;
  }
}

.badc-fv img {
  margin: 0 auto;
}

.badc-cta {
  position: relative;
  padding: 0;
}

.badc-cta-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-cta-fv {
  width: 100%;
  margin: 0 auto;
}

.badc-cta-fv__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-cta-fv__wrap {
    width: 100%;
  }
}

.badc-cta-fv__wrap img.main {
  display: block;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .badc-cta-fv__wrap img.main {
    width: 100%;
  }
}

.badc-cta-fv__button {
  position: absolute;
  width: 89.06667vw;
  top: 20.8vw;
  margin: auto;
  left: 0;
  right: 0;
}

@media screen and (min-width: 769px) {
  .badc-cta-fv__button {
    width: 684.032px;
    top: 157px;
  }
}

.badc-campaign {
  background: #000;
}

.badc-campaign img {
  margin: 0 auto;
}

.badc-kusumi img {
  margin: 0 auto;
}

.badc-kusumi-point img {
  margin: 0 auto;
}

.badc-fv-single {
  width: 100%;
  margin: 0 auto;
}

.badc-cartin {
  position: relative;
  padding: 0;
  background: #000;
}

@media screen and (min-width: 769px) {
  .badc-cartin {
    top: 0px;
  }
}

.badc-cartin-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-cartin-second {
  width: 100%;
  margin: 0 auto;
}

.badc-cartin-second__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-second__wrap {
    width: 100%;
  }
}

.badc-cartin-second__wrap img.main {
  display: block;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .badc-cartin-second__wrap img.main {
    width: 100%;
  }
}

.badc-cartin-second__button {
  position: absolute;
  width: 89.06667vw;
  top: 112vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-second__button {
    width: 684.032px;
    top: 862px;
  }
}

.badc-cartin-third {
  width: 100%;
  margin: 0 auto;
}

.badc-cartin-third__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-third__wrap {
    width: 100%;
  }
}

.badc-cartin-third__wrap img.main {
  display: block;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .badc-cartin-third__wrap img.main {
    width: 100%;
  }
}

.badc-cartin-third__button {
  position: absolute;
  width: 89.06667vw;
  top: 97.66667vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-third__button {
    width: 684.032px;
    top: 748px;
  }
}

.badc-cartin-fourth {
  width: 100%;
  margin: 0 auto;
}

.badc-cartin-fourth__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-fourth__wrap {
    width: 100%;
  }
}

.badc-cartin-fourth__button {
  position: absolute;
  width: 89.06667vw;
  top: 93.8vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-cartin-fourth__button {
    width: 684.032px;
    top: 715px;
  }
}

.badc-cartin-online {
  background: #000;
  margin-bottom: 2vw;
}

@media screen and (min-width: 769px) {
  .badc-cartin-online {
    margin-bottom: 15.36px;
  }
}

.badc-cartin-online img {
  margin: 0 auto;
}

.badc-cartin-campaign {
  background: #000;
}

@media screen and (min-width: 769px) {
  .badc-cartin-campaign {
    margin-top: 2px;
  }
}

.badc-cartin-campaign img {
  margin: 0 auto;
}

.badc-cartin-mailmagazine {
  background: #000;
}

.badc-cartin-mailmagazine img {
  margin: 0 auto;
}

.num01 > div.badc-online {
  padding-bottom: 2vw;
  margin-top: -1vw;
}

@media screen and (min-width: 769px) {
  .num01 > div.badc-online {
    padding-bottom: 15.36px;
    margin-top: -7.68px;
  }
}

.num02 > div.badc-online {
  padding-bottom: 1.8vw;
  margin-top: -2vw;
}

@media screen and (min-width: 769px) {
  .num02 > div.badc-online {
    padding-bottom: 13.824px;
    margin-top: -15.36px;
  }
}

.num03 > div.badc-cartin-online {
  margin-top: -1vw;
}

@media screen and (min-width: 769px) {
  .num03 > div.badc-cartin-online {
    margin-top: -10.36px;
  }
}

.badc-howto {
  background: #fff;
  text-align: center;
}

.badc-howto .section_title {
  height: auto;
}

@media screen and (min-width: 769px) {
  .badc-howto .section_title {
    width: 100%;
  }
}

.badc-howto .video {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 5.33333vw;
}

@media screen and (min-width: 769px) {
  .badc-howto .video {
    padding-bottom: 44px;
  }
}

.badc-howto .video iframe {
  width: 89%;
  aspect-ratio: 16/9;
}

.badc-step {
  margin: 0 auto;
}

.badc-usersvoice {
  background: #fff;
  z-index: 1;
  position: relative;
}

.badc-usersvoice-btn {
  position: absolute;
  width: 54.66667vw;
  top: 208.26667vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-usersvoice-btn {
    width: 419.84px;
    top: 1600px;
  }
}

.badc-texture {
  position: relative;
  padding: 0;
}

.badc-texture-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-texture-fv {
  width: 100%;
  margin: 0 auto;
}

.badc-texture-fv__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-texture-fv__wrap {
    width: 100%;
  }
}

.badc-texture-fv__wrap img.main {
  display: block;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .badc-texture-fv__wrap img.main {
    width: 100%;
  }
}

.badc-texture-fv__wrap__button {
  position: absolute;
  width: 89.06667vw;
  top: 192vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-texture-fv__wrap__button {
    width: 684.032px;
    top: auto;
    bottom: 142px;
  }
}

.badc-ba {
  position: relative;
  padding: 0;
}

.badc-ba-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-ba-category {
  width: 100%;
  margin: 0 auto;
}

.badc-ba-category__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-ba-category__wrap {
    width: 100%;
  }
}

.badc-ba-category__button {
  position: absolute;
  width: 89.06667vw;
  top: 146.66667vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-ba-category__button {
    width: 684.032px;
    top: auto;
    bottom: 82px;
  }
}

.badc-eyezone {
  position: relative;
  padding: 0;
}

.badc-eyezone-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-eyezone-single {
  width: 100%;
  margin: 0 auto;
}

.badc-eyezone-single__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-eyezone-single__wrap {
    width: 100%;
  }
}

.badc-eyezone-single__button {
  position: absolute;
  width: 89.06667vw;
  top: 92.13333vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-eyezone-single__button {
    width: 684.032px;
    top: 706px;
    bottom: 121px;
  }
}

.badc-medical {
  position: relative;
  padding: 0;
}

.badc-medical-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-medical-single {
  width: 100%;
  margin: 0 auto;
}

.badc-medical-single__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-medical-single__wrap {
    width: 100%;
  }
}

.badc-medical-single__button {
  position: absolute;
  width: 89.06667vw;
  top: 101.1333vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-medical-single__button {
    width: 684.032px;
    top: auto;
    bottom: 121px;
  }
}

.badc-sxs {
  position: relative;
  padding: 0;
}

.badc-sxs-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.badc-sxs-single {
  width: 100%;
  margin: 0 auto;
}

.badc-sxs-single__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .badc-sxs-single__wrap {
    width: 100%;
  }
}

.badc-sxs-single__button {
  position: absolute;
  width: 89.06667vw;
  top: 90.13333vw;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (min-width: 769px) {
  .badc-sxs-single__button {
    width: 683.12px;
    top: 697px;
    bottom: 146px;
  }
}

.pane-footer {
  max-width: 768px;
  margin: 0 auto;
}

.pane-footer .badc-footer-nav {
  background: #000;
  padding-top: 6.5vw;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 769px) {
  .pane-footer .badc-footer-nav {
    padding: 42px 0 0;
    margin: 0 auto;
    width: 100%;
  }
}

.pane-footer .badc-footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pane-footer .badc-footer-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 2.93vw;
  display: block;
  padding: 0 2.66vw;
  border-right: solid .5px #fff;
  letter-spacing: .09em;
  line-height: .8;
}

@media screen and (min-width: 769px) {
  .pane-footer .badc-footer-nav ul li a {
    font-size: 12px;
    padding: 0 10px;
    border-right: solid 1px #fff;
    line-height: .9;
  }
}

.pane-footer .badc-footer-nav ul li:last-of-type a {
  border-right: none;
}

.badc-floating {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 20vw;
  z-index: 10;
  bottom: -20vw;
  -webkit-transition: .5s;
  transition: .5s;
}

@media screen and (min-width: 769px) {
  .badc-floating {
    display: none;
  }
}

.badc-floating .select {
  display: none;
}

.badc-floating.is-floated {
  bottom: 0;
}

.badc-original-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .badc-original-modal {
    width: 100vw;
  }
}

.badc-original-modal__body {
  width: 89.3vw;
  height: 83.3vh;
  max-height: 90vh;
  background: #fff;
  position: fixed;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .badc-original-modal__body {
    width: 685px;
  }
}

.badc-original-modal__body.touka {
  height: calc(420vw / 335 * 89.3);
}

@media screen and (min-width: 769px) {
  .badc-original-modal__body.touka {
    height: calc(420px / 335 * 685);
  }
}

.badc-original-modal .close {
  position: absolute;
  cursor: pointer;
  width: 10.66667vw;
  height: 10.66667vw;
  top: 4vw;
  right: 4vw;
}

@media screen and (min-width: 769px) {
  .badc-original-modal .close {
    width: 81.92px;
    height: 81.92px;
    top: 30.72px;
    right: 30.72px;
  }
}

.badc-original-modal__header {
  width: 100%;
  height: 15.2%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .badc-original-modal__header {
    height: 116.736px;
  }
}

.badc-original-modal__wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
  max-height: 90vh;
}

.badc-original-modal__inner {
  width: auto;
  margin: 0 auto;
  padding: 8vw 5vw 5vw;
}

@media screen and (min-width: 769px) {
  .badc-original-modal__inner {
    padding: 61.44px 38.4px 38.4px;
  }
}

.badc-aboutba-modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  top: 0;
  left: 0;
  display: none;
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal {
    width: 100vw;
  }
}

.badc-aboutba-modal__body {
  width: 89.3vw;
  height: 83.3vh;
  max-height: 90vh;
  background: #fff;
  position: fixed;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal__body {
    width: 685px;
  }
}

.badc-aboutba-modal__body.about {
  height: calc(800vw / 335 * 89.3);
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal__body.about {
    height: calc(541px / 335 * 685);
  }
}

.badc-aboutba-modal .close {
  position: absolute;
  cursor: pointer;
  width: 10.66667vw;
  height: 10.66667vw;
  top: 4vw;
  right: 4vw;
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal .close {
    width: 81.92px;
    height: 81.92px;
    top: 30.72px;
    right: 30.72px;
  }
}

.badc-aboutba-modal__header {
  width: 100%;
  height: 15.2%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal__header {
    height: 116.736px;
  }
}

.badc-aboutba-modal__wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
  max-height: 90vh;
}

.badc-aboutba-modal__inner {
  width: auto;
  margin: 0 auto;
  padding: 2vw 0vw 0vw;
}

@media screen and (min-width: 769px) {
  .badc-aboutba-modal__inner {
    padding: 15px 0px;
  }
}

.badc-info-attention {
  position: relative;
  margin: 0 0 0;
}

@media screen and (min-width: 769px) {
  .badc-info-attention {
    margin: 0 0 0;
  }
}

.badc-info-attention a {
  cursor: pointer;
  display: block;
  width: 33.3vw;
  position: absolute;
  bottom: 53.7vw;
  left: 16.0vw;
  right: 0;
  margin: 0 auto;
}

.badc-info-attention a:hover {
  opacity: .7;
}

@media screen and (min-width: 769px) {
  .badc-info-attention a {
    width: 255.744px;
    bottom: 415.656px;
    left: 122.88px;
  }
}

/* swiper START */
/* swiper END */