@charset "utf-8";

/* common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.sec-inner {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}

.box-inner {
  width: 90%;
  max-width: 1026px;
  margin: 0 auto;
}

@media screen and (max-width: 959px) {
  .box-inner {
    width: 92%;
  }
}

.txt-en {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}

.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/* box
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.box-link {
  border: 1px solid #000;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .16);
  position: relative;
}

.box-link .ttl-box-link {
  font-size: clamp(1.6rem, 1.38vw, 2.2rem);
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: #000;
  line-height: 1.3;
  padding: .45em 0 .2em;
}

@media screen and (max-width: 959px) {
  .box-link .ttl-box-link {
    font-size: clamp(1.6rem, 5.5vw, 2.2rem);
  }
}

.ttl-box-link .txt-en {
  font-size: clamp(1.7rem, 2.12vw, 3.4rem);
  vertical-align: middle;
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-box-link .txt-en {
    font-size: clamp(1.7rem, 8.8vw, 3.4rem);
  }
}

.box-link .box-link-inner {
  padding: .7em 1.2em 2.9em;
  position: relative;
  line-height: 1.7;
  font-weight: 600;
}

@media screen and (max-width: 959px) {
  .box-link .box-link-inner {
    padding: 1em 20% 1.5em 1.5em;
  }
}

@media screen and (max-width: 959px) {
  .box-link .box-link-inner:after {
    content: "";
    font-size: clamp(1.7rem, 2.12vw, 3.4rem);
    width: 2em;
    height: 2em;
    position: absolute;
    top: 47%;
    right: 5%;
    transform: translateY(-50%);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}

.box-link a:after {
  content: "";
  font-size: clamp(1.7rem, 2.12vw, 3.4rem);
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: .25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media screen and (max-width: 959px) {
  .box-link a:after {
    display: none;
  }
}

.box-point {
  background: #fff;
  border-radius: 1em;
  padding: 4% 4% 1.5%;
  margin: 3% auto 4%;
}

@media screen and (max-width: 959px) {
  .box-point {
    padding: 5.5% 4% 1.5%;
    margin: 3% auto 8.8%;
    border-radius: .5em;
  }
}

.box-point-item {
  font-size: clamp(1.6rem, 1.25vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 0 0 1.4em;
  padding: 0 0 0 3.2em;
  position: relative;
}

@media screen and (max-width: 959px) {
  .box-point-item {
    font-size: clamp(1.5rem, 3.75vw, 1.5rem);
    letter-spacing: .05em;
    margin: 0 0 .6em;
    padding: 0 0 0 2.6em;
  }
}

.box-point-item:before {
  content: "";
  position: absolute;
  top: .1em;
  left: 0;
  width: 2.2em;
  height: 2.2em;
  background: #eaeaea;
}

@media screen and (max-width: 959px) {
  .box-point-item:before {
    top: .6em;
    width: 1.5em;
    height: 1.5em;
  }
}

.box-point-item:after {
  content: "";
  position: absolute;
  top: -.3em;
  left: .4em;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media screen and (max-width: 959px) {
  .box-point-item:after {
    top: .2em;
    width: 1.75em;
    height: 1.75em;
  }
}

.box-point-item .txt-marker {
  font-size: clamp(1.5rem, 1.75vw, 2.8rem);
  line-height: 1.7;
}

@media screen and (max-width: 959px) {
  .box-point-item .txt-marker {
    font-size: clamp(1.6rem, 4.75vw, 1.7rem);
    line-height: 1.65;
    margin-bottom: .2em;
  }
}

.box-result {
  border-radius: 1.6rem;
}

.box-result .ttl-box-result {
  padding: .5em;
  font-size: clamp(1.6rem, 1.25vw, 2rem);
  font-weight: 700;
  text-align: center;
  background: #000;
  color: #fff;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}

@media screen and (max-width: 959px) {
  .box-result .ttl-box-result {
    font-size: clamp(1.6rem, 3.48vw, 1.6rem);
    letter-spacing: 0;
    padding: .6em .5em;
  }
}

.box-result .box-result-inner {
  padding: 5%;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}

@media screen and (max-width: 959px) {
  .box-result .box-result-inner {
    padding: 9.5% 4%;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }
}

@media screen and (min-width: 960px) {
  .box-result .box-result-inner {
    min-height: 495px;
  }
}

/* animation
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5%);
  transition: all .4s;
}

.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* bg
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#seminar-01 {
  background: #006741;
}

@media screen and (min-width: 960px) {
  .sec-seminar-01 .seminar-box-worry {
    background-image: url(../../img/lp/bg-ttl-box-worry_01@2x.jpg);
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-01 .seminar-box-ttl {
    background-image: url(../../img/lp/sp/bg-ttl-box-worry_01.png);
  }
}

.sec-seminar-01 .box-result .ttl-box-result {
  background: #006741;
}

.seminar-01.box-link {
  border-color: #006741;
}

.seminar-01.box-link .ttl-box-link {
  background: #006741;
}

.seminar-01.box-link .box-link-inner:after,
.seminar-01.box-link a:after {
  background-image: url(../../img/lp/icn-box-link_01@2x.png);
}

.sec-seminar-01 .seminar-box-worry:after {
  background-image: url(../../img/lp/bg-box-worry_01@2x.png);
}

.sec-seminar-01 .box-point-item:after {
  background-image: url(../../img/lp/icn-box-point_01@2x.png);
}

@media screen and (min-width: 960px) {
  .sec-seminar.sec-seminar-01 .ttl-seminar-top{
    padding:.5em 0;
  }
}
#seminar-02 {
  background: #B3292C;
}

@media screen and (min-width: 960px) {
  .sec-seminar-02 .seminar-box-worry {
    background-image: url(../../img/lp/bg-ttl-box-worry_02@2x.jpg);
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-02 .seminar-box-ttl {
    background-image: url(../../img/lp/sp/bg-ttl-box-worry_02.png);
  }
}

.sec-seminar-02 .box-result .ttl-box-result {
  background: #B3292C;
}

.seminar-02.box-link {
  border-color: #B3292C;
}

.seminar-02.box-link .ttl-box-link {
  background: #B3292C;
}

.seminar-02.box-link .box-link-inner:after,
.seminar-02.box-link a:after {
  background-image: url(../../img/lp/icn-box-link_02@2x.png);
}

.sec-seminar-02 .seminar-box-worry:after {
  background-image: url(../../img/lp/bg-box-worry_02@2x.png);
}

.sec-seminar-02 .box-point-item:after {
  background-image: url(../../img/lp/icn-box-point_02@2x.png);
}

#seminar-03 {
  background: #77446A;
}

@media screen and (min-width: 960px) {
  .sec-seminar-03 .seminar-box-worry {
    background-image: url(../../img/lp/bg-ttl-box-worry_03@2x.jpg);
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-03 .seminar-box-ttl {
    background-image: url(../../img/lp/sp/bg-ttl-box-worry_03.png);
  }
}

.sec-seminar-03 .box-result .ttl-box-result {
  background: #77446A;
}

.seminar-03.box-link {
  border-color: #77446A;
}

.seminar-03.box-link .ttl-box-link {
  background: #77446A;
}

.seminar-03.box-link .box-link-inner:after,
.seminar-03.box-link a:after {
  background-image: url(../../img/lp/icn-box-link_03@2x.png);
}

.sec-seminar-03 .seminar-box-worry:after {
  background-image: url(../../img/lp/bg-box-worry_03@2x.png);
}

.sec-seminar-03 .box-point-item:after {
  background-image: url(../../img/lp/icn-box-point_03@2x.png);
}

#seminar-04 {
  background: #E8C813;
}

@media screen and (min-width: 960px) {
  .sec-seminar-04 .seminar-box-worry {
    background-image: url(../../img/lp/bg-ttl-box-worry_04@2x.jpg);
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-04 .seminar-box-ttl {
    background-image: url(../../img/lp/sp/bg-ttl-box-worry_04.png);
  }
}

.sec-seminar-04 .box-result .ttl-box-result {
  background: #E8C813;
}

.seminar-04.box-link {
  border-color: #E8C813;
}

.seminar-04.box-link .box-link-inner:after,
.seminar-04.box-link a:after {
  background-image: url(../../img/lp/icn-box-link_04@2x.png);
}

.seminar-04.box-link .ttl-box-link {
  background: #E8C813;
}

.sec-seminar-04 .seminar-box-worry:after {
  background-image: url(../../img/lp/bg-box-worry_04@2x.png);
}

.sec-seminar-04 .box-point-item:after {
  background-image: url(../../img/lp/icn-box-point_04@2x.png);
}

#seminar-05 {
  background: #009876;
}

@media screen and (min-width: 960px) {
  .sec-seminar-05 .seminar-box-worry {
    background-image: url(../../img/lp/bg-ttl-box-worry_05@2x.jpg);
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-05 .seminar-box-ttl {
    background-image: url(../../img/lp/sp/bg-ttl-box-worry_05.png);
  }
}

.sec-seminar-05 .box-result .ttl-box-result {
  background: #009876;
}

.seminar-05.box-link {
  border-color: #009876;
}

.seminar-05.box-link .box-link-inner:after,
.seminar-05.box-link a:after {
  background-image: url(../../img/lp/icn-box-link_05@2x.png);
}

.seminar-05.box-link .ttl-box-link {
  background: #009876;
}

.sec-seminar-05 .seminar-box-worry:after {
  background-image: url(../../img/lp/bg-box-worry_05@2x.png);
}

.sec-seminar-05 .box-point-item:after {
  background-image: url(../../img/lp/icn-box-point_05@2x.png);
}

/* form
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.sec-form {
  background: #333;
  padding: 3.8% 0 6%;
}

@media screen and (max-width: 959px) {
  .sec-form {
    padding: 10% 0 6%;
  }
}

@media screen and (max-width: 959px) {
  .sec-form .sec-inner {
    width: 98%;
  }
}

@media screen and (max-width: 959px) {
  .sec-form .ttl-sec {
    margin-bottom: 5em;
  }
}

.sec-form .ttl-sec .txt-en {
  color: #666;
}

@media screen and (max-width: 959px) {
  .sec-form .ttl-sec .txt-en {
    letter-spacing: -.02em;
  }
}

.sec-form .ttl-sec .txt-01,
.sec-form .ttl-sec .txt-02 {
  color: #fff;
}

.sec-form .box-inner {
  padding: 4.5%;
  background: #fff;
  border-radius: 1.6rem;
}

@media screen and (max-width: 959px) {
  .sec-form .box-inner {
    padding: 6.5% 2.5%;
  }
}

/* btn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.btn-wrap {
  background: #082C5A;
  padding: .25% 0 1%;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .btn-wrap {
    padding: 5.25% 0 13%;
  }
}

.btn-cta a {
  display: block;
  margin: 0 auto;
  width: 40%;
  max-width: 570px;
  position: relative;
  z-index: 1;
  transition: all .4s;
}

@media screen and (max-width: 959px) {
  .btn-cta a {
    width: 92%;
  }
}

.btn-cta a img {
  display: block;
}

.btn-cta a:hover img {
  opacity: .7;
}

/* text
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.txt-ylw {
  color: #E8C813;
}

.txt-red {
  color: #94252A;
}

.txt-marker {
  background: #FFF100;
  display: inline-block;
}

/* fv
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.seminar-fv {
  position: relative;
  margin-bottom: -2%;
  background: #082C5A;
}

.seminar-fv .ttl-fv {
  width: 90%;
  max-width: 1440px;
  height: 100%;
  position: absolute;
  top: 10%;
  left: 7%;
}

.seminar-fv figure picture img {
  width: 100%;
}

@media screen and (max-width: 959px) {
  .seminar-fv .ttl-fv {
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
  }
}

.seminar-fv .ttl-fv picture {}

@media screen and (max-width: 959px) {
  .seminar-fv .ttl-fv picture {
    display: block;
    width: 109vw;
    max-width: inherit;
    height: 100%;
    left: -4.5vw;
    position: relative;
    top: 5.5%;
  }
}

.seminar-fv .ttl-fv img {
  display: block;
  height: 74%;
  width: auto;
}

@media screen and (max-width: 959px) {
  .seminar-fv .ttl-fv img {
    width: 109vw;
    max-width: inherit;
    height: auto;
    position: relative;
  }
}


/* section
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* sec-about */
.sec-seminar-about {
  padding: 4.5% 0 7%;
  background: #000 url(../../img/lp/bg-seminar-about@2x.jpg) no-repeat 50% 50%;
  background-size: cover;
}

