@charset "UTF-8";
/* リセットCSS */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  color: #000000;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.6rem;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: none !important;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

img {
  width: 100%;
}

.pc_none, .sp_only {
  display: none;
}
@media screen and (width < 768px) {
  .pc_none, .sp_only {
    display: block;
  }
}

.sp_none, .pc_only {
  display: block;
}
@media screen and (width < 768px) {
  .sp_none, .pc_only {
    display: none;
  }
}

.header {
  background: #005BAB;
  color: #ffffff;
  width: 100%;
  height: min(20.8333333333vw, 20rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (width > 1440px) {
  .header {
    height: max(9.7222222222vw, 20rem);
  }
}
@media screen and (width < 768px) {
  .header {
    height: 46.6666666667vw;
  }
}
.header__inner {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .header__inner {
    max-width: max(46.6666666667vw, 96rem);
  }
}
@media screen and (width < 768px) {
  .header__inner {
    max-width: none;
  }
}
.header__copy {
  text-align: center;
  font-size: min(3.3333333333vw, 3.2rem);
  font-weight: 900;
  color: #FFF100;
  margin: 0;
}
@media screen and (width < 768px) {
  .header__copy {
    line-height: 1.2;
    font-size: 4.8vw;
  }
}
.header__copy .time {
  display: inline-block;
  padding-left: 1em;
}
.header__title {
  display: flex;
  justify-content: center;
  align-items: baseline;
  line-height: 1.2;
  margin: 0 auto;
  padding: 0 1em;
}
@media screen and (width < 768px) {
  .header__title {
    flex-direction: column;
    align-items: center;
    margin-top: 2.6666666667vw;
    line-height: 1.1;
  }
}
.header__title--logo {
  width: min(65.7291666667vw, 63.1rem);
}
@media screen and (width > 1440px) {
  .header__title--logo {
    width: max(30.6736111111vw, 63.1rem);
  }
}
@media screen and (width < 768px) {
  .header__title--logo {
    display: block;
    width: 85%;
    margin: 0 auto;
  }
}
.header__title--text {
  font-size: min(10vw, 9.6rem);
  font-weight: 900;
  margin-left: min(1.5625vw, 1.5rem);
}
@media screen and (width > 1440px) {
  .header__title--text {
    font-size: max(4.6666666667vw, 9.6rem);
    margin-left: min(1.5625vw, 1.5rem);
  }
}
@media screen and (width < 768px) {
  .header__title--text {
    display: block;
    text-align: center;
    font-size: 12.8vw;
    margin-left: 0;
  }
}

.section + .section {
  margin-top: min(4.1666666667vw, 4rem);
}
@media screen and (width > 1440px) {
  .section + .section {
    margin-top: max(1.9444444444vw, 4rem);
  }
}
.section__inner {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .section__inner {
    max-width: max(46.6666666667vw, 96rem);
  }
}
.section__title {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto min(2.0833333333vw, 2rem);
  padding: min(4.1666666667vw, 4rem) 1em min(1.5625vw, 1.5rem);
  font-size: min(4.1666666667vw, 4rem);
  font-weight: 700;
  text-align: center;
  position: relative;
  border-bottom: min(0.4166666667vw, 0.4rem) solid #DE6011;
}
@media screen and (width > 1440px) {
  .section__title {
    max-width: max(46.6666666667vw, 96rem);
    margin: 0 auto max(0.9722222222vw, 2rem);
    padding: max(1.9444444444vw, 4rem) 1em max(0.7291666667vw, 1.5rem);
    font-size: max(1.9444444444vw, 4rem);
    border-bottom: max(0.1944444444vw, 0.4rem) solid #DE6011;
  }
}
@media screen and (width < 768px) {
  .section__title {
    max-width: none;
    margin: 0 auto 6.6666666667vw;
    padding: 10.6666666667vw 0.5em 4vw;
    font-size: 6.4vw;
    border-bottom: 1.0666666667vw solid #DE6011;
    text-align: left;
  }
}
.section__title::after {
  content: "";
  width: 100%;
  height: min(0.4166666667vw, 0.4rem);
  display: block;
  background: #005BAB;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (width > 1440px) {
  .section__title::after {
    height: max(0.1944444444vw, 0.4rem);
  }
}
@media screen and (width < 768px) {
  .section__title::after {
    height: 1.0666666667vw;
  }
}
.section__title--inner {
  display: inline-block;
  position: relative;
  padding-left: min(5.2083333333vw, 5rem);
}
@media screen and (width > 1440px) {
  .section__title--inner {
    padding-left: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .section__title--inner {
    padding-left: 16vw;
  }
}
.section__title--inner::before {
  content: "";
  width: min(5.2083333333vw, 5rem);
  height: min(5.2083333333vw, 5rem);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (width > 1440px) {
  .section__title--inner::before {
    width: max(2.4305555556vw, 5rem);
    height: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .section__title--inner::before {
    width: 16vw;
    height: 16vw;
  }
}
.section__title.merit__title .section__title--inner::before {
  background: url(../images/title_icon_1.svg) center center no-repeat;
  background-size: cover;
}
.section__title.opening__title .section__title--inner::before {
  background: url(../images/title_icon_2.svg) center center no-repeat;
  background-size: cover;
}
.section__title.deposit__title .section__title--inner::before {
  background: url(../images/title_icon_3.svg) center center no-repeat;
  background-size: cover;
}

.mv-section {
  width: 100%;
  aspect-ratio: 1440/500;
  background: url("../images/mv_bg_pc.jpg") bottom center no-repeat;
  background-size: cover;
}
@media screen and (width < 768px) {
  .mv-section {
    aspect-ratio: inherit;
    background: none;
  }
}
.mv-section__inner {
  width: 100%;
  max-width: max(66.6666666667vw, 96rem);
  margin: 0 auto;
}

.download-section {
  width: 100%;
  padding: 0;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.download-section.green-section {
  background: #A1C979;
}
.download-section.green-section .download__inner {
  aspect-ratio: 960/260;
}
@media screen and (width < 768px) {
  .download-section.green-section .download__inner {
    aspect-ratio: 335/230;
  }
}
.download-section.blue-section {
  background: #BAE2FF;
}
.download-section.blue-section .download__inner {
  aspect-ratio: 960/350;
}
@media screen and (width < 768px) {
  .download-section.blue-section .download__inner {
    aspect-ratio: 335/230;
  }
}
.download__inner {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (width > 1440px) {
  .download__inner {
    max-width: max(66.6666666667vw, 96rem);
  }
}
@media screen and (width < 768px) {
  .download__inner {
    flex-direction: column;
    width: calc(100% - 40px);
    aspect-ratio: 335/230;
    margin: 0 auto;
  }
}
.download__list {
  width: min(40.4166666667vw, 38.8rem);
  display: flex;
  margin: 0 min(1.5625vw, 1.5rem) 0 0;
  padding: 0;
}
@media screen and (width > 1440px) {
  .download__list {
    width: max(26.9444444444vw, 38.8rem);
    margin: 0 max(1.0416666667vw, 1.5rem) 0 0;
  }
}
@media screen and (width < 768px) {
  .download__list {
    width: 100%;
    margin: 0;
  }
}
.download__list--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  height: min(20.8333333333vw, 20rem);
}
@media screen and (width > 1440px) {
  .download__list--item {
    height: max(13.8888888889vw, 20rem);
  }
}
@media screen and (width < 768px) {
  .download__list--item {
    height: auto;
  }
}
.download__list--item.item--app {
  width: min(15.8333333333vw, 15.2rem);
  margin-right: min(5.2083333333vw, 5rem);
}
@media screen and (width > 1440px) {
  .download__list--item.item--app {
    width: max(10.5555555556vw, 15.2rem);
    margin-right: max(3.4722222222vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .download__list--item.item--app {
    width: 43%;
  }
}
.download__list--item.item--googleplay {
  width: min(19.375vw, 18.6rem);
}
@media screen and (width > 1440px) {
  .download__list--item.item--googleplay {
    width: max(12.9166666667vw, 18.6rem);
  }
}
@media screen and (width < 768px) {
  .download__list--item.item--googleplay {
    width: 52%;
  }
}
.download__code {
  width: min(12.5vw, 12rem);
  margin-bottom: min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .download__code {
    width: max(8.3333333333vw, 12rem);
    margin-bottom: max(0.6944444444vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .download__code {
    display: none;
    margin-bottom: 0;
  }
}
.download__text {
  font-size: min(1.25vw, 1.2rem);
}
@media screen and (width > 1440px) {
  .download__text {
    font-size: max(0.8333333333vw, 1.2rem);
  }
}
@media screen and (width < 768px) {
  .download__text {
    font-size: 3.2vw;
  }
}
.download__character {
  width: min(21.9791666667vw, 21.1rem);
  margin-left: min(1.5625vw, 1.5rem);
}
@media screen and (width > 1440px) {
  .download__character {
    width: max(14.6527777778vw, 21.1rem);
    margin-left: max(1.0416666667vw, 1.5rem);
  }
}
@media screen and (width < 768px) {
  .download__character {
    width: 41%;
    margin: 2.6666666667vw auto 0;
  }
}

.about-section {
  padding-top: min(4.1666666667vw, 4rem);
}
@media screen and (width > 1440px) {
  .about-section {
    padding-top: max(1.9444444444vw, 4rem);
  }
}
@media screen and (width < 768px) {
  .about-section {
    padding-top: 0;
  }
}
.about-section__inner {
  background: #E2F1FF;
  padding: min(5.2083333333vw, 5rem) min(4.1666666667vw, 4rem) min(6.25vw, 6rem);
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .about-section__inner {
    padding: max(2.4305555556vw, 5rem) max(1.9444444444vw, 4rem) max(2.9166666667vw, 6rem);
    max-width: max(46.6666666667vw, 96rem);
  }
}
@media screen and (width < 768px) {
  .about-section__inner {
    padding: 8vw 5.3333333333vw 8vw;
    max-width: none;
  }
}
.about__cat-list {
  display: flex;
  justify-content: center;
}
.about__cat-list--item {
  display: inline-block;
  padding: 0.3em 0.5em;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: min(3.4375vw, 3.3rem);
  line-height: 1;
  font-weight: 500;
  text-align: center;
  margin: 0 min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .about__cat-list--item {
    font-size: max(1.6041666667vw, 3.3rem);
    margin: 0 max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .about__cat-list--item {
    font-size: 6.4vw;
    margin: 0 2.6666666667vw;
  }
}
.about__title {
  font-size: min(4.5833333333vw, 4.4rem);
  font-weight: 700;
  text-align: center;
  margin: min(3.125vw, 3rem) auto;
  white-space: nowrap;
}
@media screen and (width > 1440px) {
  .about__title {
    font-size: max(2.1388888889vw, 4.4rem);
    margin: max(1.4583333333vw, 3rem) auto;
  }
}
@media screen and (width < 768px) {
  .about__title {
    font-size: 7.4666666667vw;
    margin: 6.4vw auto;
  }
}
.about__rate-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (width < 768px) {
  .about__rate-list {
    flex-direction: column;
    margin-bottom: 4vw;
  }
}
.about__rate-list--item {
  width: calc((100% - min(2.0833333333vw, 2rem)) / 2);
}
@media screen and (width > 1440px) {
  .about__rate-list--item {
    width: calc((100% - pc_logn_size(20)) / 2);
  }
}
@media screen and (width < 768px) {
  .about__rate-list--item {
    width: calc(100% - 10.6666666667vw);
    margin: 0 auto;
  }
}
@media screen and (width < 768px) {
  .about__rate-list--item + .about__rate-list--item {
    margin-top: 2.6666666667vw;
  }
}
.about__conditions {
  width: 100%;
  background: #ffffff;
  border-radius: min(1.0416666667vw, 1rem);
  padding: min(2.0833333333vw, 2rem) min(2.0833333333vw, 2rem) min(2.6041666667vw, 2.5rem);
  display: grid;
  grid-template-columns: 500fr 320fr;
  grid-template-rows: 1fr 1fr 1fr min(3.125vw, 3rem);
  grid-column-gap: min(1.0416666667vw, 1rem);
  grid-row-gap: min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .about__conditions {
    border-radius: max(0.4861111111vw, 1rem);
    padding: max(0.9722222222vw, 2rem) max(0.9722222222vw, 2rem) max(1.2152777778vw, 2.5rem);
    grid-column-gap: max(0.4861111111vw, 1rem);
    grid-row-gap: max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions {
    border-radius: 2.6666666667vw;
    padding: 5.3333333333vw 5.3333333333vw 8vw;
    display: flex;
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.about__conditions-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about__conditions-box.box-01 {
  grid-area: 1/1/2/3;
  justify-content: flex-start;
}
@media screen and (width < 768px) {
  .about__conditions-box.box-01 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.about__conditions-box.box-02 {
  grid-area: 2/1/3/2;
}
.about__conditions-box.box-02 dl.square dd {
  align-items: baseline;
}
.about__conditions-box.box-03 {
  grid-area: 3/1/4/2;
}
.about__conditions-box.box-04 {
  grid-area: 2/2/4/3;
}
.about__conditions-box.box-04 dl.square dd {
  width: min(22.3958333333vw, 21.5rem);
}
@media screen and (width > 1440px) {
  .about__conditions-box.box-04 dl.square dd {
    width: max(10.4513888889vw, 21.5rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box.box-04 dl.square dd {
    width: calc(100% - 18.6666666667vw);
  }
}
.about__conditions-box.box-05 {
  grid-area: 4/1/5/3;
  justify-content: center;
}
.about__conditions-box dl {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.about__conditions-box dl + dl {
  margin-left: min(2.0833333333vw, 2rem);
}
@media screen and (width < 768px) {
  .about__conditions-box dl + dl {
    margin-top: min(2.0833333333vw, 2rem);
    margin-left: 0;
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.circle {
    align-items: center;
  }
}
.about__conditions-box dl.circle dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(7.8125vw, 7.5rem);
  height: min(7.8125vw, 7.5rem);
  border: 1px solid #000000;
  border-radius: 50%;
  margin-right: min(0.5208333333vw, 0.5rem);
  font-weight: 500;
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.circle dt {
    width: max(3.6458333333vw, 7.5rem);
    height: max(3.6458333333vw, 7.5rem);
    margin-right: max(0.2430555556vw, 0.5rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.circle dt {
    width: 16vw;
    height: 16vw;
    margin-right: max(0.4861111111vw, 1rem);
  }
}
.about__conditions-box dl.circle dt span {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(1.875vw, 1.8rem);
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.circle dt span {
    font-size: max(0.875vw, 1.8rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.circle dt span {
    font-size: 3.7333333333vw;
  }
}
.about__conditions-box dl.circle dt span.circle-top {
  border-bottom: 1px solid #000000;
  padding-top: 0.3em;
}
.about__conditions-box dl.circle dt span.circle-bottom {
  padding-bottom: 0.3em;
}
.about__conditions-box dl.square {
  width: 100%;
}
.about__conditions-box dl.square dt {
  width: min(11.4583333333vw, 11rem);
  font-size: min(1.5625vw, 1.5rem);
  border-radius: min(1.0416666667vw, 1rem);
  margin-right: min(1.0416666667vw, 1rem);
  font-weight: 700;
  background: #005BAB;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dt {
    width: max(5.3472222222vw, 11rem);
    font-size: max(0.7291666667vw, 1.5rem);
    border-radius: max(0.4861111111vw, 1rem);
    margin-right: max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dt {
    width: 16vw;
    font-size: 3.2vw;
    border-radius: 2.6666666667vw;
    margin-right: 2.6666666667vw;
    line-height: 1.2;
  }
}
.about__conditions-box dl.square dd {
  width: min(40.1041666667vw, 38.5rem);
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dd {
    width: max(18.7152777778vw, 38.5rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dd {
    width: calc(100% - 18.6666666667vw);
    padding: 2.6666666667vw 0;
  }
}
.about__conditions-box dl.square dd .square-inner {
  white-space: nowrap;
  width: 100%;
}
.about__conditions-box dl.square dd .font-small {
  font-size: min(1.875vw, 1.8rem);
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dd .font-small {
    font-size: max(0.875vw, 1.8rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dd .font-small {
    font-size: 3.4666666667vw;
    line-height: 1.2;
  }
}
.about__conditions-box dl.square dd .note {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: min(1.25vw, 1.2rem);
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dd .note {
    font-size: max(0.5833333333vw, 1.2rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dd .note {
    position: relative;
    font-size: 2.6666666667vw;
    text-align: right;
    display: block;
  }
}
.about__conditions-box dl.square dd .note-kome {
  position: relative;
  left: 0;
  bottom: 0;
  font-size: min(1.1458333333vw, 1.1rem);
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
  margin-top: 0.5em;
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dd .note-kome {
    font-size: max(0.5347222222vw, 1.1rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dd .note-kome {
    font-size: 2.6666666667vw;
  }
}
.about__conditions-box dl.square dd .small {
  display: block;
  font-size: min(1.1458333333vw, 1.1rem);
}
@media screen and (width > 1440px) {
  .about__conditions-box dl.square dd .small {
    font-size: max(0.5347222222vw, 1.1rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box dl.square dd .small {
    font-size: 2.6666666667vw;
    margin-bottom: 1.3333333333vw;
  }
}
.about__conditions-box .circle__list {
  font-size: min(1.6666666667vw, 1.6rem);
  font-feature-settings: "palt";
}
@media screen and (width > 1440px) {
  .about__conditions-box .circle__list {
    font-size: max(0.7777777778vw, 1.6rem);
  }
}
@media screen and (width < 768px) {
  .about__conditions-box .circle__list {
    font-size: 3.4666666667vw;
    line-height: 1.2;
  }
}
.about__text {
  font-size: min(2.0833333333vw, 2rem);
  font-weight: 700;
  text-align: center;
}
@media screen and (width > 1440px) {
  .about__text {
    font-size: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .about__text {
    font-size: 4.2666666667vw;
  }
}
.about__btn {
  margin-top: min(6.25vw, 6rem);
}
@media screen and (width > 1440px) {
  .about__btn {
    margin-top: max(2.9166666667vw, 6rem);
  }
}

.green-font {
  color: #009E3B;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 900;
  white-space: nowrap;
}
@media screen and (width < 768px) {
  .green-font {
    line-height: 1;
  }
}

.red-font {
  color: #E60012;
}

.blue-font {
  color: #005BAB;
  font-weight: 700;
  font-size: min(1.25vw, 1.2rem);
  text-align: left;
}
@media screen and (width > 1440px) {
  .blue-font {
    font-size: max(0.5833333333vw, 1.2rem);
  }
}
@media screen and (width < 768px) {
  .blue-font {
    font-size: 3.2vw;
    line-height: 1.2;
  }
}
@media screen and (width < 768px) {
  .blue-font + .blue-font.note {
    margin-top: 2.6666666667vw;
  }
}
.blue-font.note {
  padding-left: 1em;
  text-indent: -1em;
}
.blue-font.last__text {
  margin: min(1.5625vw, 1.5rem) 0 0 min(14.5833333333vw, 14rem);
}
@media screen and (width > 1440px) {
  .blue-font.last__text {
    margin: max(0.7291666667vw, 1.5rem) 0 0 max(6.8055555556vw, 14rem);
  }
}
@media screen and (width < 768px) {
  .blue-font.last__text {
    margin: 4vw 0 0;
  }
}

.font-big {
  font-size: min(5.2083333333vw, 5rem);
}
@media screen and (width > 1440px) {
  .font-big {
    font-size: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .font-big {
    font-size: 8.5333333333vw;
  }
}
@media screen and (width < 768px) {
  .font-big.sp-font-big {
    font-size: 13.3333333333vw;
  }
}
.font-middle {
  font-size: min(2.5vw, 2.4rem);
}
@media screen and (width > 1440px) {
  .font-middle {
    font-size: max(1.1666666667vw, 2.4rem);
  }
}
@media screen and (width < 768px) {
  .font-middle {
    font-size: 4.8vw;
  }
}
.font-small {
  font-size: min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .font-small {
    font-size: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .font-small {
    font-size: 4.8vw;
  }
}
.font-small .year {
  font-size: min(2.2916666667vw, 2.2rem);
}
@media screen and (width > 1440px) {
  .font-small .year {
    font-size: max(1.0694444444vw, 2.2rem);
  }
}
@media screen and (width < 768px) {
  .font-small .year {
    font-size: 5.3333333333vw;
  }
}

.underline--yellow {
  background: linear-gradient(transparent 65%, #FFF100 35%);
  display: inline;
}

.btn + .btn {
  margin-top: min(3.125vw, 3rem);
}
@media screen and (width > 1440px) {
  .btn + .btn {
    margin-top: pc_logn_size(30);
  }
}
@media screen and (width < 768px) {
  .btn + .btn {
    margin-top: 5.3333333333vw;
  }
}
.btn a, .btn .ac__btn {
  margin: 0 auto;
  width: min(79.1666666667vw, 76rem);
  height: min(6.25vw, 6rem);
  border-radius: min(3.125vw, 3rem);
  font-size: min(2.0833333333vw, 2rem);
  font-weight: 700;
  background: #DE6011;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: 0.5s background-color;
  position: relative;
}
@media screen and (width > 1440px) {
  .btn a, .btn .ac__btn {
    width: max(36.9444444444vw, 76rem);
    height: max(2.9166666667vw, 6rem);
    border-radius: max(1.4583333333vw, 3rem);
    font-size: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .btn a, .btn .ac__btn {
    width: calc(100% - 10.6666666667vw);
    height: 16vw;
    border-radius: 8vw;
    font-size: 4vw;
  }
}
@media print, screen and (width >= 768px) {
  .btn a:hover, .btn .ac__btn:hover {
    background: #F26B17;
  }
}
.btn a.arrow::after, .btn .ac__btn.arrow::after {
  content: "";
  width: min(2.7083333333vw, 2.6rem);
  height: min(2.7083333333vw, 2.6rem);
  background: url(../images/btn_arrow.svg) center center no-repeat;
  background-size: cover;
  position: absolute;
  right: min(2.0833333333vw, 2rem);
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.2s all;
}
@media screen and (width > 1440px) {
  .btn a.arrow::after, .btn .ac__btn.arrow::after {
    width: max(1.2638888889vw, 2.6rem);
    height: max(1.2638888889vw, 2.6rem);
    right: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .btn a.arrow::after, .btn .ac__btn.arrow::after {
    width: 4vw;
    height: 4vw;
    right: 2.6666666667vw;
  }
}
@media print, screen and (width >= 768px) {
  .btn a.arrow:hover::after, .btn .ac__btn.arrow:hover::after {
    transform: translate(min(1.0416666667vw, 1rem), -50%);
  }
}
.btn .ac__btn {
  cursor: pointer;
}
.btn .ac__btn::before, .btn .ac__btn::after {
  content: "";
  width: min(2.5vw, 2.4rem);
  height: min(0.2083333333vw, 0.2rem);
  border-radius: min(0.1041666667vw, 0.1rem);
  background: #ffffff;
  position: absolute;
  right: min(2.0833333333vw, 2rem);
  top: calc(50% - min(0.1041666667vw, 0.1rem));
  transition: all 0.3s;
}
@media screen and (width > 1440px) {
  .btn .ac__btn::before, .btn .ac__btn::after {
    width: max(1.1666666667vw, 2.4rem);
    height: max(0.0972222222vw, 0.2rem);
    border-radius: max(0.0486111111vw, 0.1rem);
    right: max(0.9722222222vw, 2rem);
    top: calc(50% - max(0.0486111111vw, 0.1rem));
  }
}
@media screen and (width < 768px) {
  .btn .ac__btn::before, .btn .ac__btn::after {
    width: 4vw;
    height: 0.5333333333vw;
    border-radius: 0.2666666667vw;
    right: 2.6666666667vw;
    top: calc(50% - 0.2666666667vw);
  }
}
.btn .ac__btn::after {
  transform: rotate(-90deg);
}
.btn .ac__btn.active::after {
  transform: rotate(0);
}

.merit-section {
  padding-bottom: min(5.2083333333vw, 5rem);
}
.merit-section__inner {
  margin: 0 auto;
  width: 100%;
  max-width: min(95.8333333333vw, 92rem);
}
@media screen and (width > 1440px) {
  .merit-section__inner {
    max-width: max(44.7222222222vw, 92rem);
  }
}
@media screen and (width < 768px) {
  .merit-section__inner {
    max-width: none;
  }
}
.merit-section__copy {
  font-size: min(3.3333333333vw, 3.2rem);
  font-weight: 700;
  text-align: center;
  margin-top: 0.8em;
}
@media screen and (width > 1440px) {
  .merit-section__copy {
    font-size: max(1.5555555556vw, 3.2rem);
  }
}
@media screen and (width < 768px) {
  .merit-section__copy {
    font-size: 7.4666666667vw;
  }
}
.merit__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: min(2.0833333333vw, 2rem) 0;
}
@media screen and (width > 1440px) {
  .merit__list {
    gap: max(0.9722222222vw, 2rem) 0;
  }
}
@media screen and (width < 768px) {
  .merit__list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5.3333333333vw 0;
  }
}
.merit__list--item {
  width: min(46.875vw, 45rem);
  border: min(0.4166666667vw, 0.4rem) solid #333;
  padding-bottom: min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .merit__list--item {
    width: max(21.875vw, 45rem);
    border: max(0.1944444444vw, 0.4rem) solid #333;
    padding-bottom: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--item {
    width: calc(100% - 10.6666666667vw);
    border: 0.8vw solid #333;
    padding-bottom: 5.3333333333vw;
  }
}
.merit__list--header {
  display: flex;
  align-items: center;
}
.merit__list--number {
  width: min(8.8541666667vw, 8.5rem);
  height: min(8.8541666667vw, 8.5rem);
  border-right: min(0.4166666667vw, 0.4rem) solid #333;
  border-bottom: min(0.4166666667vw, 0.4rem) solid #333;
  background: #005BAB;
  color: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
@media screen and (width > 1440px) {
  .merit__list--number {
    width: max(4.1319444444vw, 8.5rem);
    height: max(4.1319444444vw, 8.5rem);
    border-right: max(0.1944444444vw, 0.4rem) solid #333;
    border-bottom: max(0.1944444444vw, 0.4rem) solid #333;
  }
}
@media screen and (width < 768px) {
  .merit__list--number {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
    border-right: 0.8vw solid #333;
    border-bottom: 0.8vw solid #333;
  }
}
.merit__list--number .text {
  font-size: min(1.6666666667vw, 1.6rem);
  font-weight: 700;
}
@media screen and (width > 1440px) {
  .merit__list--number .text {
    font-size: max(0.7777777778vw, 1.6rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--number .text {
    font-size: 3.2vw;
  }
}
.merit__list--number .number {
  font-size: min(6.0416666667vw, 5.8rem);
  font-weight: 700;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  line-height: 1;
}
@media screen and (width > 1440px) {
  .merit__list--number .number {
    font-size: max(2.8194444444vw, 5.8rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--number .number {
    font-size: 10.6666666667vw;
  }
}
.merit__list--title {
  font-size: min(2.5vw, 2.4rem);
  font-weight: 900;
  padding-left: 1em;
  letter-spacing: 0.05em;
}
@media screen and (width > 1440px) {
  .merit__list--title {
    font-size: max(1.1666666667vw, 2.4rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--title {
    font-size: 4.8vw;
    letter-spacing: 0.02em;
  }
}
.merit__list--img {
  width: min(31.25vw, 30rem);
  margin: min(1.0416666667vw, 1rem) auto min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .merit__list--img {
    width: max(14.5833333333vw, 30rem);
    margin: max(0.4861111111vw, 1rem) auto max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--img {
    width: 78.6666666667vw;
    margin: 2.6666666667vw auto 5.3333333333vw;
  }
}
.merit__list--text {
  font-size: min(1.875vw, 1.8rem);
  width: min(40.625vw, 39rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .merit__list--text {
    font-size: max(0.875vw, 1.8rem);
    width: max(18.9583333333vw, 39rem);
  }
}
@media screen and (width < 768px) {
  .merit__list--text {
    font-size: 4.2666666667vw;
    width: 78.6666666667vw;
  }
}

.flow__list {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: min(6.25vw, 6rem) auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (width > 1440px) {
  .flow__list {
    max-width: max(46.6666666667vw, 96rem);
    margin: max(2.9166666667vw, 6rem) auto;
  }
}
@media screen and (width < 768px) {
  .flow__list {
    max-width: none;
    margin: 6.6666666667vw auto 13.3333333333vw;
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.flow__list--item {
  width: min(23.9583333333vw, 23rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (width > 1440px) {
  .flow__list--item {
    width: max(11.1805555556vw, 23rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--item {
    width: calc(100% - 10.6666666667vw);
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
  }
}
.flow__list--item + .flow__list--item .flow__list--title ::after {
  content: "";
  width: min(2.0833333333vw, 2rem);
  height: min(5.2083333333vw, 5rem);
  background: url(../images/arrow-right.svg) center center no-repeat;
  background-size: cover;
  position: absolute;
  left: -20%;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (width > 1440px) {
  .flow__list--item + .flow__list--item .flow__list--title ::after {
    width: max(0.9722222222vw, 2rem);
    height: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--item + .flow__list--item .flow__list--title ::after {
    width: 10.6666666667vw;
    height: 4.2666666667vw;
    background: url(../images/arrow-bottom.svg) center center no-repeat;
    background-size: cover;
    left: 50%;
    top: 0;
    transform: translate(-50%, -8.5333333333vw);
  }
}
.flow__list--title {
  width: min(19.7916666667vw, 19rem);
  height: min(19.7916666667vw, 19rem);
  border: min(0.4166666667vw, 0.4rem) solid #005BAB;
  border-radius: 50%;
  background: #E2F1FF;
  position: relative;
  margin-bottom: min(3.125vw, 3rem);
}
@media screen and (width > 1440px) {
  .flow__list--title {
    width: max(9.2361111111vw, 19rem);
    height: max(9.2361111111vw, 19rem);
    border: max(0.1944444444vw, 0.4rem) solid #005BAB;
    margin-bottom: max(1.4583333333vw, 3rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--title {
    width: 41.3333333333vw;
    height: 41.3333333333vw;
    border: 0.8vw solid #005BAB;
    margin-bottom: 0;
  }
}
.flow__list--title::before {
  content: "";
  width: min(14.5833333333vw, 14rem);
  height: min(0.4166666667vw, 0.4rem);
  border-radius: min(0.2083333333vw, 0.2rem);
  background: #005BAB;
  position: absolute;
  left: 50%;
  top: min(5.2083333333vw, 5rem);
  transform: translateX(-50%);
}
@media screen and (width > 1440px) {
  .flow__list--title::before {
    width: max(6.8055555556vw, 14rem);
    height: max(0.1944444444vw, 0.4rem);
    border-radius: max(0.0972222222vw, 0.2rem);
    top: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--title::before {
    width: 26.6666666667vw;
    height: 0.8vw;
    border-radius: 0.5333333333vw;
    top: 12vw;
  }
}
.flow__list--title .step {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(2.0833333333vw, 2rem);
  font-weight: 400;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  color: #005BAB;
  width: 100%;
  height: min(5.2083333333vw, 5rem);
  padding-top: min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .flow__list--title .step {
    font-size: max(0.9722222222vw, 2rem);
    height: max(2.4305555556vw, 5rem);
    padding-top: max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--title .step {
    font-size: 4.2666666667vw;
    height: 12vw;
    padding-top: 2.6666666667vw;
  }
}
.flow__list--title .text {
  font-size: min(2.5vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: min(12.5vw, 12rem);
}
@media screen and (width > 1440px) {
  .flow__list--title .text {
    font-size: max(1.1666666667vw, 2.4rem);
    height: max(5.8333333333vw, 12rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--title .text {
    font-size: 5.3333333333vw;
    height: 24vw;
  }
}
.flow__list--title .text .small {
  display: block;
  line-height: 1.4;
  font-size: min(1.6666666667vw, 1.6rem);
  margin-bottom: min(0.5208333333vw, 0.5rem);
}
@media screen and (width > 1440px) {
  .flow__list--title .text .small {
    font-size: max(0.7777777778vw, 1.6rem);
    margin-bottom: max(0.2430555556vw, 0.5rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--title .text .small {
    font-size: 3.7333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
.flow__list--text {
  text-align: center;
  line-height: 1.2;
}
@media screen and (width < 768px) {
  .flow__list--text {
    width: 40vw;
  }
}
.flow__list--text .text {
  text-align: center;
  font-size: min(1.6666666667vw, 1.6rem);
}
@media screen and (width > 1440px) {
  .flow__list--text .text {
    font-size: max(0.7777777778vw, 1.6rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--text .text {
    font-size: 3.7333333333vw;
    text-align: left;
  }
}
.flow__list--text .note {
  margin-top: 0.5em;
  font-size: min(1.25vw, 1.2rem);
  display: inline-block;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (width > 1440px) {
  .flow__list--text .note {
    font-size: max(0.5833333333vw, 1.2rem);
  }
}
@media screen and (width < 768px) {
  .flow__list--text .note {
    font-size: 3.2vw;
  }
}

.opening-section__inner {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .opening-section__inner {
    max-width: max(46.6666666667vw, 96rem);
  }
}
@media screen and (width < 768px) {
  .opening-section__inner {
    max-width: none;
  }
}
.opening__sub-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: min(21.875vw, 21rem);
  height: min(4.5833333333vw, 4.4rem);
  border: min(0.2083333333vw, 0.2rem) solid #000000;
  margin: 0 auto min(2.0833333333vw, 2rem);
  font-size: min(2.5vw, 2.4rem);
  font-weight: 700;
}
@media screen and (width > 1440px) {
  .opening__sub-title {
    width: max(10.2083333333vw, 21rem);
    height: max(2.1388888889vw, 4.4rem);
    border: max(0.0972222222vw, 0.2rem) solid #000000;
    margin: 0 auto max(0.9722222222vw, 2rem);
    font-size: max(1.1666666667vw, 2.4rem);
  }
}
@media screen and (width < 768px) {
  .opening__sub-title {
    width: 48vw;
    height: 10.6666666667vw;
    border: 0.5333333333vw solid #000000;
    margin: 0 auto 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}
.opening__list {
  margin: 0 auto min(5.2083333333vw, 5rem);
  padding: 0 1em;
}
@media screen and (width > 1440px) {
  .opening__list {
    margin: 0 auto max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .opening__list {
    width: calc(100% - 10.6666666667vw);
    margin: 0 auto 13.3333333333vw;
    padding: 0;
  }
}
.opening__list--item {
  display: inline-block;
  font-size: min(1.875vw, 1.8rem);
  padding-left: 1em;
  padding-right: 1em;
  text-indent: -1em;
}
@media screen and (width > 1440px) {
  .opening__list--item {
    font-size: max(0.875vw, 1.8rem);
  }
}
@media screen and (width < 768px) {
  .opening__list--item {
    display: block;
    font-size: 4.2666666667vw;
    padding-right: 0;
  }
}
.opening__table {
  width: 100%;
  max-width: min(79.1666666667vw, 76rem);
  margin: min(3.125vw, 3rem) auto;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}
.opening__table--block {
  padding: min(8.3333333333vw, 8rem) 0 min(5.2083333333vw, 5rem);
}
@media screen and (width > 1440px) {
  .opening__table--block {
    padding: max(3.8888888889vw, 8rem) 0 max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .opening__table--block {
    padding: 8vw 5.3333333333vw 8vw;
  }
}
@media screen and (width > 1440px) {
  .opening__table {
    max-width: max(36.9444444444vw, 76rem);
    margin: max(1.4583333333vw, 3rem) auto;
  }
}
@media screen and (width < 768px) {
  .opening__table {
    max-width: none;
    margin: 2.6666666667vw auto;
  }
}
.opening__table th, .opening__table td {
  font-size: min(2.5vw, 2.4rem);
  padding: min(2.0833333333vw, 2rem) min(2.0833333333vw, 2rem);
  line-height: 1.4;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
@media screen and (width > 1440px) {
  .opening__table th, .opening__table td {
    font-size: max(1.1666666667vw, 2.4rem);
    padding: max(0.9722222222vw, 2rem) min(2.0833333333vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .opening__table th, .opening__table td {
    font-size: 3.7333333333vw;
    padding: 4vw 2.6666666667vw;
  }
}
.opening__table th .small, .opening__table td .small {
  font-size: min(1.875vw, 1.8rem);
  display: block;
  line-height: 1.2;
}
@media screen and (width > 1440px) {
  .opening__table th .small, .opening__table td .small {
    font-size: max(0.875vw, 1.8rem);
  }
}
@media screen and (width < 768px) {
  .opening__table th .small, .opening__table td .small {
    font-size: 2.9333333333vw;
  }
}
.opening__table th {
  background: #E2F1FF;
  width: 30%;
  text-align: left;
  font-weight: 400;
}
.opening__table td {
  width: 70%;
}
.opening__btn {
  margin: 0 auto min(3.125vw, 3rem);
}
@media screen and (width > 1440px) {
  .opening__btn {
    margin: 0 auto max(1.4583333333vw, 3rem);
  }
}
@media screen and (width < 768px) {
  .opening__btn {
    margin: 0 auto 5.3333333333vw;
  }
}

.ac__inner {
  padding: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.ac__inner.open {
  opacity: 1;
  max-height: min(1041.6666666667vw, 1000rem);
}
@media screen and (width > 1440px) {
  .ac__inner.open {
    max-height: max(486.1111111111vw, 1000rem);
  }
}
@media screen and (width < 768px) {
  .ac__inner.open {
    max-height: 2666.6666666667vw;
  }
}

.howto__list {
  padding: min(1.0416666667vw, 1rem) 0 min(4.1666666667vw, 4rem);
  width: min(79.1666666667vw, 76rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .howto__list {
    padding: max(0.4861111111vw, 1rem) 0 max(1.9444444444vw, 4rem);
    width: max(36.9444444444vw, 76rem);
  }
}
@media screen and (width < 768px) {
  .howto__list {
    padding: 2.6666666667vw 0 10.6666666667vw;
    width: calc(100% - 10.6666666667vw);
  }
}
.howto__list--item + .howto__list--item {
  margin-top: min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .howto__list--item + .howto__list--item {
    margin-top: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--item + .howto__list--item {
    margin-top: 5.3333333333vw;
  }
}
.howto__list--title {
  background: #005BAB;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: 700;
  font-size: min(1.875vw, 1.8rem);
  height: min(4.1666666667vw, 4rem);
  border-top-left-radius: min(2.0833333333vw, 2rem);
  border-top-right-radius: min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .howto__list--title {
    font-size: max(0.875vw, 1.8rem);
    height: max(1.9444444444vw, 4rem);
    border-top-left-radius: max(0.9722222222vw, 2rem);
    border-top-right-radius: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--title {
    font-size: 4.2666666667vw;
    height: 13.3333333333vw;
    border-top-left-radius: 5.3333333333vw;
    border-top-right-radius: 5.3333333333vw;
  }
}
.howto__list--content {
  text-align: center;
  border-left: min(0.2083333333vw, 0.2rem) solid #005BAB;
  border-right: min(0.2083333333vw, 0.2rem) solid #005BAB;
  border-bottom: min(0.2083333333vw, 0.2rem) solid #005BAB;
  border-bottom-left-radius: min(2.0833333333vw, 2rem);
  border-bottom-right-radius: min(2.0833333333vw, 2rem);
  padding: min(1.5625vw, 1.5rem) min(2.0833333333vw, 2rem) min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .howto__list--content {
    border-left: max(0.0972222222vw, 0.2rem) solid #005BAB;
    border-right: max(0.0972222222vw, 0.2rem) solid #005BAB;
    border-bottom: max(0.0972222222vw, 0.2rem) solid #005BAB;
    border-bottom-left-radius: max(0.9722222222vw, 2rem);
    border-bottom-right-radius: max(0.9722222222vw, 2rem);
    padding: max(0.7291666667vw, 1.5rem) max(0.9722222222vw, 2rem) max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content {
    border-left: 0.5333333333vw solid #005BAB;
    border-right: 0.5333333333vw solid #005BAB;
    border-bottom: 0.5333333333vw solid #005BAB;
    border-bottom-left-radius: 5.3333333333vw;
    border-bottom-right-radius: 5.3333333333vw;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
.howto__list--content .download__list {
  margin: 0 auto min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .howto__list--content .download__list {
    margin: 0 auto max(0.9722222222vw, 2rem);
    width: max(18.8611111111vw, 38.8rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content .download__list {
    margin: 6.6666666667vw auto 6.6666666667vw;
    width: 78.6666666667vw;
  }
}
@media screen and (width > 1440px) {
  .howto__list--content .download__list--item {
    height: max(9.7222222222vw, 20rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content .download__list--item {
    height: auto;
  }
}
@media screen and (width > 1440px) {
  .howto__list--content .download__list--item.item--app {
    width: max(7.3888888889vw, 15.2rem);
    margin-right: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content .download__list--item.item--app {
    width: 43%;
    margin-right: 5%;
  }
}
@media screen and (width > 1440px) {
  .howto__list--content .download__list--item.item--googleplay {
    width: max(9.0416666667vw, 18.6rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content .download__list--item.item--googleplay {
    width: 52%;
  }
}
@media screen and (width > 1440px) {
  .howto__list--content .download__code {
    width: max(5.8333333333vw, 12rem);
    margin-bottom: max(0.4861111111vw, 1rem);
  }
}
@media screen and (width > 1440px) {
  .howto__list--content .download__text {
    font-size: max(0.5833333333vw, 1.2rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--content .download__text {
    font-size: 2.6666666667vw;
  }
}
.howto__list--img {
  width: min(35.4166666667vw, 34rem);
  margin: 0 auto min(2.0833333333vw, 2rem);
}
@media screen and (width > 1440px) {
  .howto__list--img {
    width: max(16.5277777778vw, 34rem);
    margin: 0 auto max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--img {
    width: 70.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.howto__list--text {
  font-size: min(1.875vw, 1.8rem);
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (width > 1440px) {
  .howto__list--text {
    font-size: max(0.875vw, 1.8rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--text {
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
}
.howto__list--note {
  line-height: 1.2;
  font-size: min(1.4583333333vw, 1.4rem);
  font-weight: 700;
}
@media screen and (width > 1440px) {
  .howto__list--note {
    font-size: max(0.6805555556vw, 1.4rem);
  }
}
@media screen and (width < 768px) {
  .howto__list--note {
    margin-top: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
.howto__no-box {
  padding: min(2.6041666667vw, 2.5rem) min(1.0416666667vw, 1rem) min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .howto__no-box {
    padding: max(1.2152777778vw, 2.5rem) max(0.4861111111vw, 1rem) max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box {
    padding: 0;
  }
}
.howto__no-box--inner {
  padding: min(1.5625vw, 1.5rem) min(2.6041666667vw, 2.5rem) min(1.5625vw, 1.5rem) min(5.7291666667vw, 5.5rem);
  border-radius: min(1.5625vw, 1.5rem);
  background: #E2F1FF;
  position: relative;
  text-align: left;
}
@media screen and (width > 1440px) {
  .howto__no-box--inner {
    padding: max(0.7291666667vw, 1.5rem) max(1.2152777778vw, 2.5rem) max(0.7291666667vw, 1.5rem) max(2.6736111111vw, 5.5rem);
    border-radius: max(0.7291666667vw, 1.5rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--inner {
    padding: 9.3333333333vw 5.3333333333vw 5.3333333333vw;
    border-radius: 4vw;
  }
}
.howto__no-box--inner .no {
  width: min(6.7708333333vw, 6.5rem);
  height: min(6.7708333333vw, 6.5rem);
  line-height: min(6.7708333333vw, 6.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  background: #005BAB;
  color: #ffffff;
  font-size: min(5vw, 4.8rem);
  font-weight: 700;
  border: min(0.4166666667vw, 0.4rem) solid #ffffff;
  position: absolute;
  left: min(1.4583333333vw, 1.4rem);
  top: min(3.125vw, 3rem);
  transform: translate(-50%, -50%);
}
@media screen and (width > 1440px) {
  .howto__no-box--inner .no {
    width: max(3.1597222222vw, 6.5rem);
    height: max(3.1597222222vw, 6.5rem);
    line-height: max(3.1597222222vw, 6.5rem);
    font-size: max(2.3333333333vw, 4.8rem);
    border: max(0.1944444444vw, 0.4rem) solid #ffffff;
    left: max(0.6805555556vw, 1.4rem);
    top: max(1.4583333333vw, 3rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--inner .no {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    line-height: 10.6666666667vw;
    font-size: 8vw;
    border: 0.5333333333vw solid #ffffff;
    left: 3.2vw;
    top: 3.2vw;
  }
}
.howto__no-box--arrow {
  display: flex;
  align-items: center;
  margin: min(1.0416666667vw, 1rem) auto;
}
@media screen and (width > 1440px) {
  .howto__no-box--arrow {
    margin: max(0.4861111111vw, 1rem) auto;
  }
}
@media screen and (width < 768px) {
  .howto__no-box--arrow {
    margin: 2.6666666667vw auto;
    min-height: 24vw;
  }
}
.howto__no-box--arrow .arrow {
  width: min(5.2083333333vw, 5rem);
  margin: 0 min(2.0833333333vw, 2rem) 0 min(7.2916666667vw, 7rem);
}
@media screen and (width > 1440px) {
  .howto__no-box--arrow .arrow {
    width: max(2.4305555556vw, 5rem);
    margin: 0 max(0.9722222222vw, 2rem) 0 max(3.4027777778vw, 7rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--arrow .arrow {
    width: 13.3333333333vw;
    margin: 0 2.6666666667vw 0 0;
  }
}
@media screen and (width < 768px) {
  .howto__no-box--arrow .arrow__box {
    width: calc(100% - 13.3333333333vw);
  }
}
.howto__no-box--arrow .border--red {
  font-size: min(1.875vw, 1.8rem);
  font-weight: 700;
  color: #E60012;
  border: min(0.2083333333vw, 0.2rem) solid #E60012;
  width: min(17.7083333333vw, 17rem);
  height: min(3.125vw, 3rem);
  border-radius: min(1.5625vw, 1.5rem);
  margin: 0.2em 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (width > 1440px) {
  .howto__no-box--arrow .border--red {
    font-size: max(0.875vw, 1.8rem);
    border: max(0.0972222222vw, 0.2rem) solid #E60012;
    width: max(8.2638888889vw, 17rem);
    height: max(1.4583333333vw, 3rem);
    border-radius: max(0.7291666667vw, 1.5rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--arrow .border--red {
    font-size: 4.8vw;
    border: 0.5333333333vw solid #E60012;
    width: 45.3333333333vw;
    height: 8vw;
    border-radius: 4vw;
    margin: 0.4em 0;
  }
}
.howto__no-box--arrow .bg--pink {
  background: #E84566;
  padding: min(0.1041666667vw, 0.1rem) min(0.5208333333vw, 0.5rem);
  margin: 0 min(0.3125vw, 0.3rem);
  border-radius: min(0.5208333333vw, 0.5rem);
  color: #ffffff;
  display: inline-block;
}
@media screen and (width > 1440px) {
  .howto__no-box--arrow .bg--pink {
    padding: max(0.0486111111vw, 0.1rem) max(0.2430555556vw, 0.5rem);
    margin: 0 max(0.1458333333vw, 0.3rem);
    border-radius: max(0.2430555556vw, 0.5rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--arrow .bg--pink {
    padding: 0.8vw 1.3333333333vw;
    margin: 0.8vw 0.8vw 0;
    border-radius: 1.3333333333vw;
  }
}
.howto__no-box--text {
  font-size: min(1.6666666667vw, 1.6rem);
  font-weight: 700;
  margin-bottom: 0.4em;
}
@media screen and (width > 1440px) {
  .howto__no-box--text {
    font-size: max(0.7777777778vw, 1.6rem);
  }
}
@media screen and (width < 768px) {
  .howto__no-box--text {
    font-size: 3.4666666667vw;
    text-align: center;
  }
}
.howto__flow-list {
  padding: min(1.0416666667vw, 1rem) 0;
}
@media screen and (width > 1440px) {
  .howto__flow-list {
    padding: max(0.4861111111vw, 1rem) 0;
  }
}
@media screen and (width < 768px) {
  .howto__flow-list {
    padding: 0;
  }
}
.howto__flow-list--item {
  position: relative;
  text-align: center;
}
.howto__flow-list--item .note__content {
  font-size: min(1.0416666667vw, 1rem);
  margin-top: 0.4em;
}
@media screen and (width > 1440px) {
  .howto__flow-list--item .note__content {
    font-size: max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .howto__flow-list--item .note__content {
    font-size: 2.6666666667vw;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2;
  }
}
.howto__flow-list--item .bg--blue {
  background: #6C82BA;
  padding: 0 min(1.0416666667vw, 1rem);
  border-radius: min(0.5208333333vw, 0.5rem);
  display: inline-block;
  margin: 0 0.2em;
  color: #ffffff;
}
@media screen and (width > 1440px) {
  .howto__flow-list--item .bg--blue {
    padding: 0 max(0.4861111111vw, 1rem);
    border-radius: max(0.2430555556vw, 0.5rem);
  }
}
@media screen and (width < 768px) {
  .howto__flow-list--item .bg--blue {
    font-size: 3.2vw;
    padding: 0 1.3333333333vw;
    border-radius: 1.3333333333vw;
    margin: 0 0.2em 0 0;
  }
}
.howto__flow-list--item + .howto__flow-list--item {
  margin-top: min(3.125vw, 3rem);
}
@media screen and (width > 1440px) {
  .howto__flow-list--item + .howto__flow-list--item {
    margin-top: max(1.4583333333vw, 3rem);
  }
}
@media screen and (width < 768px) {
  .howto__flow-list--item + .howto__flow-list--item {
    margin-top: 9.3333333333vw;
  }
}
.howto__flow-list--item + .howto__flow-list--item::before {
  content: "";
  width: min(3.125vw, 3rem);
  height: min(1.4583333333vw, 1.4rem);
  background: url(../images/howto__flow--arrow.svg) center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -150%);
}
@media screen and (width > 1440px) {
  .howto__flow-list--item + .howto__flow-list--item::before {
    width: max(1.4583333333vw, 3rem);
    height: max(0.6805555556vw, 1.4rem);
  }
}
@media screen and (width < 768px) {
  .howto__flow-list--item + .howto__flow-list--item::before {
    width: 8vw;
    height: 3.7333333333vw;
    transform: translate(-50%, -175%);
  }
}

.border__content {
  border: min(0.2083333333vw, 0.2rem) solid #005BAB;
  border-radius: min(1.0416666667vw, 1rem);
  padding: min(0.4166666667vw, 0.4rem) min(1.0416666667vw, 1rem);
  font-size: min(1.6666666667vw, 1.6rem);
  line-height: min(2.3958333333vw, 2.3rem);
  font-weight: 700;
  background: #ffffff;
}
@media screen and (width > 1440px) {
  .border__content {
    border: max(0.0972222222vw, 0.2rem) solid #005BAB;
    border-radius: max(0.4861111111vw, 1rem);
    padding: max(0.2430555556vw, 0.5rem) max(0.4861111111vw, 1rem);
    font-size: max(0.7777777778vw, 1.6rem);
    line-height: max(1.1180555556vw, 2.3rem);
  }
}
@media screen and (width < 768px) {
  .border__content {
    border: 0.5333333333vw solid #005BAB;
    border-radius: 2.6666666667vw;
    padding: 2.1333333333vw 2.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
  }
}
.border__content.fit__content {
  width: -moz-fit-content;
  width: fit-content;
  padding: min(0.2083333333vw, 0.2rem) min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .border__content.fit__content {
    padding: max(0.0972222222vw, 0.2rem) max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .border__content.fit__content {
    width: 100%;
    padding: 2.1333333333vw 2.6666666667vw;
    text-align: center;
  }
}
.border__content.border--pink {
  border-color: #E84566;
  font-size: min(1.5625vw, 1.5rem);
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
@media print, screen and (width >= 768px) {
  .border__content.border--pink {
    font-feature-settings: "palt";
  }
}
@media screen and (width > 1440px) {
  .border__content.border--pink {
    font-size: max(0.7291666667vw, 1.5rem);
  }
}
@media screen and (width < 768px) {
  .border__content.border--pink {
    flex-direction: column;
    font-size: 3.7333333333vw;
  }
}
.border__content.border--pink .content--white {
  padding: min(0.2083333333vw, 0.2rem) min(1.0416666667vw, 1rem);
}
@media screen and (width > 1440px) {
  .border__content.border--pink .content--white {
    padding: max(0.0972222222vw, 0.2rem) max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .border__content.border--pink .content--white {
    width: 100%;
    padding: 2.1333333333vw 2.6666666667vw;
    text-align: center;
  }
}
.border__content.border--pink .content--pink {
  padding: min(0.2083333333vw, 0.2rem) min(1.0416666667vw, 1rem);
  width: 12em;
  text-align: center;
  background: #E84566;
  color: #ffffff;
}
@media screen and (width > 1440px) {
  .border__content.border--pink .content--pink {
    padding: max(0.0972222222vw, 0.2rem) max(0.4861111111vw, 1rem);
  }
}
@media screen and (width < 768px) {
  .border__content.border--pink .content--pink {
    width: 100%;
    padding: 2.1333333333vw 2.6666666667vw;
  }
}

.deposit-section__inner {
  width: 100%;
  max-width: min(100vw, 96rem);
  margin: 0 auto;
}
@media screen and (width > 1440px) {
  .deposit-section__inner {
    max-width: max(46.6666666667vw, 96rem);
  }
}
@media screen and (width < 768px) {
  .deposit-section__inner {
    max-width: none;
  }
}
.deposit__block {
  background: #E2F1FF;
  padding: min(3.125vw, 3rem) min(5.2083333333vw, 5rem);
  margin-top: min(5.2083333333vw, 5rem);
}
@media screen and (width > 1440px) {
  .deposit__block {
    padding: max(1.4583333333vw, 3rem) max(2.4305555556vw, 5rem);
    margin-top: max(2.4305555556vw, 5rem);
  }
}
@media screen and (width < 768px) {
  .deposit__block {
    padding: 5.3333333333vw;
    margin-top: max(3.4027777778vw, 7rem);
  }
}
.deposit__list--item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: min(1.4583333333vw, 1.4rem);
  line-height: 1.7;
}
@media screen and (width > 1440px) {
  .deposit__list--item {
    font-size: max(0.6805555556vw, 1.4rem);
  }
}
@media screen and (width < 768px) {
  .deposit__list--item {
    font-size: 3.2vw;
  }
}

.totop {
  position: fixed;
  width: min(5.2083333333vw, 5rem);
  right: min(2.0833333333vw, 2rem);
  bottom: min(2.0833333333vw, 2rem);
  z-index: 10;
  visibility: hidden;
  transition: 0.3s all;
  opacity: 0;
}
.totop.is-show {
  opacity: 1;
  visibility: visible;
}
@media screen and (width > 1440px) {
  .totop {
    width: max(2.4305555556vw, 5rem);
    right: max(0.9722222222vw, 2rem);
    bottom: max(0.9722222222vw, 2rem);
  }
}
@media screen and (width < 768px) {
  .totop {
    width: 11.7333333333vw;
    right: 2.6666666667vw;
    bottom: 2.6666666667vw;
  }
}
.totop a {
  transition: 0.3s all;
}
.totop a:hover {
  opacity: 0.7;
}

.footer {
  width: 100%;
  height: min(8.3333333333vw, 8rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (width > 1440px) {
  .footer {
    height: max(3.8888888889vw, 8rem);
  }
}
@media screen and (width < 768px) {
  .footer {
    height: max(3.4027777778vw, 7rem);
  }
}
.footer .copy-right {
  font-size: min(1.6666666667vw, 1.6rem);
  text-align: center;
}
@media screen and (width > 1440px) {
  .footer .copy-right {
    font-size: max(0.7777777778vw, 1.6rem);
  }
}
@media screen and (width < 768px) {
  .footer .copy-right {
    font-size: 4.2666666667vw;
  }
}