@charset "UTF-8";
/* General */
.cf, .float-list {
  *zoom: 1;
}
.cf:after, .float-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

.float-list, .cf {
  *zoom: 1;
}
.float-list:after, .cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

.float-list li {
  float: left;
}

/* Base */
.cf, .float-list {
  *zoom: 1;
}
.cf:after, .float-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

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

*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(27, 28, 33, 0.0001);
  block-size: 100%;
  -webkit-text-size-adjust: none;
}

body {
  font-size: 16px;
  line-height: 1.75;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  color: #1B1C21;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  min-block-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1188px) {
  body {
    font-size: calc(13.171px + 0.238vw);
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: calc(12.852px + 0.671vw);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
a {
  -webkit-text-decoration-skip: objects;
}
a:link, a:visited {
  text-decoration: none;
  color: #1B1C21;
}
@media (hover: hover) {
  a:hover, a:active, a:focus {
    color: #1B1C21;
  }
  a:hover img, a:active img, a:focus img {
    opacity: 0.7;
  }
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  vertical-align: middle;
  line-height: 1;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  max-height: 100%;
}

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

input[type=button], input[type=submit], input[type=reset] {
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0001);
  background: transparent;
}

.header-logo a:hover img,
.footer-logo a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

b,
strong {
  font-weight: bolder;
}

:where(svg) {
  stroke: none;
  fill: currentColor;
}
:where(svg):not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

:where(svg):where(:not([fill])) {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

:where(input[type=radio], input[type=checkbox]) {
  padding: 0;
}

:where(input[type=date], input[type=time], input[type=datetime-local], input[type=month]) {
  -webkit-appearance: listbox;
}

:where(textarea) {
  overflow: auto;
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button {
  cursor: pointer;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    -webkit-transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

:where(button, button[type], input[type=button], input[type=submit], input[type=reset], [disabled]) {
  cursor: not-allowed;
}

/* Layout */
.cf, .float-list {
  *zoom: 1;
}
.cf:after, .float-list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

form ::-webkit-input-placeholder {
  color: #C6C6C6;
}
form :-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form ::-moz-placeholder {
  opacity: 1;
  color: #C6C6C6;
}
form :-ms-input-placeholder {
  color: #C6C6C6;
}

::-moz-selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

::selection {
  color: #FFF;
  background: rgba(16, 93, 225, 0.7);
}

/*==============================
共通要素
==============================*/
.wrap {
  max-width: calc(1100px + 6.25%);
  margin: 0 auto;
  padding: 0 3.125%;
  width: 100%;
}

.fl-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  .hidden-sp {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .hidden-pc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-pc {
    display: block;
  }
}

.show-xs {
  display: none;
}
@media only screen and (max-width: 480px) {
  .show-xs {
    display: block;
  }
}

.sp-block {
  display: inline-block;
}

/*==============================
ヘッダー
==============================*/
.l-header {
  text-align: center;
  padding: 0.25em 3.125%;
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.l-header p {
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
  color: #fff;
  letter-spacing: 0.05em;
}
.l-header p:before {
  display: inline-block;
  content: "";
  width: 1.625em;
  height: 1.625em;
  vertical-align: middle;
  margin-right: 0.625em;
  background: url(../img/icon_new.svg) no-repeat left center/contain;
}

.lp-ttl {
  text-align: center;
  margin-bottom: 2.4em;
}
.lp-ttl .lp-ttl-en {
  margin-bottom: 0.55em;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.55;
  color: #105DE1;
  font-size: min(1em, 3vw);
}
.lp-ttl .lp-ttl-jp {
  margin-bottom: 0.55em;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.55;
  font-size: min(0.875em, 2.625vw);
  color: #105DE1;
}
.lp-ttl h2 {
  font-size: min(2.375em, 7vw);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.42;
}

.md-cta {
  margin-top: 5.1em;
}
.md-cta .cta-message {
  font-size: 0.875em;
  font-weight: 500;
  text-align: center;
}
.md-cta .cta-btn {
  margin-top: 0.825em;
}
.md-cta .cta-btn li {
  width: 22.25em;
  max-width: 100%;
  border-radius: 6px;
}
.md-cta .cta-btn a {
  padding: 1.9145em 2% 1.5145em 2%;
  display: block;
  font-size: 0.75em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.15;
  border-radius: 6px;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
  margin-bottom: 0.18em;
}
.md-cta .cta-btn a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: -1;
  border-radius: 6px;
}
@media (hover: hover) {
  .md-cta .cta-btn a:hover:after, .md-cta .cta-btn a:active:after {
    opacity: 0;
  }
}
.md-cta .cta-btn .sub {
  display: block;
  font-size: 1.66em;
  letter-spacing: normal;
}
.md-cta .cta-btn .basic {
  background: -webkit-gradient(linear, left top, right top, from(#093077), to(#105de1));
  background: linear-gradient(90deg, #093077 0%, #105de1 100%);
}
.md-cta .cta-btn .basic a:after {
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.md-cta .cta-btn .premium {
  background: -webkit-gradient(linear, left top, right top, from(#fb5e3e), to(#f68b28));
  background: linear-gradient(90deg, #fb5e3e 0%, #f68b28 100%);
}
.md-cta .cta-btn .premium a:after {
  background: -webkit-gradient(linear, left top, right top, from(#f68b28), to(#fb5e3e));
  background: linear-gradient(90deg, #f68b28 0%, #fb5e3e 100%);
}
@media only screen and (min-width: 768px) {
  .md-cta .cta-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.4%;
  }
}
@media only screen and (max-width: 767px) {
  .md-cta li {
    margin: auto;
  }
  .md-cta li + li {
    margin-top: 0.75em;
  }
}

.modal .modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 55;
}
.modal .modal__container {
  max-width: 41.125em;
  width: 90%;
  max-height: 90dvh;
  border-radius: 6px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 1;
  -webkit-filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 6px 12px rgba(0, 0, 0, 0.25));
}
.modal .modal__container::-webkit-scrollbar {
  width: 0.6em;
  background-color: #E2F0FF;
}
.modal .modal__container::-webkit-scrollbar-thumb {
  background-color: #105DE1;
  border-radius: 10px;
}
.modal .modal__close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.modal .modal__close button {
  width: 2.9375em;
  height: 2.9375em;
  border: 0;
  background: #061B44 url(../img/icon_close.svg) no-repeat center;
}
.modal .modal__close button:focus {
  outline: none;
}
.modal .select-modal-content {
  padding: 0 3% 3em;
}
.modal .select-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 2.9375em;
  padding-bottom: 2.125em;
  border-bottom: 1px solid #a1abb6;
  max-width: 33.625em;
  margin: 0 auto 1.1em;
}
.modal .select-modal-img {
  width: 35.5%;
  text-align: center;
}
.modal .select-modal-img img {
  border-radius: 6px;
}
.modal .select-modal-txt {
  width: 60%;
}
.modal .select-modal-ttl {
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.77;
}
.modal .select-modal-disc {
  font-size: 0.75em;
  line-height: 1.66;
}
.modal .select-modal-btn {
  margin-top: 1em;
}
.modal .select-modal-btn a {
  display: block;
  background: #105DE1;
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  max-width: 15.8125em;
  border-radius: 6px;
  text-align: center;
  padding: 0.75em 3%;
}
@media (hover: hover) {
  .modal .select-modal-btn a {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .modal .select-modal-btn a:hover, .modal .select-modal-btn a:active {
    background-color: #0d49b1;
  }
}
.modal#trial-modal .modal__container {
  max-width: 33.875em;
}
.modal .trial-modal-message {
  padding: 1em 3%;
  color: #fff;
  font-weight: 700;
  font-size: min(1.5em, 4.42vw);
  line-height: 1.41;
  text-align: center;
  background: #105DE1;
}
.modal .trial-modal-form {
  padding: 1em 4%;
}
.modal#premium-modal .modal__container {
  max-width: 57.15em;
}
.modal .premium-modal-content {
  margin: auto;
  padding: 2.5em 3%;
}
.modal .premium-modal-content h2 {
  font-size: min(1.5em, 4.42vw);
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.8em;
}
.modal .premium-modal-content .md-cta {
  margin-top: 2.25em;
}
.modal#course-modal .modal__container {
  max-width: 32.1875em;
}
.modal .course-modal-content {
  padding: 2.5em 3%;
}
.modal .course-modal-box + .course-modal-box {
  margin-top: 1.875em;
}
.modal .course-modal-box {
  border: 2px solid;
  border-radius: 6px;
  max-width: 24.6875em;
  margin: auto;
  padding: 0.75em 6.15%;
}
.modal .course-modal-box h2 {
  font-size: min(1.5625em, 5.83vw);
  font-weight: 700;
}
.modal .course-modal-box .tag {
  display: inline-block;
  line-height: 1.5;
  padding: 0.25em 1em;
  font-size: 0.64em;
  color: #fff;
  vertical-align: middle;
  margin-top: -0.25em;
  background: #105DE1;
}
.modal .course-modal-box .price {
  font-weight: 700;
  line-height: 1.35;
}
.modal .course-modal-box .unit {
  font-size: 1.1875em;
}
.modal .course-modal-box .no {
  font-size: 1.5em;
}
.modal .course-modal-box .tax {
  font-size: 1em;
}
.modal .course-modal-box .note {
  font-size: 0.875em;
  color: #7c8690;
}
.modal .course-modal-box ul {
  margin-top: 0.25em;
}
.modal .course-modal-box ul li {
  font-weight: 500;
  line-height: 1.5em;
  margin-top: 0.25em;
  padding-left: 1.5em;
  position: relative;
}
.modal .course-modal-box ul li:before {
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0.15em;
  background: no-repeat center/contain;
}
.modal .course-modal-box .course-modal-btn {
  margin-top: 1.625em;
  border-radius: 6px;
}
.modal .course-modal-box .course-modal-btn a {
  display: block;
  font-size: 1.125em;
  padding: 0.55em 1%;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.modal .course-modal-box .course-modal-btn a:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.modal .course-modal-box .course-modal-btn a .sub {
  display: block;
  font-size: 0.61em;
  font-weight: normal;
}
@media (hover: hover) {
  .modal .course-modal-box .course-modal-btn a:hover:after, .modal .course-modal-box .course-modal-btn a:active:after {
    opacity: 0;
  }
}
.modal .course-modal-box.basic {
  border-color: #105DE1;
}
.modal .course-modal-box.basic h2 {
  color: #105DE1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.05em 0.8em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal .course-modal-box.basic li:not(.cross):before {
  background-image: url(../img/icon_circle_b.svg);
}
.modal .course-modal-box.basic .cross:before {
  background-image: url(../img/icon_cross.svg);
}
.modal .course-modal-box.basic .course-modal-btn {
  background: -webkit-gradient(linear, left top, right top, from(#093077), to(#105de1));
  background: linear-gradient(90deg, #093077 0%, #105de1 100%);
}
.modal .course-modal-box.basic .course-modal-btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.modal .course-modal-box.premium {
  border-color: #F68B28;
}
.modal .course-modal-box.premium h2 {
  color: #F68B28;
}
.modal .course-modal-box.premium li::before {
  background-image: url(../img/icon_circle_o.svg);
}
.modal .course-modal-box.premium .course-modal-btn {
  background: -webkit-gradient(linear, left top, right top, from(#fb5e3e), to(#f68b28));
  background: linear-gradient(90deg, #fb5e3e 0%, #f68b28 100%);
}
.modal .course-modal-box.premium .course-modal-btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#f68b28), to(#fb5e3e));
  background: linear-gradient(90deg, #f68b28 0%, #fb5e3e 100%);
}
@media only screen and (min-width: 768px) {
  .modal .premium-modal-table {
    max-width: 47.5em;
    margin: auto;
    table-layout: fixed;
  }
  .modal .premium-modal-table th, .modal .premium-modal-table td {
    border-bottom: 1px solid #061b44;
    text-align: center;
  }
  .modal .premium-modal-table thead th {
    font-weight: 700;
    font-size: 0.8125em;
    padding: 0 0.25em;
    white-space: nowrap;
  }
  .modal .premium-modal-table tbody th {
    font-size: 0.875em;
    font-weight: 700;
    width: 11.428em;
    padding: 1.95em 0.5em;
  }
  .modal .premium-modal-table tbody .price-td {
    width: 11em;
    padding: 0.5em 0.75em;
  }
  .modal .premium-modal-table tbody td:not(.price-td) {
    width: calc((min(100%, 47.5em) - 21em) / 4);
  }
  .modal .premium-modal-table tbody tr:nth-of-type(1) th {
    color: #fff;
    background: #F68B28;
  }
  .modal .premium-modal-table tbody tr:nth-of-type(2) th {
    color: #fff;
    background: #105DE1;
  }
  .modal .premium-modal-table tbody tr:nth-of-type(3) th {
    color: #434343;
    background: #DBDEE1;
  }
  .modal .premium-modal-table tbody .free {
    font-weight: 500;
    font-size: 1em;
  }
  .modal .premium-modal-table tbody .price {
    font-weight: 700;
    line-height: 1.35;
  }
  .modal .premium-modal-table tbody .unit {
    font-size: 0.9375em;
  }
  .modal .premium-modal-table tbody .no {
    font-size: 1.4375em;
  }
  .modal .premium-modal-table tbody .tax {
    font-size: 0.625em;
  }
  .modal .premium-modal-table tbody .note {
    font-size: 0.75em;
  }
  .modal .premium-modal-table-sp {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .modal .premium-modal-table {
    display: none;
  }
  .modal .premium-modal-table-sp {
    font-size: min(1em, 3vw);
    margin: auto;
    max-width: 946px;
    width: 100%;
    table-layout: fixed;
  }
  .modal .premium-modal-table-sp th:first-child {
    border-right: 2px solid #7c8690;
  }
  .modal .premium-modal-table-sp th:not(:first-child), .modal .premium-modal-table-sp td {
    border-bottom: 1px solid #7c8690;
    border-right: 2px solid #7c8690;
  }
  .modal .premium-modal-table-sp th {
    text-align: center;
  }
  .modal .premium-modal-table-sp td {
    text-align: center;
    padding: 0.95em 1%;
  }
  .modal .premium-modal-table-sp td img {
    max-width: 30%;
  }
  .modal .premium-modal-table-sp thead th {
    border-bottom: none;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1.35;
    padding: 1em 1% 0.9em;
  }
  .modal .premium-modal-table-sp thead th:nth-child(4) {
    background: #7c8690;
  }
  .modal .premium-modal-table-sp thead th:nth-child(3) {
    background: #105DE1;
  }
  .modal .premium-modal-table-sp thead th:nth-child(2) {
    background: #F68B28;
  }
  .modal .premium-modal-table-sp tbody th {
    width: 5.8em;
    padding: 0.5em 0.25em;
    font-weight: 700;
  }
  .modal .premium-modal-table-sp tbody tr:nth-child(1) td {
    padding: 0.4em 1%;
    width: calc((100% - 5.8em) / 3);
  }
  .modal .premium-modal-table-sp .free {
    font-weight: 500;
    font-size: 1.25em;
  }
  .modal .premium-modal-table-sp .price {
    font-weight: 700;
    line-height: 1.35;
  }
  .modal .premium-modal-table-sp .unit {
    font-size: 1.1875em;
  }
  .modal .premium-modal-table-sp .no {
    font-size: 1.75em;
  }
  .modal .premium-modal-table-sp .tax {
    font-size: 0.8125em;
  }
  .modal .premium-modal-table-sp .note {
    font-size: 0.75em;
  }
  .modal .md-cta .cta-message {
    font-size: 0.8em;
  }
  .modal .select-modal-header {
    display: block;
  }
  .modal .select-modal-img {
    width: 100%;
  }
  .modal .select-modal-txt {
    width: 100%;
    margin-top: 1.2em;
  }
  .modal .select-modal-btn a {
    max-width: 100%;
  }
}

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
  will-change: transform;
}

@media only screen and (min-width: 768px) {
  .sp-logo {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sp-logo {
    text-align: center;
    padding: 0.5em 3%;
  }
  .sp-logo img {
    max-width: 26vw;
  }
}

/*==============================
コンテンツ
==============================*/
.l-mv .tag {
  display: inline-block;
  padding: 0.125em 0.79em;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  border-radius: 2em;
  background: #105DE1;
}
.l-mv .mv-message {
  font-size: min(2.625em, 3.9vw);
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: 0.6em;
  margin-top: 0.3em;
}
.l-mv .mv-cta {
  max-width: 23.4375em;
  /* 内側のマル */
}
.l-mv .mv-cta ul {
  padding: 0.8em 1.8em 1em 0.8em;
  border: 2px solid;
  border-radius: 6px;
}
.l-mv .mv-cta li + li {
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #707070;
}
.l-mv .mv-cta label {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.5;
}
.l-mv .mv-cta input[type=radio] {
  -webkit-appearance: none; /* フォーム要素のスタイルを初期化 */
  vertical-align: -2px;
  font-size: 1.125em;
  width: 1em;
  height: 1em;
  border: 1px solid #A1ABB6;
  border-radius: 50%;
}
.l-mv .mv-cta input[type=radio]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}
.l-mv .mv-cta #basic:checked:before {
  background: #105DE1;
}
.l-mv .mv-cta #premium:checked:before {
  background: #F68B28;
}
.l-mv .mv-cta .recommend {
  color: #105DE1;
  font-size: 0.8125em;
  font-weight: 700;
  padding-left: 1.8em;
  line-height: 1.5;
}
.l-mv .mv-cta .note {
  color: #7c8690;
  font-size: 0.8125em;
  padding-left: 2.2em;
  line-height: 1.3;
}
.l-mv .mv-cta .btn {
  margin-top: 1em;
  max-width: 100%;
  border-radius: 6px;
}
.l-mv .mv-cta .btn a {
  padding: 1.29em 2% 1.09em 2%;
  display: block;
  font-size: 1.0625em;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.15;
  border-radius: 6px;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
  margin-bottom: 0.18em;
}
.l-mv .mv-cta .btn a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: -1;
  border-radius: 6px;
}
@media (hover: hover) {
  .l-mv .mv-cta .btn a:hover:after, .l-mv .mv-cta .btn a:active:after {
    opacity: 0;
  }
}
.l-mv .mv-cta .btn.basic {
  background: -webkit-gradient(linear, left top, right top, from(#093077), to(#105de1));
  background: linear-gradient(90deg, #093077 0%, #105de1 100%);
}
.l-mv .mv-cta .btn.basic a:after {
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.l-mv .mv-cta .pp {
  text-align: center;
  margin-top: 0.5em;
}
.l-mv .mv-cta .pp a {
  text-decoration: underline;
  color: #105DE1;
  font-size: 0.625em;
}
.l-mv .mv-cta .pp a:hover, .l-mv .mv-cta .pp a:active {
  text-decoration: none;
}
.l-mv .mv-cta.st-basic ul {
  border-color: #105DE1;
}
.l-mv .mv-cta.st-basic .btn {
  background: -webkit-gradient(linear, left top, right top, from(#093077), to(#105de1));
  background: linear-gradient(90deg, #093077 0%, #105de1 100%);
}
.l-mv .mv-cta.st-basic .btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.l-mv .mv-cta.st-premium ul {
  border-color: #F68B28;
}
.l-mv .mv-cta.st-premium .btn {
  background: -webkit-gradient(linear, left top, right top, from(#fb5e3e), to(#f68b28));
  background: linear-gradient(90deg, #fb5e3e 0%, #f68b28 100%);
}
.l-mv .mv-cta.st-premium .btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#f68b28), to(#fb5e3e));
  background: linear-gradient(90deg, #f68b28 0%, #fb5e3e 100%);
}
.l-mv .mv-note {
  font-size: 0.625em;
  line-height: 1.5;
  margin-top: 3em;
}
.l-mv .mv-note dt + dd,
.l-mv .mv-note dd + dd {
  margin-top: 0.3em;
}
.l-mv .mv-note dd {
  position: relative;
  padding-left: 1em;
}
.l-mv .mv-note dd:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0.2em;
}
.l-mv .mv-note a {
  color: #105DE1;
  text-decoration: underline;
}
.l-mv .mv-note a:hover, .l-mv .mv-note a:active {
  text-decoration: none;
}
.l-mv.mv-01 {
  background: #105DE1;
  overflow: hidden;
}
.l-mv.mv-01 .mv-sp-base {
  position: relative;
  margin-left: auto;
  display: grid;
  place-items: center;
  z-index: 1;
}
.l-mv.mv-02 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.l-mv.mv-02 .mv-img {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.l-mv.mv-02 .mv-img-slide {
  aspect-ratio: 1625/275;
  width: 100%;
}
.l-mv.mv-02 .mv-img-slide + .mv-img-slide {
  margin-top: 0.75em;
}
.l-mv.mv-02 .mv-img-01 {
  background: url(../img/mv02_img_01@2x.png) repeat-x;
  background-position: 0 0;
}
.l-mv.mv-02 .mv-img-02 {
  background: url(../img/mv02_img_02@2x.png) repeat-x;
}
.l-mv.mv-02 .mv-img-03 {
  background: url(../img/mv02_img_03@2x.png) repeat-x;
  background-position: 0 0;
}
.l-mv.mv-03 {
  padding-bottom: 3.125em;
}
.l-mv.mv-03 .logo {
  margin-top: 0.875em;
  margin-bottom: 1.5em;
}
.l-mv.mv-03 .mv-article-large .mv-article-txt {
  margin-top: 1em;
}
@media (hover: hover) {
  .l-mv.mv-03 a:hover img, .l-mv.mv-03 a:active img {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .l-mv.mv-03 a:hover .mv-article-btn, .l-mv.mv-03 a:active .mv-article-btn {
    background-color: #0d49b1;
  }
}
.l-mv.mv-03 .mv-article-img {
  overflow: hidden;
}
.l-mv.mv-03 .mv-article-img img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.l-mv.mv-03 .mv-article-ttl {
  font-weight: 700;
  line-height: 1.5625;
}
.l-mv.mv-03 .mv-article-disc {
  line-height: 1.875;
  margin-top: 1em;
}
.l-mv.mv-03 .mv-article-btn {
  margin-top: 1.6em;
  padding: 0.762em 3%;
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 1.375em;
  font-weight: 700;
  text-align: center;
  background: #105DE1;
  border-radius: 6px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.l-mv.mv-03 .mv-article-list li {
  border-bottom: 1px solid #dbdee1;
  padding-bottom: 1em;
}
.l-mv.mv-03 .mv-article-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.l-mv.mv-03 .mv-article-list .mv-article-img {
  width: 41.8%;
}
.l-mv.mv-03 .mv-article-list .mv-article-txt {
  width: 54.7%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  letter-spacing: 0.05em;
  font-weight: 700;
  line-height: 1.25;
}
@media only screen and (min-width: 768px) {
  .l-mv .mv-txt {
    width: 49%;
    padding: 0.75em min(3em, 3.125vw) 2.5em 0;
    -webkit-filter: drop-shadow(6px 0 24px rgba(0, 0, 0, 0.4));
            filter: drop-shadow(6px 0 24px rgba(0, 0, 0, 0.4));
    -o-border-image:  linear-gradient(#fff,#fff) 0//0 0 0 100vw;
       border-image:  -webkit-gradient(linear,left top, left bottom,from(#fff),to(#fff)) fill 0//0 0 0 100vw;
       border-image:  linear-gradient(#fff,#fff) fill 0//0 0 0 100vw;
    min-width: 25em;
  }
  .l-mv .tag {
    margin-top: 1.55em;
  }
  .l-mv.mv-01 .mv-01-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-mv.mv-01 .mv-txt {
    padding: 1.75em 1% 2.5em 0;
    width: 50.7%;
  }
  .l-mv.mv-01 .mv-img {
    width: 49.3%;
    max-width: calc(98% - 25em);
    padding-top: 1.75em;
    min-width: 390px;
  }
  .l-mv.mv-01 .mv-sp-base {
    margin-right: max(-25%, 162px - 25vw);
    margin-left: min(0px, -48.689px + 4.126vw);
    height: 100%;
  }
  .l-mv.mv-01 .smartphone {
    height: 100%;
  }
  .l-mv.mv-01 .smartphone img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
    width: 100%;
    height: 100%;
  }
  .l-mv.mv-02 .mv-txt {
    padding: 1.75em 1% 2.5em 0;
    width: 50.7%;
  }
  .l-mv.mv-02 .mv-img {
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f4f8), color-stop(62.56%, #f1f4f8), to(#a5a7ac));
    background: linear-gradient(#f1f4f8 0%, #f1f4f8 62.56%, #a5a7ac 100%);
  }
  .l-mv.mv-02 .mv-img-slide {
    height: 275px;
  }
  .l-mv.mv-02 .mv-img-01,
  .l-mv.mv-02 .mv-img-03 {
    background-size: 1625px;
    -webkit-animation: bgloop 20s linear infinite;
            animation: bgloop 20s linear infinite;
  }
  .l-mv.mv-02 .mv-img-02 {
    background-size: 1625px;
    background-position: -1625px 0;
    -webkit-animation: bgloop2 20s linear infinite;
            animation: bgloop2 20s linear infinite;
  }
  .l-mv.mv-03 .mv-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-mv.mv-03 .mv-article-large {
    width: 62.7%;
  }
  .l-mv.mv-03 .mv-article-ttl {
    font-size: min(2em, 3.5vw);
  }
  .l-mv.mv-03 .mv-article-list {
    width: 32.36%;
  }
  .l-mv.mv-03 .mv-article-list li + li {
    padding-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .l-mv .mv-message {
    font-size: min(1.875em, 5vw);
  }
  .l-mv .mv-txt {
    position: relative;
    z-index: 3;
    padding: 0.75em 0 2.5em;
    margin: 0 auto 0;
    background: #fff;
    max-inline-size: -webkit-max-content;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
    text-align: center;
  }
  .l-mv .mv-txt .logo {
    display: none;
  }
  .l-mv .mv-cta {
    margin: auto;
    text-align: left;
  }
  .l-mv .mv-note {
    text-align: left;
    max-inline-size: -webkit-max-content;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
    margin-inline: auto;
  }
  .l-mv .mv-img {
    margin-bottom: 1em;
  }
  .l-mv.mv-01 {
    background: #fff;
  }
  .l-mv.mv-01 .wrap {
    padding: 0;
  }
  .l-mv.mv-01 .logo {
    padding-bottom: 0.5em;
    -o-border-image: linear-gradient(#fff,#fff) 0//0 100vw 0 100vw;
       border-image: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#fff)) fill 0//0 100vw 0 100vw;
       border-image: linear-gradient(#fff,#fff) fill 0//0 100vw 0 100vw;
  }
  .l-mv.mv-01 .mv-01-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .l-mv.mv-01 .mv-img {
    width: 100%;
    aspect-ratio: 600/300;
    overflow: hidden;
    background: #105DE1;
  }
  .l-mv.mv-01 .mv-txt {
    max-width: 93.75%;
  }
  .l-mv.mv-01 .mv-sp-base {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .l-mv.mv-01 .copy {
    width: 50%;
    text-align: center;
  }
  .l-mv.mv-01 .copy img {
    max-width: 88%;
    display: block;
    margin-left: auto;
  }
  .l-mv.mv-01 .smartphone {
    -ms-flex-item-align: start;
        align-self: flex-start;
    width: 50%;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .l-mv.mv-01 .smartphone img {
    max-width: 55vw;
    margin-left: -10%;
  }
  .l-mv.mv-02 .mv-02-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .l-mv.mv-02 .mv-img {
    position: static;
    width: 100%;
    aspect-ratio: 600/300;
    overflow: hidden;
  }
  .l-mv.mv-02 .mv-img-01 {
    background-image: url(../img/mv02_img_01.png);
  }
  .l-mv.mv-02 .mv-img-02 {
    background-image: url(../img/mv02_img_02.png);
  }
  .l-mv.mv-02 .mv-img-03 {
    background-image: url(../img/mv02_img_03.png);
  }
  .l-mv.mv-02 .mv-img-slide {
    height: 14vw;
  }
  .l-mv.mv-02 .mv-img-01,
  .l-mv.mv-02 .mv-img-03 {
    background-size: 82vw;
    -webkit-animation: spbgloop 20s linear infinite;
            animation: spbgloop 20s linear infinite;
  }
  .l-mv.mv-02 .mv-img-02 {
    background-size: 82vw;
    background-position: -82vw 0;
    -webkit-animation: spbgloop2 20s linear infinite;
            animation: spbgloop2 20s linear infinite;
  }
  .l-mv.mv-03 .mv-article-ttl {
    font-size: min(2em, 7vw);
  }
  .l-mv.mv-03 .mv-article-list {
    margin-top: min(5em, 10.4vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1em 4%;
  }
  .l-mv.mv-03 .mv-article-list li {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  .l-mv.mv-03 .mv-article-list li {
    width: 100%;
  }
}

@-webkit-keyframes bgloop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1625px 0;
  }
}

@keyframes bgloop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1625px 0;
  }
}
@-webkit-keyframes bgloop2 {
  from {
    background-position: -1625px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes bgloop2 {
  from {
    background-position: -1625px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes spbgloop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -82vw 0;
  }
}
@keyframes spbgloop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -82vw 0;
  }
}
@-webkit-keyframes spbgloop2 {
  from {
    background-position: -82vw 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes spbgloop2 {
  from {
    background-position: -82vw 0;
  }
  to {
    background-position: 0 0;
  }
}
.lp-select {
  padding: 5em 0 0;
  background: #E2F0FF url(../img/img_anatoku_02@2x.png) no-repeat calc(50% + min(22.5em, 38vw)) 1em/min(10em, 20%);
}
.lp-select .select-tab {
  padding-left: max((100% - 1100px) / 2, 3.125%);
  margin-bottom: -4px;
}
.lp-select .swiper-slide {
  width: 16.4375em;
  height: auto;
}
.lp-select .swiper-slide.active .select-tab-inner {
  background: #fff;
  border: 4px solid;
  border-bottom: 0;
}
.lp-select .select-tab-inner {
  padding: 0 2%;
  background: #dbdee1;
  border-radius: 0.66em 0.66em 0 0;
  height: 3.9em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.33;
  text-align: center;
  font-size: 1.125em;
  font-weight: 700;
}
@media (hover: hover) {
  .lp-select .select-tab-inner {
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
  .lp-select .select-tab-inner:hover {
    background: #fff;
  }
}
.lp-select .select-main {
  padding-bottom: 5em;
  border-top: 4px solid;
  background: #fff;
}
.lp-select .select-main .note {
  margin-top: 1.5em;
  text-align: right;
  font-size: 0.75em;
}
.lp-select .select-main .select-ranking-list {
  margin-top: 2em;
  display: grid;
  gap: 2.9em 1em;
  counter-reset: number 0;
}
.lp-select .select-main .select-ranking-list .select-ranking-item a {
  display: block;
  height: 100%;
}
@media (hover: hover) {
  .lp-select .select-main .select-ranking-list .select-ranking-item a:hover img, .lp-select .select-main .select-ranking-list .select-ranking-item a:active img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  .lp-select .select-main .select-ranking-list .select-ranking-item a:hover .btn, .lp-select .select-main .select-ranking-list .select-ranking-item a:active .btn {
    color: #fff;
    background: #105DE1;
  }
}
.lp-select .select-main .select-ranking-img {
  -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
  position: relative;
}
.lp-select .select-main .select-ranking-img:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: calc(100% + 6px);
  height: 100%;
  background: url(../img/img_select_book@2x.png) no-repeat right center;
}
.lp-select .select-main .select-ranking-img img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.lp-select .select-main .select-ranking-imginner {
  overflow: hidden;
}
.lp-select .select-main .select-ranking-imginner img {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.lp-select .select-main .select-ranking-txt {
  font-weight: 500;
  font-size: 0.875em;
  padding-left: 2.8em;
  padding-top: 0.79em;
  line-height: 1.42;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 1;
  padding-bottom: 0.1em;
}
.lp-select .select-main .select-ranking-txt:before {
  position: absolute;
  left: 1.5%;
  bottom: -0.05em;
  font-size: 4.375em;
  color: #6398F5;
  font-weight: 700;
  counter-increment: number 1;
  line-height: 0.9;
  content: counter(number);
  z-index: -2;
  letter-spacing: -0.1em;
}
.lp-select .select-main .select-ranking-txt:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(53.2%, rgba(255, 255, 255, 0.64)), to(#fff));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.64) 53.2%, #fff 100%);
  z-index: -1;
}
.lp-select .select-main .btn {
  padding: 0.65em 0.5em;
  margin-top: 0.9em;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
  border: 1px solid #105DE1;
  border-radius: 3px;
  font-size: 0.9375em;
  font-weight: 700;
  color: #105DE1;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
@media only screen and (min-width: 768px) {
  .lp-select .swiper-slide {
    font-size: min(1em, 1.6vw);
  }
  .lp-select .swiper-button-next {
    display: none;
  }
  .lp-select .select-ranking-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .lp-select .swiper-slide {
    font-size: min(1em, 3vw);
  }
  .lp-select .swiper-button-next {
    right: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: rgba(255, 255, 255, 0.5) url(../img/icon_arw_02_r_b.svg) no-repeat 40% center/0.625em;
    -webkit-animation: btn-anim 4s ease-in-out infinite;
            animation: btn-anim 4s ease-in-out infinite;
  }
  .lp-select .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
  .lp-select .select-ranking-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .lp-select .select-ranking-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@-webkit-keyframes btn-anim {
  0%, 40%, 46%, 50%, 100% {
    background-position: 40% center;
  }
  42%, 44%, 48% {
    background-position: 70% center;
  }
}

@keyframes btn-anim {
  0%, 40%, 46%, 50%, 100% {
    background-position: 40% center;
  }
  42%, 44%, 48% {
    background-position: 70% center;
  }
}
.lp-reporter {
  padding: 5em 0 0;
  background: #E2F0FF;
}
.lp-reporter .wrap {
  container-type: inline-size;
  position: relative; /*20241205ADD*/
}
.lp-reporter .reporter-list {
  display: grid;
  gap: 1.4cqw;
  margin-bottom: 2.5em;
}
.lp-reporter .reporter-list li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  background: #fff;
  border-radius: 6px;
  text-align: center;
  padding: 1.4cqw 1.4cqw 1.8cqw;
  position: relative;
}
.lp-reporter .reporter-list .tag {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.6875em;
  background: #F68B28;
  color: #fff;
  line-height: 1.5;
  padding: 0.3em 0.6em 0.2em;
}
.lp-reporter .reporter-list-txt {
  margin-top: min(1em, 1.8cqw);
  font-size: 0.875em;
  font-weight: 700;
  line-height: 1.42;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-reporter .reporter-photo {
  padding: 1.875em 0 1.5em;
  background: #061B44;
  color: #fff;
  text-align: center;
}
.lp-reporter .reporter-photo .reporter-photo-list {
  margin: 0 1em;
}
.lp-reporter .reporter-photo a {
  color: #fff;
}
.lp-reporter .reporter-photo .swiper-slide {
  width: 6.76em;
}
.lp-reporter .reporter-photo .reporter-photo-img {
  overflow: hidden;
  border-radius: 50%;
  margin: auto;
  aspect-ratio: 1/1;
  width: 44px;
  height: 44px;
}
.lp-reporter .reporter-photo .reporter-photo-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-reporter .reporter-photo .reporter-photo-txt {
  font-size: 0.75em;
  font-weight: 500;
  margin-top: 0.3em;
}
.lp-reporter .reporter-photo .swiper-button-prev,
.lp-reporter .reporter-photo .swiper-button-next {
  height: 1em;
  width: 0.625em;
  margin: auto;
  top: 0;
  bottom: 0;
}
.lp-reporter .reporter-photo .reporter-photo-ctrl {
  max-width: 1100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 93.75%;
  height: 100%;
}
.lp-reporter .reporter-photo .swiper-button-prev {
  left: 0em;
  background: url(../img/icon_arw_02_l.svg) no-repeat center/contain;
}
.lp-reporter .reporter-photo .swiper-button-next {
  right: 0em;
  background: url(../img/icon_arw_02_r.svg) no-repeat center/contain;
}
@media only screen and (min-width: 768px) {
  .lp-reporter .reporter-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .lp-reporter .reporter-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .lp-reporter .reporter-list-img {
    padding-top: 1em;
    max-width: 60%;
    margin: auto;
  }
}

.lp-scoop {
  padding: 5em 0;
  background: url(../img/img_anatoku_03@2x.png) no-repeat calc(50% - min(34em, 43vw)) 0/min(12.625em, 20%);
}
.lp-scoop .scoop-list a {
  display: block;
}
.lp-scoop .scoop-list a:hover .scoop-list-reporter img, .lp-scoop .scoop-list a:active .scoop-list-reporter img {
  opacity: 1;
}
.lp-scoop .scoop-list-img {
  position: relative;
  background: #fff;
}
.lp-scoop .scoop-list-img:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  bottom: 0;
  height: 4.25em;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(34.98%, rgba(0, 0, 0, 0.85)), to(#000));
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 34.98%, #000 100%);
}
.lp-scoop .scoop-list-img p {
  position: absolute;
  margin: 0.85em 3.3%;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 0.875em;
  color: #fff;
  line-height: 1.42;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.lp-scoop .scoop-list-img img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.lp-scoop .scoop-list-reporter {
  margin-top: 1.25em;
  font-weight: 500;
}
.lp-scoop .scoop-list-reporter .scoop-list-avater {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 48px;
  height: 48px;
}
.lp-scoop .scoop-list-reporter .scoop-list-avater img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .lp-scoop .scoop-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.4%;
       -moz-column-gap: 1.4%;
            column-gap: 1.4%;
  }
}
@media only screen and (max-width: 767px) {
  .lp-scoop .scoop-list li {
    width: 100%;
    max-width: 480px;
    margin: auto;
  }
  .lp-scoop .scoop-list li + li {
    margin-top: 2em;
  }
  .lp-scoop .scoop-list-img img {
    width: 100%;
  }
}

.lp-about {
  background: url(../img/img_about_bg@2x.png) no-repeat center/cover;
}
.lp-about .wrap {
  container-type: inline-size;
}
.lp-about .lp-ttl {
  color: #fff;
}
.lp-about .lp-ttl .lp-ttl-en {
  color: #fff;
}
.lp-about .about-list {
  display: grid;
}
.lp-about .about-list li {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .lp-about {
    padding: 5em 0 3.3em;
  }
  .lp-about .about-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.8cqw;
  }
}
@media only screen and (max-width: 767px) {
  .lp-about {
    padding: 5em 0;
  }
  .lp-about .about-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5cqw;
  }
  .lp-about .about-list img {
    width: 100%;
  }
}

.lp-beginners {
  padding: 5em 0;
}
.lp-beginners h3 {
  margin-bottom: 1.2em;
  line-height: 1.35;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
.lp-beginners .beginners-table {
  margin: auto;
  max-width: 946px;
  width: 100%;
  table-layout: fixed;
}
.lp-beginners .beginners-table th:first-child {
  border-right: 2px solid #7c8690;
}
.lp-beginners .beginners-table th:not(:first-child), .lp-beginners .beginners-table td {
  border-bottom: 1px solid #7c8690;
  border-right: 2px solid #7c8690;
}
.lp-beginners .beginners-table th {
  text-align: center;
}
.lp-beginners .beginners-table td {
  text-align: center;
  padding: 0.95em 1%;
}
.lp-beginners .beginners-table td img {
  max-width: 30%;
}
.lp-beginners .beginners-table thead th {
  border-bottom: none;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.35;
  padding: 1em 1% 0.9em;
}
.lp-beginners .beginners-table thead th:nth-child(2) {
  background: #7c8690;
}
.lp-beginners .beginners-table thead th:nth-child(3) {
  background: #105DE1;
}
.lp-beginners .beginners-table thead th:nth-child(4) {
  background: #F68B28;
}
.lp-beginners .beginners-table tbody th {
  font-weight: 700;
}
.lp-beginners .beginners-table tbody tr:nth-child(1) td {
  padding: 0.4em 1%;
}
.lp-beginners .beginners-table .free {
  font-weight: 500;
  font-size: 1.25em;
}
.lp-beginners .beginners-table .price {
  font-weight: 700;
  line-height: 1.35;
}
.lp-beginners .beginners-table .unit {
  font-size: 1.1875em;
}
.lp-beginners .beginners-table .no {
  font-size: 1.75em;
}
.lp-beginners .beginners-table .tax {
  font-size: 0.8125em;
}
.lp-beginners .beginners-table .note {
  font-size: 0.75em;
}
@media only screen and (min-width: 768px) {
  .lp-beginners .beginners-table {
    font-size: min(1em, 3vw);
  }
  .lp-beginners .beginners-table th:first-child {
    width: 8.8em;
  }
  .lp-beginners .beginners-table td {
    width: calc((100% - 8.8em) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .lp-beginners .beginners-table {
    font-size: min(1em, 3vw);
  }
  .lp-beginners .beginners-table th:first-child {
    width: 5.8em;
    padding: 0.5em 0.25em;
  }
  .lp-beginners .beginners-table td {
    width: calc((100% - 5.8em) / 3);
  }
}

.lp-course .course-box {
  padding-left: clamp(0px, -171.886px + 22.381vw, 94px);
}
.lp-course .course-disc {
  font-size: 1.125em;
  font-weight: 500;
}
.lp-course h2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.3em;
}
.lp-course .course-body {
  line-height: 1.875em;
  margin-bottom: 1em;
}
.lp-course .course-list {
  display: grid;
  gap: 0.75em;
}
.lp-course .course-list li {
  text-align: center;
  border-radius: 6px;
  padding: 1.4em 1% 1.8em;
  font-weight: 500;
  font-size: min(0.875em, 1.2vw);
}
.lp-course .course-list li p {
  margin-top: 0.5em;
}
.lp-course .course-btn {
  margin-top: 2.5em;
  max-width: 28.125em;
  border-radius: 6px;
}
.lp-course .course-btn a {
  display: block;
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.15;
  color: #fff;
  padding: 1.9145em 1% 1.7145em 1%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.lp-course .course-btn a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 6px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .lp-course .course-btn a:hover:after, .lp-course .course-btn a:active:after {
    opacity: 0;
  }
}
.lp-course .course-btn .sub {
  font-size: 1.66em;
  display: block;
  letter-spacing: normal;
}
.lp-course .note {
  margin-top: 1.875em;
}
.lp-course .note li {
  font-size: 0.6875em;
  padding-left: 1.25em;
  position: relative;
  line-height: 1.45;
}
.lp-course .note li:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.lp-course .note li + li {
  margin-top: 0.5em;
}
.lp-course .basic {
  padding: 3.75em 0;
}
.lp-course .basic h2 {
  color: #105DE1;
}
.lp-course .basic .course-list li {
  background: #fff;
}
.lp-course .basic .course-btn {
  background: -webkit-gradient(linear, left top, right top, from(#093077), to(#105de1));
  background: linear-gradient(90deg, #093077 0%, #105de1 100%);
}
.lp-course .basic .course-btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#105de1), to(#093077));
  background: linear-gradient(90deg, #105de1 0%, #093077 100%);
}
.lp-course .premium {
  padding: 3.75em 0;
  color: #fff;
}
.lp-course .premium h2 {
  color: #F68B28;
}
.lp-course .premium .course-list li {
  background: #FDE8D4;
  color: #1B1C21;
}
.lp-course .premium .course-btn {
  background: -webkit-gradient(linear, left top, right top, from(#fb5e3e), to(#f68b28));
  background: linear-gradient(90deg, #fb5e3e 0%, #f68b28 100%);
}
.lp-course .premium .course-btn a:after {
  background: -webkit-gradient(linear, left top, right top, from(#f68b28), to(#fb5e3e));
  background: linear-gradient(90deg, #f68b28 0%, #fb5e3e 100%);
}
@media only screen and (min-width: 768px) {
  .lp-course .basic {
    background: #E2F0FF url(../img/img_course_01@2x.png) no-repeat right max((100vw - 1100px) / 2, 3.125%) top 38%/min(29em, 41%);
  }
  .lp-course .premium {
    background: #061B44 url(../img/img_course_02@2x.png) no-repeat right max((100vw - 1100px) / 2, 3.125%) top 32%/min(27.125em, 41%);
  }
  .lp-course .course-list {
    width: 33.125em;
    grid-template-columns: repeat(4, 1fr);
  }
  .lp-course .course-body {
    max-width: 26.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1188px) {
  .lp-course .course-list {
    max-width: 53%;
  }
}
@media only screen and (max-width: 960px) {
  .lp-course .course-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .lp-course .course-list li {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 767px) {
  .lp-course .course-disc,
  .lp-course h2 {
    text-align: center;
  }
  .lp-course .course-img {
    padding: 2em 5%;
    text-align: center;
  }
  .lp-course .course-list {
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, calc((100% - 2.25em) / 4));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lp-course .course-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .lp-course .note {
    max-width: 28.125em;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lp-course .basic {
    background: #E2F0FF;
  }
  .lp-course .premium {
    background: #061B44;
  }
  .lp-course .course-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.lp-voice {
  padding: 5em 0;
  background: url(../img/img_anatoku_04@2x.png) no-repeat calc(50% + min(31em, 41vw)) 2.5em/min(12.1875em, 20%);
}
.lp-voice .voice-list {
  display: grid;
  gap: 1.875em 1.45%;
}
.lp-voice .voice-list > li {
  border: 1px solid #dbdee1;
  border-radius: 6px;
  padding: 1.25em 6% 2.8em;
  background: #fff;
}
.lp-voice .voice-list p {
  font-weight: 500;
  line-height: 1.875;
}
.lp-voice .voice-list p + p {
  margin-top: 1.875em;
}
.lp-voice .voice-prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.125em;
  margin-bottom: 0.65em;
}
.lp-voice .voice-prof-img {
  width: 3.5em;
}
.lp-voice .voice-prof-name {
  font-weight: 700;
  font-size: 1.375em;
  line-height: 1.5;
}
.lp-voice .voice-prof-name:after {
  font-size: 0.75em;
  content: "さん";
  display: inline;
  padding-left: 0.125em;
}
.lp-voice .md-cta {
  margin-top: 3.8em;
}
@media only screen and (min-width: 768px) {
  .lp-voice .voice-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .lp-voice .voice-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .lp-voice .voice-prof-name {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 480px) {
  .lp-voice .voice-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.lp-app {
  padding: 6.75em 0 5em;
  background: #E7F3FE url(../img/img_app_bg@2x.jpg) no-repeat right top/min(1500px, 100%);
}
.lp-app .app-header {
  width: 946px;
  max-width: 100%;
  margin: auto;
  position: relative;
  width: 946px;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(7.8299999237px);
          backdrop-filter: blur(7.8299999237px);
  --webkit-backdrop-filter: blur(7.829999923706055px);
  background-color: rgba(255, 255, 255, 0.6637);
}
.lp-app .app-header:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 1%;
  margin: auto;
  position: absolute;
  background: url(../img/img_app_01@2x.png) no-repeat center/contain;
}
.lp-app .app-header-txt {
  text-align: center;
}
.lp-app .app-header-txt h2 {
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em;
}
.lp-app .app-header-txt h2:before {
  content: "";
  width: 2.236em;
  height: 2.236em;
  display: inline-block;
  margin-right: 0.42em;
  background: url(../img/img_app_02@2x.png) no-repeat left center/contain;
  vertical-align: middle;
}
.lp-app .app-header-txt p {
  font-weight: 700;
  line-height: 1.588;
}
.lp-app h3 {
  margin-bottom: 2em;
  text-align: center;
  font-size: min(1.875em, 5.53vw);
  font-weight: 700;
}
.lp-app .app-flow {
  max-width: 946px;
  margin: auto;
  counter-reset: number 0;
}
.lp-app .app-flow li {
  position: relative;
  padding-top: 2.275em;
}
.lp-app .app-flow li:before {
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  top: -0.2em;
  left: 0;
  font-size: 5.375em;
  font-weight: 700;
  color: rgba(99, 152, 245, 0.8);
  line-height: 1;
}
.lp-app .app-flow p {
  margin-top: 1.4em;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.6;
}
.lp-app .app-flow-img img {
  border-radius: 50%;
}
.lp-app .app-btn-list {
  margin-top: 3.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em 1.4%;
}
.lp-app .app-btn-list img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 768px) {
  .lp-app .app-header {
    padding-left: 18.25em;
  }
  .lp-app .app-header:after {
    width: 18.0625em;
    height: 26.9375em;
  }
  .lp-app .app-header-txt {
    padding: 2.875em 2% 4em;
    margin-bottom: 5em;
  }
  .lp-app .app-header-txt h2 {
    font-size: min(2.375em, 4vw);
  }
  .lp-app .app-header-txt p {
    font-size: min(2.125em, 3.57vw);
  }
  .lp-app .app-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em 6.5%;
  }
  .lp-app .app-flow li {
    width: 29%;
  }
}
@media only screen and (max-width: 767px) {
  .lp-app .app-header {
    padding-left: 20%;
  }
  .lp-app .app-header:after {
    width: 18vw;
    display: block;
    aspect-ratio: 289/431;
    padding-left: 5%;
    margin: auto;
  }
  .lp-app .app-header-txt {
    padding: 6vw 2% 8.32vw;
    margin-bottom: 10.4vw;
  }
  .lp-app .app-header-txt h2 {
    font-size: min(2.375em, 5.6vw);
  }
  .lp-app .app-header-txt p {
    font-size: min(2.125em, 5.1vw);
  }
  .lp-app .app-flow {
    margin: auto;
    width: min(400px, 80%);
  }
  .lp-app .app-flow li + li {
    margin-top: 12vw;
  }
  .lp-app .app-flow-img {
    max-width: 275px;
    margin: auto;
  }
}

.lp-qa {
  padding: 5em 0 min(8.8em, 25vw);
}
.lp-qa .qa-list {
  max-width: 948px;
  margin: auto;
}
.lp-qa .qa-list div {
  border: 2px solid #dbdee1;
  border-radius: 12px;
  padding: 2.3em 5.5%;
}
.lp-qa .qa-list div + div {
  margin-top: 1.875em;
}
.lp-qa .qa-list dt {
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.63;
  position: relative;
  padding: 0.4em 0em 0.5em 3em;
}
.lp-qa .qa-list dt:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 2.27em;
  height: 2.27em;
  background: #105DE1;
  border-radius: 50%;
}
.lp-qa .qa-list dt:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "Q";
  color: #fff;
  width: 1.5625em;
  height: 1.5625em;
  font-size: 1.454em;
  font-weight: 700;
  line-height: 1.5625;
  text-align: center;
}
.lp-qa .qa-list dd {
  font-size: 1.125em;
  line-height: 1.88;
  margin-top: 0.6em;
  padding: 1.76em 0 0 3.66em;
  position: relative;
  border-top: 1px solid #dbdee1;
}
.lp-qa .qa-list dd:before {
  position: absolute;
  left: 0;
  top: 1.7em;
  content: "";
  width: 2.77em;
  height: 2.77em;
  border-radius: 50%;
  background: #F68B28 url(../img/img_anatoku_05.svg) no-repeat center/90%;
}
.lp-qa .qa-list p + p {
  margin-top: 1em;
}
.lp-qa .qa-list a {
  color: #105DE1;
  text-decoration: underline;
}
@media (hover: hover) {
  .lp-qa .qa-list a:hover, .lp-qa .qa-list a:active {
    text-decoration: none;
  }
}
.lp-qa .md-cta {
  margin-top: 3.6em;
}

/*==============================
フッター
==============================*/
.l-footer {
  padding: 3.75em 0;
  background: #061b44;
  text-align: center;
}
.l-footer .footer-logo {
  max-width: 60%;
  margin: auto;
}
.l-footer .copyright {
  color: #fff;
  margin-top: 4.1em;
  font-size: 0.875em;
  letter-spacing: 0.07em;
}

.sticky .btn {
  position: fixed;
  right: min(3.125%, 1em);
  top: 1em;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  z-index: 50;
  display: none;
}
.sticky .btn a {
  display: block;
  border: 2px solid #F68B28;
  font-size: 0.8125em;
  font-weight: 700;
  border-radius: 6px;
  padding: 0.56em 1.41em;
  line-height: 1.5;
}
@media (hover: hover) {
  .sticky .btn a {
    -webkit-transition: border 0.3s, color 0.3s, background 0.3s;
    transition: border 0.3s, color 0.3s, background 0.3s;
  }
}
.sticky .entry a {
  color: #fff;
  background: #F68B28;
}
@media (hover: hover) {
  .sticky .entry a:hover, .sticky .entry a:active {
    border-color: #105DE1;
    background: #105DE1;
  }
}
.sticky .login a {
  color: #F68B28;
  background: #fff;
}
@media (hover: hover) {
  .sticky .login a:hover, .sticky .login a:active {
    color: #105DE1;
    border-color: #105DE1;
  }
}
.sticky .to-top {
  position: fixed;
  right: 0;
  bottom: 3.75em;
  z-index: 53;
}
.sticky .to-top a {
  display: block;
  width: 4em;
  height: 4.125em;
  background: #fff url(../img/icon_arw_01.svg) no-repeat center/1.2375em;
  border: 3px solid #105DE1;
  border-radius: 12px 0 0 12px;
  border-right: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (hover: hover) {
  .sticky .to-top a:hover, .sticky .to-top a:active {
    background-color: #105DE1;
    background-image: url(../img/icon_arw_01_w.svg);
  }
}