@media screen and (max-width: 959px) {
  .sec-seminar-about {
    background-image: url(../../img/lp/sp/bg-seminar-about.jpg);
    padding: 15% 0 14%;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-about .sec-inner {
    width: 100%;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-about .box-inner {
    width: 88%;
  }
}

.sec-seminar-about * {
  color: #fff;
}

.sec-seminar-about .ttl-about {
  margin: 0 0 .7em;
  font-size: clamp(3.4rem, 4.25vw, 6.8rem);
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .sec-seminar-about .ttl-about {
    margin: 0 0 .5em;
  }
}

.sec-seminar-about p {
  font-size: clamp(1.6rem, 1.75vw, 2.8rem);
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 959px) {
  .sec-seminar-about p {
    text-align: center;
    line-height: 2.38;
  }
}

/* sec-choice */
.sec-seminar-choice {
  padding: 3% 0 1.5%;
}

@media screen and (max-width: 959px) {
  .sec-seminar-choice {
    padding: 8.5% 0 10.5%;
  }
}

.ttl-sec {
  text-align: center;
  position: relative;
  padding: 4.2rem 0 0;
  line-height: 1.65;
  margin-bottom: 3em;
  color: #333;
}

@media screen and (max-width: 959px) {
  .ttl-sec {
    padding: 2rem 0 0;
  }
}

.ttl-sec span {
  display: block;
  position: relative;
  z-index: 1;
}

.ttl-sec .txt-01 {
  font-size: clamp(3.4rem, 4.25vw, 6.8rem);
  font-weight: 700;
}

@media screen and (max-width: 959px) {
  .ttl-sec .txt-01 {
    font-size: clamp(1.6rem, 7.5vw, 3rem);
  }
}

.ttl-sec .txt-02 {
  font-size: clamp(2rem, 2.5vw, 4rem);
  font-weight: 700;
}

@media screen and (max-width: 959px) {
  .ttl-sec .txt-02 {
    font-size: clamp(1.6rem, 4.5vw, 1.8rem)
  }
}

.ttl-sec .txt-marker {
  display: inline-block;
  background: #b3292c;
  color: #fff;
  padding: 0 .15em;
  margin: 0 .17em;
}

.ttl-sec .txt-en {
  width: 100%;
  font-size: clamp(5.9rem, 7.24vw, 11.8rem);
  line-height: 1.1;
  color: #eaeaea;
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: .048em;
}

@media screen and (max-width: 959px) {
  .ttl-sec .txt-en {
    letter-spacing: .02em;
  }
}

.sec-seminar-choice .box-link-wrap {
  max-width: 1060px;
  margin: 2.5% auto 0;
}

@media screen and (max-width: 959px) {
  .sec-seminar-choice .box-link-wrap {
    margin: 5.5% auto 0;
  }
}

.sec-seminar-choice .box-link {
  margin: 0 0 6.5%;
}

@media screen and (min-width: 960px) {
  .sec-seminar-choice .box-link {
    width: 30%;
    margin: 0 1.5% 3.8%;
  }
}

.sec-seminar-choice .box-link a {
  transition: all .4s;
  color: #333;
  display: block;
  position: relative;
  z-index: 3;
  height: 100%;
}

.sec-seminar-choice .box-link a:hover {
  opacity: .7;
}

.seminar-schema {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}

.sec-seminar {
  background: #ccc;
}

.sec-seminar .sec-inner {
  background: #eaeaea;
  padding-bottom: 1.5%;
}

@media screen and (max-width: 959px) {
  .sec-seminar .sec-inner {
    width: calc(100% - 8px);
  }
}

.sec-seminar .ttl-seminar {
  text-align: center;
  font-weight: 700;
  color: #fff;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 959px) {
  .sec-seminar .ttl-seminar {
    line-height: 2.2;
  }
}

.ttl-seminar:before {
  content: "SEMINAR";
  font-size: clamp(7.3rem, 9vw, 14.6rem);
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  opacity: .06;
  letter-spacing: .05em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar:before {
    font-size: clamp(3.3rem, 16.5vw, 6.6rem);
  }
}

.ttl-seminar .txt-ja {
  font-size: clamp(2.8rem, 3.55vw, 5.7rem);
  vertical-align: middle;
  z-index: 2;
}

@media screen and (max-width: 959px) {
  .ttl-seminar .txt-ja {
    font-size: clamp(1.6rem, 5.6vw, 2.2rem);
  }
}

.ttl-seminar .txt-en {
  font-size: clamp(4.5rem, 5.56vw, 8.9rem);
  vertical-align: middle;
  position: relative;
  z-index: 2;
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar .txt-en {
    font-size: clamp(1.7rem, 8.58vw, 3.4rem);
  }
}

.sec-seminar .ttl-seminar-top {
  background: #000 url(../../img/lp/bg-ttl-seminar-top@2x.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  text-align: center;
  letter-spacing: .1em;
  padding: 2em 0 2.5em;
}

@media screen and (max-width: 959px) {
  .sec-seminar .ttl-seminar-top {
    padding: 4.5em 0 3.8em;
    background-image: url(../../img/lp/sp/bg-ttl-seminar-top.jpg);
  }
}

.sec-seminar-02 .ttl-seminar-top {
  padding: 2em 0 1.95em;
}

@media screen and (max-width: 959px) {
  .sec-seminar-02 .ttl-seminar-top {
    padding: 3.5em 0 4em;
  }
}

.sec-seminar-03 .ttl-seminar-top {
  padding: 0.8em 0 2.2em;
}

@media screen and (max-width: 959px) {
  .sec-seminar-03 .ttl-seminar-top {
    padding: 3.5em 0 4em;
  }
}

.sec-seminar-04 .ttl-seminar-top {
  padding: 2em 0;
}

@media screen and (max-width: 959px) {
  .sec-seminar-04 .ttl-seminar-top {
    padding: 2.5em 0 3.2em;
  }
}

.sec-seminar-05 .ttl-seminar-top {
  padding: 1.8em 0 3.2em;
}

.ttl-seminar-top .txt-01 {
  font-size: clamp(4.4rem, 5.5vw, 8.8rem);
  display: block;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-01 {
    font-size: clamp(1.6rem, 7.96vw, 3.2rem);
  }
}

.ttl-seminar-top .txt-02 {
  font-size: clamp(3.7rem, 4.62vw, 7.4rem);
  display: block;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-02 {
    font-size: clamp(1.6rem, 7.96vw, 3.2rem);
    letter-spacing: 0;
    line-height: 1.65;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-02 .ttl-seminar-top .txt-02 {
    font-size: clamp(1.6rem, 6.79vw, 2.7rem);
    line-height: 1.25;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar-03 .ttl-seminar-top .txt-02 {
    font-size: clamp(1.6rem, 6.3vw, 2.5rem);
    line-height: 1.25;
  }
}

.ttl-seminar-top .txt-03 {
    font-size: clamp(3.7rem, 4.62vw, 7.4rem);
    display: block;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: .075em;
    text-indent: -.5em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-03 {
    font-size: clamp(1.6rem, 6.79vw, 2.7rem);
  }
}

.ttl-seminar-top .txt-04 {
  font-size: clamp(4rem, 5vw, 8rem);
  display: block;
  font-weight: 700;
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-04 {
    font-size: clamp(1.6rem, 7.5vw, 3rem);
    line-height: 1.2;
  }
}

.ttl-seminar-top .txt-05 {
  font-size: clamp(2.3rem, 3.5vw, 5.5rem);
  display: block;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-05 {
    font-size: clamp(1.6rem, 5vw, 2rem);
  }
}

.ttl-seminar-top .txt-06 {
  font-size: clamp(3.1rem, 4vw, 6.2rem);
  display: block;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-06 {}
}

.ttl-seminar-top .txt-07 {
  font-size: clamp(3.2rem, 4.05vw, 6.3rem);
  display: block;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-07 {
    font-size: clamp(1.6rem, 5.5vw, 2.2rem);
  }
}

.ttl-seminar-top .txt-08 {
  font-size: clamp(2.5rem, 3.5vw, 5.9rem);
  display: block;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: .08em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-08 {
    font-size: clamp(1.6rem, 5.25vw, 2.1rem);
    line-height: 1.85;
  }
}

.ttl-seminar-top .txt-09 {
  font-size: clamp(3.9rem, 4.2vw, 6.7rem);
  display: block;
  font-weight: 900;
  line-height: 1.85;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-09 {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ttl-seminar-top .txt-10 {
  font-size: clamp(1.7rem, 2.125vw, 3.4rem);
  display: block;
  font-weight: 900;
  line-height: 1.5;
  position: relative;
  padding-top: 1.2em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-10 {
    padding-top: 1.2em;
  }
}

.ttl-seminar-top .txt-11 {
  font-size: clamp(2.8rem, 3.5vw, 5.6rem);
  display: block;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-11 {
    font-size: clamp(1.6rem, 5vw, 2rem);
  }
}

.ttl-seminar-top .txt-12 {
  font-size: clamp(3.7rem, 4.62vw, 7.4rem);
  display: block;
  font-weight: 900;
  line-height: 1.5;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-12 {
    font-size: clamp(1.6rem, 6.79vw, 2.2em);
  }
}

.ttl-seminar-top .txt-13 {
  font-size: clamp(3.7rem, 4.62vw, 7.4rem);
  display: block;
  font-weight: 900;
  line-height: 1.5;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-13 {
    font-size: clamp(1.6rem, 5.65vw, 2.3rem);
    letter-spacing: 0;
  }
}

.ttl-seminar-top .txt-16 {
  font-weight: 600;
  font-size: clamp(3.1rem, 3.8vw, 6.2rem);
  line-height: 1.25;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-16 {
    letter-spacing: 0;
    font-size: clamp(1.6rem, 6vw, 2.2rem);
  }
}

.ttl-seminar-top .txt-17 {
  font-weight: 600;
  font-size: clamp(3.25rem, 4vw, 6.5rem);
  line-height: 1.25;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-17 {
    letter-spacing: 0;
    font-size: clamp(1.6rem, 6vw, 2.2rem);
  }
}

.ttl-seminar-top .txt-18 {
  font-weight: 900;
  font-size: clamp(3.4rem, 4.25vw, 6.8rem);
  line-height: 1.25;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-18 {
    letter-spacing: 0;
    font-size: clamp(1.6rem, 6vw, 2.2rem);
  }
}

.ttl-seminar-top .txt-19 {
    font-weight: 900;
    font-size: clamp(2.3rem, 2.8vw, 4.6rem);
    line-height: 1.35;
    display: block;
    letter-spacing: .06em;
    margin-top: .4em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-19 {
    letter-spacing: 0;
    font-size: clamp(1.3rem, 4.5vw, 2.6rem);
  }
}

.ttl-seminar-top .txt-20 {
    font-size: clamp(3.25rem, 4.06vw, 6.5rem);
    display: block;
    line-height: 2;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-20 {
    letter-spacing: 0;
    font-size: clamp(1.6rem, 6.3vw, 2.5rem);
  }
}

.ttl-seminar-top .txt-21 {
    font-size: clamp(3.5rem, 4.4vw, 7rem);
    display: block;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-21 {
    letter-spacing: 0;
    font-size: clamp(1.75rem, 4.7vw, 3.5rem);
  }
}

.ttl-seminar-top .txt-22 {
    font-size: clamp(4.75rem,11.5vw, 9.5rem);
    display: block;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-22 {
    letter-spacing: 0;
    font-size: clamp(2.325rem,6.5vw, 4.75rem);
  }
}

.ttl-seminar-top .txt-23 {
    font-size: clamp(3.2rem, 4vw, 6.4rem);
    display: block;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-23 {
    letter-spacing: 0;
    font-size: clamp(2.325rem,6.5vw, 4.75rem);
  }
}

.ttl-seminar-top .txt-24 {
    font-size: clamp(3.2rem, 4vw, 6.4rem);
    display: block;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-24 {
    letter-spacing: 0;
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ttl-seminar-top .txt-25 {
    font-size: clamp(5.7rem, 7.2vw, 11.4rem);
    display: block;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-25 {
    letter-spacing: 0;
    font-size: clamp(2.35rem, 6.4vw, 4.7rem);
  }
}



.ttl-seminar-top .txt-i-waku {
  border: 3px solid #fff;
  font-size: clamp(2.2rem, 2.75vw, 4.4rem);
  font-weight: 400;
  padding: .5em .5em;
  vertical-align: middle;
  margin: -.4em 0 0 .5em;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1.3;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-waku {
    font-size: clamp(1.6rem, 3.48vw, 1.6rem);
    border-width: 2px;
    padding: 0.3em 0.4em;
  }
}

.ttl-seminar-top .txt-i-00 {
  font-size: clamp(7.2rem, 9vw, 14.4rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-00 {
    font-size: clamp(3.45rem, 14.2vw, 6.9rem);
  }
}

.ttl-seminar-top .txt-i-01 {
  font-size: clamp(4.7rem, 6vw, 9.4rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-01 {
    font-size: clamp(1.7rem, 8.7vw, 3.5rem);
  }
}

.ttl-seminar-top .txt-i-02 {
  font-size: clamp(6.5rem, 8vw, 12.9rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-02 {
    font-size: clamp(2.4rem, 12vw, 4.8rem);
  }
}

.ttl-seminar-top .txt-i-03 {
  font-size: clamp(5.6rem, 6.98vw, 11.2rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-03 {
    font-size: clamp(2.1rem, 10.5vw, 4.2rem);
  }
}

.ttl-seminar-top .txt-i-04 {
  font-size: clamp(3.2rem, 4vw, 6.4rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-04 {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ttl-seminar-top .txt-i-05 {
  font-size: clamp(4.1rem, 5.3vw, 8.3rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-05 {
    font-size: clamp(1.6rem, 7.5vw, 3rem);
  }
}

.ttl-seminar-top .txt-i-06 {
    font-size: clamp(4.5rem, 5.68vw, 9.1rem);
    margin-left: -.1em;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-06 {
    font-size: clamp(1.7rem, 8vw, 3.3rem);
    margin-left: 0;
  }
}

.ttl-seminar-top .txt-i-07 {
  font-size: clamp(4.3rem, 5.36vw, 8.6rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-07 {
    font-size: clamp(1.6rem, 7.8vw, 3.1rem);
  }
}

.ttl-seminar-top .txt-i-08 {
  display: inline-block;
  vertical-align: middle;
  font-size: clamp(1.7rem, 1.98vw, 3.3rem);
  line-height: 1.45;
  margin: -.65em 0 0 0;
  font-weight: 900;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-08 {
    font-size: clamp(1.3rem, 4.25vw, 1.3rem);
  }
}

.ttl-seminar-top .txt-i-09 {
  font-size: clamp(4rem, 5vw, 7.9rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-09 {
    font-size: clamp(1.6rem, 6.98vw, 2.8rem);
  }
}

.ttl-seminar-top .txt-i-10 {
  font-size: clamp(3.9rem, 4.2vw, 6.7rem);
  letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-10 {
    font-size: clamp(1.6rem, 6.3vw, 2.5rem);
    letter-spacing: 0;
  }
}

.ttl-seminar-top .txt-i-11 {
  font-size: clamp(3.6rem, 4.26vw, 7.1rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-11 {
    font-size: clamp(1.6rem, 6.3vw, 2.5rem);
  }
}

.ttl-seminar-top .txt-i-12 {
  vertical-align: top;
  position: absolute;
  display: inline-block;
  right: calc(50% + 5.2em);
  top: 0;
  transform: translateX(-50%);
  margin: 0;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-12 {
    font-size: clamp(1.6rem, 3.48vw, 1.6rem);
    position: absolute;
    right: calc(50% + 1.1em);
    top: 0;
    transform: translateX(-50%);
    margin: 0;
  }
}

.ttl-seminar-top .txt-i-13 {
  font-size: clamp(4.1rem, 5.3vw, 8.3rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-13 {
    font-size: clamp(1.6rem, 7.3vw, 2.9rem);
  }
}

.ttl-seminar-top .txt-i-14 {
  font-size: clamp(4rem, 5vw, 7.9rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-14 {
    font-size: clamp(1.6rem, 7.8vw, 3.1rem);
  }
}

.ttl-seminar-top .txt-i-15 {
  font-size: clamp(4rem, 4.95vw, 7.9rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-15 {
    font-size: clamp(1.6rem, 7.3vw, 3.2rem);
  }
}

.ttl-seminar-top .txt-i-16 {
  font-size: clamp(4.5rem, 5.68vw, 9.1rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-16 {
    font-size: clamp(1.8rem, 9vw, 3.3rem);
  }
}

.ttl-seminar-top .txt-i-17 {
  font-size: clamp(3.9rem, 4.88vw, 7.8rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-17 {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ttl-seminar-top .txt-i-18 {
  font-size: clamp(4.7rem, 6.13vw, 9.8rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-18 {
    font-size: clamp(1.7rem, 8.5vw, 3.3rem);
  }
}

.ttl-seminar-top .txt-i-19 {
  font-size: clamp(4.65rem, 5.8vw, 9.3rem);
    font-weight: 900;
    letter-spacing: .04em;
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-19 {
    font-size: clamp(1.6rem, 6vw, 2.4rem);
  }
}

.ttl-seminar-top .txt-i-20 {
  font-size: clamp(6.7rem, 9.29vw, 13.4rem);
    font-weight: 900;
  line-height: 1.3;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-20 {
    font-size: clamp(1.7rem, 8.7vw, 3.5rem);
    line-height: 1.7;
  }
}

.ttl-seminar-top .txt-i-21 {
    display: inline-block;
    vertical-align: middle;
    font-size: clamp(1.9rem, 2.31vw, 3.8rem);
    line-height: 1.25;
    letter-spacing: .04em;
    margin:-1.5em 1.2em 0 0;
    font-weight: 900;
    text-align: left;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-21 {
    font-size: clamp(1.3rem, 4.25vw, 1.3rem);
  }
}

.ttl-seminar-top .txt-i-21 i{
  font-size: clamp(2.9rem, 4.32vw, 5.8rem);
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-21 i {
    font-size: clamp(1.6rem, 3.48vw, 1.6rem);
  }
}

.ttl-seminar-top .txt-i-22 {
    display: inline-block;
    vertical-align: middle;
    font-size: clamp(2.65rem, 3.31vw, 5.3rem);
    line-height: 1.3;
    margin: -1.75em .4em 0 .1em;
    font-weight: 900;
    text-align: left;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-22 {
    font-size: clamp(1.4rem, 4.4vw, 2.7rem);
  }
}

.ttl-seminar-top .txt-i-22 i {
    font-size: clamp(4.25rem, 5.31vw, 8.5rem);
    letter-spacing: .02em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-22 i {
    font-size: clamp(2.2rem, 6vw, 4.2rem);
  }
}

.ttl-seminar-top .txt-i-23 {
  font-size: clamp(10.35rem, 12.92vw, 20.7rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-23 {
    font-size: clamp(6rem, 19.5vw, 12rem);
  }
}

.ttl-seminar-top .txt-i-24 {
  font-size: clamp(7.53rem, 9.75vw, 15.6rem);
  line-height: 1.1;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-24 {
    font-size: clamp(4.6rem, 11.75vw, 9.6rem);
  }
}


.ttl-seminar-top .txt-i-25 {
    font-size: clamp(2.65rem, 3.31vw, 5.3rem);
    line-height: 1.1;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-25 {
    font-size: clamp(1.4rem, 4.4vw, 2.7rem);
  }
}


.ttl-seminar-top .txt-i-26 {
    font-size: clamp(4rem, 5vw, 8.1rem);
    line-height: 1.1;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-26 {
     font-size: clamp(2rem, 5vw, 4rem);
  }
}

.ttl-seminar-top .txt-i-27 {
    font-size: clamp(5.05rem,6.4vw, 10.1rem);
    line-height: 1.1;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-27 {
    font-size: clamp(2.025rem, 8.5vw, 5.05rem);
  }
}


.ttl-seminar-top .txt-i-28 {
    display: inline-block;
    vertical-align: middle;
    font-size: clamp(2.2rem, 2.86vw, 4.4rem);
    line-height: 1.1;
    letter-spacing: .04em;
    margin:-.5em 1.2em 0 0;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-28 {
    font-size: clamp(1.1rem, 2.93vw, 2.2rem);
  }
}

.ttl-seminar-top .txt-i-29 {
    display: inline-block;
    vertical-align: middle;
    font-size: clamp(2.35rem, 3vw, 4.7rem);
    line-height: 1.1;
    letter-spacing: .04em;
    margin:-.5em 1.2em 0 0;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-29 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }
}

.ttl-seminar-top .txt-i-30 {
    font-size: clamp(4.7rem, 5.9vw, 9.4rem);
    line-height: 1.1;
    letter-spacing: .04em;
}

@media screen and (max-width: 959px) {
  .ttl-seminar-top .txt-i-30 {
    font-size: clamp(2.35rem, 6.2vw, 3.7rem);
  }
}


.sec-seminar .seminar-box-worry {
  position: relative;
  padding: 5.2% 0;
  background-color: #474C57;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

@media screen and (min-width: 960px) and (max-width: 1599px) {
  .sec-seminar .seminar-box-worry {
    max-height: 535px;
    min-height: 34vw;
  }
}

@media screen and (min-width: 1600px) {
  .sec-seminar .seminar-box-worry {
    min-height: 535px;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar .seminar-box-worry {
    padding: 0 0 9%;
    background: #474C57 url(../../img/lp/sp/bg-seminar-box-worry.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
}

.seminar-box-worry:after {
  content: "";
  width: 60%;
  max-width: 890px;
  height: 11.9rem;
  position: absolute;
  bottom: -8.8rem;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media screen and (max-width: 959px) {
  .seminar-box-worry:after {
    width: 70%;
    height: 5rem;
    bottom: -3.8rem;
  }
}

.seminar-box-worry .box-inner {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 959px) {
  .seminar-box-worry .box-inner {
    width: 100%;
  }
}

.sec-seminar .seminar-box-ttl {
  font-size: clamp(2rem, 2.5vw, 4rem);
  font-weight: 700;
  color: #fff;
  margin: 0 0 .75em;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 959px) {
  .sec-seminar .seminar-box-ttl {
    font-size: clamp(1.6rem, 6.98vw, 2.8rem);
    margin: 0 0 .15em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    height: 4.7em;
    padding: 0 0 .4em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}

.sec-seminar .seminar-box-txt {
  font-size: clamp(1.6rem, 1.38vw, 2.4rem);
  font-weight: 700;
  color: #fff;
  line-height: 2.17;
  width: 100%;
  max-width: 620px;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 959px) {
  .sec-seminar .seminar-box-txt {
    font-size: clamp(1.6rem, 4.5vw, 1.8rem);
    letter-spacing: .04em;
    line-height: 2;
    padding: 0 4%;
    max-width: 100%;
  }
}

.sec-seminar .box-result-wrap {
  margin: 3.5% auto 4%;
}

@media screen and (max-width: 959px) {
  .sec-seminar .box-result-wrap {
    flex-direction: column;
    margin: 3.5% auto .5%;
  }
}

@media screen and (min-width: 960px) {
  .sec-seminar .box-result {
    width: 48%;
  }
}

@media screen and (max-width: 959px) {
  .sec-seminar .box-result {
    margin-bottom: 8%;
  }
}

.sec-seminar .seminar-box-after {
  padding: 8.5% 0 .5%;
}

@media screen and (max-width: 959px) {
  .sec-seminar .seminar-box-after {
    padding: 8.5% 0 5.5%;
  }
}

.sec-seminar .after-box-txt {
  margin: 0 auto 3%;
}

@media screen and (max-width: 959px) {
  .sec-seminar .after-box-txt {
    margin: 4.5% auto 7.5%;
  }
}

.after-box-txt p {
  font-size: clamp(1.6rem, 1.38vw, 2.4rem);
  font-weight: 700;
  line-height: 2.17;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 959px) {
  .after-box-txt p {
    font-size: clamp(1.6rem, 4.5vw, 1.8rem);
    letter-spacing: .04em;
    line-height: 2;
    max-width: 100%;
  }
}