@media (max-width: 659px) {
  .header-v3__nav__li__a[href="/store/"] {
    display: none;
  }
}

.wrapper.wp-v3 {
  padding-top: 0;
  background-color: #FAFAFA;
}

.direct {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  color: #333;
}
.direct * {
  box-sizing: border-box;
}
.direct h1, .direct h2, .direct h3, .direct h4, .direct h5, .direct h6 {
  color: #4d4d4d;
}
.direct ul, .direct li {
  list-style: none;
}
.direct sup {
  font-size: smaller;
  vertical-align: super;
}
.direct picture {
  display: block;
}
.direct button {
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
}
.direct a {
  transition: opacity 0.2s;
}
.direct a:hover {
  opacity: 0.7;
}
.direct img {
  height: auto;
  vertical-align: bottom;
}
.direct .js-toggle .js-toggle-content {
  display: none;
}
.direct .js-toggle:not(.is-active) .js-toggle-close {
  display: none;
}
.direct .js-toggle.is-active .js-toggle-open {
  display: none;
}
@media (min-width: 660px) {
  .direct__sp {
    display: none;
  }
}
@media (max-width: 659px) {
  .direct__tab {
    display: none;
  }
}
@media (min-width: 1080px) {
  .direct__tab {
    display: none;
  }
}
@media (max-width: 659px) {
  .direct__pc {
    display: none;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__pc {
    display: none;
  }
}
@media (max-width: 659px) {
  .direct__ns {
    display: none;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__nt {
    display: none;
  }
}
@media (min-width: 1080px) {
  .direct__np {
    display: none;
  }
}
.direct__bg1 {
  background: url("/assets/images/mubk/direct/bg1_top.png") no-repeat 50% 0%/1340px auto, url("/assets/images/mubk/direct/bg1_bottom.png") no-repeat 50% 100%/1340px auto;
}
@media (max-width: 659px) {
  .direct__bg1 {
    padding-top: calc( 100vw / 375 * 105);
  }
}
@media (min-width: 1080px) {
  .direct__bg1 {
    padding-top: 200px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__bg1 {
    padding-top: calc( 100vw / 1024 * 200);
  }
}
@media (min-width: 1340px) {
  .direct__bg1 {
    background-position: 100% 0%, 0% 100%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__bg1 {
    background-position: 50% 0%, 50% 100%;
  }
}
@media (max-width: 659px) {
  .direct__bg1 {
    background: url("/assets/images/mubk/direct/bg1_top_sp.png") no-repeat 50% 0%/100% auto, url("/assets/images/mubk/direct/bg1_bottom_sp.png") no-repeat 50% 100%/100% auto;
  }
}
.direct__section--introduction {
  overflow: hidden;
  color: #4d4d4d;
}
@media (max-width: 659px) {
  .direct__section--introduction {
    margin: 0 calc( 100vw / 375 * 20) calc( 100vw / 375 * -145);
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction {
    margin: 0 auto 0;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction {
    height: 558px;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction {
    max-width: 1000px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction {
    margin: 0 calc( 100vw / 1024 * 40) 0;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction {
    height: calc( 100vw / 1024 * 558);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction {
    padding-top: calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction {
    padding-right: calc( 100vw / 1024 * 341);
  }
}
@media (min-width: 660px) {
  .direct__section--introduction {
    position: relative;
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__logo {
    margin-bottom: calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__logo {
    text-align: center;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__logo {
    padding-top: 40px;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__logo {
    margin-bottom: 20px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__logo {
    margin-bottom: calc( 100vw / 1024 * 20);
  }
}
.direct__section--introduction .direct__logo img {
  mix-blend-mode: multiply;
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__logo img {
    width: calc( 100vw / 375 * 257);
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__logo img {
    width: 297px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__logo img {
    width: calc( 100vw / 1024 * 297);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__tagline {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__tagline {
    text-align: center;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__tagline {
    margin-bottom: 50px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__tagline {
    margin-bottom: calc( 100vw / 1024 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__tagline img {
    width: 100%;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__tagline img {
    width: 602px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__tagline img {
    width: 100%;
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__description {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__description {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__description {
    line-height: calc( 100vw / 375 * 24);
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__description {
    margin-bottom: 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__description {
    font-size: 16px;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__description {
    line-height: 26px;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__description {
    width: 500px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__description {
    margin-bottom: calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__description {
    font-size: calc( 100vw / 1024 * 16);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__description {
    line-height: calc( 100vw / 1024 * 26);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__description {
    width: calc( 100vw / 1024 * 513);
  }
}
.direct__section--introduction .direct__button {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__button {
    margin-bottom: calc( 100vw / 375 * 50);
  }
}
@media (min-width: 660px) {
  .direct__section--introduction .direct__button {
    text-align: left;
  }
}
.direct__section--introduction .direct__button img {
  height: auto;
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__button img {
    width: calc( 100vw / 375 * 295);
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__button img {
    width: 295px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__button img {
    width: calc( 100vw / 1024 * 295);
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__img {
    text-align: center;
  }
}
@media (min-width: 660px) {
  .direct__section--introduction .direct__img {
    top: 0;
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__img {
    right: 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__img {
    right: calc( 100vw / 1024 * 13);
  }
}
@media (min-width: 660px) {
  .direct__section--introduction .direct__img {
    position: absolute;
  }
}
@media (max-width: 659px) {
  .direct__section--introduction .direct__img img {
    width: calc( 100vw / 375 * 220);
  }
}
@media (min-width: 1080px) {
  .direct__section--introduction .direct__img img {
    width: 328px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--introduction .direct__img img {
    width: calc( 100vw / 1024 * 328);
  }
}
.direct__section--coinplus {
  position: relative;
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--coinplus {
    margin: 0 calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus {
    margin: 0 auto;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus {
    padding: 40px 60px;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus {
    border-radius: 40px;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus {
    max-width: 1000px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus {
    padding: calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 60);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus {
    border-radius: calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus {
    margin: 0 calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus {
    display: flex;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus {
    align-items: flex-end;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus {
    align-items: center;
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__logo {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__logo {
    padding-bottom: calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__logo {
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus .direct__logo {
    padding-right: 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus .direct__logo {
    width: 285px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__logo {
    padding-right: calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__logo {
    width: calc( 100vw / 1024 * 285);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__logo {
    text-align: center;
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__logo img {
    width: calc( 100vw / 375 * 260);
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus .direct__logo img {
    width: 235px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__logo img {
    width: calc( 100vw / 1024 * 235);
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus .direct__txt {
    padding-left: 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--coinplus .direct__txt {
    width: 595px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__txt {
    padding-left: calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--coinplus .direct__txt {
    width: calc( 100vw / 1024 * 488);
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__txt {
    border-left: 1px solid #d9d9d9;
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__heading {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__heading {
    font-size: calc( 100vw / 375 * 22);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__heading {
    text-align: center;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__heading {
    font-size: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__heading {
    line-height: 28px;
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__description {
    margin-bottom: calc( 100vw / 375 * 33);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__description {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__description {
    line-height: calc( 100vw / 375 * 28);
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__description {
    margin-bottom: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__description {
    font-size: 12px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__description {
    line-height: 18px;
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__detail {
    text-align: center;
  }
}
.direct__section--coinplus .direct__link {
  display: inline-block;
  color: #333;
  text-decoration: none;
  background: url("/assets/images/mubk/direct/common_link_sp.svg") no-repeat 0% 50%;
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__link {
    padding-left: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__link {
    font-size: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__link {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (max-width: 659px) {
  .direct__section--coinplus .direct__link {
    background-size: calc( 100vw / 375 * 18) calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__link {
    padding-left: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__link {
    font-size: 15px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__link {
    line-height: 22px;
  }
}
@media (min-width: 660px) {
  .direct__section--coinplus .direct__link {
    background-size: 18px 18px;
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability {
    margin: 0 calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability {
    padding: calc( 100vw / 375 * 50) 0 calc( 100vw / 375 * 50);
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability {
    padding: 80px 0;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability {
    max-width: 1000px;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability {
    margin-inline: auto;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability {
    padding: calc( 100vw / 1024 * 80) 0;
  }
}
.direct__section--linkage_ability .direct__heading {
  text-align: center;
}
.direct__section--linkage_ability .direct__heading1 {
  display: block;
  font-weight: bold;
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading1 {
    margin-bottom: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading1 {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading1 {
    line-height: calc( 100vw / 375 * 26);
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading1 {
    font-size: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading1 {
    line-height: 28px;
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading1 {
    letter-spacing: -0.2px;
  }
}
.direct__section--linkage_ability .direct__heading2 {
  display: block;
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading2 {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading2 {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__heading2 {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading2 {
    font-size: 34px;
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__heading2 {
    line-height: 44px;
  }
}
.direct__section--linkage_ability .direct__linkage_abilitys {
  position: relative;
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__linkage_abilitys {
    gap: 0 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__linkage_abilitys {
    padding: 0 calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__linkage_abilitys {
    gap: 0 calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__linkage_abilitys {
    display: flex;
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__linkage_abilitys > div:last-child {
    margin-bottom: 0;
  }
}
.direct__section--linkage_ability .direct__linkage_ability {
  position: relative;
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    padding: calc( 100vw / 375 * 40) calc( 100vw / 375 * 35) calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    padding: 40px 35px 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    border-radius: 25px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    padding: calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 35) calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__linkage_ability {
    border-radius: calc( 100vw / 1024 * 25);
  }
}
.direct__section--linkage_ability .direct__img {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__img {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__img {
    margin-bottom: 30px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__img {
    margin-bottom: calc( 100vw / 1024 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__img img {
    width: calc( 100vw / 375 * 265);
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__img img {
    width: 236.67px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__img img {
    width: 100%;
  }
}
.direct__section--linkage_ability .direct__txt h3 {
  text-align: left;
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__txt h3 {
    margin-bottom: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__txt h3 {
    font-size: calc( 100vw / 375 * 22);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__txt h3 {
    line-height: calc( 100vw / 375 * 32);
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__txt h3 {
    font-size: 22px;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__txt h3 {
    line-height: 32px;
  }
}
@media (min-width: 1080px) {
  .direct__section--linkage_ability .direct__txt h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__txt h3 {
    font-size: calc( 100vw / 1024 * 22);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__txt h3 {
    line-height: calc( 100vw / 1024 * 32);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--linkage_ability .direct__txt h3 {
    margin-bottom: calc( 100vw / 1024 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__description {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--linkage_ability .direct__description {
    line-height: calc( 100vw / 375 * 22);
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__description {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--linkage_ability .direct__description {
    line-height: 22px;
  }
}
.direct__section--store {
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--store {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20) calc( 100vw / 375 * 60);
  }
}
@media (min-width: 1080px) {
  .direct__section--store {
    padding: 80px 40px 100px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--store {
    padding: calc( 100vw / 1024 * 80) calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 100);
  }
}
.direct__section--store .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--store .direct__heading {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__heading {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__heading {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__heading {
    font-size: 34px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__heading {
    line-height: 44px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__heading {
    margin-bottom: 60px;
  }
}
.direct__section--store .direct__inner {
  background: #FAFAFA;
  border-radius: 40px;
}
@media (max-width: 659px) {
  .direct__section--store .direct__inner {
    padding: calc( 100vw / 375 * 40) calc( 100vw / 375 * 20) calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__inner {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__inner {
    padding: 40px 20px 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__inner {
    margin-bottom: 60px;
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__inner {
    max-width: 1000px;
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__inner {
    margin-inline: auto;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--store .direct__inner {
    padding: calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 150) calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--store .direct__inner {
    margin-bottom: calc( 100vw / 1024 * 60);
  }
}
.direct__section--store .direct__logo {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--store .direct__logo img {
    width: calc( 100vw / 375 * 157);
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__logo img {
    width: 157px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--store .direct__logo img {
    width: calc( 100vw / 1024 * 157);
  }
}
.direct__section--store .direct__txt {
  text-align: center;
  color: #4d4d4d;
}
@media (max-width: 659px) {
  .direct__section--store .direct__txt {
    padding: calc( 100vw / 375 * 30) 0;
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__txt {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__txt {
    line-height: calc( 100vw / 375 * 26);
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__txt {
    padding: 30px 0;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__txt {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__txt {
    line-height: 26px;
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__storeItem {
    width: calc( 100vw / 375 * 95.6);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__storeItem {
    margin-bottom: calc( 100vw / 375 * 20);
  }
}
@media (min-width: 1080px) {
  .direct__section--store .direct__storeItem {
    width: 95.6px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--store .direct__storeItem {
    width: calc( 100vw / 1024 * 95.6);
  }
}
.direct__section--store .direct__storeItem img {
  width: 100%;
}
.direct__section--store .direct__note {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--store .direct__note {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__note {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__note {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__note {
    line-height: 12px;
  }
}
.direct__section--store .direct__link {
  display: inline-block;
  color: #333;
  text-decoration: none;
  background: url("/assets/images/mubk/direct/common_link_sp.svg") no-repeat 0% 50%;
}
@media (max-width: 659px) {
  .direct__section--store .direct__link {
    padding-left: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__link {
    font-size: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__link {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (max-width: 659px) {
  .direct__section--store .direct__link {
    background-size: calc( 100vw / 375 * 18) calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__link {
    padding-left: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__link {
    font-size: 15px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__link {
    line-height: 22px;
  }
}
@media (min-width: 660px) {
  .direct__section--store .direct__link {
    background-size: 18px 18px;
  }
}
.direct__section--store .direct__detail {
  text-align: center;
}
.direct__section--advantage {
  background: #fafafa;
}
@media (max-width: 659px) {
  .direct__section--advantage {
    padding: calc( 100vw / 375 * 56) calc( 100vw / 375 * 20);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage {
    padding: 80px 0 100px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage {
    padding: calc( 100vw / 1024 * 80) 0 calc( 100vw / 1024 * 100);
  }
}
.direct__section--advantage .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__heading {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__heading {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__heading {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__heading {
    margin-bottom: 60px;
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__heading {
    font-size: 34px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__heading {
    margin-bottom: calc( 100vw / 1024 * 60);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__heading {
    font-size: calc( 100vw / 1024 * 34);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__advantages {
    max-width: 1000px;
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__advantages {
    margin-inline: auto;
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__advantages {
    gap: 0 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__advantages {
    padding: 0 calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__advantages {
    gap: 0 calc( 100vw / 1024 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__advantages {
    display: flex;
  }
}
.direct__section--advantage .direct__advantage {
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__advantage {
    padding: calc( 100vw / 375 * 40) calc( 100vw / 375 * 35) calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__advantage {
    border-radius: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__advantage {
    padding: 40px 35px 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__advantage {
    border-radius: 25px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__advantage {
    padding: calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 35) calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__advantage {
    border-radius: calc( 100vw / 1024 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__advantage {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__advantage:not(:last-child) {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
.direct__section--advantage .direct__no {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__no {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__no {
    margin-bottom: 30px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__no {
    margin-bottom: calc( 100vw / 1024 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__no img {
    width: calc( 100vw / 375 * 265);
  }
}
@media (min-width: 1080px) {
  .direct__section--advantage .direct__no img {
    width: 236.67px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--advantage .direct__no img {
    width: 100%;
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__txt h3 {
    margin-bottom: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__txt h3 {
    font-size: calc( 100vw / 375 * 22);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__txt h3 {
    line-height: calc( 100vw / 375 * 32);
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__txt h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__txt h3 {
    font-size: 22px;
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__txt h3 {
    line-height: 32px;
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__description {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__description {
    line-height: calc( 100vw / 375 * 22);
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__description {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__description {
    line-height: 22px;
  }
}
.direct__section--advantage .direct__description .supText {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__note {
    margin-top: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__note {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--advantage .direct__note {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__note {
    margin-top: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__note {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--advantage .direct__note {
    line-height: 12px;
  }
}
.direct__section--app {
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--app {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20) calc( 100vw / 375 * 60);
  }
}
@media (min-width: 1080px) {
  .direct__section--app {
    padding: 80px 0 100px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app {
    padding: calc( 100vw / 1024 * 80) calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 100);
  }
}
.direct__section--app .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--app .direct__heading {
    margin-bottom: calc( 100vw / 375 * 70);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__heading {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__heading {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__heading {
    margin-bottom: 70px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__heading {
    font-size: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__heading {
    line-height: 36px;
  }
}
.direct__section--app .direct__app {
  position: relative;
  background: #FAFAFA;
}
@media (max-width: 659px) {
  .direct__section--app .direct__app {
    padding: calc( 100vw / 375 * 75) calc( 100vw / 375 * 20) 0;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__app {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__app {
    padding: 78px 20px 25.88px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app {
    padding: 78px 20px 0;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app {
    border-radius: 25px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app {
    max-width: 800px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app {
    margin-inline: auto;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app {
    min-height: 394px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__app {
    border-radius: calc( 100vw / 1024 * 25);
  }
}
.direct__section--app .direct__app::before {
  position: absolute;
  left: 50%;
  content: "";
  background: url("/assets/images/mubk/direct/app_arrow1_sp.svg") no-repeat 50% 50%/100% auto;
  transform: translate(-50%, -50%);
}
@media (max-width: 659px) {
  .direct__section--app .direct__app::before {
    top: 0;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__app::before {
    width: calc( 100vw / 375 * 77);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__app::before {
    height: calc( 100vw / 375 * 77);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__app::before {
    top: 0;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app::before {
    width: 77px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__app::before {
    height: 77px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__app::before {
    width: 77px;
    height: 77px;
  }
}
.direct__section--app .direct__lead {
  color: #4d4d4d;
}
@media (max-width: 659px) {
  .direct__section--app .direct__lead {
    margin-bottom: calc( 100vw / 375 * 45);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__lead {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__lead {
    line-height: calc( 100vw / 375 * 26);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__lead {
    margin-bottom: 45px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__lead {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__lead {
    line-height: 26px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__lead {
    text-align: center;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo {
    text-align: center;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo {
    margin-left: 405.5px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__logo {
    margin-left: 52.8248587571%;
  }
}
.direct__section--app .direct__logo img {
  display: block;
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo img {
    margin-bottom: calc( 100vw / 375 * 10);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__logo img {
    margin-bottom: 9px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo img {
    margin-bottom: 15px;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo img {
    width: calc( 100vw / 375 * 260);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__logo img {
    width: 255px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo img {
    width: 278px;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo img {
    margin-inline: auto;
  }
}
.direct__section--app .direct__logo p {
  font-weight: bold;
  color: #20AEE5;
}
@media (max-width: 659px) {
  .direct__section--app .direct__logo p {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__logo p {
    font-size: 13px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo p {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__logo p {
    line-height: 26px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo p {
    line-height: 14px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__logo p {
    width: 279px;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn {
    margin-bottom: calc( 100vw / 375 * 50);
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__btn {
    margin-left: 397.5px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__btn {
    margin-left: 52.8248587571%;
  }
}
.direct__section--app .direct__btn a {
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #20AEE5;
  transition: opacity 0.2s;
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn a {
    border-radius: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn a {
    width: 100%;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn a {
    height: calc( 100vw / 375 * 60);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn a {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__btn a {
    line-height: calc( 100vw / 375 * 60);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    border-radius: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    width: 320px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    height: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    line-height: 60px;
  }
}
.direct__section--app .direct__btn a:hover {
  opacity: 0.7;
}
.direct__section--app .direct__btn a.is-disabled, .direct__section--app .direct__btn a:disabled {
  cursor: default;
  opacity: 0.5;
}
.direct__section--app .direct__btn a.is-disabled:hover, .direct__section--app .direct__btn a:disabled:hover {
  opacity: 0.5;
}
@media (min-width: 660px) {
  .direct__section--app .direct__btn a {
    width: 255px;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__btn a {
    width: 295px;
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__img {
    text-align: center;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__img {
    bottom: 0;
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__img {
    position: absolute;
  }
}
@media (min-width: 1080px) {
  .direct__section--app .direct__img {
    left: 87.5px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__img {
    right: 50%;
  }
}
@media (min-width: 660px) and (max-width: 1079px) and (min-width: 660px) and (max-width: 1079px) {
  .direct__section--app .direct__img {
    margin-right: calc( 100vw / 1024 * 5);
  }
}
@media (max-width: 659px) {
  .direct__section--app .direct__img img {
    width: calc( 100vw / 375 * 285);
  }
}
@media (min-width: 660px) {
  .direct__section--app .direct__img img {
    width: 285px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting {
    padding: 80px 40px 60px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting {
    padding: calc( 100vw / 1024 * 80) calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 60);
  }
}
.direct__section--setting .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__heading {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__heading {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__heading {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__heading {
    font-size: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__heading {
    line-height: 36px;
  }
}
.direct__section--setting .direct__lead1 {
  color: #4d4d4d;
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead1 {
    margin-bottom: calc( 100vw / 375 * 35);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead1 {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead1 {
    line-height: calc( 100vw / 375 * 26);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead1 {
    margin-bottom: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead1 {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead1 {
    line-height: 26px;
  }
}
.direct__section--setting .direct__index {
  background: #fff;
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__index {
    border-radius: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__index {
    margin-bottom: calc( 100vw / 375 * 77);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__index {
    padding: calc( 100vw / 375 * 20) calc( 100vw / 375 * 10);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index {
    width: 560px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index {
    border-radius: 10px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index {
    margin-bottom: 92px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index {
    padding: 11px 27px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index {
    margin-inline: auto;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index {
    width: calc( 100vw / 1024 * 560);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index {
    border-radius: calc( 100vw / 1024 * 10);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index {
    margin-bottom: calc( 100vw / 1024 * 92);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index {
    padding: calc( 100vw / 1024 * 11) calc( 100vw / 1024 * 27);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index {
    margin-inline: auto;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__index img {
    width: calc( 100vw / 375 * 312);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__index img {
    width: 506px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__index img {
    width: calc( 100vw / 1024 * 506);
  }
}
.direct__section--setting .direct__step {
  position: relative;
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step {
    padding: calc( 100vw / 375 * 77) calc( 100vw / 375 * 20) calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step {
    padding: 77px 200px 50px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step {
    border-radius: 25px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step {
    max-width: 800px;
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step {
    margin-inline: auto;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step {
    padding: calc( 100vw / 1024 * 77) calc( 100vw / 1024 * 200) calc( 100vw / 1024 * 50);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step {
    border-radius: calc( 100vw / 1024 * 25);
  }
}
.direct__section--setting .direct__step h3 {
  color: #E60000;
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step h3 {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step h3 {
    font-size: calc( 100vw / 375 * 22);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step h3 {
    line-height: calc( 100vw / 375 * 32);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__step h3 {
    margin-bottom: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__step h3 {
    font-size: 22px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__step h3 {
    line-height: 32px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step1 {
    margin-bottom: calc( 100vw / 375 * 77);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step1 {
    margin-bottom: 92px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step1 {
    margin-bottom: calc( 100vw / 1024 * 92);
  }
}
.direct__section--setting .direct__step1__note {
  font-size: 10px;
  text-align: center;
  margin-top: 24px;
  line-height: 12px;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step1__note {
    margin-top: calc( 100vw / 375 * 24);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step1__note {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step1__note {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step2 {
    margin-bottom: calc( 100vw / 375 * 77);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step2 {
    margin-bottom: 92px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step2 {
    margin-bottom: calc( 100vw / 1024 * 92);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step3 {
    margin-bottom: calc( 100vw / 375 * 60);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step3 {
    margin-bottom: 50px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step3 {
    margin-bottom: calc( 100vw / 1024 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__step4 {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20) calc( 100vw / 375 * 50);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__step4 {
    padding: 60px 200px 50px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__step4 {
    padding: calc( 100vw / 1024 * 60) calc( 100vw / 1024 * 200) calc( 100vw / 1024 * 50);
  }
}
.direct__section--setting .direct__lead2 {
  display: table;
  margin-inline: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead2 {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead2 {
    line-height: calc( 100vw / 375 * 22);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead2 {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead2 {
    line-height: 22px;
  }
}
.direct__section--setting .direct__no {
  position: absolute;
  left: 50%;
  content: "";
  transform: translate(-50%, -50%);
}
@media (max-width: 659px) {
  .direct__section--setting .direct__no {
    top: 0;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__no {
    width: calc( 100vw / 375 * 87);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__no {
    height: calc( 100vw / 375 * 87);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__no {
    top: 0;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__no {
    width: 87px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__no {
    height: 87px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__no img {
    width: calc( 100vw / 375 * 87);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__no img {
    width: 87px;
  }
}
.direct__section--setting .direct__img {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__img {
    margin-top: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__img {
    margin-top: 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__img {
    margin-top: calc( 100vw / 1024 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__img img {
    width: calc( 100vw / 375 * 200);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__img img {
    width: 200px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__img img.diff202 {
    width: calc( 100vw / 375 * 202);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__img img.diff202 {
    width: 202px;
  }
}
.direct__section--setting .direct__toggle {
  border-top: 1px solid #C4CCCF;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__toggle {
    margin-top: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__toggle {
    margin-top: 40px;
  }
}
.direct__section--setting .direct__toggle--nojs {
  border-top: 1px solid #C4CCCF;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__toggle--nojs {
    margin-top: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__toggle--nojs {
    margin-top: 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__toggle--nojs {
    margin-top: calc( 100vw / 1024 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__dl {
    padding-top: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__dl {
    padding-top: 40px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__dl {
    padding-top: calc( 100vw / 1024 * 40);
  }
}
.direct__section--setting .direct__img--dllogo {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__img--dllogo img {
    width: calc( 100vw / 375 * 258.62);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__img--dllogo img {
    width: 258.62px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__img--dllogo {
    margin-bottom: calc( 100vw / 375 * 16);
  }
}
@media (min-width: 1080px) {
  .direct__section--setting .direct__img--dllogo {
    margin-bottom: 20px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--setting .direct__img--dllogo {
    margin-bottom: calc( 100vw / 1024 * 20);
  }
}
.direct__section--setting .direct__lead--dl {
  display: table;
  margin-inline: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead--dl {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead--dl {
    line-height: calc( 100vw / 375 * 22);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead--dl {
    margin-bottom: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead--dl {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead--dl {
    line-height: 22px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead--dl {
    margin-bottom: 40px;
  }
}
.direct__section--setting .direct__apps {
  text-align: center;
}
@media (min-width: 660px) {
  .direct__section--setting .direct__apps {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__app {
    width: 140px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__ios {
    margin-bottom: calc( 100vw / 375 * 20);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__ios {
    margin-right: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__dlButton {
    margin-bottom: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__dlButton {
    display: block;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__dlButton img {
    width: calc( 100vw / 375 * 202);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__dlButton img {
    width: 140px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__qr img {
    width: 110px;
  }
}
.direct__section--setting .direct__supplement {
  background: #FAFAFA;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__supplement {
    margin: calc( 100vw / 375 * 30) auto calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__supplement {
    padding: calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__supplement {
    border-radius: calc( 100vw / 375 * 20);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__supplement {
    margin: 30px auto 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__supplement {
    padding: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__supplement {
    border-radius: 20px;
  }
}
.direct__section--setting .direct__title {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__title {
    margin-bottom: calc( 100vw / 375 * 4);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__title {
    font-size: calc( 100vw / 375 * 12);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__title {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__title {
    font-size: 12px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__title {
    line-height: 18px;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__txt {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__txt {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__txt {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__txt {
    line-height: 12px;
  }
}
.direct__section--setting .direct__content h4 {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__content h4 {
    margin: calc( 100vw / 375 * 40) 0 calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__content h4 {
    font-size: calc( 100vw / 375 * 22);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content h4 {
    margin: 40px 0 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content h4 {
    font-size: 22px;
  }
}
.direct__section--setting .direct__content section + section::before {
  display: block;
  content: "";
  background: url("/assets/images/mubk/direct/setting_step_arrow1_sp.svg") no-repeat 50% 50%/100% 100%;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__content section + section::before {
    margin: calc( 100vw / 375 * 30) auto;
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__content section + section::before {
    width: calc( 100vw / 375 * 40);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__content section + section::before {
    height: calc( 100vw / 375 * 40);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content section + section::before {
    margin: 40px auto;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content section + section::before {
    width: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content section + section::before {
    height: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__content section:first-child {
    padding-top: 20px;
  }
}
.direct__section--setting .direct__lead3 {
  display: table;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead3 {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__lead3 {
    line-height: calc( 100vw / 375 * 24);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead3 {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__lead3 {
    line-height: 25px;
  }
}
.direct__section--setting .direct__note2_2 {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2_2 {
    margin-top: calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2_2 {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2_2 {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2_2 {
    margin-top: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2_2 {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2_2 {
    line-height: 12px;
  }
}
.direct__section--setting .direct__note1 {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note1 {
    margin-top: calc( 100vw / 375 * 36);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note1 {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note1 {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note1 {
    margin-top: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note1 {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note1 {
    line-height: 12px;
  }
}
.direct__section--setting .direct__note2 {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2 {
    margin-top: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2 {
    margin-bottom: calc( 100vw / 375 * -4);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2 {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note2 {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2 {
    margin-top: 15px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2 {
    margin-bottom: -4px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2 {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note2 {
    line-height: 18px;
  }
}
.direct__section--setting .direct__note3 {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note3 {
    margin-top: calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note3 {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__note3 {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note3 {
    margin-top: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note3 {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__note3 {
    line-height: 12px;
  }
}
.direct__section--setting .direct__btn {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__btn {
    padding-top: calc( 100vw / 375 * 30);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__btn {
    padding-top: 30px;
  }
}
.direct__section--setting .direct__open {
  color: #333;
  display: inline-block;
  background: url("/assets/images/mubk/direct/common_open_sp.svg") no-repeat 0% 50%;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__open {
    padding-left: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__open {
    background-size: calc( 100vw / 375 * 18) calc( 100vw / 375 * 18);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__open {
    font-size: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__open {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__open {
    padding-left: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__open {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__open {
    line-height: 18px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__open {
    background-size: 18px 18px;
  }
}
.direct__section--setting .direct__close {
  color: #333;
  display: inline-block;
  background: url("/assets/images/mubk/direct/common_close_sp.svg") no-repeat 0% 50%;
}
@media (max-width: 659px) {
  .direct__section--setting .direct__close {
    margin-top: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__close {
    padding-left: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__close {
    background-size: calc( 100vw / 375 * 18) calc( 100vw / 375 * 18);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__close {
    font-size: calc( 100vw / 375 * 15);
  }
}
@media (max-width: 659px) {
  .direct__section--setting .direct__close {
    line-height: calc( 100vw / 375 * 18);
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__close {
    padding-left: 28px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__close {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__close {
    line-height: 18px;
  }
}
@media (min-width: 660px) {
  .direct__section--setting .direct__close {
    background-size: 18px 18px;
  }
}
.direct__section--download {
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--download {
    margin: 0 calc( 100vw / 375 * 20) calc( 100vw / 375 * 50);
  }
}
@media (max-width: 659px) {
  .direct__section--download {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20);
  }
}
@media (max-width: 659px) {
  .direct__section--download {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 1080px) {
  .direct__section--download {
    margin: 0 auto 60px;
  }
}
@media (min-width: 1080px) {
  .direct__section--download {
    padding: 50px 200px;
  }
}
@media (min-width: 1080px) {
  .direct__section--download {
    border-radius: 24px;
  }
}
@media (min-width: 1080px) {
  .direct__section--download {
    max-width: 800px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--download {
    margin: 0 calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 60);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--download {
    padding: calc( 100vw / 1024 * 50) 0;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--download {
    border-radius: calc( 100vw / 1024 * 24);
  }
}
.direct__section--download .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--download .direct__heading {
    margin-bottom: calc( 100vw / 375 * 35);
  }
}
@media (max-width: 659px) {
  .direct__section--download .direct__heading {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--download .direct__heading {
    line-height: calc( 100vw / 375 * 26);
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__heading {
    margin-bottom: 35px;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__heading {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__heading {
    line-height: 26px;
  }
}
.direct__section--download .direct__apps {
  text-align: center;
}
@media (min-width: 660px) {
  .direct__section--download .direct__apps {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__app {
    width: 140px;
  }
}
@media (max-width: 659px) {
  .direct__section--download .direct__ios {
    margin-bottom: calc( 100vw / 375 * 20);
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__ios {
    margin-right: 40px;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__dlButton {
    margin-bottom: 20px;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__dlButton {
    display: block;
  }
}
@media (max-width: 659px) {
  .direct__section--download .direct__dlButton img {
    width: calc( 100vw / 375 * 202);
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__dlButton img {
    width: 140px;
  }
}
@media (min-width: 660px) {
  .direct__section--download .direct__qr img {
    width: 110px;
  }
}
.direct__section--note .direct__content {
  background: #FAFAFA;
}
@media (max-width: 659px) {
  .direct__section--note .direct__content {
    padding: 0 calc( 100vw / 375 * 25) calc( 100vw / 375 * 60);
  }
}
@media (max-width: 659px) {
  .direct__section--note .direct__content {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--note .direct__content {
    margin: 0 auto;
  }
}
@media (min-width: 660px) {
  .direct__section--note .direct__content {
    padding: 0 200px 100px;
  }
}
@media (min-width: 660px) {
  .direct__section--note .direct__content {
    border-radius: 32px;
  }
}
@media (min-width: 1080px) {
  .direct__section--note .direct__content {
    max-width: 800px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--note .direct__content {
    padding: 0 calc( 100vw / 1024 * 200) calc( 100vw / 1024 * 100);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--note .direct__content {
    border-radius: calc( 100vw / 1024 * 32);
  }
}
.direct__section--note .direct__note {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 659px) {
  .direct__section--note .direct__note {
    font-size: calc( 100vw / 375 * 10);
  }
}
@media (max-width: 659px) {
  .direct__section--note .direct__note {
    line-height: calc( 100vw / 375 * 12);
  }
}
@media (min-width: 660px) {
  .direct__section--note .direct__note {
    font-size: 10px;
  }
}
@media (min-width: 660px) {
  .direct__section--note .direct__note {
    line-height: 12px;
  }
}
.direct__section--faq {
  background: #fff;
}
@media (max-width: 659px) {
  .direct__section--faq {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 20) calc( 100vw / 375 * 60);
  }
}
@media (min-width: 660px) {
  .direct__section--faq {
    padding: 80px 0 100px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--faq {
    padding: calc( 100vw / 1024 * 80) calc( 100vw / 1024 * 40) calc( 100vw / 1024 * 100);
  }
}
.direct__section--faq .direct__heading {
  text-align: center;
}
@media (max-width: 659px) {
  .direct__section--faq .direct__heading {
    margin-bottom: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__heading {
    font-size: calc( 100vw / 375 * 28);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__heading {
    line-height: calc( 100vw / 375 * 36);
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__heading {
    margin-bottom: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__heading {
    font-size: 28px;
  }
}
.direct__section--faq .direct__content {
  background: #FAFAFA;
}
@media (max-width: 659px) {
  .direct__section--faq .direct__content {
    padding: calc( 100vw / 375 * 50) calc( 100vw / 375 * 25);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__content {
    border-radius: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__content {
    margin: 0 auto;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__content {
    padding: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__content {
    border-radius: 32px;
  }
}
@media (min-width: 1080px) {
  .direct__section--faq .direct__content {
    max-width: 800px;
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--faq .direct__content {
    padding: calc( 100vw / 1024 * 60) calc( 100vw / 1024 * 20);
  }
}
@media (min-width: 660px) and (max-width: 1079px) {
  .direct__section--faq .direct__content {
    border-radius: calc( 100vw / 1024 * 32);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__lead {
    margin-bottom: calc( 100vw / 375 * 35);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__lead {
    font-size: calc( 100vw / 375 * 14);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__lead {
    line-height: calc( 100vw / 375 * 25);
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__lead {
    margin-bottom: 35px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__lead {
    font-size: 14px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__lead {
    line-height: 25px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__lead {
    text-align: center;
  }
}
.direct__section--faq .direct__btn a {
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #D0111B;
  transition: opacity 0.2s;
}
@media (max-width: 659px) {
  .direct__section--faq .direct__btn a {
    border-radius: calc( 100vw / 375 * 30);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__btn a {
    width: 100%;
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__btn a {
    height: calc( 100vw / 375 * 60);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__btn a {
    font-size: calc( 100vw / 375 * 16);
  }
}
@media (max-width: 659px) {
  .direct__section--faq .direct__btn a {
    line-height: calc( 100vw / 375 * 60);
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    border-radius: 30px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    width: 320px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    height: 60px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    font-size: 16px;
  }
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    line-height: 60px;
  }
}
.direct__section--faq .direct__btn a:hover {
  opacity: 0.7;
}
.direct__section--faq .direct__btn a.is-disabled, .direct__section--faq .direct__btn a:disabled {
  cursor: default;
  opacity: 0.5;
}
.direct__section--faq .direct__btn a.is-disabled:hover, .direct__section--faq .direct__btn a:disabled:hover {
  opacity: 0.5;
}
@media (min-width: 660px) {
  .direct__section--faq .direct__btn a {
    margin: 0 auto;
  }
}

.u-flip--horizon {
  transform: scale(-1, 1);
}