@charset "UTF-8";
/*************************************************
common-style
*************************************************/
* {
  box-sizing: border-box;
}

.lp .ie_ObjectFit {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body.lp {
  scroll-behavior: smooth;
  font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #323232;
  min-height: 100dvh;
  letter-spacing: 0.05em;
}

.lp .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.lp .obj-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (max-width: 768px) {
  .lp .pc_btn {
    display: none !important;
  }
}
.lp .sp_btn {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .lp .sp_btn {
    display: flex !important;
  }
}
.lp .btn_main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  vertical-align: middle;
  border-radius: 99.9rem;
}
.lp .btn_main.center {
  margin-inline: auto;
}
.lp .btn_main:not(:has(a)) {
  padding: 1.7rem 2.5rem;
}
.lp .btn_main::before, .lp .btn_main::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99.9rem;
  transition: 0.3s ease;
}
.lp .btn_main::before {
  background: linear-gradient(90deg, rgb(243, 164, 0) 0%, rgb(255, 119, 0) 100%);
  z-index: -1;
}
.lp .btn_main::after {
  background-color: #FB8700;
  background: linear-gradient(90deg, rgb(255, 119, 0) 0%, rgb(243, 164, 0) 100%);
  z-index: -2;
}
.lp .btn_main:hover::before {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .lp .btn_main {
    width: 30rem;
  }
}
.lp .btn_main a {
  transition: all 0.3s;
  padding: 1.7rem 2.5rem;
}
.lp .btn_main a:hover {
  opacity: 0.6 !important;
}
.lp .btn_main a img {
  width: 1.6rem;
  height: 1.6rem;
}
.lp .btn_main span {
  line-height: 1;
  margin-right: 1.5rem;
}
.lp .btn_main.small {
  max-width: 27rem;
}
.lp .btn_sp {
  width: 30rem;
}
@media screen and (max-width: 768px) {
  .lp .btn_sp a {
    padding: 1.5rem 6rem;
  }
}
.lp h2 {
  font-size: 3.2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp h2 {
    font-size: 2.4rem;
  }
}
.lp h3 {
  font-size: 2.8rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp h3 {
    font-size: 2.2rem;
  }
}
.lp h4 {
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp h4 {
    font-size: 2rem;
  }
}
.lp h5 {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp h5 {
    font-size: 1.8rem;
  }
}
.lp h6 {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp h6 {
    font-size: 1.6rem;
  }
}
.lp .inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1130px) {
  .lp .inner {
    margin: 0 2rem;
  }
}
.lp .sub_title {
  color: #0091D7;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .sub_title {
    font-size: 1.4rem;
    padding-bottom: 1.6rem;
  }
}
.lp .title {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .lp .title {
    font-size: 2.4rem;
  }
}
.lp .cta {
  max-width: 900px;
  background-color: #F8F7F6;
  border: 2px solid #C0C0C0;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .lp .cta {
    margin: 0 2rem;
  }
}
.lp .cta .cta_wrap {
  display: flex;
  align-items: center;
  padding: 4.8rem 9rem;
  transition: all 0.3s;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .lp .cta .cta_wrap {
    padding: 4.8rem 4rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta .cta_wrap {
    padding: 4.8rem 1rem;
  }
}
.lp .cta .cta_wrap:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .lp .cta .cta_wrap {
    display: block;
  }
}
.lp .cta .cta_wrap .img_wrap {
  width: 25rem;
  height: auto;
  margin-right: 7rem;
  margin-left: -3rem;
}
@media screen and (max-width: 1024px) {
  .lp .cta .cta_wrap .img_wrap {
    margin-right: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta .cta_wrap .img_wrap {
    margin: 0 auto;
  }
}
.lp .cta .cta_wrap .cta_text {
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .lp .cta .cta_wrap .cta_text {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta .cta_wrap .cta_btn_sp {
    margin-inline: auto;
  }
}
.lp .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .lp .pc {
    display: none;
  }
}
.lp .scroll {
  opacity: 0;
}
.lp .active {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp input[type=submit],
.lp input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
.lp input[type=submit]::-webkit-search-decoration,
.lp input[type=button]::-webkit-search-decoration {
  display: none;
}
.lp input[type=submit]:focus,
.lp input[type=button]:focus {
  outline-offset: -2px;
}

.cta {
  max-width: 900px;
  background-color: #F8F7F6;
  border: 2px solid #C0C0C0;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .cta {
    margin: 0 2rem;
  }
}
.cta .cta_wrap {
  display: flex;
  align-items: center;
  padding: 4.8rem 9rem;
  transition: all 0.3s;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .cta .cta_wrap {
    padding: 4.8rem 4rem;
  }
}
@media screen and (max-width: 768px) {
  .cta .cta_wrap {
    padding: 4.8rem 1rem;
  }
}
.cta .cta_wrap:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .cta .cta_wrap {
    display: block;
  }
}
.cta .cta_wrap .img_wrap {
  width: 20rem;
  height: 17.3rem;
  margin-right: 7rem;
}
@media screen and (max-width: 1024px) {
  .cta .cta_wrap .img_wrap {
    margin-right: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .cta .cta_wrap .img_wrap {
    margin: 0 auto;
  }
}
.cta .cta_wrap .cta_text {
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .cta .cta_wrap .cta_text {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .cta .cta_wrap .cta_btn_sp {
    margin-inline: auto;
  }
}

@media screen and (max-width: 768px) {
  .pc_btn {
    display: none !important;
  }
}

.sp_btn {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .sp_btn {
    display: flex !important;
  }
}

.btn_main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: center;
  vertical-align: middle;
  border-radius: 99.9rem;
}
.btn_main.center {
  margin-inline: auto;
}
.btn_main:not(:has(a)) {
  padding: 1.7rem 2.5rem;
}
.btn_main::before, .btn_main::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99.9rem;
  transition: 0.3s ease;
}
.btn_main::before {
  background: linear-gradient(90deg, rgb(243, 164, 0) 0%, rgb(255, 119, 0) 100%);
  z-index: -1;
}
.btn_main::after {
  background-color: #FB8700;
  background: linear-gradient(90deg, rgb(255, 119, 0) 0%, rgb(243, 164, 0) 100%);
  z-index: -2;
}
.btn_main:hover::before {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .btn_main {
    width: 30rem;
  }
}
.btn_main a {
  transition: all 0.3s;
  padding: 1.7rem 2.5rem;
}
.btn_main a:hover {
  opacity: 0.6 !important;
}
.btn_main a img {
  width: 1.6rem;
  height: 1.6rem;
}
.btn_main span {
  line-height: 1;
  margin-right: 1.5rem;
}
.btn_main.small {
  max-width: 27rem;
}

.fixd_btn_wrap_pc {
  position: fixed;
  z-index: 998;
  right: 0;
  top: 70%;
}
@media screen and (max-width: 768px) {
  .fixd_btn_wrap_pc {
    display: none;
  }
}
.fixd_btn_wrap_pc .fixd_btn {
  max-width: 20rem;
  height: 5rem;
  border-radius: 3rem 0 0 3rem;
  padding: 0;
  justify-content: flex-start;
}
.fixd_btn_wrap_pc .fixd_btn a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-inline: 2.5rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  transition: all 0.3s;
}
.fixd_btn_wrap_pc .fixd_btn a:hover {
  opacity: 0.7;
}
.fixd_btn_wrap_pc .fixd_btn a span {
  margin-left: 1.5rem;
  margin-right: 0;
}
.fixd_btn_wrap_pc .fixd_download::before, .fixd_btn_wrap_pc .fixd_download::after {
  border-radius: 3rem 0 0 3rem;
}
.fixd_btn_wrap_pc .fixd_download img {
  width: 2rem;
  height: auto;
}
.fixd_btn_wrap_pc .fixd_contact {
  margin-top: 1.6rem;
  background-color: #1E1C40;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.fixd_btn_wrap_pc .fixd_contact img {
  width: 2rem;
  height: auto;
}

