@charset "UTF-8";
/* index.html用 */
/* color */
/* font */
/* blake point */
/* SP（768px 以下） */
/* PC（769px 以上） */
/* PC（769px 以上 1920px以下） */
/* PC（1921px 以上） */
/* --------------------
* index.html用
* 20260805-20260809
-------------------- */
@media only screen and (min-width: 769px) {
  .hide-pc {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .hide-sp {
    display: none !important;
  }
}
.main {
  color: #fff;
  background: #060608;
  -webkit-text-sizeadjust: 100%;
  text-size-adjust: 100%;
  font-family: "Noto Sans JP", "Noto Sans CJK JP", sans-serif;
  width: 100%;
  overflow-x: clip;
}
.main a {
  text-decoration: none;
}
.main a:hover {
  opacity: 0.6;
  transition: 0.4s;
}

/* mv */
@media only screen and (min-width: 769px) and (max-width: 1920px) {
  .mv * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .mv {
    width: 100vw;
    height: 64.844vw;
    background: #060608;
  }
  .mv .wrap {
    margin: 0 auto;
    padding: 13.125vw 0 0;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
    background: url(../../img/lp20260812test/index_mv_01.png) no-repeat 89.7% 44.7%/44.5%, url(../../img/lp20260812test/index_mv_02.png) no-repeat 90.4% 45.5%/41%, url(../../img/lp20260812test/index_mv_03.png) no-repeat 6% 36.5%/24.9vw;
  }
  .mv .wrap .textArea {
    margin: 0 0 0 6.172vw;
  }
  .mv .wrap .textArea h2.title {
    margin: 0 0 3.906vw;
    padding: 0 0 0 1.484vw;
    color: #fff;
    height: 14.844vw;
    font-size: 1.094vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
    left: -1.562vw;
  }
  .mv .wrap .textArea h2.title span.free {
    margin: 0 0 0.781vw;
    font-weight: 500;
    letter-spacing: 0.125vw;
  }
  .mv .wrap .textArea h2.title::before {
    margin: 0 0.781vw 0 0;
    display: inline-block;
    content: "";
    width: 2.5vw;
    height: 0.156vw;
    background: #fff;
    position: relative;
    top: -0.312vw;
  }
  .mv .wrap .textArea h2.title span.text {
    display: block;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    letter-spacing: 0.156vw;
    position: absolute;
    top: 2.969vw;
  }
  .mv .wrap .textArea h2.title span.text span.add {
    display: inline-block;
    color: #f6bd03;
    background: radial-gradient(circle at center, #f6bd03 20%, transparent 20%) repeat-x 50% 9%/2.4vw 0.2em;
    line-height: 2;
  }
  .mv .wrap .textArea h2.title span.text span.big01 {
    display: inline-block;
    height: 8.438vw;
    font-size: 4.375vw;
    color: #f6bd03;
    line-height: 160%;
    letter-spacing: 0.469vw;
  }
  .mv .wrap .textArea h2.title span.text span.big02 {
    font-size: 4.375vw;
    color: #fff;
    line-height: 160%;
  }
  .mv .wrap p.text01 {
    margin: 0 0 2.109vw;
    color: #b5b5ba;
    font-size: 1.563vw;
    font-weight: 700;
    line-height: 200%;
  }
  .mv .wrap p.text01 + div {
    display: flex;
    align-items: center;
  }
  .mv .wrap a.btn-blue {
    margin: 0 1.25vw 2.109vw 0;
    padding: 1.875vw 2.5vw 1.953vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -moz-fit-content;
    width: fit-content;
    height: 4.219vw;
    color: #fff;
    background: #1aa2d4;
    border-radius: 0.469vw;
    font-size: 1.172vw;
    font-weight: 700;
  }
  .mv .wrap a.btn-blue:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-blue span.gt {
    margin: 0 0 0 0.625vw;
    width: 1.172vw;
    height: 1.406vw;
    background: url(../../img/lp20260812test/index_button_02.png) no-repeat center/78%;
  }
  .mv .wrap a.btn-border {
    margin: 0.469vw 1.25vw 2.516vw 0;
    padding: 0.469vw 1.484vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -moz-fit-content;
    width: fit-content;
    height: 3.359vw;
    color: #1aa2d4;
    background: transparent;
    border: 1px solid #1aa2d4;
    border-radius: 0.469vw;
    font-size: 1.016vw;
    font-weight: 700;
  }
  .mv .wrap a.btn-border:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-border span.gt {
    margin: 0 0 0 0.625vw;
  }
  .mv .wrap ul.list {
    display: flex;
    justify-content: flex-start;
    gap: 1.563vw;
    color: #b5b5ba;
    font-size: 1.016vw;
    font-weight: 400;
  }
  .mv .wrap ul.list li::before {
    display: inline-block;
    content: "";
    width: 1.25vw;
    height: 1.641vw;
    background: url(../../img/lp20260812test/index_mv_04.png) no-repeat 33% 89%/54%;
  }
}
@media only screen and (min-width: 1921px) {
  .mv * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .mv {
    width: 100vw;
    height: 1245px;
    background: #060608;
  }
  .mv .wrap {
    margin: 0 auto;
    padding: 252px 0 0;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
    background: url(../../img/lp20260812test/index_mv_01.png) no-repeat 89.7% 44.7%/44.5%, url(../../img/lp20260812test/index_mv_02.png) no-repeat 90.4% 45.5%/41%, url(../../img/lp20260812test/index_mv_03.png) no-repeat 6% 36.5%/478.5px;
  }
  .mv .wrap .textArea {
    margin: 0 0 0 118.5px;
  }
  .mv .wrap .textArea h2.title {
    margin: 0 0 75px;
    padding: 0 0 0 28.5px;
    color: #fff;
    height: 285px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
    left: -30px;
  }
  .mv .wrap .textArea h2.title span.free {
    margin: 0 0 15px;
    font-weight: 500;
    letter-spacing: 2.4px;
  }
  .mv .wrap .textArea h2.title::before {
    margin: 0 15px 0 0;
    display: inline-block;
    content: "";
    width: 48px;
    height: 3px;
    background: #fff;
    position: relative;
    top: -6px;
  }
  .mv .wrap .textArea h2.title span.text {
    display: block;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 3px;
    position: absolute;
    top: 57px;
  }
  .mv .wrap .textArea h2.title span.text span.add {
    display: inline-block;
    color: #f6bd03;
    background: radial-gradient(circle at center, #f6bd03 20%, transparent 20%) repeat-x 50% 9%/46.5px 0.2em;
    line-height: 2;
  }
  .mv .wrap .textArea h2.title span.text span.big01 {
    display: inline-block;
    height: 162px;
    font-size: 84px;
    color: #f6bd03;
    line-height: 160%;
    letter-spacing: 9px;
  }
  .mv .wrap .textArea h2.title span.text span.big02 {
    font-size: 84px;
    color: #fff;
    line-height: 160%;
  }
  .mv .wrap p.text01 {
    margin: 0 0 40.5px;
    color: #b5b5ba;
    font-size: 30px;
    font-weight: 700;
    line-height: 200%;
  }
  .mv .wrap p.text01 + div {
    display: flex;
    align-items: center;
  }
  .mv .wrap a.btn-blue {
    margin: 0 24px 40.5px 0;
    padding: 36px 48px 37.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -moz-fit-content;
    width: fit-content;
    height: 81px;
    color: #fff;
    background: #1aa2d4;
    border-radius: 9px;
    font-size: 22.5px;
    font-weight: 700;
  }
  .mv .wrap a.btn-blue:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-blue span.gt {
    margin: 0 0 0 12px;
    width: 22.5px;
    height: 27px;
    background: url(../../img/lp20260812test/index_button_02.png) no-repeat center/78%;
  }
  .mv .wrap a.btn-border {
    margin: 9px 24px 48.3px 0;
    padding: 9px 28.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: -moz-fit-content;
    width: fit-content;
    height: 64.5px;
    color: #1aa2d4;
    background: transparent;
    border: 1px solid #1aa2d4;
    border-radius: 9px;
    font-size: 19.5px;
    font-weight: 700;
  }
  .mv .wrap a.btn-border:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-border span.gt {
    margin: 0 0 0 12px;
  }
  .mv .wrap ul.list {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    color: #b5b5ba;
    font-size: 19.5px;
    font-weight: 400;
  }
  .mv .wrap ul.list li::before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 31.5px;
    background: url(../../img/lp20260812test/index_mv_04.png) no-repeat 33% 89%/54%;
  }
}
@media only screen and (max-width: 768px) {
  .mv * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .mv {
    width: 100%;
    height: 216vw;
    background: #060608;
  }
  .mv .wrap {
    margin: 0 auto;
    padding: 85.067vw 0 0;
    max-width: 100%;
    height: 100%;
    background: url(../../img/lp20260812test/index_mv_01_sp.png) no-repeat 50.7% 18.1%/68.9%, url(../../img/lp20260812test/index_mv_02_sp.png) no-repeat 51% 15.3%/57.4%;
  }
  .mv .wrap .textArea h2.title {
    margin: 0 0 11.467vw;
    padding: 0 0 0 6.4vw;
    color: #fff;
    background: url(../../img/lp20260812test/index_mv_03.png) no-repeat 8% 67.5%/53%;
    height: 50.667vw;
    font-size: 3.2vw;
    font-weight: 500;
    position: relative;
    left: -2.667vw;
  }
  .mv .wrap .textArea h2.title::before {
    margin: 0 2.667vw 0 0;
    display: inline-block;
    content: "";
    width: 4vw;
    height: 0.533vw;
    background: #fff;
    position: relative;
    top: -1.067vw;
  }
  .mv .wrap .textArea h2.title span.free {
    font-size: 3.2vw;
    font-weight: 500;
    letter-spacing: 0.427vw;
  }
  .mv .wrap .textArea h2.title span.text {
    margin: 0.267vw;
    display: block;
    color: #fff;
    font-size: 5.333vw;
    letter-spacing: 0.267vw;
    position: absolute;
    top: 9.067vw;
  }
  .mv .wrap .textArea h2.title span.text span.add {
    display: inline-block;
    color: #f6bd03;
    background: radial-gradient(circle at center, #ffb703 16%, transparent 16%) repeat-x left 21%/5.6vw 0.2em;
    line-height: 2.3;
    height: 5.3vw;
  }
  .mv .wrap .textArea h2.title span.text span.big01 {
    display: inline-block;
    height: 28.8vw;
    font-size: 9.6vw;
    color: #f6bd03;
    line-height: 192%;
    letter-spacing: 0.533vw;
  }
  .mv .wrap .textArea h2.title span.text span.big02 {
    font-size: 9.6vw;
    color: #fff;
    line-height: 160%;
  }
  .mv .wrap h2.title + p.text01 {
    color: #b5b5ba;
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 200%;
    position: absolute;
    top: 41.067vw;
    left: 3.733vw;
  }
  .mv .wrap h2.title + p.text01 + div {
    margin: 0 1.867vw;
    display: flex;
    flex-wrap: nowrap;
  }
  .mv .wrap a.btn-blue {
    margin: 0.267vw 5.333vw 8vw 2.4vw;
    padding: 0 5.067vw 0 4.347vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    height: 14.4vw;
    white-space: nowrap;
    color: #fff;
    background: #1aa2d4;
    border-radius: 1.6vw;
    font-size: 4.267vw;
    font-weight: 700;
  }
  .mv .wrap a.btn-blue:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-blue span.gt {
    margin: 0 0 0 2.133vw;
    width: 4vw;
    height: 4.8vw;
    background: url(../../img/lp20260812test/index_button_02.png) no-repeat center/78%;
  }
  .mv .wrap a.btn-border {
    margin: 2.133vw 3.467vw 8.667vw 0;
    padding: 0 1.867vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    height: 10.667vw;
    white-space: nowrap;
    color: #1aa2d4;
    background: transparent;
    border: 1px solid #1aa2d4;
    border-radius: 1.6vw;
    font-size: 3.467vw;
    font-weight: 500;
  }
  .mv .wrap a.btn-border:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .mv .wrap a.btn-border span.gt {
    margin: 0 0 0 2.133vw;
  }
  .mv .wrap ul.list {
    margin: 0 0 0 2.933vw;
    display: flex;
    justify-content: flex-start;
    gap: 4vw;
    color: #b5b5ba;
    font-size: 3.467vw;
    font-weight: 400;
  }
  .mv .wrap ul.list li::before {
    display: inline-block;
    content: "";
    width: 4.267vw;
    height: 5.6vw;
    background: url(../../img/lp20260812test/index_mv_04.png) no-repeat 69% 98%/54%;
  }
}
/* challenge */
@media only screen and (min-width: 769px) and (max-width: 1920px) {
  .challenge * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .challenge {
    margin: -6.25vw 0 0;
    padding: 2.891vw 0 9.375vw;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #222;
    border-radius: 6.25vw 6.25vw 0 0;
  }
  .challenge .wrap {
    margin: 0 auto;
    padding: 0 10.938vw;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .challenge .wrap h2.title {
    margin: 0 0 0.469vw;
    color: #fff;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .challenge .wrap h2.title span.subtitle {
    margin: 0 0 2.891vw;
    display: block;
    width: 11.484vw;
    height: 1.328vw;
  }
  .challenge .wrap p.text {
    margin: 0 0 7.109vw;
    color: #fff;
    font-size: 1.172vw;
  }
  .challenge .wrap .listArea {
    margin: 0 0 4.375vw;
    display: flex;
    justify-content: flex-start;
    gap: 3.125vw;
  }
  .challenge .wrap .listArea dl.list {
    padding: 3.125vw 2.344vw;
    display: block;
    width: 23.906vw;
    background: #141417;
    border-radius: 0.781vw;
    position: relative;
  }
  .challenge .wrap .listArea dl.list dt.title {
    margin: 0 0 1.563vw;
    display: block;
    color: #fff;
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 160%;
  }
  .challenge .wrap .listArea dl.list dt.title span {
    width: 3.984vw;
    height: 5.469vw;
    position: absolute;
    top: -2.109vw;
    left: 2.109vw;
  }
  .challenge .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 176%;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(2) dt.title span {
    width: 4.453vw;
    height: auto;
    position: absolute;
    top: -2.109vw;
    left: 2.109vw;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span {
    width: 4.531vw;
    height: auto;
    position: absolute;
    top: -2.109vw;
    left: 2.109vw;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span.block-sp {
    display: inline-block;
    width: fit-content;
    position: static;
    aspect-ratio: inherit;
  }
  .challenge .wrap h2.title02 {
    margin: 0 0 1.563vw 2.344vw;
    color: #fff;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .challenge .wrap .textArea {
    padding: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78.125vw;
    height: 11.719vw;
    background: #1aa2d4;
    border-radius: 0.625vw;
  }
  .challenge .wrap .textArea p.text {
    margin: 0;
    color: #fff;
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 160%;
  }
  .challenge .wrap .textArea a.btn-white {
    padding: 0 2.188vw 0 2.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20.156vw;
    height: 5.469vw;
    color: #1aa2d4;
    background: #fff;
    border-radius: 0.469vw;
    font-size: 1.172vw;
    font-weight: 700;
    letter-spacing: 0.078vw;
  }
  .challenge .wrap .textArea a.btn-white:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .challenge .wrap .textArea a.btn-white span.gt {
    margin: 0 0 0 0.625vw;
    width: 1.172vw;
    height: 1.406vw;
    background: url(../../img/lp20260812test/index_button_01.png) no-repeat center/78%;
  }
}
@media only screen and (min-width: 1921px) {
  .challenge * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .challenge {
    margin: -120px 0 0;
    padding: 55.5px 0 180px;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #222;
    border-radius: 120px 120px 0 0;
  }
  .challenge .wrap {
    margin: 0 auto;
    padding: 0 210px;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .challenge .wrap h2.title {
    margin: 0 0 9px;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .challenge .wrap h2.title span.subtitle {
    margin: 0 0 55.5px;
    display: block;
    width: 220.5px;
    height: 25.5px;
  }
  .challenge .wrap p.text {
    margin: 0 0 136.5px;
    color: #fff;
    font-size: 22.5px;
  }
  .challenge .wrap .listArea {
    margin: 0 0 84px;
    display: flex;
    justify-content: flex-start;
    gap: 60px;
  }
  .challenge .wrap .listArea dl.list {
    padding: 60px 45px;
    display: block;
    width: 459px;
    background: #141417;
    border-radius: 15px;
    position: relative;
  }
  .challenge .wrap .listArea dl.list dt.title {
    margin: 0 0 30px;
    display: block;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 160%;
  }
  .challenge .wrap .listArea dl.list dt.title span {
    width: 76.5px;
    height: 105px;
    position: absolute;
    top: -40.5px;
    left: 40.5px;
  }
  .challenge .wrap .listArea dl.list dd.text {
    font-size: 24px;
    font-weight: 400;
    color: #b5b5ba;
    line-height: 176%;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(2) dt.title span {
    width: 85.5px;
    height: auto;
    position: absolute;
    top: -40.5px;
    left: 40.5px;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span {
    width: 87px;
    height: auto;
    position: absolute;
    top: -40.5px;
    left: 40.5px;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span.block-sp {
    display: inline-block;
    width: fit-content;
    position: static;
    aspect-ratio: inherit;
  }
  .challenge .wrap h2.title02 {
    margin: 0 0 30px 45px;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .challenge .wrap .textArea {
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1500px;
    height: 225px;
    background: #1aa2d4;
    border-radius: 12px;
  }
  .challenge .wrap .textArea p.text {
    margin: 0;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 160%;
  }
  .challenge .wrap .textArea a.btn-white {
    padding: 0 42px 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 387px;
    height: 105px;
    color: #1aa2d4;
    background: #fff;
    border-radius: 9px;
    font-size: 22.5px;
    font-weight: 700;
    letter-spacing: 1.5px;
  }
  .challenge .wrap .textArea a.btn-white:hover {
    opacity: 0.6;
    transition: 0.4s;
  }
  .challenge .wrap .textArea a.btn-white span.gt {
    margin: 0 0 0 12px;
    width: 22.5px;
    height: 27px;
    background: url(../../img/lp20260812test/index_button_01.png) no-repeat center/78%;
  }
}
@media only screen and (max-width: 768px) {
  .challenge * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .challenge {
    margin: -18.4vw 0 0;
    width: 100%;
    height: auto;
    background: #222;
    border-radius: 9.067vw 9.067vw 0 0;
  }
  .challenge .wrap {
    margin: 0 auto;
    padding: 5.6vw 0 0;
    max-width: 92%;
    height: 100%;
  }
  .challenge .wrap h2.title {
    margin: 0 0 4.533vw;
    padding: 13.6vw 0 0;
    color: #fff;
    font-size: 7.467vw;
    font-weight: 700;
    line-height: 162%;
    letter-spacing: 0.267vw;
    position: relative;
  }
  .challenge .wrap h2.title span.subtitle {
    margin: 0 0 8.533vw;
    display: block;
    width: 41.067vw;
    height: 4.533vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .challenge .wrap p.text {
    margin: 0 0 0.533vw;
    color: #fff;
    font-size: 3.733vw;
  }
  .challenge .wrap .listArea {
    margin: 14.933vw 0 13.867vw;
    display: block;
  }
  .challenge .wrap .listArea dl.list {
    margin: 0 auto 9.6vw;
    padding: 10.667vw 8vw 10.133vw;
    display: block;
    width: 100%;
    background: #141417;
    border-radius: 2.667vw;
    position: relative;
  }
  .challenge .wrap .listArea dl.list dt.title {
    margin: 0 0 5.333vw;
    display: block;
    color: #fff;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 160%;
  }
  .challenge .wrap .listArea dl.list dt.title span {
    width: 13.6vw;
    height: 18.667vw;
    position: absolute;
    top: -6.933vw;
    left: 6.933vw;
  }
  .challenge .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    font-size: 3.733vw;
    line-height: 176%;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(2) {
    margin: 0 auto 10.4vw;
    padding: 10.667vw 8vw 12.533vw;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(2) dt.title span {
    width: 15.2vw;
    height: auto;
    position: absolute;
    top: -7.467vw;
    left: 6.933vw;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) {
    margin: 0 auto;
    padding: 10.667vw 8vw 12.533vw;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span {
    width: 15.2vw;
    height: auto;
    position: absolute;
    top: -7.467vw;
    left: 6.933vw;
    aspect-ratio: 51/7;
  }
  .challenge .wrap .listArea dl.list:nth-of-type(3) dt.title span.block-sp {
    display: block;
    width: fit-content;
    position: static;
    aspect-ratio: inherit;
  }
  .challenge .wrap h2.title02 {
    margin: 0 0 1.6vw 8vw;
    color: #fff;
    font-size: 12.8vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.533vw;
  }
  .challenge .wrap .textArea {
    padding: 8vw 8vw 10.667vw;
    display: block;
    width: 92.267vw;
    height: 80.533vw;
    text-align: center;
    background: #1aa2d4;
    border-radius: 2.133vw;
  }
  .challenge .wrap .textArea p.text {
    margin: 0 0 4.8vw;
    color: #fff;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.267vw;
  }
  .challenge .wrap .textArea a.btn-white {
    margin: 0 auto;
    padding: 0 15.733vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    height: 16vw;
    color: #1aa2d4;
    background: #fff;
    border-radius: 1.6vw;
    font-size: 4.267vw;
    font-weight: 700;
  }
  .challenge .wrap .textArea a.btn-white span.gt {
    margin: 0 0 0 2.133vw;
    width: 4vw;
    height: 4.8vw;
    background: url(../../img/lp20260812test/index_button_01.png) no-repeat center/78%;
  }
}
/* works */
@media only screen and (min-width: 769px) and (max-width: 1920px) {
  .works * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .works {
    margin: -5.859vw 0 0;
    padding: 2.578vw 0 11.719vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100vw;
    /* height: 89.141vw; */
    background: #222;
    border-radius: 6.25vw 6.25vw 0 0;
    position: relative;
  }
  .works .wrap {
    margin: 0 auto;
    padding: 0 10.938vw;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .works .wrap h2.title {
    margin: 0 0 2.344vw;
    padding: 5.703vw 0 0;
    color: #fff;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 143%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .works .wrap h2.title span.subtitle {
    margin: 0 0 3.672vw;
    display: block;
    width: 10.078vw;
    height: auto;
    position: absolute;
    top: 0.781vw;
    left: 0;
  }
  .works .wrap p.text {
    margin: 0 0 11.406vw;
    color: #fff;
    font-size: 1.172vw;
  }
  .works .wrap .listArea {
    margin: 0 0 4.375vw;
    display: flex;
    justify-content: flex-start;
    gap: 3.516vw;
    position: relative;
  }
  .works .wrap .listArea::before {
    display: block;
    content: "";
    width: 100%;
    height: 0.313vw;
    background: radial-gradient(circle at center, #fff 20%, transparent 20%) repeat-x top right/0.66em 0.3em;
    position: absolute;
    top: -2.578vw;
    left: 0;
  }
  .works .wrap .listArea dl.list {
    padding: 2.344vw 3.125vw 2.344vw 1.875vw;
    display: block;
    text-align: center;
    background: #141417;
    border-radius: 0.781vw;
    position: relative;
  }
  .works .wrap .listArea dl.list dt.title {
    margin: 0 0 1.563vw;
    display: block;
    color: #fff;
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 0.8;
  }
  .works .wrap .listArea dl.list dt.title span {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .works .wrap .listArea dl.list dt.title span.no {
    width: 5.156vw;
    height: auto;
    position: absolute;
    top: -8.75vw;
    left: 48%;
    transform: translate(-50%, 0);
  }
  .works .wrap .listArea dl.list dt.title span.mark01 {
    margin: 0 auto 25px;
    width: 6.797vw;
    height: 5.938vw;
    top: -8.75vw;
    left: 48%;
  }
  .works .wrap .listArea dl.list dt.title span.mark02 {
    margin: 0 auto 25px;
    width: 6.25vw;
    height: 6.328vw;
  }
  .works .wrap .listArea dl.list dt.title span.mark03 {
    margin: 0 auto 25px;
    width: 6.172vw;
    height: 6.172vw;
  }
  .works .wrap .listArea dl.list dt.title span.mark04 {
    margin: 0 auto 25px;
    width: 6.406vw;
    height: 6.406vw;
  }
  @-moz-document url-prefix() {
    .works .wrap .listArea dl.list dt.title {
      line-height: 1.3;
    }
  }
  .works .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    text-align: justify;
    font-size: 1.25vw;
    line-height: 166%;
  }
  .works .scroll01 {
    width: 100%;
    height: 11.25vw;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .works .scroll01::-webkit-scrollbar {
    display: none;
  }
  .works .scroll01 span.img {
    display: block;
    width: 308%;
    height: 7.969vw;
    position: absolute;
    top: 1.875vw;
    left: -8.984vw;
  }
  .works .scroll01 span.img img {
    width: 306.1vw;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
@media only screen and (min-width: 1921px) {
  .works * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .works {
    margin: -112.5px 0 0;
    padding: 49.5px 0 225px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100vw;
    /* height: 1711.5px; */
    background: #222;
    border-radius: 120px 120px 0 0;
    position: relative;
  }
  .works .wrap {
    margin: 0 auto;
    padding: 0 210px;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .works .wrap h2.title {
    margin: 0 0 45px;
    padding: 109.5px 0 0;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 143%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .works .wrap h2.title span.subtitle {
    margin: 0 0 70.5px;
    display: block;
    width: 193.5px;
    height: auto;
    position: absolute;
    top: 15px;
    left: 0;
  }
  .works .wrap p.text {
    margin: 0 0 219px;
    color: #fff;
    font-size: 22.5px;
  }
  .works .wrap .listArea {
    margin: 0 0 84px;
    display: flex;
    justify-content: flex-start;
    gap: 67.5px;
    position: relative;
  }
  .works .wrap .listArea::before {
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background: radial-gradient(circle at center, #fff 20%, transparent 20%) repeat-x top right/0.66em 0.3em;
    position: absolute;
    top: -49.5px;
    left: 0;
  }
  .works .wrap .listArea dl.list {
    padding: 45px 60px 45px 36px;
    display: block;
    text-align: center;
    background: #141417;
    border-radius: 15px;
    position: relative;
  }
  .works .wrap .listArea dl.list dt.title {
    margin: 0 0 30px;
    display: block;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.8;
  }
  .works .wrap .listArea dl.list dt.title span {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .works .wrap .listArea dl.list dt.title span.no {
    width: 99px;
    height: auto;
    position: absolute;
    top: -168px;
    left: 48%;
    transform: translate(-50%, 0);
  }
  .works .wrap .listArea dl.list dt.title span.mark01 {
    margin: 0 auto 37.5px;
    width: 130.5px;
    height: 114px;
    top: -168px;
    left: 48%;
  }
  .works .wrap .listArea dl.list dt.title span.mark02 {
    margin: 0 auto 37.5px;
    width: 120px;
    height: 121.5px;
  }
  .works .wrap .listArea dl.list dt.title span.mark03 {
    margin: 0 auto 37.5px;
    width: 118.5px;
    height: 118.5px;
  }
  .works .wrap .listArea dl.list dt.title span.mark04 {
    margin: 0 auto 37.5px;
    width: 123px;
    height: 123px;
  }
  @-moz-document url-prefix() {
    .works .wrap .listArea dl.list dt.title {
      line-height: 1.3;
    }
  }
  .works .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    text-align: justify;
    font-size: 24px;
    line-height: 166%;
  }
  .works .scroll01 {
    width: 100%;
    height: 216px;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .works .scroll01::-webkit-scrollbar {
    display: none;
  }
  .works .scroll01 span.img {
    display: block;
    width: 308%;
    height: 153px;
    position: absolute;
    top: 36px;
    left: -172.5px;
  }
  .works .scroll01 span.img img {
    width: 5877px;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
@media only screen and (max-width: 768px) {
  .works * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .works {
    margin: 0;
    padding: 0 0 24.267vw;
    width: 100%;
    /* height: 415.467vw; */
    background: #222;
  }
  .works .wrap {
    margin: 0 auto;
    padding: 7.467vw 0 0;
    max-width: 92%;
    height: 373.333vw;
  }
  .works .wrap h2.title {
    margin: 0 0 4.533vw;
    color: #fff;
    font-size: 7.467vw;
    font-weight: 700;
    line-height: 12.267vw;
    letter-spacing: 0.267vw;
  }
  .works .wrap h2.title span.subtitle {
    margin: 0 0 8.533vw;
    display: block;
    width: 33.867vw;
    height: 4.533vw;
  }
  .works .wrap p.text {
    margin: 0 0 12.533vw;
    color: #fff;
    font-size: 3.733vw;
    letter-spacing: 0.187vw;
  }
  .works .wrap .listArea {
    margin: 0 0 14.933vw;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 8.533vw;
    position: relative;
  }
  .works .wrap .listArea::before {
    display: block;
    content: "";
    width: 0.533vw;
    height: 98%;
    border: 2px dotted #fff;
    border-width: 0 0 0 0.533vw;
    position: absolute;
    top: 4.533vw;
    left: 13.333vw;
  }
  .works .wrap .listArea dl.list {
    padding: 6.667vw 0 6.4vw;
    display: block;
    width: 72.267vw;
    text-align: center;
    background: #141417;
    border-radius: 2.667vw;
    position: relative;
  }
  .works .wrap .listArea dl.list dt.title {
    margin: 0 0 4.8vw;
    padding: 0 5.333vw 0;
    display: block;
    text-align: left;
    color: #fff;
    font-size: 5.333vw;
    font-weight: 700;
    line-height: 140%;
  }
  .works .wrap .listArea dl.list dt.title span {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  .works .wrap .listArea dl.list dt.title span.hide-sp {
    display: none;
  }
  .works .wrap .listArea dl.list dt.title span.no {
    width: 8.533vw;
    height: auto;
    position: absolute;
    top: 0px;
    left: -15.467vw;
    transform: translate(-50%, 0);
  }
  .works .wrap .listArea dl.list dt.title span.no::after {
    display: block;
    content: "";
    width: 2.4vw;
    height: 2.4vw;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3.2vw;
    left: 12.267vw;
  }
  .works .wrap .listArea dl.list dt.title span.mark01 {
    margin: 0 auto 17px;
    width: 16vw;
    height: auto;
    aspect-ratio: 46/36;
  }
  .works .wrap .listArea dl.list dt.title span.mark01 img {
    width: 100%;
    height: 100%;
  }
  .works .wrap .listArea dl.list dt.title span.mark02 {
    margin: 0 auto 15px;
    width: 11.733vw;
    height: auto;
    aspect-ratio: 35/45;
  }
  .works .wrap .listArea dl.list dt.title span.mark03 {
    margin: 0 auto 20px;
    width: 13.333vw;
    height: 13.333vw;
  }
  .works .wrap .listArea dl.list dt.title span.mark04 {
    margin: 0 auto 17px;
    width: 16vw;
    height: auto;
    aspect-ratio: 46/36;
  }
  .works .wrap .listArea dl.list dd.text {
    padding: 0 4.8vw 0;
    color: #b5b5ba;
    text-align: justify;
    font-size: 3.733vw;
    line-height: 160%;
  }
  .works span.img {
    display: block;
    width: 98.667vw;
    position: relative;
    bottom: 4.267vw;
    left: -3.733vw;
  }
  .works .scroll01 {
    width: 100%;
    height: 17.36vw;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .works .scroll01::-webkit-scrollbar {
    display: none;
  }
  .works .scroll01 span.img {
    display: block;
    width: 749%;
    height: auto;
    position: absolute;
    top: 0;
    left: -324vw;
    bottom: 0;
  }
  .works .scroll01 span.img img {
    width: 748vw;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
/* product-service */
@media only screen and (min-width: 769px) {
  .product-service * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .product-service {
    margin: -5.937vw 0 0;
    padding: 5.938vw 0 13.281vw;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: 75.781vw;
    background: #141417;
    border-radius: 6.25vw 6.25vw 0 0;
  }
  .product-service .wrap {
    margin: 0 auto;
    padding: 0 10.938vw;
    width: 100vw;
    max-width: 1920px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }
  .product-service .wrap h2.title {
    margin: 0 0 4.375vw;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 3.125vw;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .product-service .wrap .imgArea {
    margin: 0 0 0.859vw;
    padding: 3.125vw 5.078vw 1.641vw;
    background: #2e2e33;
    border-radius: 0.469vw;
  }
  .product-service .wrap .imgArea p.img {
    width: 100%;
    height: auto;
    aspect-ratio: 869/398;
  }
  .product-service .wrap p.text {
    color: #b5b5ba;
    font-size: 1.25vw;
    font-weight: 400;
  }
}
@media only screen and (min-width: 1921px) {
  .product-service * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .product-service {
    margin: -114px 0 0;
    padding: 114px 0 255px;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: 1455px;
    background: #141417;
    border-radius: 6.25vw 6.25vw 0 0;
  }
  .product-service .wrap {
    margin: 0 auto;
    padding: 0 210px;
    width: 100vw;
    max-width: 1920px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }
  .product-service .wrap h2.title {
    margin: 0 0 84px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
  }
  .product-service .wrap .imgArea {
    margin: 0 0 16.5px;
    padding: 60px 97.5px 31.5px;
    background: #2e2e33;
    border-radius: 9px;
  }
  .product-service .wrap .imgArea p.img {
    width: 100%;
    height: auto;
    aspect-ratio: 869/398;
  }
  .product-service .wrap p.text {
    color: #b5b5ba;
    font-size: 24px;
    font-weight: 400;
  }
}
@media only screen and (max-width: 768px) {
  .product-service * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .product-service {
    margin: -24.267vw 0 0;
    padding: 10.4vw 0 0px;
    width: 100%;
    height: 152vw;
    background: #141417;
    border-radius: 9.067vw 9.067vw 0 0;
    overflow: hidden;
  }
  .product-service .wrap {
    margin: 0 auto;
    width: 92%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }
  .product-service .wrap h2.title {
    margin: 0 0 6.667vw 2.4vw;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 6.4vw;
    font-weight: 700;
    white-space: nowrap;
    line-height: 160%;
    letter-spacing: 0.213vw;
  }
  .product-service .wrap .imgArea {
    margin: 0 0 4.533vw;
    padding: 2.667vw 4vw 0px;
    width: 100vw;
    margin-left: -4vw;
    margin-right: -4vw;
    position: relative;
    overflow-x: auto;
  }
  .product-service .wrap .imgArea .img01 {
    width: 117.6%;
    padding: 2.667vw 4vw 1.867vw;
    background: #2E2E33;
  }
  .product-service .wrap .imgArea .img01 img {
    width: 100%;
    height: auto;
    display: block;
  }
  .product-service .wrap .imgArea .img02 {
    width: 44vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    pointer-events: none;
    box-shadow: 0 20px 20px 0 rgba(64, 64, 64, 0.1);
  }
  .product-service .wrap .imgArea .img02 img {
    width: 100%;
    height: auto;
  }
  .product-service .wrap p.text {
    color: #b5b5ba;
    font-size: 3.733vw;
    line-height: 160%;
    letter-spacing: -0.053vw;
  }
  .scroll02 {
    width: 100%;
    height: 122.667vw;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .scroll02 p.img01 {
    padding: 2.4vw 4vw 0 4vw;
    display: block;
    width: 117.333vw;
    height: 55.467vw;
    background: #2e2e33;
    border-radius: 1.6vw;
    position: absolute;
    top: 2.667vw;
    left: 4vw;
  }
  .scroll02 p.img01 img {
    position: relative;
    overflow: visible;
  }
  .scroll02 p.img02 {
    width: 54.133vw;
    height: auto;
    position: absolute;
    top: 35.733vw;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 165/116;
  }
}
/* third-party-proven */
@media only screen and (min-width: 769px) {
  .third-party-proven * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .third-party-proven {
    margin: -5.625vw 0 0;
    padding: 2.891vw 0 8.594vw;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #0a0a0c;
    border-radius: 6.25vw 6.25vw 0 0;
  }
  .third-party-proven .wrap {
    margin: 0 auto;
    padding: 0 10.938vw;
    max-width: 1920px;
    height: 100%;
  }
  .third-party-proven .wrap h2.title {
    margin: 0 0 0.469vw;
    padding: 4.063vw 0 0;
    color: #fff;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .third-party-proven .wrap h2.title span.subtitle {
    margin: 0 0 2.891vw;
    display: block;
    width: 13.906vw;
    height: 1.328vw;
    position: absolute;
    top: -0.156vw;
    left: 0.156vw;
  }
  .third-party-proven .wrap p.text {
    margin: 0 0 4.688vw;
    color: #fff;
    font-size: 1.172vw;
  }
  .third-party-proven .wrap .listArea {
    margin: 0 0 6.094vw;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    gap: 0 3.125vw;
  }
  .third-party-proven .wrap .listArea dl.list {
    padding: 3.125vw 2.344vw 2.813vw;
    display: grid;
    grid-row: span 6;
    grid-template-rows: subgrid;
    width: 23.906vw;
    min-height: 36.563vw;
    text-align: center;
    background: #141417;
    position: relative;
  }
  .third-party-proven .wrap .listArea dl.list dt.title {
    margin: 0 0 1.563vw;
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    text-align: left;
    color: #b5b5ba;
    font-size: 0.938vw;
    line-height: 141%;
  }
  .third-party-proven .wrap .listArea dl.list dt.title span {
    margin: 0 auto 20px;
    display: block;
    width: 10.938vw;
    height: auto;
  }
  .third-party-proven .wrap .listArea dl.list dt.title span.hide-pc {
    display: none;
  }
  .third-party-proven .wrap .listArea dl.list dd.text {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    line-height: 176%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text01 {
    margin: 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 140%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text-yellow {
    margin: 0 0 clamp(0.1px, 101%, 4px);
    color: #f6bd03;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 150%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img {
    margin: 0 0 clamp(0.125rem, 1.875vw - 1.375rem, 0.875rem);
    text-align: center;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img img {
    width: 2.969vw;
    height: auto;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text02 {
    margin: 0;
    color: #fff;
    font-size: 0.938vw;
  }
  .third-party-proven .wrap h2.title02 {
    margin: 0 0 0.469vw 2.344vw;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .third-party-proven .wrap .textArea {
    padding: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78.125vw;
    height: 11.719vw;
    background: #1aa2d4;
    border-radius: 0.625vw;
  }
  .third-party-proven .wrap .textArea p.text {
    margin: 0;
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.078vw;
  }
  .third-party-proven .wrap .textArea button.btn-white {
    margin: 0;
    background: transparent;
    border: none;
  }
  .third-party-proven .wrap .textArea button.btn-white a {
    margin: 0 auto;
    padding: 0 2.188vw 0 2.5vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20.156vw;
    height: 5.469vw;
    color: #1aa2d4;
    background: #fff;
    border-radius: 0.469vw;
    font-size: 1.172vw;
    font-weight: 700;
  }
  .third-party-proven .wrap .textArea button.btn-white a span.gt {
    margin: 0 0 0 0.625vw;
  }
  .third-party-proven .boxArea {
    padding: 0.469vw 3.125vw 0;
    border: 1px solid #2e2e33;
  }
  .third-party-proven .boxArea h2.title {
    margin: 0 0 0.391vw;
    padding: 3.672vw 0 0;
    color: #fff;
    font-size: 2.813vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .third-party-proven .boxArea h2.title span.subtitle {
    margin: 0 0 0.234vw;
    display: block;
    width: 17.266vw;
    height: 3.047vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .third-party-proven .boxArea p.text {
    margin: 0 0 2.188vw;
    color: #b5b5ba;
    font-size: 1.172vw;
  }
  .third-party-proven .boxArea ul.listArea {
    margin: 0 0 3.594vw 4.688vw;
    display: flex;
    justify-content: flex-start;
    gap: 2.891vw;
    color: #b5b5ba;
  }
  .third-party-proven .boxArea ul.listArea li.item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 0.938vw;
    width: 13.438vw;
    height: 12.578vw;
    text-align: center;
    font-size: 1.406vw;
    font-weight: 700;
    background: #141417;
    clip-path: polygon(0 38%, 50% 0, 100% 38%, 80% 100%, 20% 100%);
  }
  .third-party-proven .boxArea ul.listArea li.item span {
    width: 7.5vw;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item span img {
    width: 7.344vw;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item:last-child img {
    width: 4.219vw;
    height: auto;
  }
}
@media only screen and (min-width: 1921px) {
  .third-party-proven * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .third-party-proven {
    margin: -108px 0 0;
    padding: 55.5px 0 165px;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #0a0a0c;
    border-radius: 120px 120px 0 0;
  }
  .third-party-proven .wrap {
    margin: 0 auto;
    padding: 0 210px;
    max-width: 1920px;
    height: 100%;
  }
  .third-party-proven .wrap h2.title {
    margin: 0 0 9px;
    padding: 78px 0 0;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .third-party-proven .wrap h2.title span.subtitle {
    margin: 0 0 55.5px;
    display: block;
    width: 267px;
    height: 25.5px;
    position: absolute;
    top: -3px;
    left: 3px;
  }
  .third-party-proven .wrap p.text {
    margin: 0 0 90px;
    color: #fff;
    font-size: 22.5px;
  }
  .third-party-proven .wrap .listArea {
    margin: 0 0 117px;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    gap: 0 60px;
  }
  .third-party-proven .wrap .listArea dl.list {
    padding: 60px 45px 54px;
    display: grid;
    grid-row: span 6;
    grid-template-rows: subgrid;
    width: 459px;
    min-height: 702px;
    text-align: center;
    background: #141417;
    position: relative;
  }
  .third-party-proven .wrap .listArea dl.list dt.title {
    margin: 0 0 30px;
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    text-align: left;
    color: #b5b5ba;
    font-size: 18px;
    line-height: 141%;
  }
  .third-party-proven .wrap .listArea dl.list dt.title span {
    margin: 0 auto 30px;
    display: block;
    width: 210px;
    height: auto;
  }
  .third-party-proven .wrap .listArea dl.list dt.title span.hide-pc {
    display: none;
  }
  .third-party-proven .wrap .listArea dl.list dd.text {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    line-height: 176%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text01 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text-yellow {
    margin: 0 0 4px;
    color: #f6bd03;
    font-size: 48px;
    font-weight: 700;
    line-height: 150%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img {
    margin: 0 0 14px;
    text-align: center;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img img {
    width: 57px;
    height: auto;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text02 {
    margin: 0;
    color: #fff;
    font-size: 18px;
  }
  .third-party-proven .wrap h2.title02 {
    margin: 0 0 9px 45px;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .third-party-proven .wrap .textArea {
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1500px;
    height: 225px;
    background: #1aa2d4;
    border-radius: 12px;
  }
  .third-party-proven .wrap .textArea p.text {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 1.5px;
  }
  .third-party-proven .wrap .textArea button.btn-white {
    margin: 0;
    background: transparent;
    border: none;
  }
  .third-party-proven .wrap .textArea button.btn-white a {
    margin: 0 auto;
    padding: 0 42px 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 387px;
    height: 105px;
    color: #1aa2d4;
    background: #fff;
    border-radius: 9px;
    font-size: 22.5px;
    font-weight: 700;
  }
  .third-party-proven .wrap .textArea button.btn-white a span.gt {
    margin: 0 0 0 12px;
  }
  .third-party-proven .boxArea {
    padding: 9px 60px 0;
    border: 1px solid #2e2e33;
  }
  .third-party-proven .boxArea h2.title {
    margin: 0 0 7.5px;
    padding: 70.5px 0 0;
    color: #fff;
    font-size: 54px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
    position: relative;
  }
  .third-party-proven .boxArea h2.title span.subtitle {
    margin: 0 0 4.5px;
    display: block;
    width: 331.5px;
    height: 58.5px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .third-party-proven .boxArea p.text {
    margin: 0 0 42px;
    color: #b5b5ba;
    font-size: 22.5px;
  }
  .third-party-proven .boxArea ul.listArea {
    margin: 0 0 69px 90px;
    display: flex;
    justify-content: flex-start;
    gap: 55.5px;
    color: #b5b5ba;
  }
  .third-party-proven .boxArea ul.listArea li.item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 258px;
    height: 241.5px;
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    background: #141417;
    clip-path: polygon(0 38%, 50% 0, 100% 38%, 80% 100%, 20% 100%);
  }
  .third-party-proven .boxArea ul.listArea li.item span {
    width: 144px;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item span img {
    width: 141px;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item:last-child img {
    width: 81px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .third-party-proven * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .third-party-proven {
    margin: -13.333vw 0 0;
    padding: 12vw 0 93.333vw;
    width: 100%;
    height: 485.333vw;
    background: #0a0a0c;
    border-radius: 9.067vw 9.067vw 0 0;
  }
  .third-party-proven .wrap {
    margin: 0 auto;
    width: 92%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }
  .third-party-proven .wrap h2.title {
    margin: 0 0 5.867vw;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 7.467vw;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.267vw;
  }
  .third-party-proven .wrap h2.title span.subtitle {
    margin: 0 0 8.533vw;
    display: block;
    width: 48.267vw;
    height: 4.533vw;
  }
  .third-party-proven .wrap p.text {
    margin: 0 0 6.933vw;
    color: #fff;
    font-size: 4vw;
  }
  .third-party-proven .wrap .listArea {
    margin: 0 0 12vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4vw;
  }
  .third-party-proven .wrap .listArea dl.list {
    margin: 0 0 3.2vw;
    padding: 5.333vw 2.667vw 5.333vw;
    display: flex;
    flex-flow: column;
    width: 44vw;
    height: auto;
    text-align: center;
    background: #141417;
    border-radius: 2.667vw;
    position: relative;
  }
  .third-party-proven .wrap .listArea dl.list dt.title {
    margin: 0 0 5.333vw;
    display: block;
    text-align: left;
    color: #b5b5ba;
    font-size: 3.2vw;
    line-height: 140%;
    letter-spacing: -0.027vw;
  }
  .third-party-proven .wrap .listArea dl.list dt.title span:first-child {
    margin: 0 auto 20px;
    display: block;
    width: 26.933vw;
    height: 26.933vw;
  }
  .third-party-proven .wrap .listArea dl.list dd.text {
    line-height: 176%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text01 {
    margin: 0;
    color: #fff;
    font-size: 4.267vw;
    font-weight: 400;
    line-height: 140%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text-yellow {
    margin: 0;
    color: #f6bd03;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 150%;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img {
    margin: 0 0 1.867vw;
    text-align: center;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.img img {
    width: 10.133vw;
    height: auto;
  }
  .third-party-proven .wrap .listArea dl.list dd.text p.text02 {
    margin: 3.733vw 0 0;
    color: #fff;
    font-size: 3.2vw;
    letter-spacing: 0.267vw;
    line-height: 70%;
  }
  .third-party-proven .wrap h2.title02 {
    margin: 0 0 1.6vw 8vw;
    font-size: 12.8vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.533vw;
  }
  .third-party-proven .wrap .textArea {
    padding: 10.667vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 266.667vw;
    height: 40vw;
    background: #1aa2d4;
    border-radius: 2.133vw;
  }
  .third-party-proven .wrap .textArea p.text {
    margin: 0;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.267vw;
  }
  .third-party-proven .wrap .textArea button.btn-white {
    margin: 0;
    background: transparent;
    border: none;
  }
  .third-party-proven .wrap .textArea button.btn-white a {
    margin: 0 auto;
    padding: 0 7.467vw 0 8.533vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 68.8vw;
    height: 18.667vw;
    color: #1aa2d4;
    background: #fff;
    border-radius: 1.6vw;
    font-size: 4vw;
    font-weight: 700;
  }
  .third-party-proven .wrap .textArea button.btn-white a span.gt {
    margin: 0 0 0 2.133vw;
  }
  .third-party-proven .boxArea {
    padding: 3.733vw 5.6vw 0;
    height: 142vw;
    border: 1px solid #2e2e33;
  }
  .third-party-proven .boxArea h2.title {
    margin: 0 0 4.8vw;
    color: #fff;
    font-size: 6.4vw;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.027vw;
  }
  .third-party-proven .boxArea h2.title span.subtitle {
    margin: 0 0 0.8vw;
    display: block;
    width: 51.2vw;
    height: 10.4vw;
  }
  .third-party-proven .boxArea p.text {
    margin: 0 0 7.467vw;
    color: #b5b5ba;
    font-size: 3.733vw;
    line-height: 160%;
  }
  .third-party-proven .boxArea ul.listArea {
    margin: 0 auto 29px;
    padding: 0 2.4vw 0 0;
    display: grid;
    grid-template-areas: "item01 item02" "item03 item04";
    color: #b5b5ba;
    justify-content: center;
    gap: 5.6vw 5.6vw;
  }
  .third-party-proven .boxArea ul.listArea li.item {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 3.2vw;
    width: 36.267vw;
    height: 33.067vw;
    text-align: center;
    font-size: 3.733vw;
    font-weight: 700;
    background: #141417;
    clip-path: polygon(0 38%, 50% 0, 100% 38%, 80% 100%, 20% 100%);
  }
  .third-party-proven .boxArea ul.listArea li.item span {
    width: 25.6vw;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item span img {
    width: 17.067vw;
    height: auto;
  }
  .third-party-proven .boxArea ul.listArea li.item:last-child img {
    width: 9.6vw;
    height: auto;
    aspect-ratio: 54/37;
  }
  .third-party-proven .boxArea ul.listArea li.item01 {
    grid-area: item01;
    margin: 0 0 0 -2.667vw;
  }
  .third-party-proven .boxArea ul.listArea li.item02 {
    grid-area: item02;
    margin: 0 0 0 -2.667vw;
  }
  .third-party-proven .boxArea ul.listArea li.item03 {
    grid-area: item03;
    margin: 0 0 0 -2.667vw;
  }
  .third-party-proven .boxArea ul.listArea li.item04 {
    grid-area: item04;
    margin: 0 0 0 -2.667vw;
  }
}
/* free-assessment */
@media only screen and (min-width: 769px) {
  .free-assessment * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .free-assessment {
    margin: -6.25vw 0 0;
    padding: 2.891vw 0 0;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #0a0a0c;
    border-radius: 6.25vw 6.25vw 0 0;
    position: relative;
  }
  .free-assessment .wrap {
    margin: 0 auto;
    padding: 0 10.938vw;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .free-assessment .wrap h2.title {
    margin: 0 0 0.859vw;
    color: #fff;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .free-assessment .wrap h2.title span.subtitle {
    margin: 0 0 2.891vw;
    display: block;
    width: 12.656vw;
    height: 1.328vw;
  }
  .free-assessment .wrap p.text {
    margin: 0 0 4.688vw;
    color: #fff;
    font-size: 1.172vw;
  }
  .free-assessment .wrap .listArea {
    margin: 0 0 4.375vw;
    display: flex;
    justify-content: flex-start;
    gap: 3.125vw;
  }
  .free-assessment .wrap .listArea dl.list {
    padding: 3.125vw 2.344vw 2.813vw;
    display: block;
    width: 23.906vw;
    height: 36.563vw;
    text-align: center;
    background: #141417;
    position: relative;
  }
  .free-assessment .wrap .listArea dl.list dt.title {
    margin: 0 0 1.563vw;
    display: block;
    text-align: left;
    font-size: 0.938vw;
    line-height: 147%;
  }
  .free-assessment .wrap .listArea dl.list dt.title span {
    margin: 0 auto 20px;
    display: block;
    width: 10.938vw;
    height: 10.938vw;
  }
  .free-assessment .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    line-height: 176%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text01 {
    margin: 0;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 140%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text-yellow {
    margin: 0;
    color: #f6bd03;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 150%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.img {
    margin: 0 0 0.234vw;
    text-align: center;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.img img {
    width: 2.969vw;
    height: auto;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text02 {
    font-size: 0.938vw;
    letter-spacing: 0.078vw;
  }
  .free-assessment .wrap h2.title02 {
    margin: 0 0 0.469vw 2.344vw;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .free-assessment .wrap .textArea {
    padding: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78.125vw;
    height: 11.719vw;
    background: #1aa2d4;
    border-radius: 0.625vw;
  }
  .free-assessment .wrap .textArea p.text {
    margin: 0;
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.078vw;
  }
  .free-assessment .wrap .textArea button.btn-white {
    margin: 0;
    background: transparent;
    border: none;
  }
  .free-assessment .wrap .textArea button.btn-white a {
    margin: 0 auto;
    padding: 0 2.188vw 0 2.5vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20.156vw;
    height: 5.469vw;
    color: #1aa2d4;
    background: #fff;
    border-radius: 0.469vw;
    font-size: 1.172vw;
    font-weight: 700;
  }
  .free-assessment .wrap .textArea button.btn-white a span.gt {
    margin: 0 0 0 0.625vw;
  }
  .free-assessment .wrap .formArea {
    margin: 0 auto 68px;
    padding: 3.828vw 5.859vw 6.172vw;
    height: 100%;
    color: #212121;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0.469vw;
  }
  .free-assessment .wrap .formArea p.text {
    margin: 0 0 1.797vw;
    color: #212121;
    font-size: 1.25vw;
    line-height: 200%;
  }
  .free-assessment .wrap .formArea p.text:nth-of-type(3) {
    text-align: right;
    color: #999;
  }
  .free-assessment .wrap .formArea p.text a.underline {
    text-decoration: underline;
    color: #1aa2d4;
    opacity: 0.6;
  }
  .free-assessment .wrap .formArea p.text a.underline:hover {
    transition: 4s;
  }
  .free-assessment .wrap .formArea p.text span.red {
    display: block;
    color: #ff1500;
  }
  .free-assessment .scroll03 {
    width: 100%;
    height: 7.578vw;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .free-assessment .scroll03::-webkit-scrollbar {
    display: none;
  }
  .free-assessment .scroll03 span.img {
    display: block;
    width: 308%;
    height: auto;
    position: absolute;
    top: 0;
    left: -8.984vw;
  }
  .free-assessment .scroll03 span.img img {
    width: 306.1vw;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
@media only screen and (min-width: 1921px) {
  .free-assessment * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .free-assessment {
    margin: -120px 0 0;
    padding: 55.5px 0 0;
    display: flex;
    flex-flow: column;
    width: 100vw;
    height: auto;
    background: #0a0a0c;
    border-radius: 120px 120px 0 0;
    position: relative;
  }
  .free-assessment .wrap {
    margin: 0 auto;
    padding: 0 210px;
    width: 100vw;
    max-width: 1920px;
    height: 100%;
  }
  .free-assessment .wrap h2.title {
    margin: 0 0 16.5px;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .free-assessment .wrap h2.title span.subtitle {
    margin: 0 0 55.5px;
    display: block;
    width: 243px;
    height: 25.5px;
  }
  .free-assessment .wrap p.text {
    margin: 0 0 90px;
    color: #fff;
    font-size: 22.5px;
  }
  .free-assessment .wrap .listArea {
    margin: 0 0 84px;
    display: flex;
    justify-content: flex-start;
    gap: 60px;
  }
  .free-assessment .wrap .listArea dl.list {
    padding: 60px 45px 54px;
    display: block;
    width: 459px;
    height: 702px;
    text-align: center;
    background: #141417;
    position: relative;
  }
  .free-assessment .wrap .listArea dl.list dt.title {
    margin: 0 0 30px;
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 147%;
  }
  .free-assessment .wrap .listArea dl.list dt.title span {
    margin: 0 auto 30px;
    display: block;
    width: 210px;
    height: 210px;
  }
  .free-assessment .wrap .listArea dl.list dd.text {
    color: #b5b5ba;
    line-height: 176%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text01 {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text-yellow {
    margin: 0;
    color: #f6bd03;
    font-size: 48px;
    font-weight: 700;
    line-height: 150%;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.img {
    margin: 0 0 4.5px;
    text-align: center;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.img img {
    width: 57px;
    height: auto;
  }
  .free-assessment .wrap .listArea dl.list dd.text p.text02 {
    font-size: 18px;
    letter-spacing: 1.5px;
  }
  .free-assessment .wrap h2.title02 {
    margin: 0 0 9px 45px;
    font-size: 72px;
    font-weight: 700;
    line-height: 200%;
    letter-spacing: 0.05em;
  }
  .free-assessment .wrap .textArea {
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1500px;
    height: 225px;
    background: #1aa2d4;
    border-radius: 12px;
  }
  .free-assessment .wrap .textArea p.text {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 1.5px;
  }
  .free-assessment .wrap .textArea button.btn-white {
    margin: 0;
    background: transparent;
    border: none;
  }
  .free-assessment .wrap .textArea button.btn-white a {
    margin: 0 auto;
    padding: 0 42px 0 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 387px;
    height: 105px;
    color: #1aa2d4;
    background: #fff;
    border-radius: 9px;
    font-size: 22.5px;
    font-weight: 700;
  }
  .free-assessment .wrap .textArea button.btn-white a span.gt {
    margin: 0 0 0 12px;
  }
  .free-assessment .wrap .formArea {
    margin: 0 auto 102px;
    padding: 73.5px 112.5px 118.5px;
    height: 100%;
    color: #212121;
    background: #fff;
    border: 1px solid #000;
    border-radius: 9px;
  }
  .free-assessment .wrap .formArea p.text {
    margin: 0 0 34.5px;
    color: #212121;
    font-size: 24px;
    line-height: 200%;
  }
  .free-assessment .wrap .formArea p.text:nth-of-type(3) {
    text-align: right;
    color: #999;
  }
  .free-assessment .wrap .formArea p.text a.underline {
    text-decoration: underline;
    color: #1aa2d4;
    opacity: 0.6;
  }
  .free-assessment .wrap .formArea p.text a.underline:hover {
    transition: 4s;
  }
  .free-assessment .wrap .formArea p.text span.red {
    display: block;
    color: #ff1500;
  }
  .free-assessment .scroll03 {
    width: 100%;
    height: 145.5px;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .free-assessment .scroll03::-webkit-scrollbar {
    display: none;
  }
  .free-assessment .scroll03 span.img {
    display: block;
    width: 308%;
    height: auto;
    position: absolute;
    top: 0;
    left: -172.5px;
  }
  .free-assessment .scroll03 span.img img {
    width: 5877px;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
@media only screen and (max-width: 768px) {
  .free-assessment * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .free-assessment {
    margin: -12.5vw 0 0;
    /* padding: 9.333vw 0 93.333vw; */
    padding: 9.333vw 0 0;
    width: 100%;
    /* height: 475.467vw; */
    background: #0a0a0c;
  }
  .free-assessment .wrap {
    margin: 0 auto;
    width: 92%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }
  .free-assessment .wrap h2.title {
    margin: 0 0 5.867vw;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 7.467vw;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.267vw;
  }
  .free-assessment .wrap h2.title span.subtitle {
    margin: 0 0 8.533vw;
    display: block;
    width: 41.6vw;
    height: 4.533vw;
  }
  .free-assessment .wrap p.text {
    margin: 0 0 10.133vw;
    color: #fff;
    font-size: 4vw;
    line-height: 1.8;
  }
  .free-assessment .wrap .formArea {
    margin: 0 0 9.6vw;
    padding: 8.267vw 5.333vw 5.333vw;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #000;
    border-radius: 1.6vw;
    position: relative;
  }
  .free-assessment .wrap .formArea p.text {
    margin: 0 0 3.733vw;
    color: #212121;
    font-size: 3.733vw;
    line-height: 200%;
    letter-spacing: 0.027vw;
  }
  .free-assessment .wrap .formArea p.text:nth-of-type(2) {
    margin: 0 0 9.067vw;
  }
  .free-assessment .wrap .formArea p.text:nth-of-type(3) {
    text-align: right;
    color: #999;
    font-size: 3.2vw;
  }
  .free-assessment .wrap .formArea p.text a.underline {
    text-decoration: underline;
    color: #1aa2d4;
    opacity: 0.6;
  }
  .free-assessment .wrap .formArea p.text a.underline:hover {
    transition: 4s;
  }
  .free-assessment .wrap .formArea p.text span.red {
    display: block;
    color: #ff1500;
  }
  .free-assessment .wrap .formArea p.text span.add {
    margin: 0 0 3.467vw;
    display: block;
  }
  .free-assessment .scroll03 {
    width: 100%;
    height: 17.36vw;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .free-assessment .scroll03::-webkit-scrollbar {
    display: none;
  }
  .free-assessment .scroll03 span.img {
    display: block;
    width: 749%;
    height: auto;
    position: absolute;
    top: 0;
    left: -324vw;
  }
  .free-assessment .scroll03 span.img img {
    width: 748vw;
    position: relative;
    top: 0;
    z-index: 9999;
  }
}
/* アニメーション */
.slideUp {
  /* スクロールイン初期状態：下にずらして透明に */
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* 画面に入ったら本来の位置へフェードイン */
.slideUp.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.fadeOut {
  opacity: 1;
}

.fadeOut.is-visible {
  opacity: 0;
  animation: fade-out forwards 3s;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* アニメーションを控えたいユーザーへの配慮 */
@media (prefers-reduced-motion: reduce) {
  .slideUp {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media only screen and (min-width: 1921px) {
  .wrap1170 {
    margin: 0 auto;
    width: 1755px;
    max-width: 1920px;
    position: relative;
    height: inherit;
  }
  footer .footerMiddle .footerNav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
  }
}
@media only screen and (min-width: 769px) {
  .wrap1170 {
    margin: 0 auto;
    width: 91.4vw;
    max-width: 1920px;
    position: relative;
    height: inherit;
  }
  footer .footerMiddle .footerNav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
  }
}

@media only screen and (max-width: 768px) {
  .hs-form label {
      color: #000;
  }
}

/*# sourceMappingURL=style.css.map */