@charset "UTF-8";
.mod-freeHTML #beginner-lp-wrraper h1,
.mod-freeHTML #beginner-lp-wrraper h2,
.mod-freeHTML #beginner-lp-wrraper h3 {
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}
.mod-freeHTML #beginner-lp-wrraper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-freeHTML #beginner-lp-wrraper p {
  margin: 0;
}
.mod-freeHTML #beginner-lp-wrraper img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.mod-freeHTML #beginner-lp-wrraper img[src$=".svg"] {
  width: 100%;
}
.mod-freeHTML #beginner-lp-wrraper sup {
  font-size: 0.714em;
}
.mod-freeHTML #beginner-lp-wrraper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML #beginner-lp-wrraper *::after, .mod-freeHTML #beginner-lp-wrraper *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mod-freeHTML #beginner-lp-wrraper input[type=text] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0;
  border: none;
  height: 1.5em;
}
.mod-freeHTML #beginner-lp-wrraper table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
.mod-freeHTML #beginner-lp-wrraper th, .mod-freeHTML #beginner-lp-wrraper td {
  vertical-align: top;
  border: none;
  font-weight: normal;
  text-align: left;
}
.mod-freeHTML #beginner-lp-wrraper caption {
  text-align: left;
}

/* ========================================

common style

========================================*/
.mod-freeHTML #beginner-lp-wrraper {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 10px;
}
.mod-freeHTML #beginner-lp-wrraper * {
  min-height: 0vw; /* Safari clamp関数対策 */
  line-height: 1.75em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .u-pc {
    display: none;
  }
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .u-sp {
    display: none;
  }
}
.mod-freeHTML #beginner-lp-wrraper .iBlock {
  display: inline-block;
}
.mod-freeHTML #beginner-lp-wrraper .l-blank-anchor {
  margin-top: -8.1300813008%;
  padding-top: 8.1300813008%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-blank-anchor {
    margin-top: -14.2857142857%;
    padding-top: 14.2857142857%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-sec {
  background: #FFFFFF;
  margin-bottom: 8.1300813008%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-sec {
    margin-bottom: 14.2857142857%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 5.2845528455% 5.2845528455%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-inner {
    padding: 7.1428571429% 5.3571428571%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-txt-blue {
  color: #008ca8;
}
.mod-freeHTML #beginner-lp-wrraper .l-txt-link {
  text-decoration: underline;
}
.mod-freeHTML #beginner-lp-wrraper .l-txt-link:hover {
  text-decoration: none;
}
.mod-freeHTML #beginner-lp-wrraper .l-voice {
  margin: 0 0 1.6260162602% 5.2845528455%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-voice {
    margin: 0 0 3.5714285714% 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-voice__txt {
  min-width: 45.4545454545%;
  margin-right: 1.2em;
  padding: 1em 2em;
  background: #e7e7e7;
  border-radius: 1em;
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-voice__txt {
    min-width: auto;
    margin-right: 1em;
    padding: 0.75em 1em;
    font-size: min(3.75vw, 2.4em);
    text-align: left;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-voice__txt::after {
  content: "";
  border-top: solid 0.75em #e7e7e7;
  border-right: solid 0.75em transparent;
  border-bottom: solid 0.75em transparent;
  border-left: solid 0.75em #e7e7e7;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(1.2em, -50%);
}
.mod-freeHTML #beginner-lp-wrraper .l-voice__img {
  width: 11.8181818182%;
  max-width: 130px;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-voice__img {
    width: 26%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-ttl-border {
  margin: 0 auto 4.0650406504%;
  border: solid 0.3125vw #008ca8;
  border-radius: 0.15em;
  font-size: clamp(1.9em, 2.375vw, 3.8em);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border {
    min-height: 3.5em;
    margin-bottom: 7.1428571429%;
    border-width: 0.78125vw;
    font-size: min(6.25vw, 4em);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt {
  padding: 0.25em 0.5em;
  font-weight: 600;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt {
    padding: 0.5em 0.25em;
    font-size: min(6.25vw, 4em);
    letter-spacing: 0.06em;
    line-height: 1.25em;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt--icon {
    padding: 0.5em 0.5em 0.5em 1.5em;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt .l-txt-blue {
    line-height: 1em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt .l-txt-blue .small {
  font-size: 0.84211em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt .l-txt-blue .small {
    font-size: 0.8em;
    display: block;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt__icon {
  width: 2em;
  max-width: 79px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-ttl-border__txt__icon {
    width: 1.4em;
    max-width: 56px;
    top: -5px;
    bottom: auto;
    transform: translate(2%, -9.6153846154%);
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-btn-triangle {
  margin-top: 8.3333333333%;
  font-size: clamp(1em, 1.25vw, 2em);
  font-weight: 500;
  line-height: 1.4em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .l-btn-triangle {
    margin-top: 4%;
    font-size: min(3.125vw, 2em);
    font-weight: 600;
  }
}
.mod-freeHTML #beginner-lp-wrraper .l-btn-triangle::after {
  content: "";
  border-top: solid 0.5em transparent;
  border-right: solid 0.5em #008ca8;
  border-bottom: solid 0.5em #008ca8;
  border-left: solid 0.5em transparent;
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.mod-freeHTML #beginner-lp-wrraper .l-btn-triangle:hover::after {
  opacity: 0.6;
}
.mod-freeHTML #beginner-lp-wrraper .l-btn-triangle a {
  width: 100%;
  height: 100%;
  padding: 1em 0.5em;
  border: solid 1px #008ca8;
  background: #feffd9;
  color: #008ca8;
  line-height: 1.4em;
  display: inline-block;
}

/* ========================================

kv

========================================*/
.mod-freeHTML #beginner-lp-wrraper .kv__inner {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.mod-freeHTML #beginner-lp-wrraper .kv__inner picture img {
  width: 100%;
  max-width: none;
}

/* ========================================

bg-border

========================================*/
.mod-freeHTML #beginner-lp-wrraper .bg-border {
  background-image: repeating-linear-gradient(-42deg, #FFFFFF, 38px, #f4f8f9 38px, #f4f8f9 76px);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .bg-border {
    background-image: repeating-linear-gradient(-42deg, #FFFFFF, 19px, #f4f8f9 19px, #f4f8f9 38px);
  }
}
.mod-freeHTML #beginner-lp-wrraper .bg-border__inner {
  width: 76.875%;
  max-width: 1230px;
  margin: 0 auto;
  padding-bottom: 7.5%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .bg-border__inner {
    width: 87.5%;
  }
}

/* ========================================

intro

========================================*/
.mod-freeHTML #beginner-lp-wrraper .intro {
  padding: 4.0650406504% 0 6.5040650407%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .intro {
    padding: 8.9285714286% 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .intro__txt {
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  line-height: 2em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .intro__txt {
    font-size: min(3.75vw, 2.4em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .intro__txt .l-txt-blue {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 2em;
}

/* ========================================

case

========================================*/
.mod-freeHTML #beginner-lp-wrraper .case__inner {
  padding-top: 8.4471544715%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__inner {
    padding-top: 5.3571428571%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img {
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img {
    text-align: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img--sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img--sp {
    margin-bottom: 4%;
    display: block;
  }
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead {
    position: absolute;
    bottom: 85.4430379747%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead {
    margin-bottom: 6%;
    display: inline-block;
    position: relative;
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__sub {
  width: 8em;
  height: 8em;
  border-radius: 8em;
  background: #e7e7e7;
  font-size: clamp(1em, 1.25vw, 2em);
  line-height: 1.5em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-40%, -40%) rotate(-10deg);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__sub {
    font-size: min(2.8125vw, 1.8em);
    transform: translate(-35%, -35%) rotate(-10deg);
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt {
  color: #008ca8;
  font-size: clamp(2.1em, 2.625vw, 4.2em);
  font-weight: 600;
  line-height: 1.2em;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt {
    font-size: min(6.25vw, 4em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::before, .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::after {
  content: "";
  width: 1px;
  height: 6em;
  background: #000000;
  display: inline-block;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::before, .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::after {
    height: 5em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::before {
  left: -1.25em;
  transform: rotate(-25deg);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::before {
    left: -0.75em;
    transform: rotate(-15deg);
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::after {
  right: -1.25em;
  transform: rotate(25deg);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt::after {
    right: -0.75em;
    transform: rotate(15deg);
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt .big {
  font-size: 1.75em;
  line-height: 1em;
  display: block;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt .big {
    margin-top: 5px;
  }
}
.mod-freeHTML #beginner-lp-wrraper .case__img__lead__txt .small {
  font-size: 0.75em;
  vertical-align: baseline;
  display: inline-block;
  position: relative;
  transform: translateY(-0.15em);
}

/* ========================================

anchor

========================================*/
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .anchor__inner {
    padding: 4.8780487805% 1.6260162602%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .anchor__ttl {
  margin-bottom: 1em;
  font-size: clamp(2.3em, 2.875vw, 4.6em);
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .anchor__ttl {
    margin-bottom: 0.5em;
    font-size: min(6.875vw, 4.4em);
    line-height: 1.4em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .anchor__ttl .l-txt-blue {
  font-weight: 600;
}
.mod-freeHTML #beginner-lp-wrraper .anchor__list {
  display: flex;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .anchor__list {
    margin: 0 8%;
    flex-direction: column;
  }
}
.mod-freeHTML #beginner-lp-wrraper .anchor__list li {
  margin-right: 1.6806722689%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .anchor__list li {
    margin: 0 0 4.7619047619%;
  }
}

/* ========================================

point

========================================*/
.mod-freeHTML #beginner-lp-wrraper .point--01 .l-voice__txt {
  min-width: auto;
}
.mod-freeHTML #beginner-lp-wrraper .point__inner {
  max-width: none;
  padding: 5.2845528455% 0 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl {
  margin: 0 5.2845528455% 3.2520325203%;
  background: #008ca8;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl {
    margin: 0 5.3571428571% 5.3571428571%;
    flex-direction: column;
    padding: 1em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl__num {
  border-right: solid 1px #FFFFFF;
  padding: 0.75em 2em;
  font-size: clamp(1.5em, 1.875vw, 3em);
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl__num {
    margin-bottom: 1em;
    padding: 0;
    border-right: none;
    border-bottom: solid 1px #FFFFFF;
    font-size: min(4.6875vw, 3em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl__num .big {
  font-size: 1.75em;
  line-height: 1em;
  display: block;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl__num .big {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    transform: translateY(0.1em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl__txt {
  padding: 0 1em;
  font-size: clamp(2.3em, 2.875vw, 4.6em);
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl__txt {
    padding: 0;
    font-size: min(6.875vw, 4.4em);
    letter-spacing: normal;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl__txt__icon {
  width: 2.75em;
  max-width: 127px;
  margin-right: 1em;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl__txt__icon {
    width: 2em;
    max-width: 88px;
    margin-right: 0.25em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl--point02 {
  background: #f7ff54;
  color: #000000;
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl--point02 .point__ttl__num {
  border-color: #000000;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__ttl--point02 .point__ttl__txt__icon {
    margin-right: 0.75em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__ttl--point03 {
  background: #57b5a4;
}
.mod-freeHTML #beginner-lp-wrraper .point__check {
  margin: 0 5.2845528455% 9.756097561%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check {
    margin: 0 5.3571428571% 21.4285714286%;
    flex-direction: column;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__icon {
  width: 7.0909090909%;
  max-width: 78px;
  flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__icon {
    width: 51%;
    max-width: 255px;
    margin-bottom: 6%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt {
  margin-left: 5.4545454545%;
  padding: 1.5em 1em;
  background: #e3f3f6;
  border-radius: 1.25em;
  font-size: clamp(1.6em, 2vw, 3.2em);
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt {
    width: 100%;
    margin: 0;
    padding: 1em;
    font-size: min(5.3125vw, 3.4em);
    font-feature-settings: "palt";
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt::after {
  content: "";
  border-style: solid;
  border-width: 0.75em;
  border-color: #e3f3f6 #e3f3f6 transparent transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-1em, -50%);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt::after {
    border-width: 0.6em;
    border-color: transparent transparent #e3f3f6 #e3f3f6;
    top: 0;
    left: 50%;
    transform: translate(100%, -1em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02 {
  background: #fdffc0;
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02 {
    padding: 1.5em 4em;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02 {
    letter-spacing: 0.06em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02::after {
  border-color: #fdffc0 #fdffc0 transparent transparent;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point02::after {
    border-color: transparent transparent #fdffc0 #fdffc0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03 {
  background: #e6f4f2;
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03 {
    padding: 1.5em 4em;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03 {
    letter-spacing: 0.06em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03::after {
  border-color: #e6f4f2 #e6f4f2 transparent transparent;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03::before, .mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03::after {
    border-color: transparent transparent #e6f4f2 #e6f4f2;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt--point03 .green {
  color: #57b5a4;
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt .l-txt-blue,
.mod-freeHTML #beginner-lp-wrraper .point__check__txt .green {
  font-weight: 600;
}
.mod-freeHTML #beginner-lp-wrraper .point__check__txt .small {
  font-size: 0.82353em;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason {
  padding-top: 8.1300813008%;
  background: #edf7f9;
  position: relative;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason.l-inner {
  max-width: none;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason.l-inner {
    padding-top: 17.8571428571%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__ttl {
  width: 89.4308943089%;
  padding: 0.5em;
  border-radius: 3em;
  background: #008ca8;
  color: #FFFFFF;
  font-size: clamp(1.5em, 1.875vw, 3em);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__ttl {
    font-size: min(4.6875vw, 3em);
    font-weight: 600;
    line-height: 1.4em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__txt {
  margin-bottom: 2em;
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__txt {
    margin-bottom: 1.5em;
    font-size: min(3.75vw, 2.4em);
    text-align: left;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__img {
  width: 69.5454545455%;
  max-width: 765px;
  margin: 0 auto 4.5454545455%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__img {
    width: 100%;
    margin-bottom: 7%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__notes {
  font-size: clamp(1em, 1.125vw, 1.8em);
  font-weight: 300;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__notes {
    font-size: min(2.8125vw, 1.8em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__heading {
  margin-bottom: 1.5em;
  font-size: clamp(1.5em, 1.875vw, 3em);
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__heading {
    font-size: min(4.0625vw, 2.6em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__heading__txt {
  padding: 0 1em;
  border: solid 1px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__heading__txt {
    padding: 0 2.5em;
    line-height: 1.4em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__heading__txt::after {
  content: "";
  width: calc(100% - 20px);
  height: 110%;
  background: #feffd9;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__heading__txt::after {
    width: calc(100% - 8px);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__flex {
  margin-bottom: 5.4545454545%;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: 56.3636363636% 1fr;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__flex {
    margin-bottom: 8%;
    grid-template-columns: 1fr;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__flex--left {
  padding-right: 10.4838709677%;
  border-right: solid 1px #000000;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__flex--left {
    padding: 0 0 10%;
    border-right: 0;
    border-bottom: solid 1px #000000;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__flex--left .point__reason__txt {
  margin-bottom: 1em;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__flex--right {
  padding-left: 13.5416666667%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__flex--right {
    padding-left: 0;
    padding-top: 10%;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__flex--right .point__reason__txt {
    margin-bottom: 1em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__flex--right .point__reason__flex__img {
  width: 72.2891566265%;
  max-width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__flex--right .point__reason__flex__img {
    width: 60%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost {
  width: 67.2727272727%;
  margin: 0 auto;
  padding: 0 5.4545454545%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__cost {
    width: 100%;
    padding: 0 4%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost--line {
  padding-top: 1.8181818182%;
  padding-bottom: 2.7272727273%;
  border: solid 1px #57b5a4;
  border-radius: 1.5em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__cost--line {
    border-radius: 1em;
    padding: 4%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost__item {
  margin-bottom: 0.5em;
  font-size: clamp(1em, 1.25vw, 2em);
  font-weight: 300;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__cost__item {
    font-size: min(3.125vw, 2em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost__sup {
  text-align: center;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost__sup__txt {
  margin: 2em auto 0.5em;
  color: #57b5a4;
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  font-weight: 600;
  text-align: center;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__cost__sup__txt {
    margin: 2.5em auto 0.5em 4em;
    font-size: min(3.125vw, 2em);
    text-align: left;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__cost__sup__txt .sub {
  width: 5em;
  height: 5em;
  border-radius: 5em;
  background: #57b5a4;
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: 600;
  text-align: center;
  line-height: 5em;
  position: absolute;
  top: 50%;
  left: -0.75em;
  transform: translate(-100%, -50%) rotate(-12deg);
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__feature {
  margin: 3.6363636364% 0;
  padding: 1em;
  border-radius: 0.3125em;
  background: #57b5a4;
  font-size: clamp(1.6em, 2vw, 3.2em);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__feature {
    margin: 8% 0;
    font-size: min(4.6875vw, 3em);
    padding: 1em 0.5em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__feature__txt {
  margin-bottom: 0.25em;
  color: #f7ff54;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.4em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .point__reason__feature__txt {
    letter-spacing: normal;
  }
}
.mod-freeHTML #beginner-lp-wrraper .point__reason__feature__sub {
  color: #FFFFFF;
  font-size: 0.8125em;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason--point02 {
  background: #feffd9;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason--point02 .point__reason__ttl {
  background: #f7ff54;
  color: #000000;
  text-align: center;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason--point03 {
  background: #ecf7f5;
}
.mod-freeHTML #beginner-lp-wrraper .point__reason--point03 .point__reason__ttl {
  background: #57b5a4;
}

/* ========================================

setup

========================================*/
.mod-freeHTML #beginner-lp-wrraper .setup {
  padding: 5.2845528455% 0 0;
}
.mod-freeHTML #beginner-lp-wrraper .setup .l-ttl-border {
  width: 89.4308943089%;
}
.mod-freeHTML #beginner-lp-wrraper .setup__step {
  padding: 0 3.6585365854% 5.2845528455%;
  display: flex;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step {
    padding: 0 5.3571428571% 7.1428571429%;
    flex-direction: column;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl {
  width: 21.25%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__num {
  width: 58.3333333333%;
  max-width: 140px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__num {
    width: 28%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__icon {
  width: 80.8333333333%;
  max-width: 194px;
  margin: 8.3333333333% auto 12.5%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__icon {
    width: 22%;
    max-width: 110px;
    margin: auto 4% auto 6%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__txt {
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  font-weight: 500;
  text-align: center;
  line-height: 1.4em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__txt {
    width: 40%;
    font-size: min(3.75vw, 2.4em);
    text-align: left;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__check.l-btn-triangle {
    width: 100%;
    flex-shrink: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__complete {
  margin-top: 1em;
  padding: 0.75em;
  border-radius: 5px;
  background: #f7ff54;
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  font-weight: 500;
  line-height: 1.4em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__complete {
    width: 100%;
    font-size: min(3.75vw, 2.4em);
    flex-shrink: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__dtl__complete::after {
  content: "";
  border-right: 0.75em solid transparent;
  border-bottom: 1em solid #f7ff54;
  border-left: 0.75em solid transparent;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -0.75em);
}
.mod-freeHTML #beginner-lp-wrraper .setup__step__arrow {
  width: 5%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__arrow {
    width: 8.4%;
    margin: 4% 0;
    left: 14%;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .setup__step__arrow img {
    position: absolute;
    top: 12.7737226277%;
    transform: translateY(-50%);
  }
}

/* ========================================

recommend

========================================*/
.mod-freeHTML #beginner-lp-wrraper .recommend .l-voice {
  margin-bottom: 5.4545454545%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend .l-voice {
    margin-bottom: 6%;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend .l-voice__txt {
    font-size: min(3.4375vw, 2.2em);
    text-align: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__img {
  width: 71.8181818182%;
  max-width: 790px;
  margin: 0 auto 5.4545454545%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__img {
    width: 100%;
    max-width: none;
    margin-bottom: 12%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point {
  display: flex;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point {
    flex-direction: column;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point:last-of-type {
  margin-top: 5.4545454545%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point:last-of-type {
    margin-top: 10%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point__num {
  width: 11.8181818182%;
  max-width: 130px;
  margin-right: 2.7272727273%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point__num {
    width: 27%;
    max-width: 135px;
    margin: 0 auto 4%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl {
  width: 44.0909090909%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl {
    width: 100%;
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl__lead {
  margin-bottom: 0.5em;
  color: #008ca8;
  font-size: clamp(1.7em, 2.125vw, 3.4em);
  font-weight: 600;
  line-height: 1.4em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl__lead {
    font-size: min(5.3125vw, 3.4em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl__txt {
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  font-weight: 300;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point__dtl__txt {
    font-size: min(3.75vw, 2.4em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .recommend__point__img {
  width: 37.7272727273%;
  max-width: 415px;
  margin-left: 3.6363636364%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .recommend__point__img {
    width: 100%;
    max-width: none;
    margin: 4% auto 0;
  }
}

/* ========================================

lineup

========================================*/
.mod-freeHTML #beginner-lp-wrraper .lineup__inner {
  padding-top: 5.2845528455%;
}
.mod-freeHTML #beginner-lp-wrraper .lineup .l-ttl-border {
  width: 89.4308943089%;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__ttl {
  width: 89.4308943089%;
  margin: 0 auto 1em;
  padding-bottom: 0.25em;
  border-bottom: solid 1px #008ca8;
  font-size: clamp(1.2em, 1.5vw, 2.4em);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__ttl {
    font-size: min(3.75vw, 2.4em);
    text-align: left;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__ttl--ft {
  margin-top: 6.5040650407%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__ttl--ft {
    margin-top: 14.2857142857%;
    display: flex;
    align-items: center;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__ttl__txt {
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__ttl__txt {
    order: 2;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__ttl__ft {
  width: 3.25em;
  margin-left: 0.625em;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__ttl__ft {
    width: 16.4%;
    max-width: 82px;
    margin: 0 3% 0 0;
    order: 1;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list {
  width: 92.6829268293%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 23.6842105263%);
  gap: 4.0909090909%;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list {
    display: block;
    width: 89.2857142857%;
  }
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list--ft {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.7543859649%;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list li {
    margin-bottom: 12%;
    display: grid;
    grid-template-columns: 41% 54%;
    gap: 0 5%;
    align-items: flex-end;
  }
  .mod-freeHTML #beginner-lp-wrraper .lineup__list li:last-child {
    margin-bottom: 6%;
  }
}
@media (min-width: 641px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list .l-btn-triangle {
    font-size: clamp(1em, 1.125vw, 1.8em);
    letter-spacing: 0.06em;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list .l-btn-triangle {
    margin-top: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list .l-btn-triangle a {
  padding: 0.5em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list .l-btn-triangle a {
    padding: 1em;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl {
  width: 100%;
  margin-top: 0.83333em;
  font-size: clamp(1em, 1.125vw, 1.8em);
  font-feature-settings: "palt";
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl {
    margin: 0;
    font-size: min(2.8125vw, 1.8em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr {
  background: #c2d9e3;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr:not(:last-of-type) {
  border-bottom: solid 0.3125vw #FFFFFF;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr:not(:last-of-type) {
    border-width: 0.78125vw;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr:nth-last-of-type(even) {
  background: #d8e7ed;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr.border-t {
  border-top: solid 0.625vw #FFFFFF;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr.border-t {
    border-width: 1.5625vw;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td {
  padding: 0.25em;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td:not(.durability, .tray) {
    padding: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.bg-tbl01 {
  background: #c2d9e3;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.bg-tbl02 {
  background: #d8e7ed;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.size {
  padding: 0;
  border-right: solid 0.3125vw #FFFFFF;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1em;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.size {
    border-width: 0.78125vw;
    font-weight: 600;
  }
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.item-none {
  background: #e7e7e7;
  color: #FFFFFF;
  display: block;
  position: relative;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.item-none::before, .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.item-none::after {
  content: "";
  width: 110%;
  height: 1px;
  background: #FFFFFF;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.durability .big, .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.tray .big {
  font-size: 1.44444em;
  font-weight: 600;
  line-height: 0;
  vertical-align: baseline;
  display: inline-block;
  position: relative;
  transform: translateY(0.05em);
}
.mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.durability .small, .mod-freeHTML #beginner-lp-wrraper .lineup__list__tbl tr td.tray .small {
  font-size: 0.88889em;
}
.mod-freeHTML #beginner-lp-wrraper .lineup__notes {
  padding: 2.4390243902% 5.2845528455% 5.2845528455%;
  font-size: clamp(1em, 1.125vw, 1.8em);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .lineup__notes {
    font-size: min(2.8125vw, 1.8em);
  }
}

/* ========================================

banner

========================================*/
.mod-freeHTML #beginner-lp-wrraper .banner__inner {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .banner__inner.l-inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.mod-freeHTML #beginner-lp-wrraper .banner__ttl {
  margin-bottom: 3.2520325203%;
  color: #008ca8;
  font-size: clamp(1.9em, 2.375vw, 3.8em);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .banner__ttl {
    margin-bottom: 5.3571428571%;
    font-size: min(6.25vw, 4em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .banner__ttl::before, .mod-freeHTML #beginner-lp-wrraper .banner__ttl::after {
  content: "";
  width: calc(50% - 6em);
  height: 1px;
  background: #008ca8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .banner__ttl::before, .mod-freeHTML #beginner-lp-wrraper .banner__ttl::after {
    width: calc(50% - 5.5em);
  }
}
.mod-freeHTML #beginner-lp-wrraper .banner__ttl::before {
  left: 0;
}
.mod-freeHTML #beginner-lp-wrraper .banner__ttl::after {
  right: 0;
}
.mod-freeHTML #beginner-lp-wrraper .banner__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14.2857142857% 4.0650406504%;
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .banner__list {
    padding: 0 5.3571428571%;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .mod-freeHTML #beginner-lp-wrraper .banner__list li {
    margin-bottom: 6%;
  }
}/*# sourceMappingURL=beginner2310.css.map */