.fixd_btn_wrap_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .fixd_btn_wrap_sp {
    display: block;
    position: fixed;
    z-index: 998;
    bottom: 0;
    width: 100%;
    height: auto;
  }
}
.fixd_btn_wrap_sp .fixd_btn_inner {
  display: flex;
  align-items: center;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp {
  width: 50%;
  height: 6rem;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp .btn_main {
  width: 100%;
  height: 100%;
  border-radius: 0;
  display: block;
  text-align: left;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp .btn_main::before, .fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp .btn_main::after {
  border-radius: 0;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp a {
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 700;
  padding-left: 3rem;
  transition: all 0.3s;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp a:hover {
  opacity: 0.7;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp a img {
  width: 2rem;
  height: auto;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_btn_sp a span {
  margin-left: 1.5rem;
  line-height: 1.15;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp {
  position: relative;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp::after {
  position: absolute;
  content: "";
  background: url(../images/fixd_btn_arrow.svg) center center/cover;
  background-repeat: no-repeat;
  width: 0.5rem;
  height: 1rem;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (max-width: 420px) {
  .fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp a {
    padding: 1.5rem 2rem;
  }
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp a .br_420 {
  display: none;
}
@media screen and (max-width: 420px) {
  .fixd_btn_wrap_sp .fixd_btn_inner .fixd_download_sp a .br_420 {
    display: block;
  }
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_contact_sp {
  background-color: #1E1C40;
  position: relative;
}
.fixd_btn_wrap_sp .fixd_btn_inner .fixd_contact_sp::after {
  position: absolute;
  content: "";
  background: url(../images/fixd_btn_arrow.svg) center center/cover;
  background-repeat: no-repeat;
  width: 0.5rem;
  height: 1rem;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.btn02 {
  width: 30rem;
  height: 5.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: #fff;
  border-radius: 99.9rem;
  border: 2px solid #C0C0C0;
  text-align: center;
  vertical-align: middle;
  margin: 6rem auto 0 auto;
}
@media screen and (max-width: 768px) {
  .btn02 {
    margin: 4rem auto 0 auto;
  }
}
.btn02 a {
  display: flex;
  transition: all 0.3s;
  padding: 1.5rem 5rem;
  align-items: center;
  justify-content: right;
}
.btn02 a:hover {
  opacity: 0.6;
}
.btn02 a span {
  margin-right: 2rem;
}
.btn02 a img {
  width: 0.6rem;
  height: 1rem;
}

.lp .u-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .lp .u-pc {
    display: none !important;
  }
}
.lp .u-pc-inlineblock {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .lp .u-pc-inlineblock {
    display: none;
  }
}
.lp .u-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .u-sp {
    display: block;
  }
}
.lp .u-sp-inlineblock {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .u-sp-inlineblock {
    display: inline-block;
  }
}
.lp .u-sp-inline {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .u-sp-inline {
    display: inline;
  }
}
.lp .u-align--center {
  text-align: center;
}

/*************************************************
top
*************************************************/
.lp {
  /******************************
  ハンバーガーメニュー
  *******************************/
  /******************************
  spメニューレイアウト
  *******************************/
  /******************************
  mv
  *******************************/
  /*section03*/
}
.lp .header {
  width: 100%;
  height: 7rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .lp .header {
    height: 5rem;
  }
}
.lp .header .header_inner {
  max-width: 1266px;
  padding: 1.4rem 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .lp .header .header_inner {
    padding: 1.2rem 0;
  }
}
.lp .header .header_inner .header_logo {
  width: 18.7rem;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .lp .header .header_inner .header_logo {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .header .header_inner .header_logo {
    width: 12rem;
    height: auto;
  }
}
.lp .header .header_inner .header_logo a {
  transform: all 0.3s;
}
.lp .header .header_inner .header_logo a:hover {
  opacity: 0.7;
}
.lp .header .header_inner .header_nav {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 1200px) {
  .lp .header .header_inner .header_nav {
    display: none;
  }
}
.lp .header .header_inner .header_nav .nav_wrap {
  display: flex;
  gap: 1rem;
}
.lp .header .header_inner .header_nav .nav_wrap li {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: all 0.3s;
}
.lp .header .header_inner .header_nav .nav_wrap li a {
  padding: 1rem;
}
.lp .header .header_inner .header_nav .btn_s {
  width: 21.7rem;
  font-size: 1.4rem;
}
.lp .header .header_inner .header_nav .btn_s:hover {
  opacity: 0.6;
}
.lp .header .header_inner .header_nav .btn_s a {
  padding: 1.1rem 2.5rem;
}
.lp .header .header_inner .header_nav .btn_s a span {
  margin-right: 1.5rem;
}
.lp .header .header_inner .header_nav .btn_s a img {
  width: 1.6rem;
  height: 1.6rem;
}
.lp .sp_menu_inner .hamburger {
  display: none;
}
@media screen and (max-width: 1200px) {
  .lp .sp_menu_inner .hamburger {
    display: block;
    position: fixed;
    right: 2rem;
    top: 2rem;
    z-index: 999;
  }
}
@media screen and (max-width: 768px) {
  .lp .sp_menu_inner .hamburger {
    top: 1rem;
  }
}
.lp .ham-trigger {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  cursor: pointer;
  transform: all 0.3s;
  animation: whiteChange 3s;
}
.lp .ham-trigger::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border-radius: 50%;
  transition: all 0.1s;
  opacity: 0;
}
.lp .ham-trigger.ham_active span {
  background-color: #323232;
}
.lp .ham-trigger.ham_active span:nth-of-type(1) {
  -webkit-animation: ham_active-bar01 0.4s 0.2s forwards;
  animation: ham_active-bar01 0.4s 0.2s forwards;
  background-color: #323232;
}
.lp .ham-trigger.ham_active span:nth-of-type(2) {
  -webkit-animation: ham_active-bar02 0.4s 0.2s forwards;
  animation: ham_active-bar02 0.4s 0.2s forwards;
}
.lp .ham-trigger.ham_active span:nth-of-type(3) {
  -webkit-animation: ham_active-bar03 0.4s 0.2s forwards;
  animation: ham_active-bar03 0.4s 0.2s forwards;
  background-color: #323232;
}
.lp .ham-trigger span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: 1px;
  background-color: #323232;
  border-radius: 4px;
}
.lp .ham-trigger span:nth-of-type(1) {
  top: 11px;
  -webkit-animation: move-bar01 0.3s forwards;
  animation: move-bar01 0.3s forwards;
}
.lp .ham-trigger span:nth-of-type(2) {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: move-bar02 0.3s forwards;
  animation: move-bar02 0.3s forwards;
}
.lp .ham-trigger span:nth-of-type(3) {
  bottom: 11px;
  -webkit-animation: move-bar03 0.3s forwards;
  animation: move-bar03 0.3s forwards;
}
.lp .ham-trigger,
.lp .ham-trigger span {
  display: inline-block;
  transition: all 0.3s;
  box-sizing: border-box;
}
@-webkit-keyframes ham_active-bar01 {
  0% {
    -webkit-transform: translateX(-50%) translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(4.5px) rotate(-45deg);
  }
}
@keyframes ham_active-bar01 {
  0% {
    transform: translateX(-50%) translateY(0) rotate(0);
  }
  100% {
    transform: translateX(-50%) translateY(4.5px) rotate(-45deg);
  }
}
@-webkit-keyframes ham_active-bar02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ham_active-bar02 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ham_active-bar03 {
  0% {
    -webkit-transform: translateX(-50%) translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-4px) rotate(45deg);
  }
}
@keyframes ham_active-bar03 {
  0% {
    transform: translateX(-50%) translateY(0) rotate(0);
  }
  100% {
    transform: translateX(-50%) translateY(-4px) rotate(45deg);
  }
}
.lp .sp_openarea {
  opacity: 0;
  display: none;
  text-align: center;
}
.lp .open_active {
  height: auto;
  height: 100%;
  overflow-y: scroll;
}
.lp .open_active .ham_active.ham-trigger {
  backdrop-filter: none;
}
.lp .open_active .sp_openarea {
  pointer-events: auto;
  display: block;
  opacity: 1;
  width: 100vw;
  height: 100%;
  overflow-y: scroll;
  padding: 0 13% 4rem;
  margin: 0 auto;
}
.lp .open_active a.tab {
  position: relative;
}
.lp .open_active a.tab::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.8rem;
  transform: translateY(-50%);
  width: 1.3rem;
  height: 1.2rem;
  background: url(../images/icon-links.svg) no-repeat center/contain;
}
.lp .sp_menu-list {
  margin-bottom: 4rem;
}
.lp .sp_menu-list a {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  line-height: 4;
  border-bottom: 1px solid #323232;
  transition: all 0.3s;
}
.lp .sp_menu-list a:hover {
  opacity: 0.6;
}
.lp .mv {
  width: 100%;
  height: 768px;
  padding-top: 7rem;
  background: url(../images/mv.jpg) center center/cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp .mv {
    padding-top: 5rem;
    height: 800px;
  }
}
.lp .mv .mv_inner {
  width: 80vw;
  max-width: 1266px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 9.7rem;
  height: 589px;
}
@media screen and (max-width: 1130px) {
  .lp .mv .mv_inner {
    width: 90vw;
    padding-block: 7.2rem;
    justify-content: space-around;
  }
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner {
    display: block;
    padding-top: 6.4rem;
  }
}
.lp .mv .mv_inner .mv_left {
  max-width: 38vw;
}
@media screen and (max-width: 1366px) {
  .lp .mv .mv_inner .mv_left {
    max-width: 41.8740849195vw;
  }
}
@media screen and (max-width: 1024px) {
  .lp .mv .mv_inner .mv_left {
    margin-right: 2rem;
    max-width: 50vw;
  }
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left {
    display: contents;
  }
}
.lp .mv .mv_inner .mv_left .text_wrap {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left .text_wrap {
    display: flex;
    justify-content: center;
  }
}
.lp .mv .mv_inner .mv_left .text_wrap h3 {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0.7rem 2rem;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .lp .mv .mv_inner .mv_left .text_wrap h3 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left .text_wrap h3 {
    font-size: 1.5rem;
    padding: 0.7rem 2rem;
  }
}
.lp .mv .mv_inner .mv_left h1 {
  font-size: 4.8rem;
  font-weight: 500;
  padding-top: 0.8rem;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left h1 {
    font-size: 3.8rem;
    line-height: 1.3;
    text-align: center;
  }
}
.lp .mv .mv_inner .mv_left h1 .f-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left h1 .f-24 {
    font-size: 2rem;
  }
}
.lp .mv .mv_inner .mv_left h1 .tb {
  display: none;
}
@media screen and (max-width: 1024px) {
  .lp .mv .mv_inner .mv_left h1 .tb {
    display: block;
  }
}
.lp .mv .mv_inner .mv_left h1 .f-32 {
  font-size: 3.2rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left h1 .f-32 {
    font-size: 2.8rem;
  }
}
.lp .mv .mv_inner .mv_left .mv_text {
  font-size: 2rem;
  font-weight: 500;
  padding: 4rem 0;
  color: #fff;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left .mv_text {
    line-height: 1.5;
    padding: 2.5rem 0 4rem;
    text-align: center;
  }
}
.lp .mv .mv_inner .mv_left .mv_btn {
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_left .mv_btn {
    display: none;
  }
}
.lp .mv .mv_inner .mv_img {
  width: 45vw;
  max-width: 50%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_img {
    width: 80%;
    max-width: 450px;
    margin: 0 auto 2.4rem auto;
  }
}
@media screen and (max-width: 768px) {
  .lp .mv .mv_inner .mv_btn_sp {
    margin-inline: auto;
  }
}
.lp .mv .authority {
  background: linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .lp .mv .authority {
    display: none;
  }
}
.lp .mv .authority ul {
  max-width: 1007px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 2.4rem 0;
}
@media screen and (max-width: 1024px) {
  .lp .mv .authority ul {
    margin: 0 2rem;
  }
}
.lp .mv .authority ul li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .lp .mv .authority ul li {
    justify-content: center;
    padding-bottom: 2.4rem;
  }
  .lp .mv .authority ul li:last-child {
    padding-bottom: 0;
  }
}
.lp .mv .authority ul li .mv_icon {
  width: 4.4rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lp .mv .authority ul li .mv_icon {
    width: 4rem;
    height: auto;
  }
}
.lp .mv .authority ul li .mv_icon_pc {
  width: 5.4rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lp .mv .authority ul li .mv_icon_pc {
    width: 4rem;
    height: auto;
  }
}
.lp .mv .authority ul li .authority_text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  margin-left: 2rem;
}
.lp .authority_sp {
  display: none;
  background: linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .lp .authority_sp {
    display: block;
  }
}
.lp .authority_sp ul {
  max-width: 1007px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 2.4rem 0;
}
@media screen and (max-width: 1024px) {
  .lp .authority_sp ul {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .authority_sp ul {
    display: block;
  }
}
.lp .authority_sp ul li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .lp .authority_sp ul li {
    justify-content: center;
    padding-bottom: 2.4rem;
  }
  .lp .authority_sp ul li:last-child {
    padding-bottom: 0;
  }
}
.lp .authority_sp ul li .mv_icon {
  width: 4.4rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lp .authority_sp ul li .mv_icon {
    width: 4rem;
    height: auto;
  }
}
.lp .authority_sp ul li .mv_icon_pc {
  width: 5.4rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lp .authority_sp ul li .mv_icon_pc {
    width: 4rem;
    height: auto;
  }
}
.lp .authority_sp ul li .authority_text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  margin-left: 2rem;
}
@media screen and (max-width: 768px) {
  .lp .authority_sp ul li .authority_text {
    font-size: 1.5rem;
  }
}
.lp .scroll_sec {
  padding: 3.2rem 0;
  /* スライドの動き等速 */
  /* 画像のサイズ調整 */
  /* 無限ループのためにスライドを横並びにする */
}
.lp .scroll_sec .swiper-wrapper {
  transition-timing-function: linear;
  width: auto; /* スライドの幅を自動調整 */
}
.lp .scroll_sec .scroll_img {
  width: 1200px;
  height: auto;
}
.lp .scroll_sec .swiper-slide {
  width: 1200px; /* スライドの幅を画像の幅に合わせる */
}
.lp .worries {
  padding: 12rem 0;
  background: url(../images/worries_bg.jpg) no-repeat center/cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp .worries {
    padding: 6.4rem 0;
  }
}
.lp .worries .worries_title {
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 390px) {
  .lp .worries .worries_title {
    font-size: 2.2rem;
  }
}
.lp .worries .worries_title .f-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_title .f-24 {
    font-size: 1.8rem;
  }
}
.lp .worries .worries_title .gray {
  color: #6B6B6B;
}
.lp .worries .worries_content_wrap {
  padding-top: 6.4rem;
  display: flex;
  justify-content: space-between;
  gap: 7rem;
}
@media screen and (max-width: 1130px) {
  .lp .worries .worries_content_wrap {
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_content_wrap {
    display: block;
    padding-top: 4rem;
  }
}
.lp .worries .worries_content_wrap .worries_content {
  background-color: #fff;
  width: calc(33.3333333333% - 46.6666666667px);
  padding: 4rem 3.5rem;
  text-align: center;
}
@media screen and (max-width: 1130px) {
  .lp .worries .worries_content_wrap .worries_content {
    width: calc(33.3333333333% - 20px);
    padding: 4rem 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_content_wrap .worries_content {
    width: 100%;
    height: auto;
    padding: 3.2rem 3rem 3.2rem 4rem;
    margin-bottom: 4rem;
  }
  .lp .worries .worries_content_wrap .worries_content:last-child {
    margin-bottom: 0;
  }
}
.lp .worries .worries_content_wrap .worries_content h5 {
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_content_wrap .worries_content h5 {
    padding-bottom: 1.6rem;
  }
}
.lp .worries .worries_content_wrap .worries_content .worries_img {
  width: 10.5rem;
  height: auto;
  margin: 0 auto;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_content_wrap .worries_content .worries_img {
    width: 8rem;
    padding-bottom: 1.6rem;
  }
}
.lp .worries .worries_content_wrap .worries_content .check_text {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  padding-bottom: 0.8rem;
  margin-left: 2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp .worries .worries_content_wrap .worries_content .check_text {
    font-size: 1.4rem;
    max-width: 31rem;
    margin: 0 auto;
  }
}
.lp .worries .worries_content_wrap .worries_content .check_text::before {
  content: url(../images/check.svg);
  position: absolute;
  left: -2rem;
}
.lp .worries .worries_content_wrap .worries_content .check_text:last-child {
  padding-bottom: 0;
}
.lp .worries .arrow {
  width: 25.3rem;
  height: 7.3rem;
  position: absolute;
  z-index: 2;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .lp .worries .arrow {
    width: 17.7rem;
    height: 5.1rem;
    bottom: -2.5rem;
  }
}
.lp .inter_stock_sec {
  text-align: center;
  background-color: #F6F6F6;
  padding: 12rem 0;
}
@media screen and (max-width: 768px) {
  .lp .inter_stock_sec {
    padding: 6.4rem 0;
  }
}
.lp .inter_stock_sec h2 {
  font-size: 3.8rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lp .inter_stock_sec h2 {
    font-size: 2.8rem;
  }
}
.lp .inter_stock_sec h2 .blue {
  color: #0091D7;
}
.lp .inter_stock_sec h2 .f-28 {
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .lp .inter_stock_sec h2 .f-28 {
    font-size: 2.2rem;
  }
}
.lp .inter_stock_sec h2 .f-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .inter_stock_sec h2 .f-24 {
    font-size: 1.8rem;
  }
}
.lp .inter_stock_sec .logo {
  width: 54rem;
  height: auto;
  margin: 6.4rem auto;
}
@media screen and (max-width: 768px) {
  .lp .inter_stock_sec .logo {
    width: 29.8rem;
    margin: 4.8rem auto;
  }
}
.lp .inter_stock_sec h5 {
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 500;
}
@media screen and (max-width: 490px) {
  .lp .inter_stock_sec h5 {
    font-size: 1.8rem;
  }
}
.lp .change_sec {
  padding: 12rem 0;
}
@media screen and (max-width: 768px) {
  .lp .change_sec {
    padding: 6.4rem 0;
  }
}
.lp .change_sec .change_title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .change_sec .change_title {
    line-height: 1.5;
  }
}
@media screen and (max-width: 410px) {
  .lp .change_sec .change_title {
    font-size: 2.2rem;
  }
}
.lp .change_sec .change_content_wrap {
  padding-bottom: 8rem;
}
.lp .change_sec .change_content_wrap .change_content {
  display: flex;
  justify-content: space-between;
  padding-top: 8rem;
  align-items: flex-end;
}
@media screen and (max-width: 1130px) {
  .lp .change_sec .change_content_wrap .change_content {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .lp .change_sec .change_content_wrap .change_content {
    display: block;
    padding-top: 4.8rem;
  }
}
.lp .change_sec .change_content_wrap .change_content .change_text_wrap {
  width: 42.4597364568vw;
  max-width: 58rem;
}
@media screen and (max-width: 768px) {
  .lp .change_sec .change_content_wrap .change_content .change_text_wrap {
    max-width: 100%;
    width: 100%;
  }
}
.lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_heading {
  line-height: 1.6;
  position: relative;
  margin-left: 4rem;
  font-weight: 500;
}
@media screen and (max-width: 410px) {
  .lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_heading {
    font-size: 1.8rem;
    margin-left: 3rem;
  }
}
.lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_heading::before {
  position: absolute;
  content: url(../images/check_icon.svg);
  left: -4rem;
  top: 0.5rem;
}
.lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_text {
  padding-top: 4.8rem;
  font-size: 1.6rem;
  line-height: 1.6;
}
.lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_text .yellow {
  background-color: rgba(251, 232, 61, 0.3);
}
@media screen and (max-width: 768px) {
  .lp .change_sec .change_content_wrap .change_content .change_text_wrap .change_text {
    padding-top: 3.2rem;
    font-size: 1.4rem;
  }
}
.lp .change_sec .change_content_wrap .change_content .img_wrap {
  width: 40rem;
  height: 26.7rem;
}
@media screen and (max-width: 768px) {
  .lp .change_sec .change_content_wrap .change_content .img_wrap {
    margin: 4rem auto 0 auto;
    width: 70%;
    height: auto;
    margin: 4rem auto 0 auto;
  }
}
@media screen and (max-width: 490px) {
  .lp .change_sec .change_content_wrap .change_content .img_wrap {
    width: 100%;
    height: auto;
  }
}
.lp .change_sec .change_content_wrap .change_content:nth-of-type(2) {
  flex-direction: row-reverse;
  align-items: flex-end;
}
@media screen and (max-width: 1130px) {
  .lp .change_sec .change_content_wrap .change_content:nth-of-type(2) {
    align-items: center;
  }
}
.lp .change_sec .cta_btn_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .change_sec .cta_btn_sp {
    display: block;
  }
  .lp .change_sec .cta_btn_sp .cta_sp_text {
    color: #fff;
  }
}
.lp .introduction_sec {
  background-color: #F6F6F6;
  padding: 12rem 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .introduction_sec {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .lp .introduction_sec .intro_title {
    line-height: 1.5;
  }
}
.lp .introduction_sec .intro_btn {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lp .introduction_sec .intro_btn_sp {
    margin-inline: auto;
    z-index: 1;
  }
}
.lp .about_sec {
  text-align: center;
  padding: 12rem 0;
}
@media screen and (max-width: 768px) {
  .lp .about_sec {
    padding: 6.4rem 0;
  }
}
.lp .about_sec .pt-64 {
  padding-top: 6.4rem;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .pt-64 {
    padding-top: 3.2rem;
    line-height: 1.5;
  }
}
.lp .about_sec .pt-40 {
  padding-top: 4rem;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .pt-40 {
    padding-top: 3.2rem;
  }
}
.lp .about_sec .blue {
  color: #0091D7;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap {
    display: flex;
    padding-top: 4rem;
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 490px) {
  .lp .about_sec .flow_wrap {
    width: 100%;
  }
}
.lp .about_sec .flow_wrap .flow {
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .flow {
    display: none;
  }
}
.lp .about_sec .flow_wrap .flow_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .flow_sp {
    display: block;
    width: 7rem;
    height: 94.6rem;
  }
}
.lp .about_sec .flow_wrap .step_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .step_wrap {
    display: block;
    margin-left: 3.2rem;
  }
}
.lp .about_sec .flow_wrap .step_wrap .step {
  max-width: 21.2rem;
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .step_wrap .step {
    max-width: 100%;
  }
}
.lp .about_sec .flow_wrap .step_wrap .step .heading {
  color: #0091D7;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.lp .about_sec .flow_wrap .step_wrap .step .about_icon_big {
  width: 10rem;
  height: 5rem;
  margin: 1.6rem auto;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .step_wrap .step .about_icon_big {
    width: 7rem;
    height: 3.5rem;
  }
}
.lp .about_sec .flow_wrap .step_wrap .step .about_icon_big img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.lp .about_sec .flow_wrap .step_wrap .step .about_icon {
  width: 5rem;
  height: 5rem;
  margin: 1.6rem auto;
}
.lp .about_sec .flow_wrap .step_wrap .step .about_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.lp .about_sec .flow_wrap .step_wrap .step .step_text {
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .lp .about_sec .flow_wrap .step_wrap .step .step_text {
    font-size: 1.4rem;
  }
}
.lp .functions_sec {
  text-align: center;
  background-color: #F6F6F6;
  padding: 12rem 0 0;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec {
    padding: 6.4rem 0 0;
  }
}
.lp .functions_sec .functions_wrap {
  padding-top: 8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 1.2rem;
  row-gap: 3.2rem;
  grid-template-rows: 15.8rem 15.8rem;
}
@media screen and (max-width: 1024px) {
  .lp .functions_sec .functions_wrap {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .functions_wrap {
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 4rem;
  }
}
@media screen and (max-width: 490px) {
  .lp .functions_sec .functions_wrap {
    grid-template-columns: 1fr 1fr;
  }
}
.lp .functions_sec .functions_wrap .functions_content {
  background-color: #fff;
  padding: 2rem 0;
  display: grid;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .functions_wrap .functions_content {
    padding: 1.8rem 0;
  }
}
.lp .functions_sec .functions_wrap .functions_content .functions_derail {
  color: #0091D7;
}
.lp .functions_sec .functions_wrap .functions_content .two-step {
  font-size: 1.7rem;
  line-height: 1.2;
}
.lp .functions_sec .functions_wrap .functions_content .icon_wrap {
  width: 6.5rem;
  height: 6.5rem;
  margin: 0 auto;
}
.lp .functions_sec .functions_wrap .functions_content .up_icon {
  margin: -1rem auto 0 auto;
}
.lp .functions_sec .functions_wrap .functions_content .functions_text {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .functions_wrap .functions_content .functions_text {
    font-size: 1.2rem;
  }
}
.lp .functions_sec .functions_wrap .functions_content .up_text {
  margin-top: -1rem;
}
.lp .functions_sec .lowcode {
  padding-block: 12rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode {
    padding-block: 6.4rem;
  }
}
.lp .functions_sec .lowcode .title_box {
  background-color: #0091D7;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  max-width: 100%;
  padding: 1rem 8rem;
  margin-top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .title_box {
    padding: 1rem 7rem;
    font-size: 2.2rem;
  }
}
.lp .functions_sec .lowcode .title_text {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-block: 4.8rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .title_text {
    padding-block: 4rem 2rem;
  }
}
.lp .functions_sec .lowcode .lowcode_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 4rem;
  padding-top: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .lowcode_list {
    display: block;
  }
}
.lp .functions_sec .lowcode .item {
  background-color: #FFF;
  filter: drop-shadow(1rem 1rem 2rem rgba(15, 50, 31, 0.1));
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .item {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .item .open .toggle_item > div {
    padding-bottom: 1em;
  }
}
.lp .functions_sec .lowcode .item p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-block: 1em;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .item p {
    font-size: 1.4rem;
  }
}
.lp .functions_sec .lowcode .title {
  font-size: 2.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-block: 1em;
  cursor: auto;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .title {
    font-size: 1.8rem;
    justify-content: flex-start;
    cursor: pointer;
  }
}
.lp .functions_sec .lowcode .title span {
  color: #0091D7;
  font-size: 3.2rem;
  margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .title span {
    font-size: 2.4rem;
  }
}
.lp .functions_sec .lowcode img {
  max-width: 380px;
  aspect-ratio: 3/2;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode img {
    max-width: 100%;
  }
}
.lp .functions_sec .lowcode .js-toggle {
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .js-toggle {
    cursor: pointer;
  }
}
.lp .functions_sec .lowcode .js-toggle.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-15%) rotate(45deg);
  transform-origin: center;
  transition: transform 0.3s ease;
  width: 8px;
  height: 8px;
  border-right: 2px solid #006289;
  border-bottom: 2px solid #006289;
}
.lp .functions_sec .lowcode .open .js-toggle.arrow::after {
  transform: translateY(-50%) rotate(-135deg);
}
.lp .functions_sec .lowcode .toggle_item:not(.toggele_sp) {
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease;
}
.lp .functions_sec .lowcode .toggle_item:not(.toggele_sp) > div {
  overflow: hidden;
}
.lp .functions_sec .lowcode .open .toggle_item:not(.toggele_sp) {
  grid-template-rows: 1fr;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .toggle_item.toggele_sp {
    display: grid;
    grid-template-rows: 0fr;
    transition: 250ms grid-template-rows ease;
  }
  .lp .functions_sec .lowcode .toggle_item.toggele_sp > div {
    overflow: hidden;
  }
  .lp .functions_sec .lowcode .open .toggle_item.toggele_sp {
    grid-template-rows: 1fr;
  }
}
.lp .functions_sec .lowcode .js-toggle.arrow::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .lowcode .js-toggle.arrow::after {
    display: inline;
  }
}
.lp .functions_sec .comparison {
  background: #FFF;
  padding-block: 12rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .comparison {
    padding-block: 6.4rem;
  }
}
.lp .functions_sec .comparison .title_line {
  position: relative;
  padding-bottom: 1em;
  font-weight: bold;
}
.lp .functions_sec .comparison .title_line::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin-inline: auto;
  background: #0091D7;
  height: 4px;
  width: 64px;
}
.lp .functions_sec .comparison .title_text {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-block: 4.8rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .comparison .title_text {
    font-size: 1.4rem;
    margin-block: 4rem;
  }
}
.lp .functions_sec .comparison .comparison_table {
  display: table;
  margin-top: 2.4rem;
  margin-inline: auto;
  width: 100%;
  max-width: 1100px;
  border: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  table-layout: fixed;
}
.lp .functions_sec .comparison .comparison_table th {
  border: #e3e3e3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  text-align: center;
}
.lp .functions_sec .comparison .comparison_table td {
  border: 1px #e3e3e3 solid;
}
.lp .functions_sec .comparison .comparison_table thead th {
  background: #0076A9;
  width: 50%;
  height: 42px;
  color: white;
  font-size: 1.6rem;
  padding: 1rem;
  border: none;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .comparison .comparison_table thead th {
    font-size: 1.4rem;
  }
}
.lp .functions_sec .comparison .comparison_table tr {
  display: table-row;
}
.lp .functions_sec .comparison .comparison_table tbody {
  display: table-row-group;
}
.lp .functions_sec .comparison .comparison_table tbody td {
  display: table-cell;
}
.lp .functions_sec .comparison .comparison_table th:first-child,
.lp .functions_sec .comparison .comparison_table td:first-child {
  width: 50%;
}
.lp .functions_sec .comparison .comparison_table th:not(:first-child),
.lp .functions_sec .comparison .comparison_table td:not(:first-child) {
  width: 25%;
}
.lp .functions_sec .comparison .comparison_table tbody th,
.lp .functions_sec .comparison .comparison_table tbody td {
  padding: 1em;
  height: 42px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .comparison .comparison_table tbody th,
  .lp .functions_sec .comparison .comparison_table tbody td {
    font-size: 1.4rem;
  }
}
.lp .functions_sec .comparison .comparison_table tbody tr:nth-child(odd) th,
.lp .functions_sec .comparison .comparison_table tbody tr:nth-child(odd) td {
  background-color: #F6F6F6;
}
.lp .functions_sec .comparison .comparison_table tbody tr:nth-child(even) th,
.lp .functions_sec .comparison .comparison_table tbody tr:nth-child(even) td {
  background-color: #F2F2F2;
}
.lp .functions_sec .comparison .comparison_table tbody td {
  border-width: 0 0 1px 0;
}
.lp .functions_sec .comparison .comparison_table .check {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.lp .functions_sec .comparison .comparison_table .check::before {
  content: "";
  position: absolute;
  inset: 0;
  top: -16px;
  width: 8px;
  height: 16px;
  border-right: 2px solid #57BE3C;
  border-bottom: 2px solid #57BE3C;
  transform: rotate(45deg);
}
.lp .functions_sec .comparison .comparison_table .cross {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.lp .functions_sec .comparison .comparison_table .cross::before, .lp .functions_sec .comparison .comparison_table .cross::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 18px;
  background: #c00000;
  inset: 0;
  top: -14px;
  transform-origin: center;
}
.lp .functions_sec .comparison .comparison_table .cross::before {
  transform: rotate(45deg);
}
.lp .functions_sec .comparison .comparison_table .cross::after {
  transform: rotate(-45deg);
}
.lp .functions_sec .comparison .arrow_right {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  color: #0076A9;
  line-height: 1;
  background: currentColor;
  border-radius: 50%;
}
.lp .functions_sec .comparison .arrow_right::after {
  content: "";
  position: absolute;
  inset: 0;
  color: #fff;
  width: 0;
  height: 0;
  margin: auto;
  border: 3px solid transparent;
  border-left: 5px solid currentColor;
  border-right: 0;
  transform: translateX(15%);
}
.lp .functions_sec .comparison .detail {
  padding-top: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.lp .functions_sec .comparison .detail a {
  font-size: 1.6rem;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .lp .functions_sec .comparison .detail a {
    font-size: 1.4rem;
  }
}
.lp .sec {
  padding: 12rem 0 0 0;
  margin-bottom: 8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .sec {
    padding: 6.4rem 0 0 0;
    margin-bottom: 6.4rem;
  }
}
.lp .sec .func_text {
  padding: 6.4rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .lp .sec .func_text {
    padding: 4rem 0;
    font-size: 1.4rem;
    text-align: left;
  }
}
.lp .gry {
  background-color: #F6F6F6;
  padding-top: 12rem;
}
@media screen and (max-width: 768px) {
  .lp .gry {
    padding-block: 8rem 4rem;
  }
}
.lp div.contents ul.link_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 80px;
}
.lp div.contents ul.link_list li {
  position: relative;
  font-size: 2rem;
  line-height: 1.2;
  flex: 48%;
  max-width: 48%;
  border-bottom: 1px dotted #999;
  margin: 0 0 25px;
  padding: 0 0 25px;
  text-align: left;
}
.lp div.contents ul.link_list li a {
  float: right;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 4px;
  margin: 0;
  text-decoration: none;
  background: #0091D7;
  transition: 0.3s ease;
}
.lp div.contents ul.link_list li a:hover {
  opacity: 0.7;
}
.lp div.contents ul.link_list li {
  font-size: 1.8rem;
}
.lp div.contents ul.link_list li a {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .lp div.contents ul.link_list {
    display: block;
    margin: 25px auto 0;
    padding-top: 40px;
  }
  .lp div.contents ul.link_list li {
    max-width: 100%;
    margin: 0;
    padding: 0 0 25px;
  }
  .lp div.contents ul.link_list li + li {
    margin-top: 25px;
  }
  .lp div.contents ul.link_list li a {
    font-size: 1.4rem;
  }
  .lp br.br {
    display: none;
  }
  .lp br.sp_br {
    display: inline;
  }
}
@media screen and (max-width: 599px) {
  .lp div.contents ul.link_list {
    margin: 15px auto 0;
  }
  .lp div.contents ul.link_list li {
    font-size: 1.6rem;
    padding: 0 0 15px;
  }
  .lp div.contents ul.link_list li + li {
    margin-top: 15px;
  }
  .lp div.contents ul.link_list li a {
    font-size: 1.2rem;
  }
}
.lp .reason_sec {
  background-color: #F6F6F6;
  max-width: 1100px;
  margin: 12rem auto;
  padding: 10rem 0;
  position: relative;
}
@media screen and (max-width: 1130px) {
  .lp .reason_sec {
    padding: 10rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .reason_sec {
    margin: 6.4rem auto 0 auto;
  }
}
.lp .reason_sec .title {
  text-align: center;
  line-height: 1.3;
}
.lp .reason_sec .title .f-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .title .f-24 {
    font-size: 1.8rem;
  }
}
.lp .reason_sec .title .blue {
  color: #0091D7;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .title .blue {
    font-size: 2.8rem;
  }
}
.lp .reason_sec .reason_content_wrap {
  padding-top: 8rem;
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .reason_content_wrap {
    margin: 0 2rem;
    padding-top: 4rem;
  }
}
.lp .reason_sec .reason_content_wrap .reason_content li {
  font-size: 2rem;
  font-weight: 500;
  padding-bottom: 2.4rem;
  padding-left: 2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .reason_content_wrap .reason_content li {
    font-size: 1.4rem;
    padding-bottom: 1.6rem;
    padding-left: 1rem;
    line-height: 1.3;
  }
}
.lp .reason_sec .reason_content_wrap .reason_content li:last-child {
  padding-bottom: 0;
}
.lp .reason_sec .reason_content_wrap .reason_content li::before {
  content: "";
  position: absolute;
  background: url(../images/box.svg) no-repeat center/cover;
  width: 2.1rem;
  height: 2.4rem;
  left: -2rem;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .reason_content_wrap .reason_content li::before {
    width: 1.6rem;
    height: 1.8rem;
  }
}
.lp .reason_sec .illust {
  position: absolute;
  content: "";
  width: 7rem;
  height: 17.6rem;
  bottom: 15%;
  right: 10%;
}
@media screen and (max-width: 1024px) {
  .lp .reason_sec .illust {
    bottom: 10%;
  }
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .illust {
    bottom: 21%;
    width: 2.9rem;
    height: 7.4rem;
  }
}
.lp .reason_sec .reason_btn {
  margin: 8rem auto 0 auto;
}
@media screen and (max-width: 768px) {
  .lp .reason_sec .reason_btn {
    margin-top: 6.6rem;
  }
}
.lp .reason_sec .reason_btn a {
  padding: 1.5rem 7.5rem;
}
.lp .merit_sec {
  padding: 12rem 0;
  padding-top: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 400px) {
  .lp .merit_sec .merit_title {
    font-size: 2.2rem;
  }
}
.lp .merit_sec .merit_text {
  padding-top: 6.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_text {
    padding-top: 4rem;
    font-size: 1.4rem;
    text-align: left;
  }
}
.lp .merit_sec .merit_content_wrap {
  padding-top: 6.4rem;
  display: flex;
  justify-content: space-between;
  gap: 7rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_content_wrap {
    display: block;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content {
  width: calc(33.3333333333% - 46.6666666667px);
  gap: 7rem;
}
@media screen and (max-width: 1024px) {
  .lp .merit_sec .merit_content_wrap .merit_content {
    width: calc(33.3333333333% - 20px);
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_content_wrap .merit_content {
    width: 100%;
    margin-bottom: 4rem;
  }
  .lp .merit_sec .merit_content_wrap .merit_content:last-child {
    margin-bottom: 0;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_inner_wrap {
  background-color: #f6f6f6;
  padding: 4rem 2rem;
  height: 36rem;
}
@media screen and (max-width: 1024px) {
  .lp .merit_sec .merit_content_wrap .merit_content .merit_inner_wrap {
    padding: 4rem 1rem;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_inner_wrap .thum-box {
  width: 14rem;
  height: 9.5rem;
  margin: 2.4rem auto;
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_inner_wrap .merit_inner_text {
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0;
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_arrow {
  width: 8.7rem;
  height: 2.4rem;
  margin: 4rem auto;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_content_wrap .merit_content .merit_arrow {
    margin: 1.6rem auto;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom h6 {
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom h6 {
    padding-bottom: 1.6rem;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom h6 .blue {
  color: #0091D7;
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom h6 .f-24 {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom h6 .f-24 {
    font-size: 2.2rem;
  }
}
.lp .merit_sec .merit_content_wrap .merit_content .merit_content_bottom .annotation {
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .last {
    line-height: 1.5;
  }
}
@media screen and (max-width: 380px) {
  .lp .merit_sec .last {
    font-size: 2.1rem;
  }
}
.lp .merit_sec .last .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .lp .merit_sec .last .sp {
    display: block;
  }
}
.lp .cta_sec {
  background: -webkit-linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(30deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* Standard syntax */
  text-align: center;
  padding: 8rem 0;
}
@media screen and (max-width: 768px) {
  .lp .cta_sec {
    background: -webkit-linear-gradient(125deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(125deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(125deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(125deg, rgb(0, 124, 173) 0%, rgb(0, 173, 111) 100%); /* Standard syntax */
    padding: 6.4rem 0;
  }
}
.lp .cta_sec .cta_inner {
  max-width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner {
    margin: 0 2rem;
  }
}
.lp .cta_sec .cta_inner h4 {
  color: #fff;
  line-height: 1.6;
}
.lp .cta_sec .cta_inner .cta_content_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap {
    display: block;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content {
  width: calc(50% - 55px);
  gap: 7rem;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content {
    width: calc(50% - 30px);
    gap: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content {
    width: 100%;
    margin-bottom: 4rem;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a {
  display: block;
  padding: 4rem 2rem;
  transition: all 0.3s;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a {
    padding: 4rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a {
    padding: 2.4rem 1rem;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .icon {
  width: 10.8rem;
  height: 10.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .icon {
    width: 8.2rem;
    height: 8.2rem;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_content_title {
  font-size: 2.4rem;
  font-weight: 500;
  padding-top: 2.4rem;
  color: #323232;
}
@media screen and (max-width: 1024px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_content_title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_content_title {
    padding-top: 1.6rem;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a p {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2.4rem 0;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a p {
    padding: 1.6rem 0;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn {
  margin: 0 auto;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn .btn_text {
  letter-spacing: 0;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn .btn_text .tb02 {
  display: none;
}
@media screen and (max-width: 1024px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn .btn_text .tb02 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn .btn_text .tb02 {
    display: none;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .cta_sec_btn img {
  width: 1.6rem;
  height: 1.6rem;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .dl .btn_text::after {
  position: absolute;
  content: "";
  background: url(../images/cta_download_icon.svg) center center/cover;
  width: 1.6rem;
  height: 1.6rem;
  right: 4.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .contact {
  padding: 1.7rem 6rem;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .contact img {
  width: 0.6rem;
  height: 1rem;
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .trial {
  padding: 1.7rem 2rem;
}
@media screen and (max-width: 1024px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .trial {
    padding: 0.7rem 2rem;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .trial {
    padding: 1.6rem 2rem;
    line-height: 1;
  }
}
.lp .cta_sec .cta_inner .cta_content_wrap .cta_content a .trial img {
  width: 0.6rem;
  height: 1rem;
}
.lp .tel_sec {
  padding: 3.2rem 0;
  text-align: center;
  background-color: #F6F6F6;
}
.lp .tel_sec .tel {
  display: flex;
  align-items: center;
  font-weight: 500;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.lp .tel_sec .tel .tel_icon {
  width: 3.1rem;
  height: 3.1rem;
  margin-right: 0.5rem;
}
.lp .tel_sec .tel_number {
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.05em;
  transition: all 0.3s;
}
.lp .tel_sec .tel_number:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .lp .tel_sec .tel_number {
    font-size: 2.2rem;
  }
}
@media (min-width: 751px) {
  .lp .tel_sec a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.lp .tel_sec .open {
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 1.6rem;
}
@media screen and (max-width: 450px) {
  .lp .tel_sec .open {
    line-height: 1.3;
  }
}
.lp .tel_sec .open .br450 {
  display: none;
}
@media screen and (max-width: 450px) {
  .lp .tel_sec .open .br450 {
    display: block;
  }
}
.lp .footer {
  background-color: #E3E3E3;
  text-align: center;
}
.lp .footer .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lp .footer .inner {
    padding: 1.5rem 0;
  }
}
.lp .footer .inner .copy {
  font-size: 1.2rem;
  color: #686868;
}
@media screen and (max-width: 768px) {
  .lp .footer .inner .copy {
    font-size: 1rem;
  }
}

/*************************************************
wrdpressと共通！書き換え注意
*************************************************/
.service-menu_sec {
  width: 100%;
  height: auto;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .service-menu_sec {
    padding: 6rem 0 12rem 0;
  }
}
.service-menu_sec h2 {
  font-size: 3.2rem;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.05em;
  color: #0091D7;
}
@media screen and (max-width: 768px) {
  .service-menu_sec h2 {
    font-size: 2.4rem;
  }
}
.service-menu_sec .s-menu_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .service-menu_sec .s-menu_wrap {
    display: block;
  }
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap {
  width: calc(33.3333333333% - 36.6666666667px);
  padding-top: 4rem;
}
@media screen and (max-width: 768px) {
  .service-menu_sec .s-menu_wrap .s-menu_list_wrap {
    width: 100%;
  }
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .s-menu_list_title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  background-color: #0091D7;
  width: 100%;
  padding: 1.5rem 2rem;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square {
  position: relative;
  padding-left: 20px; /* 四角形とテキストの間にスペースを追加 */
  font-size: 1.4rem;
  margin-top: 1.4rem;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square::before {
  content: ""; /* 擬似要素の内容は空 */
  width: 7px; /* 四角形の幅 */
  height: 7px; /* 四角形の高さ */
  background-color: #323232; /* 四角形の色 */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* 四角形をテキスト中央に配置 */
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square a {
  transition: all 0.3s;
}
.service-menu_sec .s-menu_wrap .s-menu_list_wrap .text-square a:hover {
  opacity: 0.7;
}

.attention {
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  text-align: center;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 768px) {
  .attention {
    font-size: 1.5rem;
  }
}
.attention::before, .attention::after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #323232;
}
.attention::before {
  margin-right: 1.5rem;
  transform: rotate(-35deg);
}
.attention::after {
  margin-left: 1.5rem;
  transform: rotate(35deg);
}

.case-study_sec {
  background-color: #F6F6F6;
  margin-top: 8rem;
  padding: 12rem 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .case-study_sec {
    margin-top: 6.4rem;
    padding: 6.4rem 0;
  }
}
.case-study_sec .case-study_text {
  padding: 6.4rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  max-width: 68.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .case-study_sec .case-study_text {
    padding: 4rem 2rem;
    font-size: 1.4rem;
    text-align: left;
  }
}
.case-study_sec .myswiper_wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 36.5rem; /* 必要に応じて高さを設定 */
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper {
    height: 59rem;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 {
  width: 100%;
  height: 100%;
  /* ページネーションボタンのスタイル */
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content {
  max-width: 80rem;
  background-color: #fff;
  border: 1px solid #C0C0C0;
  height: 32rem;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content {
    max-width: 35rem;
    height: 55rem;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a {
  display: flex;
  padding: 4rem;
  align-items: center;
  transition: all 0.3s;
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a {
    display: block;
    padding: 2.4rem 2rem;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .case_img {
  width: 29.3rem;
  height: 19.5rem;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a .case_img {
    margin: 0 auto;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap {
  margin-left: 3.8rem;
  text-align: left;
  max-width: 39rem;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap {
    margin-left: initial;
    padding-top: 2.4rem;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap h6 {
  line-height: 1.3;
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .case_content_text {
  padding: 2.4rem 0 1.6rem 0;
  border-bottom: 1px solid #323232;
  font-size: 1.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .case_content_text {
    padding: 1.6rem 0;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .company {
  font-size: 1.4rem;
  padding-top: 2.4rem;
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .bottom_wrap {
  display: flex;
  font-size: 1.1rem;
  padding-top: 1.2rem;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .bottom_wrap {
    display: block;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .bottom_wrap .employee {
  margin-left: 1.2rem;
}
@media screen and (max-width: 768px) {
  .case-study_sec .myswiper_wrapper .swiper02 .case_content a .text_wrap .bottom_wrap .employee {
    margin-left: initial;
    padding-top: 0.5em;
  }
}
.case-study_sec .myswiper_wrapper .swiper02 .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background-color: #fff; /* 非アクティブ状態の色 */
  opacity: 0.8; /* 非アクティブ状態の透明度 */
  border-radius: 0;
  border: 1px solid #C0C0C0; /* 四角形にするための設定 */
  margin: 5px; /* ボタン間のスペース */
  transition: background-color 0.3s, opacity 0.3s; /* スムーズな色と透明度の変化 */
}
.case-study_sec .myswiper_wrapper .swiper02 .swiper-pagination-bullet-active {
  background-color: #0091D7; /* アクティブ状態の色 */
  opacity: 1; /* アクティブ状態の透明度 */
}

.intro_content_wrap {
  display: flex;
  justify-content: space-between;
  padding: 11.5rem 0 8rem 0;
}
@media screen and (max-width: 768px) {
  .intro_content_wrap {
    display: block;
    padding: 7.8rem 0 4rem 0;
  }
}
.intro_content_wrap .intro_content {
  width: calc(33.3333333333% - 46.6666666667px);
  gap: 7rem;
  background-color: #fff;
  padding: 5.6rem 2rem 4rem 2rem;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .intro_content_wrap .intro_content {
    width: calc(33.3333333333% - 20px);
    gap: 3rem;
    padding: 5.6rem 1rem 4rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .intro_content_wrap .intro_content {
    width: 100%;
    padding: 4rem 0;
    margin-bottom: 7.5rem;
  }
  .intro_content_wrap .intro_content:last-child {
    margin-bottom: 0;
  }
}
.intro_content_wrap .intro_content .heading {
  color: #0091D7;
}
.intro_content_wrap .intro_content .sub_heading {
  font-size: 1.2rem;
  color: #0091D7;
}
@media screen and (max-width: 768px) {
  .intro_content_wrap .intro_content .sub_heading {
    font-size: 1rem;
  }
}
.intro_content_wrap .intro_content .intro_img {
  margin: 4rem auto 0 auto;
  width: 18.8rem;
  height: 8.7rem;
}
.intro_content_wrap .intro_content .intro_text {
  font-size: 1.8rem;
  font-weight: 500;
  padding-top: 4rem;
  line-height: 1.3;
}
@media screen and (max-width: 1024px) {
  .intro_content_wrap .intro_content .intro_text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .intro_content_wrap .intro_content .intro_text {
    font-size: 1.6rem;
    padding-top: 2.4rem;
  }
}
.intro_content_wrap .intro_content .intro_explanation {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 4rem;
  line-height: 1.3;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .intro_content_wrap .intro_content .intro_explanation {
    font-size: 1.6rem;
    margin-top: 2.4rem;
  }
}
.intro_content_wrap .intro_content .intro_explanation span::before {
  position: absolute;
  content: "";
  background: url(../images/kakko_l.svg) no-repeat left/contain;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .intro_content_wrap .intro_content .intro_explanation span::before {
    left: 20%;
  }
}
@media screen and (max-width: 490px) {
  .intro_content_wrap .intro_content .intro_explanation span::before {
    left: 10%;
  }
}
.intro_content_wrap .intro_content .intro_explanation span::after {
  position: absolute;
  content: "";
  background: url(../images/kakko_r.svg) no-repeat left/contain;
  right: 0;
  top: 0;
  width: 1.5rem;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .intro_content_wrap .intro_content .intro_explanation span::after {
    right: 20%;
  }
}
@media screen and (max-width: 490px) {
  .intro_content_wrap .intro_content .intro_explanation span::after {
    right: 10%;
  }
}
.intro_content_wrap .one::before {
  position: absolute;
  content: "";
  background: url(../images/no1.png);
  width: 6.9rem;
  height: 6.9rem;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.intro_content_wrap .two::before {
  position: absolute;
  content: "";
  background: url(../images/no2.png);
  width: 6.9rem;
  height: 6.9rem;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.intro_content_wrap .three::before {
  position: absolute;
  content: "";
  background: url(../images/no3.png);
  width: 6.9rem;
  height: 6.9rem;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.cta_block {
  padding-block: 8rem;
  background-color: #FFF;
}
.cta_block.pd0 {
  padding-block: 0;
}

/**
 * Swiper 8.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 25, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #232215;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: transparent;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  border: 1px solid #232215;
}

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #232215;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}/*# sourceMappingURL=style.css.map */