@charset "UTF-8";
/* リキッドレイアウト対応のための設定 */
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

/*  PCとSPの表示非表示の切り替え */
/*(md)px以上で表示*/
.pc-only {
  display: none;
}
@media screen and (min-width: 780px) {
  .pc-only {
    display: block;
  }
}

/*モバイルのみ表示*/
@media screen and (min-width: 780px) {
  .sp-only {
    display: none;
  }
}

/*画像の縦横比設定*/
img {
  width: 100%;
  height: auto;
  display: block;
}

/* aタグのスタイルリセット*/
a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.8;
}

@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
html {
  font-size: 16px;
}
@media screen and (min-width: 780px) {
  html {
    font-size: 1.4814814815vw;
  }
}
@media (min-width: 1080px) {
  html {
    font-size: 16px;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Set core html defaults */
html {
  scroll-behavior: smooth;
}

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

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

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

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

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

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

/* Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
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;
}

.inner {
  width: 100%;
  padding-inline: 20px;
  margin-inline: auto;
}
@media screen and (min-width: 780px) {
  .inner {
    max-width: 1130px;
    padding-inline: 25px;
  }
}

html {
  font-size: 62.5%;
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 52.5%;
  }
}
body {
  *font-size: small;
  *font: x-small;
  _font-size: 14px;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  word-break: break-all;
}

img {
  vertical-align: middle;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  font-size: 10px;
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 0.83333vw; /* 10px / 1200px * 100 */
  }
}
@media screen and (max-width: 700px) {
  html {
    font-size: 2.66666667vw; /* 10px / 375px * 100 */
  }
}
.wrap {
  overflow: hidden;
  position: relative;
}

img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

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

.l-section {
  margin: 8rem 0;
}

@media screen and (max-width: 700px) {
  .l-section {
    margin: 4rem 0;
  }
}
.l-inner {
  margin: 0 auto;
  width: 700px;
  background: #fff;
}

@media screen and (max-width: 700px) {
  .l-inner {
    width: 100%;
  }
}
.l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-flex--aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-pos-relative {
  position: relative;
}

