@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap");
* {
  border: 0;
  outline: none;
  vertical-align: baseline;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  color: var(--base-black-333, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-feature-settings: "palt" on;
  letter-spacing: 0.04em;
}

html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/* Block要素のみ line-height を指定 */
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
blockquote,
pre,
table,
th,
td,
form,
fieldset,
legend {
  line-height: 1.8;
}

body {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min( 1.4814814815vw, 16px );
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 4vw;
  }
}

h1,
h2 {
  position: relative;
  font-weight: 700;
}

*:focus {
  outline: none;
}

p a {
  word-break: break-all;
  text-decoration: underline;
}

sup {
  vertical-align: top;
  font-size: 50%;
}

sub {
  vertical-align: baseline;
  font-size: 50%;
}

em,
b,
strong,
th {
  font-weight: 700;
}

a {
  color: #333;
  cursor: pointer;
  transition: opacity 0.3s;
}

figcaption,
small {
  font-size: min( 1.1111111111vw, 12px );
}
@media screen and (max-width: 767px) {
  figcaption,
  small {
    font-size: 2.6666666667vw;
  }
}

img {
  display: block;
  height: auto;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

@media screen and (min-width: 768px) {
  .adlp-outer {
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .adlp-outer {
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .adlp-wrapper {
    min-width: min(177.7777777778vw, 1920px);
    max-width: 1920px;
    margin: 0 auto;
  }
}
.adlp-wrapper .relative {
  position: relative;
}
.adlp-wrapper .w100 {
  width: 100% !important;
  display: block;
}
.adlp-wrapper .center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .adlp-wrapper .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pc {
    display: none !important;
  }
}
.adlp-wrapper .text__txt {
  color: #333 !important;
}
.adlp-wrapper .text__white {
  color: #fff !important;
}
.adlp-wrapper .text__silver {
  color: #f1f1f1 !important;
}
.adlp-wrapper .text__accent {
  color: #E75B18 !important;
}
.adlp-wrapper .bg__txt {
  background: #333 !important;
}
.adlp-wrapper .bg__white {
  background: #fff !important;
}
.adlp-wrapper .bg__silver {
  background: #f1f1f1 !important;
}
.adlp-wrapper .bg__accent {
  background: #E75B18 !important;
}
.adlp-wrapper .line__top__txt {
  border-top: 1px solid #333;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__top__white {
  border-top: 1px solid #fff;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__top__silver {
  border-top: 1px solid #f1f1f1;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__top__accent {
  border-top: 1px solid #E75B18;
}
.adlp-wrapper .line__top.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line__top.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line__top.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line__top.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .marker__txt {
  background: linear-gradient(transparent 60%, #333 60%);
}
.adlp-wrapper .marker__white {
  background: linear-gradient(transparent 60%, #fff 60%);
}
.adlp-wrapper .marker__silver {
  background: linear-gradient(transparent 60%, #f1f1f1 60%);
}
.adlp-wrapper .marker__accent {
  background: linear-gradient(transparent 60%, #E75B18 60%);
}
.adlp-wrapper .line__txt {
  border-bottom: 1px solid #333;
}
.adlp-wrapper .line.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__white {
  border-bottom: 1px solid #fff;
}
.adlp-wrapper .line.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__silver {
  border-bottom: 1px solid #f1f1f1;
}
.adlp-wrapper .line.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .line__accent {
  border-bottom: 1px solid #E75B18;
}
.adlp-wrapper .line.--w2 {
  border-width: min( 0.1851851852vw, 2px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w2 {
    border-width: 0.2666666667vw;
  }
}
.adlp-wrapper .line.--w3 {
  border-width: min( 0.2777777778vw, 3px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w3 {
    border-width: 0.4vw;
  }
}
.adlp-wrapper .line.--w4 {
  border-width: min( 0.3703703704vw, 4px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .line.--w4 {
    border-width: 0.5333333333vw;
  }
}
.adlp-wrapper .pad10 {
  padding: min( 0.9259259259vw, 10px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad10 {
    padding-top: 1.3333333333vw !important;
    padding-bottom: 1.3333333333vw !important;
  }
}
.adlp-wrapper .pad20 {
  padding: min( 1.8518518519vw, 20px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad20 {
    padding-top: 2.6666666667vw !important;
    padding-bottom: 2.6666666667vw !important;
  }
}
.adlp-wrapper .pad30 {
  padding: min( 2.7777777778vw, 30px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad30 {
    padding-top: 4vw !important;
    padding-bottom: 4vw !important;
  }
}
.adlp-wrapper .pad40 {
  padding: min( 3.7037037037vw, 40px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad40 {
    padding-top: 5.3333333333vw !important;
    padding-bottom: 5.3333333333vw !important;
  }
}
.adlp-wrapper .pad50 {
  padding: min( 4.6296296296vw, 50px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad50 {
    padding-top: 6.6666666667vw !important;
    padding-bottom: 6.6666666667vw !important;
  }
}
.adlp-wrapper .pad60 {
  padding: min( 5.5555555556vw, 60px ) 0;
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .pad60 {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
  }
}
.adlp-wrapper .mt10 {
  margin-top: min( 0.9259259259vw, 10px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt10 {
    margin-top: 1.3333333333vw;
  }
}
.adlp-wrapper .mt20 {
  margin-top: min( 1.8518518519vw, 20px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt20 {
    margin-top: 2.6666666667vw;
  }
}
.adlp-wrapper .mt30 {
  margin-top: min( 2.7777777778vw, 30px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt30 {
    margin-top: 4vw;
  }
}
.adlp-wrapper .mt40 {
  margin-top: min( 3.7037037037vw, 40px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt40 {
    margin-top: 5.3333333333vw;
  }
}
.adlp-wrapper .mt50 {
  margin-top: min( 4.6296296296vw, 50px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt50 {
    margin-top: 6.6666666667vw;
  }
}
.adlp-wrapper .mt60 {
  margin-top: min( 5.5555555556vw, 60px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .mt60 {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt10 {
    margin-top: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt20 {
    margin-top: 2.6666666667vw !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt30 {
    margin-top: 4vw !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt40 {
    margin-top: 5.3333333333vw !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt50 {
    margin-top: 6.6666666667vw !important;
  }
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .sp-mt60 {
    margin-top: 8vw !important;
  }
}
.adlp-wrapper .wrap500 {
  margin: auto;
  width: min( 46.2962962963vw, 500px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap500 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap600 {
  margin: auto;
  width: min( 55.5555555556vw, 600px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap600 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap700 {
  margin: auto;
  width: min( 64.8148148148vw, 700px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap700 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap800 {
  margin: auto;
  width: min( 74.0740740741vw, 800px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap800 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap900 {
  margin: auto;
  width: min( 83.3333333333vw, 900px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap900 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap920 {
  margin: auto;
  width: min( 85.1851851852vw, 920px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap920 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap1000 {
  margin: auto;
  width: min( 92.5925925926vw, 1000px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap1000 {
    width: 100%;
    padding: 0 4vw;
  }
}
.adlp-wrapper .wrap1080 {
  margin: auto;
  width: min( 100vw, 1080px );
}
@media screen and (max-width: 767px) {
  .adlp-wrapper .wrap1080 {
    width: 100%;
    padding: 0 4vw;
  }
}

.adlp-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  z-index: 100;
  border-bottom: 1px solid #ddd;
  color: var(--base-black-333, #333);
}
.adlp-header__inner {
  width: min( 100vw, 1080px );
  padding: min( 0.462962963vw, 5px ) min( 3.7037037037vw, 40px ) min( 1.1111111111vw, 12px );
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.adlp-header__text-01 {
  color: var(--base-black-333, #333);
  font-family: "Noto Sans JP";
  font-size: min( 3.5185185185vw, 38px );
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
}
.adlp-header__name {
  font-size: min( 2.5925925926vw, 28px );
}
.adlp-header__text-02 {
  color: var(--base-black-333, #333);
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: min( 1.4814814815vw, 16px );
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  line-height: 1.4;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 767px) {
  .adlp-header__inner {
    width: 100%;
    padding: 1.2vw 2.4vw 2.8vw;
    align-items: center;
  }
  .adlp-header__text-01 {
    font-size: 6.4vw;
  }
  .adlp-header__name {
    font-size: 5.3333333333vw;
  }
  .adlp-header__text-02 {
    font-size: 3.4666666667vw;
  }
}

.adlp-main {
  padding-top: min( 6.4814814815vw, 70px );
}
@media screen and (max-width: 767px) {
  .adlp-main {
    padding-top: 13.3333333333vw;
  }
}

.adlp-accordion {
  background: #fff;
}
.adlp-accordion__wrapper {
  display: flex;
  flex-direction: column;
  gap: min( 1.4814814815vw, 16px );
  width: min( 74.0740740741vw, 800px );
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__wrapper {
    gap: 3.2vw;
    width: 84vw;
  }
}
.adlp-accordion__header {
  position: relative;
  cursor: pointer;
}
.adlp-accordion__header__inner {
  display: flex;
  align-items: center;
  padding: min( 1.8518518519vw, 20px ) min( 7.4074074074vw, 80px ) min( 1.8518518519vw, 20px ) min( 3.7037037037vw, 40px );
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner {
    padding: 5.3333333333vw 14.9333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
.adlp-accordion__header__inner .lead {
  line-height: 1;
  font-size: min( 3.7037037037vw, 40px );
  margin-right: min( 1.8518518519vw, 20px );
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner .lead {
    font-size: 6.4vw;
    margin-right: 2.6666666667vw;
  }
}
.adlp-accordion__header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: min( 1.8518518519vw, 20px );
  height: min( 1.1111111111vw, 12px );
  right: min( 4.1666666667vw, 45px );
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 11.5L0.47372 0.25L19.5263 0.250002L10 11.5Z' fill='%23012F83'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header::after {
    width: 3.7333333333vw;
    height: 2.2666666667vw;
    right: 4.6666666667vw;
  }
}
.adlp-accordion__header.--open::after {
  transform: translateY(-50%) rotate(180deg);
}
.adlp-accordion__header.--open::before {
  opacity: 0;
}
.adlp-accordion__header.--img::after {
  display: none;
}
.adlp-accordion__header.--img > span:last-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:first-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:last-child {
  display: block;
}
.adlp-accordion__header.--plus::before {
  content: "";
  display: block;
  background-image: none;
  background: #ff2f87;
  position: absolute;
  height: min( 1.8518518519vw, 20px );
  width: min( 0.1851851852vw, 2px );
  right: min( 4.537037037vw, 49px );
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::before {
    height: 2.6666666667vw;
    width: 0.2666666667vw;
    right: 6.5333333333vw;
  }
}
.adlp-accordion__header.--plus::after {
  width: min( 1.8518518519vw, 20px );
  height: min( 0.1851851852vw, 2px );
  right: min( 3.7037037037vw, 40px );
  background-image: none;
  background: #ff2f87;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::after {
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    right: 5.3333333333vw;
  }
}
.adlp-accordion__body {
  display: none;
}
.adlp-accordion__body__inner {
  display: flex;
  align-items: flex-start;
  padding: min( 1.8518518519vw, 20px ) min( 3.7037037037vw, 40px );
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner {
    padding: 0 5.3333333333vw 5.3333333333vw;
  }
}
.adlp-accordion__body__inner .--lead {
  font-size: min( 3.7037037037vw, 40px );
  margin-right: min( 1.8518518519vw, 20px );
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner .--lead {
    margin-right: 2.6666666667vw;
  }
}

.js-toggle {
  cursor: pointer;
}
.js-toggle + * {
  display: none;
}

.adlp-btn {
  border-radius: 200px;
  height: min( 7.4074074074vw, 80px );
  width: min( 38.8888888889vw, 420px );
  transition: all 0.3s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adlp-btn__wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min( 2.7777777778vw, 30px );
}
@media screen and (max-width: 767px) {
  .adlp-btn__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 4vw;
  }
}
.adlp-btn__text {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .adlp-btn {
    height: 13.0666666667vw;
    width: 84vw;
  }
}
.adlp-btn p {
  text-align: center;
  z-index: 1;
  line-height: 120%;
}
.adlp-btn p span {
  line-height: 120%;
}
.adlp-btn p span.text01 {
  font-size: min( 2.2222222222vw, 24px );
}
@media screen and (max-width: 767px) {
  .adlp-btn p span.text01 {
    font-size: 2.6666666667vw;
  }
}
.adlp-btn p span.text02 {
  font-size: min( 1.8518518519vw, 20px );
}
@media screen and (max-width: 767px) {
  .adlp-btn p span.text02 {
    font-size: 3.7333333333vw;
  }
}
.adlp-btn.--free {
  padding-left: min( 0.8333333333vw, 9px );
}
.adlp-btn.--free::before {
  content: "無料";
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #fff;
  color: #1883EC;
  font-size: min( 1.6666666667vw, 18px );
  font-weight: 700;
  width: min( 6.4814814815vw, 70px );
  height: min( 6.4814814815vw, 70px );
  top: min( 0.462962963vw, 5px );
  left: min( 0.462962963vw, 5px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--free::before {
    width: 10.9333333333vw;
    height: 10.9333333333vw;
    font-size: 3.7333333333vw;
    top: 1.0666666667vw;
    left: 1.0666666667vw;
  }
}
.adlp-btn.--btn01 {
  background: #1883EC;
  color: #fff;
}
.adlp-btn.--btn01::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.5 12.5L6.5 16.5L1.5 12.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 9.5L6.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  width: min( 1.2037037037vw, 13px );
  height: min( 1.6666666667vw, 18px );
  right: min( 3.0555555556vw, 33px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn01::after {
    width: 1.7333333333vw;
    height: 2.4vw;
    right: 4.4vw;
  }
}
@media screen and (min-width: 768px) {
  .adlp-btn.--btn01:hover {
    background: linear-gradient(
      91deg,
      #e61b73 0%,
      #f06b00 100%
    );
  }
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn01:active {
    background: linear-gradient(
      90deg,
      #ff2f87 0%,
      #ff6aa8 45%,
      #f4c76a 100%
    );
  }
}
.adlp-btn.--btn02-a {
  background: #fff;
  border: min( 0.3703703704vw, 4px ) solid #f69809;
  color: #f69809;
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn02-a {
    border-width: 0.5333333333vw;
  }
}
.adlp-btn.--btn02-a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L9 9L1 17' stroke='%23F79809' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  width: min( 1.2037037037vw, 13px );
  height: min( 1.6666666667vw, 18px );
  right: min( 3.0555555556vw, 33px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn02-a::after {
    width: 1.7333333333vw;
    height: 2.4vw;
    right: 4.4vw;
  }
}
@media screen and (min-width: 768px) {
  .adlp-btn.--btn02-a:hover {
    background: #f69809;
    color: #fff;
  }
  .adlp-btn.--btn02-a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L9 9L1 17' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn02-a:active {
    background: #f69809;
    color: #fff;
  }
  .adlp-btn.--btn02-a:active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L9 9L1 17' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
.adlp-btn.--btn02-b {
  color: #fff;
  overflow: hidden;
  border: 1px solid transparent;
}
.adlp-btn.--btn02-b::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #FF98AC 0%, #FF6683 100%);
  opacity: 1;
  transition: all 0.3s;
}
.adlp-btn.--btn02-b::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 16L-6.99382e-07 0L8 7.99999L0 16Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  width: min( 0.7407407407vw, 8px );
  height: min( 1.4814814815vw, 16px );
  right: min( 3.0555555556vw, 33px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn02-b::after {
    width: 1.0666666667vw;
    height: 2.1333333333vw;
    right: 4.4vw;
  }
}
@media screen and (min-width: 768px) {
  .adlp-btn.--btn02-b:hover {
    color: #ff6683;
    border-color: #ff6683;
    background-color: #fff;
  }
  .adlp-btn.--btn02-b:hover::before {
    opacity: 0;
  }
  .adlp-btn.--btn02-b:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 16L-6.99382e-07 0L8 7.99999L0 16Z' fill='%23FF6683'/%3E%3C/svg%3E%0A");
  }
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn02-b:active {
    color: #ff6683;
    border-color: #ff6683;
    background-color: #fff;
  }
  .adlp-btn.--btn02-b:active::before {
    opacity: 0;
  }
  .adlp-btn.--btn02-b:active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 16L-6.99382e-07 0L8 7.99999L0 16Z' fill='%23FF6683'/%3E%3C/svg%3E%0A");
  }
}
.adlp-btn.--btn03 {
  color: #C80012;
  background: #fff;
  box-shadow: min( 0.3703703704vw, 4px ) min( 0.5555555556vw, 6px ) 0 0 rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn03 {
    box-shadow: 0.5333333333vw 0.8vw 0 0 rgba(0, 0, 0, 0.3);
  }
}
.adlp-btn.--btn03::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 1.07324e-07L9 7.50412L1.78873e-07 15L2.47836 7.44633L0 1.07324e-07Z' fill='%23C80012'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  width: min( 0.7407407407vw, 8px );
  height: min( 1.4814814815vw, 16px );
  right: min( 3.0555555556vw, 33px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn03::after {
    width: 1.0666666667vw;
    height: 2.1333333333vw;
    right: 4.4vw;
  }
}
@media screen and (min-width: 768px) {
  .adlp-btn.--btn03:hover {
    transform: translateY(min( 0.3703703704vw, 4px ));
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .adlp-btn.--btn03:hover {
    transform: translateY(0.5333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn03:active {
    transform: translateY(min( 0.3703703704vw, 4px ));
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .adlp-btn.--btn03:active {
    transform: translateY(0.5333333333vw);
  }
}
.adlp-btn.--btn04 {
  color: #fff;
  background: #FFA800;
  box-shadow: 0 min( 1.2962962963vw, 14px ) min( 2.2222222222vw, 24px ) 0 rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn04 {
    box-shadow: 0 1.8666666667vw 3.2vw 0 rgba(0, 0, 0, 0.4);
  }
}
.adlp-btn.--btn04::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1.16602L7 7.16602L1 13.166' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  width: min( 0.7407407407vw, 8px );
  height: min( 1.4814814815vw, 16px );
  right: min( 3.0555555556vw, 33px );
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn04::after {
    width: 1.0666666667vw;
    height: 2.1333333333vw;
    right: 4.4vw;
  }
}
@media screen and (min-width: 768px) {
  .adlp-btn.--btn04:hover {
    background: #F48400;
  }
  .adlp-btn.--btn04:hover::after {
    transform: translate(min( 0.9259259259vw, 10px ), -50%);
  }
}
@media screen and (max-width: 767px) {
  .adlp-btn.--btn04:active {
    background: #F48400;
  }
  .adlp-btn.--btn04:active::after {
    transform: translate(min( 0.9259259259vw, 10px ), -50%);
  }
}

.adlp-swiper {
  position: relative;
  width: 100%;
  height: 100%;
}
.adlp-swiper.--hide {
  overflow: hidden;
}
.adlp-swiper .swiper-slide::before, .adlp-swiper .swiper-slide::after {
  content: "";
  background-color: #fff;
  display: block;
  width: min( 0.9259259259vw, 10px );
  height: 100%;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-slide::before, .adlp-swiper .swiper-slide::after {
    width: 1.3333333333vw;
  }
}
.adlp-swiper .swiper-slide::before {
  left: max( -0.462962963vw, -5px );
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-slide::before {
    left: -0.6666666667vw;
  }
}
.adlp-swiper .swiper-slide::after {
  right: max( -0.462962963vw, -5px );
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-slide::after {
    right: -0.6666666667vw;
  }
}
.adlp-swiper__wrapper {
  padding-bottom: 0;
}

.adlp-swiper-wrapper {
  /* ページネーションの余白 */
}
.adlp-swiper-wrapper .swiper-button-next,
.adlp-swiper-wrapper .swiper-button-prev {
  width: min( 5.1851851852vw, 56px );
  height: min( 5.1851851852vw, 56px );
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  filter: drop-shadow(0 min( 0.2592592593vw, 2.8px ) min( 0.5185185185vw, 5.6px ) rgba(0, 0, 0, 0.25));
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .adlp-swiper-wrapper .swiper-button-next,
  .adlp-swiper-wrapper .swiper-button-prev {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.adlp-swiper-wrapper .swiper-button-next::after,
.adlp-swiper-wrapper .swiper-button-prev::after {
  display: none;
}
.adlp-swiper-wrapper .swiper-button-prev {
  background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/pc/arw_prev.png");
  left: 0;
}
@media screen and (max-width: 767px) {
  .adlp-swiper-wrapper .swiper-button-prev {
    background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/sp/arw_prev.png");
    left: 1.2vw;
  }
}
.adlp-swiper-wrapper .swiper-button-next {
  background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/pc/arw_next.png");
  right: 0;
}
@media screen and (max-width: 767px) {
  .adlp-swiper-wrapper .swiper-button-next {
    background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/sp/arw_next.png");
    right: 1.2vw;
  }
}
.adlp-swiper-wrapper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.adlp-swiper-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min( 1.6666666667vw, 18px );
}
@media screen and (max-width: 767px) {
  .adlp-swiper-wrapper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .adlp-swiper-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3.3333333333vw;
  }
}
.adlp-swiper-wrapper .swiper-pagination-bullet {
  background-color: #a4a4a4;
  height: min( 0.7407407407vw, 8px );
  width: min( 0.7407407407vw, 8px );
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .adlp-swiper-wrapper .swiper-pagination-bullet {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.adlp-swiper-wrapper .swiper-pagination-bullet-active {
  background-color: #ff2f87 !important;
}

.cv {
  background: var(--base1, #000);
  padding: min( 4.1666666667vw, 45px ) min( 3.7037037037vw, 40px );
}
.cv .adlp-btn {
  width: min( 38.8888888889vw, 420px );
  height: min( 6.4814814815vw, 70px );
  flex-shrink: 0;
  background: linear-gradient(
  91deg,
  #ff2f87 0%,
  #ff8a00 100%
);
  border-radius: min( 3.2407407407vw, 35px );
}
.cv .adlp-btn.--btn01::after {
  width: min( 2.1296296296vw, 23px );
  height: min( 2.962962963vw, 32px );
  background: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/common/icon-arrow-white.svg") center/contain no-repeat;
  right: min( 2.2222222222vw, 24px );
}
.cv .adlp-btn a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cv .adlp-btn .text01 {
  color: var(--bg1, #fff);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: min( 2.037037037vw, 22px );
  font-style: normal;
  font-weight: 700;
  line-height: 1.6; /* 35.2px */
}
@media screen and (max-width: 767px) {
  .cv {
    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw;
  }
  .cv .adlp-btn {
    width: 80vw;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
  }
  .cv .adlp-btn.--btn01::after {
    width: 4.2666666667vw;
    height: 6vw;
    right: 4vw;
  }
  .cv .adlp-btn span.text01 {
    font-size: 4.2666666667vw;
  }
}

.campaign {
  background: #fff;
  padding: min(9.0740740741vw, 98px) 0 min(7.6851851852vw, 83px);
  position: relative;
}

.campaign::after {
  content: "";
  display: block;
  width: min(57.8703703704vw, 625px);
  height: min(40.5555555556vw, 438px);
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

@media screen and (max-width: 767px) {
  .campaign::after {
    width: 26vw;
    height: 16vw;
  }
}

.campaign__inner {
  width: 100%;
  max-width: min(100vw, 1080px);
  margin: 0 auto;
  padding: 0 min(7.4074074074vw, 80px);
}

.campaign__title {
  position: relative;
  color: #000;
  font-size: min(4.4444444444vw, 48px);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}

.campaign__title::after {
  content: "";
  position: absolute;
  bottom: max(-2.5925925926vw, -28px);
  left: 50%;
  width: min(5.5555555556vw, 60px);
  height: min(0.3703703704vw, 4px);
  background: #000;
  translate: -50% 0;
}

/* ===== CAMPUSカラー ===== */

.campaign__sub-title {
  margin-top: min(5.5555555556vw, 60px);
  color: #ff2f87;
  font-family: Montserrat;
  font-size: min(3.5185185185vw, 38px);
  text-align: center;
  background: linear-gradient(
    91deg,
    #ff2f87 0%,
    #ff8a00 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.campaign__content {
  width: min(68.5185185185vw, 740px);
  margin: min(2.962962963vw, 32px) auto 0;
}

.campaign__box {
  padding: min(2.7777777778vw, 30px) 0;
  border: 2px solid #ff8a00;
  border-radius: min(0.3703703704vw, 4px);
  background: #fff;
  position: relative;
}

.campaign__box::after {
  content: "";
  display: block;
  width: min(2.7777777778vw, 30px);
  height: min(2.7777777778vw, 30px);
  background-color: #ff8a00;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.campaign__box + .campaign__box {
  margin-top: min(1.8518518519vw, 20px);
}

.campaign__box-title {
  color: #ff8a00;
  font-size: min(2.4074074074vw, 26px);
  line-height: 1;
  text-align: center;
}

.campaign__box-text {
  margin-top: min(1.4814814815vw, 16px);
  color: #000;
  font-family: Montserrat;
  font-size: min(4.4444444444vw, 48px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.campaign__box-label {
  margin-top: min(1.4814814815vw, 16px);
  color: #333;
  font-size: min(2.962962963vw, 32px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}

.campaign__menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.3703703704vw, 4px);
  margin-top: min(3.2407407407vw, 35px);
}

.campaign__menu-item + .campaign__menu-item {
  margin-top: min(3.2407407407vw, 35px);
}

.campaign__menu-item dt {
  font-family: Montserrat;
  font-size: min(2.962962963vw, 32px);
  line-height: 1;
  font-weight: 700;
}

.campaign__menu-item dd {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  color: #333;
  font-family: Montserrat;
  font-size: min(2.962962963vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.campaign__menu-item dd span:nth-child(1) span {
  text-decoration: line-through;
}

.campaign__menu-arrow {
  display: inline-block;
  width: min(1.4814814815vw, 16px);
}

.campaign__benefit {
  width: min(68.5185185185vw, 740px);
  margin: min(3.8888888889vw, 42px) auto 0;
  text-align: center;
}

.campaign__benefit-label {
  display: inline-block;
  padding: 0 min(1.4814814815vw, 16px);
  color: #333;
  background: #fff;
  font-size: min(2.5925925926vw, 28px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.campaign__benefit-text {
  margin-top: max(-1.8518518519vw, -20px);
  padding: min(2.7777777778vw, 30px) 0 min(2.5925925926vw, 28px);
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  color: #333;
  font-size: min(2.2222222222vw, 24px);
  font-weight: 700;
}

.campaign__benefit-accent {
  margin-top: min(2.037037037vw, 22px);
  padding-top: 55px;
  background: none;
  position: relative;

  color: #333;
  font-size: min(3.7037037037vw, 40px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.08em;
}

.campaign__benefit-accent::before {
  content: "⌄⌄";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #ff8a00;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.campaign__benefit-accent span {
  background: linear-gradient(
    90deg,
    #ff2f87 0%,
    #ff8a00 100%
  );
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 20%;
}

.access {
  background: #000;
  color: #fff;
  padding: min( 9.2592592593vw, 100px ) 0;
}
.access__inner {
  width: 100%;
  max-width: min( 100vw, 1080px );
  margin: 0 auto;
  padding: 0 min( 7.4074074074vw, 80px );
}
.access__title {
  font-size: min( 3.5185185185vw, 38px );
  font-family: Montserrat;
  text-align: center;

  background: linear-gradient(
    91deg,
    #ff2f87 0%,
    #ff8a00 100%
  );

  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.access__map {
  margin-top: min( 2.962962963vw, 32px );
  width: 100%;
}
.access__map-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 920/360;
}
.access__map-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.access__info {
  margin-top: min( 3.7037037037vw, 40px );
  display: flex;
  gap: min( 3.7037037037vw, 40px );
}
.access__info-col {
  width: calc((100% - min( 3.7037037037vw, 40px )) / 2);
}
.access__info dl dt,
.access__info dl dd {
  font-size: min( 1.4814814815vw, 16px );
  color: #fff;
  line-height: 2;
}
.access__info dl dt {
  font-weight: 700;
}
.access .adlp-btn__wrapper {
  padding: 0;
  margin-top: min( 3.7037037037vw, 40px );
}
@media screen and (max-width: 767px) {
  .access {
    padding: 10.6666666667vw 0;
  }
  .access__inner {
    padding: 0 8vw;
  }
  .access__title {
    font-size: 7.4666666667vw;
  }
  .access__map {
    margin-top: 5.3333333333vw;
  }
  .access__map-inner {
    aspect-ratio: 63/40;
  }
  .access__info {
    margin-top: 5.3333333333vw;
    flex-direction: column;
    gap: 0;
  }
  .access__info-col {
    width: 100%;
  }
  .access__info dl dt,
  .access__info dl dd {
    font-size: 3.4666666667vw;
  }
  .access .adlp-btn__wrapper {
    margin-top: 8vw;
  }
}

.price {
  position: relative;
  background: #000;
  color: #fff;
  padding: min( 9.2592592593vw, 100px ) 0 min( 7.4074074074vw, 80px );
}
.price::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ff2f87 0%, #ff8a00 100%);
}

.price__inner {
  width: 100%;
  max-width: min( 100vw, 1080px );
  margin: 0 auto;
  padding: 0 min( 7.4074074074vw, 80px );
}
.price__title {
  font-family: Montserrat;
  font-size: min(3.5185185185vw, 38px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
  background: linear-gradient(129deg, #ff2f87 0%, #ff8a00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.price__plan {
  margin-top: min( 3.7037037037vw, 40px );
}
.price__premium, .price__standard {
  padding: min( 2.1296296296vw, 23px ) 0 min( 3.7037037037vw, 40px );
  background: #fff;
  color: #000;
}
.price__premium + .price__premium, .price__premium + .price__standard, .price__standard + .price__premium, .price__standard + .price__standard {
  margin-top: min( 5.5555555556vw, 60px );
}
.price__plan-header {
  text-align: center;
}
.price__plan-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min( 0.7407407407vw, 8px );
  padding-top: min( 1.4814814815vw, 16px );
  font-family: Montserrat;
  font-size: min( 3.8888888889vw, 42px );
  font-weight: 700;
}
.price__premium .price__plan-title {
  background: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/common/icon-crown.svg") center top/min( 3.1481481481vw, 34px ) no-repeat;
}
.price__plan-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  margin: min( 0.7407407407vw, 8px ) auto 0;
  font-size: min( 1.6666666667vw, 18px );
  font-weight: 700;
  line-height: 1.8;
}
.price__plan-content {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: min( 3.7037037037vw, 40px );
  width: min( 72.5925925926vw, 784px );
  margin: min( 3.8888888889vw, 42px ) auto 0;
  text-align: center;
}
.price__plan-type {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min( 4.4444444444vw, 48px );
  padding: min( 0.462962963vw, 5px ) min( 4.6296296296vw, 50px );
  border-radius: min( 2.3148148148vw, 25px );
  background-color: #dadada;
  color: #666;
}
.price__plan-content-col--unlimit .price__plan-type {
  background-color: #eae4cd;
}
.price__plan-type span:nth-child(1) {
  position: relative;
  color: #333;
  font-family: Montserrat;
  font-size: min( 2.2222222222vw, 24px );
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.price__plan-type span:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.5em;
  width: 2px;
  height: min( 2.2222222222vw, 24px );
  background: #333;
  translate: 0 -50%;
}
.price__plan-type span:nth-child(2) {
  color: #333;
  font-family: Montserrat;
  font-size: min( 1.8518518519vw, 20px );
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.price__plan-price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: min( 2.4074074074vw, 26px );
  color: #333;
  font-family: Montserrat;
  font-size: min( 5.1851851852vw, 56px );
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}
.price__plan-price small {
  color: #333;
  font-size: min( 1.2962962963vw, 14px );
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.price__note {
  margin-top: min( 5.5555555556vw, 60px );
  color: #dadada;
  font-size: min( 1.2962962963vw, 14px );
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .price {
    padding: 13.3333333333vw 0;
  }
  .price__inner {
    padding: 0 6vw;
  }
  .price__title {
    font-size: 7.4666666667vw;
  }
  .price__plan {
    margin-top: 8vw;
  }
  .price__premium, .price__standard {
    padding: 5.0666666667vw 0 11.3333333333vw;
  }
  .price__premium + .price__premium, .price__premium + .price__standard, .price__standard + .price__premium, .price__standard + .price__standard {
    margin-top: 8vw;
  }
  .price__plan-title {
    padding-top: 4.2666666667vw;
    font-size: 8vw;
  }
  .price__premium .price__plan-title {
    background-size: 6.5333333333vw auto;
  }
  .price__plan-description {
    margin-top: 3.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .price__plan-content {
    display: flex;
    flex-direction: column;
    width: 70.6666666667vw;
    margin-top: 8vw;
    gap: 8vw;
    padding: 0;
  }
  .price__plan-type {
    gap: 6.6666666667vw;
    padding: 0.8vw 4vw;
    border-radius: 4.6666666667vw;
  }
  .price__plan-type span:nth-child(1) {
    font-size: 4.8vw;
  }
  .price__plan-type span:nth-child(1)::after {
    height: 4.8vw;
  }
  .price__plan-type span:nth-child(2) {
    font-size: 4vw;
  }
  .price__plan-price {
    margin-top: 4.2666666667vw;
    font-size: 10.6666666667vw;
  }
  .price__plan-price small {
    font-size: 2.6666666667vw;
  }
  .price__note {
    margin-top: 8vw;
    font-size: 2.6666666667vw;
    padding: 0;
  }
}

* {
  margin: 0;
}

ul {
  list-style-type: none;
}

body {
  font-feature-settings: "palt";
}

.adlp-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.adlp-wrapper .relative {
  position: relative;
}

@media all and (min-width: 768px) {
  .adlp-outer {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .adlp-wrapper {
    min-width: min(177.7777777778vw, 1920px);
    max-width: 1920px;
    margin: 0 auto;
  }
}
.adlp-wrapper .adlp-floating {
  width: min(177.7777777778vw, 1920px);
  position: fixed;
  bottom: 0;
  z-index: 10;
}

.adlp-wrapper .adlp-floating_inner {
  width: min(55.5555555556vw, 600px);
  margin: 0 auto;
}

.adlp-wrapper .adlp-btn:hover {
  filter: brightness(130%);
}

.adlp-wrapper .adlp-btn {
  transition: filter 0.3s;
}

.adlp-wrapper .adlp-pc {
  display: block;
}

.adlp-wrapper .adlp-sp {
  display: none;
}

@media all and (min-width: 0px) and (max-width: 767.9px) {
  .adlp-outer {
    overflow: hidden;
  }
  .adlp-wrapper .adlp-floating {
    width: 100%;
  }
  .adlp-wrapper .adlp-floating_inner {
    width: 80vw;
  }
  .adlp-wrapper .adlp-pc {
    display: none;
  }
  .adlp-wrapper .adlp-sp {
    display: block;
  }
}
/* cv01_btn_01 */
.cv01_btn_01 {
  position: absolute;
  left: min(69.4444444444vw, 750px);
  top: min(6.6852032697vw, 72.2001953125px);
  width: min(38.8888888889vw, 420px);
}
@media screen and (max-width: 767px) {
  .cv01_btn_01 {
    width: 80vw;
    left: 10vw;
    top: 13.8046875vw;
  }
}

/* sec03_video */
.sec03_video {
  position: absolute;
  left: 50%;
  top: min(66vw, 753px);
  width: min(52vw, 560px);
  transform: translateX(-50%);
  aspect-ratio: 646/363;
}

@media screen and (max-width: 767px) {
  .sec03_video {
    width: 82vw;
    top: 96vw;
  }
}

.sec03_video iframe {
  width: 100%;
  height: 100%;
}

/* cv02_btn_01 */
.cv02_btn_01 {
  position: absolute;
  left: min(69.4444444444vw, 750px);
  top: min(6.6851863155vw, 72.200012207px);
  width: min(38.8888888889vw, 420px);
}
@media screen and (max-width: 767px) {
  .cv02_btn_01 {
    width: 80vw;
    left: 10vw;
    top: 13.8046549479vw;
  }
}

@media screen and (max-width: 767px) {
  .sec04 + .cv {
    padding-top: 10.6666666667vw;
  }
}

/* sec05 */
.sec05_swiper {
  width: min( 85.1851851852vw, 920px );
  padding: 0 min( 3.3333333333vw, 36px );
  overflow: hidden;
  position: absolute;
  top: min( 15.462962963vw, 167px );
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .sec05_swiper {
    width: 88vw;
    padding: 0 6vw;
    top: 32.2666666667vw;
  }
}
.sec05_swiper .swiper-wrapper {
  padding-bottom: min( 5.8333333333vw, 63px );
}
@media screen and (max-width: 767px) {
  .sec05_swiper .swiper-wrapper {
    padding-bottom: 11.3333333333vw;
  }
}
.sec05_swiper .swiper-slide::before, .sec05_swiper .swiper-slide::after {
  height: min( 37.037037037vw, 400px );
}
@media screen and (max-width: 767px) {
  .sec05_swiper .swiper-slide::before, .sec05_swiper .swiper-slide::after {
    height: 110.1333333333vw;
  }
}
.sec05_swiper .swiper-button-next,
.sec05_swiper .swiper-button-prev {
  top: min( 15.9259259259vw, 172px );
}
@media screen and (max-width: 767px) {
  .sec05_swiper .swiper-button-next,
  .sec05_swiper .swiper-button-prev {
    top: 49.7333333333vw;
  }
}

/* sec06 */
.sec06_swiper {
  width: min( 65.9259259259vw, 712px );
  padding: 0 min( 2.4074074074vw, 26px );
  overflow: hidden;
  position: absolute;
  top: min( 30vw, 324px );
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .sec06_swiper {
    width: 100%;
    padding: 0 8vw;
    top: 78.2666666667vw;
  }
}
.sec06_swiper .swiper-wrapper {
  padding-bottom: min( 4.6296296296vw, 50px );
}
@media screen and (max-width: 767px) {
  .sec06_swiper .swiper-wrapper {
    padding-bottom: 12.4vw;
  }
}
.sec06_swiper .swiper-slide::before, .sec06_swiper .swiper-slide::after {
  height: min( 26.9444444444vw, 291px );
}
@media screen and (max-width: 767px) {
  .sec06_swiper .swiper-slide::before, .sec06_swiper .swiper-slide::after {
    height: 69.7333333333vw;
  }
}
.sec06_swiper .swiper-button-next,
.sec06_swiper .swiper-button-prev {
  top: min( 10.8333333333vw, 117px );
}
@media screen and (max-width: 767px) {
  .sec06_swiper .swiper-button-next,
  .sec06_swiper .swiper-button-prev {
    top: 29.6vw;
  }
}

/* sec09 */
.sec09 {
  padding-bottom: min( 12.962962963vw, 140px );
}
@media screen and (max-width: 767px) {
  .sec09 {
    padding-bottom: 19.3333333333vw;
  }
}
.sec09 .adlp-accordion__body {
  position: relative;
}
.sec09 .loc_btn {
  width: min( 38.8888888889vw, 420px );
  position: absolute;
  bottom: min( 2.2222222222vw, 24px );
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .sec09 .loc_btn {
    width: 80vw;
    bottom: 10.6666666667vw;
  }
}
.sec09 .loc_map {
  width: min( 40.8333333333vw, 441px );
  position: absolute;
  top: min( 3.7037037037vw, 40px );
  left: 0;
  aspect-ratio: 441/266;
}
@media screen and (max-width: 767px) {
  .sec09 .loc_map {
    width: 84vw;
    top: 3.2vw;
    aspect-ratio: 630/380;
  }
}
.sec09 .loc_map iframe {
  width: 100%;
  height: 100%;
}

/* sec11 */
.sec11 {
  background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/pc/sec11_bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: min( 77.037037037vw, 832px ) auto;
  padding-bottom: min( 9.2592592593vw, 100px );
}
@media screen and (max-width: 767px) {
  .sec11 {
    background-image: url("https://promo.ubxtraining.co.jp/hubfs/raw_assets/public/Campus_Day_Passport_2026/images/sp/sec11_bg.png");
    background-size: 49.7333333333vw auto;
    padding-bottom: 11.3333333333vw;
  }
}

/* footer */
.adlp-footer {
  background-color: #000;
  margin-bottom: min( 11.1111111111vw, 120px );
  padding: min( 3.7037037037vw, 40px ) 0 min( 2.1296296296vw, 23px );
}
.adlp-footer .footer_btn__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min( 3.7037037037vw, 40px );
}
.adlp-footer .footer_btn a {
  color: #fff;
  font-size: min( 1.2962962963vw, 14px );
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
}
.adlp-footer .footer_copy {
  margin-top: min( 2.962962963vw, 32px );
  color: #999;
  font-size: min( 1.1111111111vw, 12px );
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .adlp-footer {
    margin-bottom: 26.6666666667vw;
    padding: 7.4666666667vw 0 4.2666666667vw;
  }
  .adlp-footer .footer_btn__list {
    flex-direction: column;
    align-items: center;
    gap: 4.2666666667vw;
  }
  .adlp-footer .footer_btn a {
    font-size: 3.2vw;
  }
  .adlp-footer .footer_copy {
    margin-top: 6.1333333333vw;
    font-size: 2.6666666667vw;
  }
}

/* floating */
.adlp-floating {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: min(177.7777777778vw, 1920px);
  padding: min( 2.3148148148vw, 25px ) 0;
  background: #fff;
}
.adlp-floating .adlp-btn {
  width: min( 46.2962962963vw, 500px );
}
@media screen and (max-width: 767px) {
  .adlp-floating {
    width: 100%;
    padding: 6.6666666667vw 0;
  }
  .adlp-floating .adlp-btn {
    width: 80vw;
  }
}


/* campaign 20251225 */
#campaign {
  @media screen and (max-width: 767px) {
    padding-bottom: calc(48/750*100vw);
  }

}

#campaign .price-outer {
  background: none;
  margin-top: min(3.7037037037vw, 40px);
  padding-top: min(5.0925925926vw, 55px);
  position: relative;
}

#campaign .price-outer::before {
  content: "≫";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  color: #ff8a00;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

#campaign .price {
  padding-bottom: min(calc(24/1080*100vw), 24px);
  width: min(calc(720/1080*100vw), 720px);
  margin: 0 auto;
  background: #F7F7F7;
  padding: min(calc(42/1080*100vw), 42px) 0;

  @media screen and (max-width: 767px) {
    width: 100%;
    margin: 0 auto;
    padding: calc(40/ 750 *100vw);
  }
}

#campaign .price::before {
  display: none;
}

#campaign .price__inner {
  padding: 0 min(calc(30/1080*100vw), 30px);

  @media screen and (max-width: 767px) {
    padding: 0 ;
  }
}

#campaign .price__plan-content {
  width: 100%;
  grid-template-columns: 47% 47%;

  @media screen and (max-width: 767px) {
    margin-top: calc(40/ 750*100vw) ;
    gap: calc(40/ 750*100vw)
  }

}

#campaign .price__plan-type {
  padding: 0 min(calc(20/1080*100vw), 20px);
  gap: min(calc(24/1080*100vw), 24px);
}

#campaign .price__plan-price {
  @media screen and (max-width: 767px) {
    font-size:calc(68/ 750 *100vw);
  }
}

#campaign .price__plan-price > span {
  @media screen and (max-width: 767px) {
    font-size:calc(84/ 750 *100vw);
  }
}

#campaign  .price__note {
  @media screen and (max-width: 767px) {
    margin-top:calc(40/ 750 *100vw);
  }

}


.campaign_bnr {
  margin-bottom: min(calc(146/1080*100vw), 146px);

  @media screen and (max-width: 767px) {
    margin-bottom: calc(120/750*100vw);
  }

}                    

#campaign_bnr .campaign_bnr_btn {
  background: transparent;
  padding: 30px 0 60px;
}

@media screen and (max-width: 767px) {
  .adlp-btn__wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .adlp-btn.--btn01 {
    margin-left: auto;
    margin-right: auto;
  }
}

.faq-html {
  background: #fff;
  padding: min(9.2592592593vw, 100px) 0;
}

.faq-html__inner {
  width: min(74.0740740741vw, 800px);
  margin: 0 auto;
}

.faq-html__title {
  font-family: Montserrat, sans-serif;
  font-size: min(5.5555555556vw, 60px);
  font-weight: 800;
  line-height: 1;
  text-align: center;
   background: linear-gradient(
    91deg,
    #ff2f87 0%,
    #ff8a00 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq-html__sub {
  margin-top: min(1.1111111111vw, 12px);
  color: #000;
  font-size: min(1.6666666667vw, 18px);
  font-weight: 700;
  text-align: center;
}

.faq-html__list {
  margin-top: min(5.5555555556vw, 60px);
}

.faq-html__item {
  border-top: min(0.2777777778vw, 3px) solid transparent;
  border-image: linear-gradient(
    91deg,
    #ff2f87 0%,
    #ff8a00 100%
  ) 1;
}

.faq-html__item:last-child {
  border-bottom: min(0.2777777778vw, 3px) solid transparent;
  border-image: linear-gradient(
    91deg,
    #ff2f87 0%,
    #ff8a00 100%
  ) 1;
}

.faq-html__item summary {
  position: relative;
  cursor: pointer;
  padding: min(3.7037037037vw, 40px) min(7.4074074074vw, 80px) min(3.7037037037vw, 40px) 0;
  color: #333;
  font-size: min(2.4074074074vw, 26px);
  font-weight: 800;
  line-height: 1.6;
  list-style: none;
}

.faq-html__item summary::-webkit-details-marker {
  display: none;
}

.faq-html__item summary::before {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  width: min(4.6296296296vw, 50px);
  height: min(4.6296296296vw, 50px);
  border: min(0.1851851852vw, 2px) solid #111;
  border-radius: 50%;
  color: #111;
  font-size: min(3.3333333333vw, 36px);
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.faq-html__item[open] summary::before {
  content: "−";
}

.faq-html__answer {
  padding: 0 min(7.4074074074vw, 80px) min(3.7037037037vw, 40px) 0;
}

.faq-html__answer p {
  color: #333;
  font-size: min(2.037037037vw, 22px);
  font-weight: 500;
  line-height: 2;
}

.faq-html__answer p + p {
  margin-top: min(0.7407407407vw, 8px);
}

@media screen and (max-width: 767px) {
  .faq-html {
    padding: 14vw 0;
  }

  .faq-html__inner {
    width: 84vw;
  }

  .faq-html__title {
    font-size: 12vw;
  }

  .faq-html__sub {
    margin-top: 2vw;
    font-size: 4vw;
  }

  .faq-html__list {
    margin-top: 10vw;
  }

  .faq-html__item {
    border-top-width: 0.5333333333vw;
  }

  .faq-html__item:last-child {
    border-bottom-width: 0.5333333333vw;
  }

  .faq-html__item summary {
    padding: 6.6666666667vw 12vw 6.6666666667vw 0;
    font-size: 4.8vw;
  }

  .faq-html__item summary::before {
    width: 8vw;
    height: 8vw;
    border-width: 0.4vw;
    font-size: 6vw;
  }

  .faq-html__answer {
    padding: 0 0 6.6666666667vw;
  }

  .faq-html__answer p {
    font-size: 4vw;
    line-height: 1.9;
  }
}
/*# sourceMappingURL=lp.css.map */

/* SP調整：CAMPAIGN全体 */
@media screen and (max-width: 767px) {

  .campaign__inner {
    padding: 0 6vw;
  }

  .campaign__title {
    font-size: 8vw;
    line-height: 1.3;
    white-space: normal;
    word-break: keep-all;
    text-align: center;
  }

  .campaign__title .js-store-name {
    font-size: inherit;
  }

  .campaign__sub-title {
    font-size: 6.8vw;
    margin-top: 6vw;
  }

  .campaign__content {
    width: 100%;
    margin-top: 5vw;
  }

  .campaign__box {
    padding: 5.5vw 0;
  }

  .campaign__box-title {
    font-size: 4.8vw;
  }

  .campaign__box-text {
    font-size: 7.2vw;
    margin-top: 1.5vw;
  }

  .campaign__box-label {
    font-size: 5.8vw;
    margin-top: 2vw;
  }

  .campaign__benefit {
    width: 100%;
    margin-top: 8vw;
  }

  .campaign__benefit-label {
    font-size: 5.2vw;
  }

  .campaign__benefit-text {
    font-size: 4.8vw;
    padding: 5vw 0;
  }

  #campaign .price-outer {
    background: none !important;
    margin-top: 8vw;
    padding-top: 12vw;
    position: relative;
  }

  #campaign .price-outer::before {
    content: "≫";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    color: #ff8a00;
    font-size: 10vw;
    font-weight: 700;
    line-height: 1;
    z-index: 2;
  }
}

@media screen and (max-width: 767px) {
  .campaign__title {
    font-size: 7.4vw;
    line-height: 1.3;
    padding: 0 10vw;
    word-break: keep-all;
  }
}

/* =========================
   VOICE スライダー位置調整
========================= */

.sec06_swiper{
  margin-top: 20px !important;
}

/* ドットをピンク */
.swiper-pagination-2 .swiper-pagination-bullet-active{
  background:#ff2f87 !important;
}

/* ドット全体 */
.swiper-pagination-2 .swiper-pagination-bullet{
  background:#ffffff;
  opacity:0.5;
}

.swiper-pagination-2 .swiper-pagination-bullet-active{
  opacity:1;
}

.price__glove-note{
  margin-top: min(3.7037037037vw, 40px);
  color: #ff2f87;
  font-size: min(2.2222222222vw, 24px);
  font-weight: 800;
  text-align: center;
}

@media screen and (max-width: 767px){
  .price__glove-note{
    margin-top: 6vw;
    font-size: 4.2vw;
  }
/* =========================================
   Campus Day Passport
   CVボタン hoverカラー上書き
========================================= */

.cv .adlp-btn.--btn01:hover,
.cv .adlp-btn.--btn01:focus,
.cv .adlp-btn.--btn01:active{
    background: linear-gradient(
        91deg,
        #ff2f87 0%,
        #ff8a00 100%
    ) !important;
}