.l-pos-center {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.l-clearfix:after {
  clear: both;
  content: "";
  display: block;
}

.l-left {
  float: left;
}

.l-right {
  float: right;
}

.wrap {
  background-color: #E1E9F3;
}

.flothing-btn {
  position: fixed;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  bottom: 0;
  text-align: center;
  z-index: 999;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

.motion-txt {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.motion-txt.motion-txt--active {
  -webkit-animation: slideIn 1s ease-in-out forwards;
          animation: slideIn 1s ease-in-out forwards;
}

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes slideIn {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
.motion-txt02 {
  --motion-txt02-duration: 0.5s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.motion-txt02:after {
  content: "";
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #ECEFF1;
  -webkit-transform: translate3d(0, -101%, 0);
          transform: translate3d(0, -101%, 0);
  z-index: 1;
}

.motion-txt02--pink:after {
  background-color: #EACACA;
}

.motion-txt02--blue:after {
  background-color: #C2D9ED;
}

.motion-txt02--yellow:after {
  background-color: #EDE2C2;
}

.motion-txt02--purple:after {
  background-color: #D9CEF5;
}

.js-scroll.show .motion-txt02:after {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: var(--motion-txt02-duration);
          transition-duration: var(--motion-txt02-duration);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.js-scroll.done .motion-txt02:after {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: var(--motion-txt02-duration);
          transition-duration: var(--motion-txt02-duration);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 103%, 0);
          transform: translate3d(0, 103%, 0);
}

.motion-txt02 .motion-inner {
  display: inline-block;
  opacity: 0;
  position: relative;
  z-index: 0;
}

.js-scroll.done .motion-txt02 .motion-inner {
  opacity: 1;
  -webkit-transition: opacity 0.22s ease 0.02s;
  transition: opacity 0.22s ease 0.02s;
}

.inner-wrap {
  margin-inline: 10%;
}

.color-blue {
  color: #0A6CC3;
}

.common-txt {
  font-size: 1.35rem;
  font-weight: 500;
  color: #000000;
  text-align: left;
  line-height: 1.6153846154;
  letter-spacing: 0.125em;
}

@media screen and (min-width: 701px) {
  .common-txt {
    font-size: 26px;
  }
}
.section-ttl {
  width: 90%;
}

.mv__main {
  position: relative;
}

.mv__txt {
  position: absolute;
  top: 6.112%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7.4857142857%;
}

.mv__ttl {
  position: absolute;
  top: 80.4%;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 57.5714285714%;
}

.sec01 {
  position: relative;
  background-image: url(../images/top/sec01-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 3.5714285714%;
}

.sec01__ttl {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 7.17rem;
  line-height: 0.6;
  letter-spacing: -0.04em;
  color: #fff;
}

@media (min-width: 701px) {
  .sec01__ttl {
    font-size: 134px;
  }
}
.sec01__img01 {
  width: 63.2857142857%;
  height: auto;
  margin-inline: auto;
}

.sec01__list {
  margin-inline: 10%;
  margin-top: 5.3%;
}

.sec01__list-item {
  border-bottom: 1px dashed #707070;
  padding-block: 7%;
  padding-left: 5.8035714286%;
}

.sec01__list-item:first-child {
  padding-top: 0;
}

.sec01__list-txt01 {
  width: 85.4976303318%;
  height: auto;
}

.sec01__list-txt02 {
  width: 91.7535545024%;
  height: auto;
}

.sec01__list-txt03 {
  width: 68.6255924171%;
  height: auto;
}

.sec01__list-txt04 {
  width: 91.5639810427%;
  height: auto;
}

.sec01__img02 {
  width: 58.7142857143%;
  height: auto;
  margin-inline: auto;
  margin-top: 11.428%;
}

.sec02 {
  background-image: url(../images/top/sec02-bg.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding-bottom: 38%;
}

.sec02__img01 {
  width: 74.2857142857%;
  height: auto;
  margin-inline: 17.1428571429% 8.5714285714%;
  padding-top: 4.7142857143%;
  mix-blend-mode: multiply;
}

.sec02__ttl01 {
  width: 61.0714285714%;
  height: auto;
  margin-inline: auto;
  margin-top: 12.6785714286%;
  position: relative;
}

.sec02__txt01 {
  letter-spacing: 0.05em;
  margin-top: 7.1428571429%;
}

.sec02__sub {
  width: 100%;
  height: auto;
  margin-top: 7.1428571429%;
}

.sec02__ttl02 {
  width: 55.5357142857%;
  height: auto;
  margin-top: 15.7142857143%;
  margin-inline: auto;
}

.sec02__img02 {
  width: 100%;
  height: auto;
  margin-top: 8.75%;
}

.sec02__list {
  display: -ms-grid;
  display: grid;
  margin-top: 6.714286%;
}

.sec02__list-item + .sec02__list-item {
  margin-top: 8.9285714286%;
}

.sec02__list-ttl {
  width: 100%;
  height: auto;
  padding-bottom: 3.5714285714%;
  border-bottom: 2px dashed #0A6CC3;
}

.sec02__list-txt {
  margin-top: 3.5714285714%;
}

.sec02__img03 {
  width: 100%;
  height: auto;
  margin-top: 12.5%;
}

.sec02__txt02 {
  margin-top: 5.3571428571%;
}

.sec02__price {
  width: 100%;
  height: auto;
  margin-top: 14.2857142857%;
  background: -webkit-gradient(linear, left top, left bottom, from(#11A6C8), to(#0A6CC3));
  background: linear-gradient(to bottom, #11A6C8 0%, #0A6CC3 100%);
  border-radius: 20px;
  padding-block: 12.7678571429% 12.5%;
}

.sec02__price-ttl {
  width: 60.8928571429%;
  height: auto;
  margin-inline: auto;
}

.sec02__price-txt {
  color: #FFF;
  text-align: left;
  letter-spacing: 0.075em;
  border-top: 2px solid #FFF;
  padding-top: 5.3571428571%;
  margin-top: 7.1428571429%;
  margin-inline: auto;
  padding-inline: 0.8928571429%;
  width: 82.1428571429%;
}

.sec02__price-img {
  width: 85.8035714286%;
  height: auto;
  margin-inline: auto;
  margin-top: 7.1428571429%;
}

.sec02__price-img + .sec02__price-img {
  margin-top: 5.3571428571%;
}

.sec03 {
  background-color: #F2F8FF;
  padding-block: 0 17.1428571429%;
}

.sec03__ttl {
  width: 77.8571428571%;
  height: auto;
  margin-inline: auto;
}

.sec03__list {
  display: -ms-grid;
  display: grid;
  margin-top: 17.3214285714%;
}

.sec03__list-item {
  position: relative;
}
.sec03__list-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 103.5714285714%;
  height: 100%;
  background-color: #F2F8FF;
  z-index: -1;
  pointer-events: none;
}

.sec03__img {
  width: 101.7857142857%;
  height: auto;
  margin-left: 1.7857142857%;
  mix-blend-mode: multiply;
  position: relative;
}

.sec03__img img {
  width: 100%;
  height: auto;
}

.sec03__list-item + .sec03__list-item {
  margin-top: 19.6428571429%;
}

.sec03__txt {
  margin-top: 7.1428571429%;
}

.sec03__img01:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19.649122807%;
  height: 34.0136054422%;
  background-image: url(../images/top/sec03-01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sec03__img02:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25.6140350877%;
  height: 25.0626566416%;
  background-image: url(../images/top/sec03-02.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sec03__img03:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25.6140350877%;
  height: 33.8983050847%;
  background-image: url(../images/top/sec03-03.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sec04 {
  padding-block: 21.1428571429% 17.1428571429%;
}

.sec04__ttl {
  width: 37.7142857143%;
  height: auto;
  margin-inline: auto;
}

.sec04__txt {
  margin-top: 5.5%;
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  width: 80%;
  margin-inline: auto;
}

@media (min-width: 701px) {
  .sec04__txt {
    font-size: 32px;
  }
}
.sec04__txt-small {
  font-size: 1.35rem;
  letter-spacing: 0.025em;
  line-height: 1.8461538462;
}

@media (min-width: 701px) {
  .sec04__txt-small {
    font-size: 26px;
  }
}
.sec04__lineup {
  margin-top: 15.7142857143%;
}

.sec04__lineup-txt {
  margin-top: 4.7142857143%;
}

.sec05 {
  padding-block: 17.1428571429% 14.2857142857%;
  background-color: #F7F9FC;
}

.sec05__lineup-txt {
  margin-top: 4.3484848485%;
}

.line-yellow {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF500), to(#FFF500));
  background-image: linear-gradient(#FFF500, #FFF500);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100% 25%;
}

.sec05 .lineup__img-container {
  width: 78.7878787879%;
}

.sec05 .lineup__img {
  mix-blend-mode: multiply;
}

.sec06 {
  padding-block: 17.1428571429%;
  background-color: #FFF;
}

.sec07 {
  background: #F7F9FC;
  padding-block: 17.1428571429%;
}

.sec07 .lineup__img-container {
  width: 85.6060606061%;
}

.sec07 .lineup__img {
  mix-blend-mode: multiply;
}

.sec07 .lineup__content {
  margin-top: -5.181818%;
  position: relative;
  z-index: 1;
}

.sec07__lineup-txt {
  margin-top: 3.6363636364%;
}

.sec08 {
  background-color: #fff;
  padding-block: 17.1428571429%;
}

.sec08 .lineup__img-container {
  width: 85.6060606061%;
}

.sec08 .lineup__content {
  margin-top: -29.181818%;
}

.sec08__lineup-txt {
  margin-top: 4.5454545455%;
}

.sec09 {
  background-color: #F7F9FC;
  padding-block: 17.1428571429%;
}

.sec09__lineup-txt {
  margin-top: 6.0377358491%;
}

.sec09 .lineup__img-container {
  width: 80.303030303%;
}

.sec09 .lineup__img {
  mix-blend-mode: multiply;
}

.sec09 .lineup__img + .lineup__img {
  margin-top: 5.6603773585%;
}

.sec10 {
  padding-block: 14.2857142857% 16.4285714286%;
}

.sec10__txt {
  margin-top: 7%;
  margin-left: 9.1428571429%;
  width: 80%;
  letter-spacing: 0.05em;
}

.sec10__flow {
  margin-left: 9.1428571429%;
  width: 81%;
  margin-top: 10.1428571429%;
}

.sec10__flow-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.5255731922%;
  position: relative;
}

.sec10__flow-item + .sec10__flow-item {
  margin-top: 12.6984126984%;
}

.sec10__flow-icon {
  width: 17.6366843034%;
  position: relative;
}

.sec10__flow-content-ttl {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2em;
}

@media (min-width: 701px) {
  .sec10__flow-content-ttl {
    font-size: 35px;
  }
}
.sec10__flow-content-ttl--01 {
  color: #11A6C8;
}

.sec10__flow-content-ttl--02 {
  color: #0F93C6;
}

.sec10__flow-content-ttl--03 {
  color: #0C7FC5;
}

.sec10__flow-content-ttl--04 {
  color: #0A6CC3;
}

.sec10__flow-content-txt {
  font-size: 1.2rem;
  font-weight: 500;
  color: #000000;
  line-height: 1.7272727273;
  letter-spacing: 0.05em;
  margin-top: 4.5112781955%;
}

@media (min-width: 701px) {
  .sec10__flow-content-txt {
    font-size: 22px;
  }
}
.sec10__flow-item::before {
  content: "";
  display: block;
  background-image: url(../images/top/flow-item01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}

.sec10__flow-item--01::before {
  width: 18.5185185185%;
  height: 83.1932773109%;
  background-image: url(../images/top/flow-item01.png);
  top: -11px;
  right: 0;
}

.sec10__flow-item--02::before {
  width: 37.2134038801%;
  height: 43.2098765432%;
  background-image: url(../images/top/flow-item02.png);
  top: 58px;
  right: 0;
}

.sec10__flow-item--03::before {
  width: 24.5149911817%;
  height: 85.8024691358%;
  background-image: url(../images/top/flow-item03.png);
  top: -20px;
  right: 0;
}

.sec10__flow-item--04::before {
  width: 27.1604938272%;
  height: 147%;
  background-image: url(../images/top/flow-item04.png);
  top: -30px;
  right: 0;
}

.sec10__flow-item:not(:last-child) .sec10__flow-icon::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%) scaleY(0);
          transform: translateX(-50%) scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: -webkit-transform 1.8s ease-out;
  transition: -webkit-transform 1.8s ease-out;
  transition: transform 1.8s ease-out;
  transition: transform 1.8s ease-out, -webkit-transform 1.8s ease-out;
  inline-size: 8px;
  block-size: 9rem;
}

.sec10__flow-item--01 .sec10__flow-icon::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#11A6C8), to(#0F93C6));
  background: linear-gradient(to bottom, #11A6C8 0%, #0F93C6 100%);
}

.sec10__flow-item--02 .sec10__flow-icon::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#0F93C6), to(#0C7FC5));
  background: linear-gradient(to bottom, #0F93C6 0%, #0C7FC5 100%);
}

.sec10__flow-item--03 .sec10__flow-icon::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#0C7FC5), to(#0A6CC3));
  background: linear-gradient(to bottom, #0C7FC5 0%, #0A6CC3 100%);
}

.sec10__flow-item.motion-txt--active:not(:last-child) .sec10__flow-icon::after {
  -webkit-transform: translateX(-50%) scaleY(1);
          transform: translateX(-50%) scaleY(1);
}

@media (min-width: 701px) {
  .sec10__flow-item:not(:last-child) .sec10__flow-icon::after {
    block-size: 204px;
  }
}
.sec11 {
  padding-block: 14.2857142857%;
  background-color: #F2F8FF;
}

.sec11__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.65rem;
  width: 74.2857142857%;
  margin-inline: auto;
  margin-top: 7.1428571429%;
}

@media (min-width: 701px) {
  .sec11__list {
    gap: 30px;
  }
}
.sec11__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.8571428571%;
  border-radius: 20px;
  background-color: #FFF;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 2rem;
}

@media (min-width: 701px) {
  .sec11__item {
    padding: 40px;
  }
}
.sec11__item-ttl {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3714285714;
  letter-spacing: 0.02em;
  text-align: center;
  color: #000000;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #0A6CC3;
}

@media (min-width: 701px) {
  .sec11__item-ttl {
    font-size: 35px;
    padding-bottom: 30px;
  }
}
.sec11__item-ttl .small-txt {
  font-size: 1.1rem;
  line-height: 2.1818181818;
  letter-spacing: 0.03em;
}

@media (min-width: 701px) {
  .sec11__item-ttl .small-txt {
    font-size: 22px;
  }
}
.sec11__item-txt {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4615384615;
  letter-spacing: 0.03em;
  text-align: left;
  color: #000000;
  margin-top: 1.5rem;
}

@media (min-width: 701px) {
  .sec11__item-txt {
    font-size: 26px;
    margin-top: 30px;
  }
}
.sec11__ttl02 {
  margin-top: 7.1428571429%;
}

.sec11__txt {
  letter-spacing: -0.025em;
  width: 80%;
  margin-inline: auto;
  margin-top: 7.1428571429%;
}

.sec12 {
  padding-top: 14.2857142857%;
}

.sec12__list {
  margin-top: 9.8571428571%;
}

.sec12__item {
  padding-bottom: 1.5rem;
  border-bottom: 1px dashed #707070;
}

@media (min-width: 701px) {
  .sec12__item {
    padding-bottom: 50px;
  }
}
.sec12__item + .sec12__item {
  margin-top: 3rem;
}

@media (min-width: 701px) {
  .sec12__item + .sec12__item {
    margin-top: 61px;
  }
}
.sec12__item:last-child {
  border-bottom: none;
}

.sec12__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
}

@media (min-width: 701px) {
  .sec12__question {
    gap: 20px;
  }
}
.sec12__icon {
  width: 1.9rem;
  height: 1.9rem;
  margin-top: 1%;
}

@media (min-width: 701px) {
  .sec12__icon {
    width: 38px;
    height: 38px;
  }
}
.sec12__item-ttl {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #0A6CC3;
}

@media (min-width: 701px) {
  .sec12__item-ttl {
    font-size: 35px;
  }
}
.sec12__item-txt {
  margin-top: 4.1428571429%;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.7307692308;
  letter-spacing: 0.03em;
}

@media (min-width: 701px) {
  .sec12__item-txt {
    font-size: 26px;
  }
}
.sec12__ttl02 {
  margin-top: 10.2857142857%;
}

.sec12__txt {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6153846154;
  letter-spacing: 0.02em;
  margin-top: 7.1428571429%;
  width: 80%;
  margin-inline: auto;
}

@media (min-width: 701px) {
  .sec12__txt {
    font-size: 26px;
  }
}
.footer__btn {
  width: 85.7142857143%;
  margin-inline: auto;
  padding-top: 10%;
}

.footer__tempo {
  width: 85.7142857143%;
  margin-inline: auto;
  padding-top: 7.1428571429%;
}

.footer__ad {
  margin-top: 14.2857142857%;
}

.footer__logo {
  width: 78.5714285714%;
  margin-inline: auto;
  padding-top: 11.4285714286%;
}

.lineup__ttl {
  width: 80%;
  margin-inline: auto;
}

.lineup__txt {
  font-size: 1.35rem;
  letter-spacing: 0.05em;
  line-height: 1.7307692308;
  width: 80%;
  margin-inline: auto;
}

@media (min-width: 701px) {
  .lineup__txt {
    font-size: 26px;
  }
}
.lineup__container {
  margin-top: 10%;
}

.lineup__item {
  width: 94.2857142857%;
  margin-inline: auto;
}

.lineup__item + .lineup__item {
  margin-top: 12.5714285714%;
}

.lineup__item img {
  max-height: none;
}

.lineup__item-type {
  width: 35.303030303%;
  margin-inline: auto;
  -webkit-margin-after: 7%;
          margin-block-end: 7%;
}

.lineup__slider-item {
  text-align: center;
}

.lineup__slider-item-image {
  width: 100%;
  margin-inline: auto;
}

.lineup__slider-item-image img {
  width: 100%;
  height: auto;
  max-height: none;
}

.lineup__color {
  margin-top: 5.3571428571%;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #666;
}

@media (min-width: 701px) {
  .lineup__color {
    font-size: 22px;
  }
}
.lineup__content {
  margin-inline: 7.5757575758%;
  margin-top: 6.0606060606%;
}

.lineup__tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.lineup__tag-item01 {
  width: 50.8928571429%;
}

.lineup__tag-item02 {
  width: 47.3214285714%;
}

.lineup__description {
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.5909090909;
  letter-spacing: 0.05em;
  margin-top: 3.4848484848%;
}

@media (min-width: 701px) {
  .lineup__description {
    font-size: 22px;
  }
}
.lineup__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lineup__category {
  width: 39.2857142857%;
}

.lineup__price {
  width: 49.6428571429%;
}

.lineup__slider {
  position: relative;
  width: 100%;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
  padding-inline: 15.6818181818%;
}
.lineup__slider.slick-initialized {
  display: block;
}
.lineup__slider .slick-list {
  overflow: hidden;
  height: auto !important;
}
.lineup__slider .slick-track {
  height: auto !important;
}
.lineup__slider .slick-slide {
  height: auto !important;
}
.lineup__slider .slick-slide img {
  max-height: none !important;
  width: 100%;
  height: auto;
  display: block;
}
.lineup__slider {
  /* デフォルトの矢印を消す */
}
.lineup__slider .slick-prev::before,
.lineup__slider .slick-next::before {
  content: "";
}
.lineup__slider {
  /* 共通 */
}
.lineup__slider .slick-prev,
.lineup__slider .slick-next {
  inline-size: 5.5rem;
  block-size: 5.5rem;
  z-index: 10;
  top: 32%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (min-width: 701px) {
  .lineup__slider .slick-prev,
  .lineup__slider .slick-next {
    inline-size: 110px;
    block-size: 110px;
  }
}
.lineup__slider {
  /* 左 */
}
.lineup__slider .slick-prev {
  background-image: url("../images/top/icon-arrow-left.svg");
  left: 0; /* お好みで調整 */
}
.lineup__slider {
  /* 右 */
}
.lineup__slider .slick-next {
  background-image: url("../images/top/icon-arrow-right.svg");
  right: 0; /* お好みで調整 */
}
.lineup__slider .slick-dots {
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
@media (min-width: 701px) {
  .lineup__slider .slick-dots {
    bottom: 10px;
    gap: 20px;
  }
}
.lineup__slider .slick-dots li {
  inline-size: 12px;
  block-size: 12px;
  margin: 0;
}
.lineup__slider .slick-dots li button {
  inline-size: 12px;
  block-size: 12px;
  padding: 0;
}
.lineup__slider {
  /* 共通 */
}
.lineup__slider .slick-dots li button::before {
  content: "";
  inline-size: 1rem;
  block-size: 1rem;
  border-radius: 50%;
  opacity: 1;
}
@media (min-width: 701px) {
  .lineup__slider .slick-dots li button::before {
    inline-size: 20px;
    block-size: 20px;
  }
}
.lineup__slider {
  /* ===== Type M ===== */
  /* 左：黒 */
}
.lineup__slider.type-m .slick-dots li:first-child button::before {
  background-color: #333333;
}
.lineup__slider {
  /* 右：ブラウン */
}
.lineup__slider.type-m .slick-dots li:last-child button::before {
  background-color: #913B3B;
}
.lineup__slider {
  /* ===== Type F ===== */
  /* 左：赤 */
}
.lineup__slider.type-f .slick-dots li:first-child button::before {
  background-color: #913B3B;
}
.lineup__slider {
  /* 右：ブラウン */
}
.lineup__slider.type-f .slick-dots li:last-child button::before {
  background-color: #643B13;
}
.lineup__slider {
  /* 選択時：外側のリング */
  /* Type M */
}
.lineup__slider .slick-dots li:first-child.slick-active button::before {
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #707070;
          box-shadow: 0 0 0 3px #fff, 0 0 0 4px #707070;
}
.lineup__slider .slick-dots li:last-child.slick-active button::before {
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #707070;
          box-shadow: 0 0 0 3px #fff, 0 0 0 4px #707070;
}

.lineup__img-container {
  width: 75.7575757576%;
  margin-inline: auto;
  margin-top: 5.303030303%;
}

.lineup__img {
  width: 100%;
  margin-inline: auto;
}

.lineup__note {
  font-size: 1.2rem;
  line-height: 1.3636363636;
  letter-spacing: 0.01em;
}

@media (min-width: 701px) {
  .lineup__note {
    font-size: 22px;
  }
}
.slick-dotted.slick-slider {
  padding-bottom: 8.9393939394%;
}