@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 768px) {
  .p-mtalk-header-line {
    border-top: 1px solid #005bb7;
    padding-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .p-voistore-header-line {
    border-top: 1px solid #fff;
    padding-top: 5px;
  }
}

.p-mtalk-top-point__title::before {
  background-image: url("../images/point_circle.svg");
}

.p-mtalk-top-point__title::after {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .line-white {
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media screen and (min-width: 992px) {
  .line-blue {
    padding-top: 5px;
    border-top: 1px solid #005bb7;
  }
}

@media screen and (min-width: 992px) {
  .p-mtalk-header__nav {
    flex: none;
  }
}

.p-mtalk-top-chat__img img {
  width: auto;
}

.p-service-line-feature__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-service-line-feature__btn .p-home-column__button-arrow {
  right: 30px;
  top: 50%;
  transform: translate(50%, -50%);
}

@media screen and (min-width: 768xp) {
  .p-service-line-feature__btn .p-home-column__button-arrow {
    right: 20px;
  }
}

.p-service-line-feature__btn .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-service-line-feature__btn .pc {
    display: block;
  }
}

.p-service-line-feature__btn .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-service-line-feature__btn .sp {
    display: none;
  }
}

.p-p-service-line-feature__button {
  margin-top: 60px;
  border: 1px solid #fff;
  padding: 20px;
  display: inline-block;
  position: relative;
  padding-right: 80px;
  font-size: 16px;
  font-family: "P22 Underground", "Outfit", sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  transition: color 0.3s;
  font-weight: 500;
}

.p-trial-form {
  border: 1px solid #666;
  margin-top: 30px;
}

.p-trial-form-title {
  background: #666;
  padding: 10px;
}

.p-trial-form-text {
  padding: 10px;
}

#eNomixBannerWrapper {
  display: none;
}

.c-single__contents li {
  list-style: disc;
  margin-left: 1rem;
}

/*
20240109追記
お見舞い無しの場合は下記を削除する
*/
.p-home-mv__video {
  position: relative;
}

.p-home-mv__text {
  position: absolute;
}

.p-home-sympathy {
  margin-top: 100px;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
  .p-home-sympathy {
    margin-top: 110px;
  }
}

.p-home-sympathy__inner {
  padding: 0 37px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.p-home-sympathy__box {
  background-color: #000;
  padding: 60px 35px 40px;
}

@media print, screen and (min-width: 768px) {
  .p-home-sympathy__box {
    padding: 50px 20px;
  }
}

.p-home-sympathy__text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2.2;
}

@media print, screen and (min-width: 768px) {
  .p-home-sympathy__text {
    font-size: 18px;
    line-height: 2;
    max-width: 630px;
    margin: 0 auto;
  }
}

/*
20240801 追記
download */
@media screen and (min-width: 768px) {
  .p-download__grid div:nth-of-type(odd):last-of-type {
    border-left: 0;
  }
  .p-download__grid div:nth-of-type(odd):last-of-type .p-download__bottom-wrap {
    padding: 40px 0;
  }
}

.p-mtalk-mv__lead {
  margin-left: -5px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-mv__lead {
    max-width: 500px;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .p-mtalk-header__list-drawer-wrap {
    width: auto;
  }
}

.p-mtalk-mv__logotext {
  padding-top: 20px;
  width: 50%;
}

.p-mtalk-mv__logotext img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .p-mtalk-mv__logotext {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-mtalk-mv__inner {
    padding-top: 200px;
  }
}

@media screen and (max-width: 767px) {
  .p-mtalk-mv::after {
    top: 10px;
  }
}

.swiper-pagination-fraction {
  font-size: 18px;
  font-weight: bold;
  margin-left: 40px;
  color: #1693ca;
}

.l-header__nav-drawer-wrap {
  width: auto;
}

.p-mtalk-top-consulting__lead {
  margin-top: 0;
}

.p-mtalk-top-slide {
  padding: 0 0 30px;
}

.p-mtalk-top-intro img {
  max-width: 100%;
}

.p-mtalk-top-intro__inner {
  background: url("../../img/mtalk/top/intro-bubble-bg.png"), linear-gradient(180deg, #4cacd6 0%, #60b4d8 50%, #a3cedc 100%);
  background-size: 100% 50px, auto auto;
  background-repeat: no-repeat;
  padding: 30px 0;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-intro__inner {
    padding: 50px 0;
  }
}

.p-mtalk-top-intro__title-ja {
  text-align: center;
  font-size: 20px;
}

.p-mtalk-top-intro__title-ja .big {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-intro__title-ja .big {
    font-size: 40px;
  }
}

.p-mtalk-top-intro__bubble {
  text-align: center;
}

.p-mtalk-top-solution {
  position: relative;
  padding: 30px 15px 30px;
}

.p-mtalk-top-solution img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution {
    padding: 70px 15px 70px;
  }
}

.p-mtalk-top-solution__inner {
  position: relative;
  z-index: 3;
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__inner {
    padding: 0 15px;
  }
}

.p-mtalk-top-solution__title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #1693ca;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__title {
    font-size: 40px;
  }
}

.p-mtalk-top-solution__title .bbig {
  font-size: 24px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__title .bbig {
    font-size: 40px;
  }
}

.p-mtalk-top-solution__title .yellow {
  color: #f2971b;
}

.p-mtalk-top-solution__title .small {
  font-size: 20px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__title .small {
    font-size: 24px;
  }
}

.p-mtalk-top-solution__text {
  text-align: center;
  color: #58514f;
  font-size: 16px;
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__text {
    font-size: 24px;
  }
}

.p-mtalk-top-solution__text.after {
  color: #1693ca;
}

.p-mtalk-top-solution__case {
  text-align: center;
}

.p-mtalk-top-solution__case .title {
  padding: 5px 30px;
  background: #fff;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #58514f;
  color: #58514f;
  position: relative;
  z-index: 2;
  transform: translate(0, 50%);
  display: inline-block;
}

.p-mtalk-top-solution__case .title.after {
  border-color: #1693ca;
  color: #1693ca;
}

.p-mtalk-top-solution__case .case {
  display: flex;
  flex-direction: column;
  gap: 15px;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__case .case {
    flex-direction: row;
  }
}

.p-mtalk-top-solution__case .case-title {
  color: #58514f;
  font-size: 16px;
}

.p-mtalk-top-solution__case .case-title.after {
  color: #1693ca;
}

.p-mtalk-top-solution__case .case-user {
  padding: 20px;
  width: 100%;
  background: #d5d5d5;
  overflow: hidden;
  border-radius: 15px;
}

.p-mtalk-top-solution__case .case-user.after {
  background: linear-gradient(180deg, #c7e5f2 13.34%, #d4e8ee 30.18%, #f2efe6 74.74%, #fdf2e3 100%);
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__case .case-user {
    width: calc(75% - 15px);
  }
}

.p-mtalk-top-solution__case .case-user-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 5px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__case .case-user-flex {
    flex-direction: row;
  }
}

.p-mtalk-top-solution__case .case-user-col {
  width: 100%;
  padding: 10px 0;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__case .case-user-col {
    width: calc((100% - 10px) / 3);
  }
}

.p-mtalk-top-solution__case .case-user-col .text {
  color: #58514f;
  padding: 10px;
  font-size: 13px;
  text-align: center;
}

.p-mtalk-top-solution__case .case-support {
  width: 100%;
  padding: 20px;
  background: #d5d5d5;
  overflow: hidden;
  border-radius: 15px;
}

.p-mtalk-top-solution__case .case-support.after {
  background: linear-gradient(180deg, #c7e5f2 13.34%, #d4e8ee 30.18%, #f2efe6 74.74%, #fdf2e3 100%);
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-solution__case .case-support {
    width: 25%;
  }
}

.p-mtalk-top-solution__case .case-support-col {
  padding: 10px 0;
}

.p-mtalk-top-solution__case .case-support-col .text {
  color: #58514f;
  padding: 10px;
  font-size: 13px;
  text-align: center;
}

.p-mtalk-top-introduction {
  background: linear-gradient(180deg, #9cccdc 0%, #d4e2e0 54.93%, #fdf2e3 100%);
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction {
    padding: 0 15px 70px;
  }
}

.p-mtalk-top-introduction .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction .pc {
    display: block;
  }
}

.p-mtalk-top-introduction .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction .sp {
    display: none;
  }
}

.p-mtalk-top-introduction:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 180px;
  background: #fff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction:before {
    height: 250px;
  }
}

.p-mtalk-top-introduction__inner {
  position: relative;
  z-index: 3;
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__inner {
    padding: 0 15px;
  }
}

.p-mtalk-top-introduction__title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding-bottom: 140px;
  color: #1693ca;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__title {
    font-size: 40px;
    padding-bottom: 200px;
  }
}

.p-mtalk-top-introduction__title .yellow {
  color: #f2971b;
}

.p-mtalk-top-introduction__title .small {
  font-size: 20px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__title .small {
    font-size: 24px;
  }
}

.p-mtalk-top-introduction__box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.p-mtalk-top-introduction__box .item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__box .item {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 30px;
  }
}

.p-mtalk-top-introduction__box .item .swiper-wrapper {
  padding: 15px 0;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__box .item .swiper-wrapper {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 0;
  }
}

.p-mtalk-top-introduction__box .item-box {
  width: 100%;
  background: #fff;
  height: 100%;
  min-height: 320px;
  padding: 15px 0;
  box-shadow: 3px 5px 10px -1px rgba(0, 0, 0, 0.7);
  padding: 15px;
  border-radius: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__box .item-box {
    margin: 0;
    width: calc((100% - 60px) / 4);
    min-height: 360px;
  }
}

.p-mtalk-top-introduction__box .item-box-img {
  text-align: center;
  padding: 15px;
}

.p-mtalk-top-introduction__box .item-box-title {
  font-size: 18px;
  font-weight: 700;
  color: #1693ca;
  text-align: center;
  padding-bottom: 10px;
}

.p-mtalk-top-introduction__box .item-box-title.color2 {
  color: #005bb7;
}

.p-mtalk-top-introduction__box .item-box-text {
  font-size: 15px;
  color: #666666;
}

.p-mtalk-top-introduction__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 15px;
}

.p-mtalk-top-introduction__item-box {
  display: none;
  flex-direction: column;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}

.p-mtalk-top-introduction__item-box.active {
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__item .p-mtalk-top__slide-button {
    display: none;
  }
}

.p-mtalk-top-introduction__btn {
  display: flex;
  flex-direction: row;
}

.p-mtalk-top-introduction__subtitle {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  border-radius: 30px;
  width: 50%;
  background: #cccccc;
  cursor: pointer;
}

.p-mtalk-top-introduction__subtitle.color1.active {
  background: #1693ca;
}

.p-mtalk-top-introduction__subtitle.color2.active {
  background: #005bb7;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-introduction__subtitle {
    margin: 0;
    border-radius: 30px 30px 0 0;
    font-size: 20px;
  }
}

.p-mtalk-top-introduction__subtitle .big {
  font-size: 1.3em;
}

.p-mtalk-top-merit {
  background: #fafafa;
  padding: 30px 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit {
    padding: 70px 15px;
  }
}

.p-mtalk-top-merit .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit .pc {
    display: block;
  }
}

.p-mtalk-top-merit .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit .sp {
    display: none;
  }
}

.p-mtalk-top-merit__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.p-mtalk-top-merit img {
  max-width: 100%;
}

.p-mtalk-top-merit__title {
  font-size: 16px;
  font-weight: bold;
  color: #58514f;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit__title {
    font-size: 24px;
  }
}

.p-mtalk-top-merit__title .user {
  color: #1693ca;
  background: #fff;
  padding: 5px 10px;
  display: inline-block;
  border: 2px solid #1693ca;
  border-radius: 50px;
  margin: 0 5px;
}

.p-mtalk-top-merit__title .company {
  color: #005bb7;
  background: #fff;
  padding: 5px 10px;
  display: inline-block;
  border: 2px solid #005bb7;
  border-radius: 50px;
  margin: 0 5px;
}

.p-mtalk-top-merit__title .big {
  font-size: 30px;
  font-weight: bold;
  color: #1693ca;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit__title .big {
    font-size: 40px;
  }
}

.p-mtalk-top-merit__img {
  text-align: center;
  margin: 0 -30px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-merit__img {
    margin: 0 auto;
  }
}

.p-mtalk-top-combine {
  background: #f1f1f1;
  padding: 30px 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine {
    padding: 70px 15px;
  }
}

.p-mtalk-top-combine .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine .pc {
    display: block;
  }
}

.p-mtalk-top-combine .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine .sp {
    display: none;
  }
}

.p-mtalk-top-combine img {
  max-width: 100%;
}

.p-mtalk-top-combine__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.p-mtalk-top-combine__title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding-bottom: 30px;
  color: #1693ca;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__title {
    font-size: 40px;
    padding-bottom: 30px;
  }
}

.p-mtalk-top-combine__title .yellow {
  color: #f2971b;
  display: inline-block;
}

.p-mtalk-top-combine__title .small {
  font-size: 20px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__title .small {
    font-size: 24px;
  }
}

.p-mtalk-top-combine__box {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box {
    gap: 30px;
  }
}

.p-mtalk-top-combine__box-col {
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
}

.p-mtalk-top-combine__box-col .item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box-col .item {
    gap: 30px;
  }
}

.p-mtalk-top-combine__box-col .item-merit {
  background: #1693ca;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.p-mtalk-top-combine__box-col .item-title {
  color: #58514f;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 5px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box-col .item-title {
    font-size: 24px;
  }
}

.p-mtalk-top-combine__box-col .item-flex {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box-col .item-flex {
    flex-direction: row-reverse;
    padding: 30px;
    gap: 30px;
  }
}

.p-mtalk-top-combine__box-col .item-flex .text {
  font-size: 14px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box-col .item-flex .text {
    font-size: 18px;
  }
}

.p-mtalk-top-combine__box-col .item-flex .img {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-combine__box-col .item-flex .img {
    width: 100vw;
    max-width: 400px;
  }
}

.p-mtalk-top-standard {
  text-align: center;
  padding-bottom: 50px;
}

.p-mtalk-top-standard img {
  max-width: 100%;
}

.p-mtalk-top-standard .arrow {
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.4));
}

.p-mtalk-top-standard .arrow-bg {
  background: #fff;
  transform: translate(0, -50%);
  width: 300px;
  height: 60px;
  margin: 0 auto;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 2;
  color: #1693ca;
  display: flex;
  padding-bottom: 10px;
  align-items: flex-start;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard .arrow-bg {
    padding-top: 15px;
    height: 80px;
    width: 550px;
    font-size: 24px;
  }
}

.p-mtalk-top-standard__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

.p-mtalk-top-standard__title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding-bottom: 20px;
  color: #1693ca;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__title {
    font-size: 40px;
    padding-bottom: 30px;
  }
}

.p-mtalk-top-standard__title .yellow {
  color: #f2971b;
  display: inline-block;
}

.p-mtalk-top-standard__title .small {
  font-size: 20px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__title .small {
    font-size: 24px;
  }
}

.p-mtalk-top-standard__box {
  display: flex;
  padding: 15px;
  flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__box {
    padding-bottom: 50px;
  }
}

.p-mtalk-top-standard__box .item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}

.p-mtalk-top-standard__box .item-col {
  width: calc((100% - 15px) / 2);
  background: linear-gradient(180deg, #4cacd6 13.34%, #60b4d8 21.3%, #a3cedc 49.05%, #d4e2e0 72.34%, #f2eee2 90.02%, #fdf2e3 100%);
  border-radius: 50%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__box .item-col {
    width: calc((100% - 45px) / 4);
    padding: 30px;
    font-size: 20px;
  }
}

.p-mtalk-top-standard__text {
  color: #58514f;
  font-size: 16px;
  padding-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__text {
    font-size: 24px;
    padding: 0 50px;
    padding-top: 50px;
  }
}

.p-mtalk-top-standard__img {
  position: absolute;
  right: 0;
  bottom: 70px;
  max-width: 40px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-standard__img {
    bottom: 0;
    max-width: 100%;
  }
}

.p-mtalk-top-service {
  background: #fdf2e3;
}

.p-mtalk-top-service .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service .pc {
    display: block;
  }
}

.p-mtalk-top-service .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service .sp {
    display: none;
  }
}

.p-mtalk-top-service .ib {
  display: inline-block;
}

.p-mtalk-top-service .arrow {
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.4));
}

.p-mtalk-top-service .arrow-bg {
  background: #1693ca;
  transform: translate(0, -50%);
  width: 300px;
  height: 60px;
  margin: 0 auto;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 2;
  color: #fff;
  display: flex;
  padding-bottom: 10px;
  align-items: flex-start;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service .arrow-bg {
    padding-top: 10px;
    height: 80px;
    width: 550px;
    font-size: 24px;
  }
}

.p-mtalk-top-service__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.p-mtalk-top-service__title {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding-bottom: 20px;
  color: #1693ca;
  line-height: 1.2;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__title {
    font-size: 40px;
    padding-bottom: 30px;
  }
}

.p-mtalk-top-service__title .yellow {
  color: #f2971b;
  display: inline-block;
}

.p-mtalk-top-service__title .small {
  font-size: 20px;
  color: #58514f;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__title .small {
    font-size: 24px;
  }
}

.p-mtalk-top-service__title .logo {
  height: 24px;
  width: auto;
  vertical-align: baseline;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__title .logo {
    height: 46px;
  }
}

.p-mtalk-top-service__text {
  color: #58514f;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 15px 20px;
  line-height: 1.2;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__text {
    font-size: 22px;
    padding: 0 15px;
  }
}

.p-mtalk-top-service__text .big {
  font-size: 1.3em;
}

.p-mtalk-top-service__sub {
  background: #fff;
  border-radius: 50px 50px 0 0;
  width: 100%;
  padding: 30px 15px;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__sub {
    padding: 30px;
  }
}

.p-mtalk-top-service__sub .subtitle {
  text-align: center;
  padding: 15px 15px;
}

.p-mtalk-top-service__sub .subtitle img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__sub .subtitle {
    padding: 30px 15px;
    max-width: 500px;
    margin: 0 auto;
  }
}

.p-mtalk-top-service__box {
  max-width: 1200px;
  padding: 30px 0;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box {
    padding: 30px 15px;
  }
  .p-mtalk-top-service__box .p-mtalk-top__slide-buttons {
    display: none;
  }
}

.p-mtalk-top-service__box-point .point {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box-point .point {
    flex-direction: row;
  }
}

.p-mtalk-top-service__box-point .point-col {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background: #fff;
  border: 3px solid #1693ca;
  box-shadow: 0px 0px 25px -5px #777777;
  width: 100%;
}

.p-mtalk-top-service__box-point .point-col .title {
  background: #1693ca;
  color: #fff;
  padding: 5px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.p-mtalk-top-service__box-point .point-col .title .big {
  font-size: 1.3em;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box-point .point-col {
    width: calc((100% - 15px) / 2);
  }
}

.p-mtalk-top-service__box-point .point-col .flex {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: space-around;
  padding: 0 15px;
  padding-top: 30px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box-point .point-col .flex {
    flex-direction: row;
  }
}

.p-mtalk-top-service__box-point .point-col .flex .new {
  position: absolute;
  transform: translate(-10px, -50%);
  z-index: 2;
  top: 0;
  left: 0;
  width: 120px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box-point .point-col .flex .new {
    width: auto;
  }
}

.p-mtalk-top-service__box-point .point-col .flex-text {
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  color: #58514f;
}

.p-mtalk-top-service__box-point .point-col .flex-text .blue {
  color: #1693ca;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box-point .point-col .flex-text {
    font-size: 18px;
  }
}

.p-mtalk-top-service__box-point .point-col .text {
  color: #58514f;
  font-size: 14px;
  padding: 15px;
  font-weight: bold;
}

.p-mtalk-top-service__box-point .point-col .text .notice {
  font-size: 0.8em;
  display: block;
  font-weight: normal;
}

.p-mtalk-top-service__box .item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: 15px;
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    position: relative;
    z-index: 2;
  }
}

.p-mtalk-top-service__box .item-col {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 15px;
  border: 3px solid #1693ca;
  width: 80%;
  background: #fff;
  box-shadow: 0px 0px 25px -5px #777777;
}

.p-mtalk-top-service__box .item-col:nth-child(5) .text {
  font-weight: bold;
  font-size: 16px;
}

.p-mtalk-top-service__box .item-col:nth-child(5) .text .blue {
  font-size: 18px;
}

.p-mtalk-top-service__box .item-col:nth-child(6) {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col {
    width: calc((100% - 45px) / 4);
  }
  .p-mtalk-top-service__box .item-col:nth-child(5) {
    display: none;
  }
  .p-mtalk-top-service__box .item-col:nth-child(6) {
    display: flex;
  }
  .p-mtalk-top-service__box .item-col.w100 {
    width: 100%;
    display: none;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col.w100 {
    display: flex;
  }
}

.p-mtalk-top-service__box .item-col .textarea {
  display: flex;
}

.p-mtalk-top-service__box .item-col .frame {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .frame {
    flex-direction: row;
    padding: 15px;
    min-height: auto;
  }
}

.p-mtalk-top-service__box .item-col .framepad {
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .framepad {
    padding: 15px 10px;
  }
}

.p-mtalk-top-service__box .item-col .framepad .flex {
  padding-bottom: 15px;
}

.p-mtalk-top-service__box .item-col .flex {
  display: flex;
  flex-direction: column;
  border-bottom: 2px dotted #1693ca;
  align-items: center;
}

.p-mtalk-top-service__box .item-col .flex.last {
  padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .flex.last {
    padding-bottom: 0;
    margin: 0;
    width: 50%;
    flex-direction: row-reverse;
    justify-content: space-around;
    border-bottom: none;
    border-right: 2px dotted #1693ca;
  }
  .p-mtalk-top-service__box .item-col .flex.last .icon {
    padding-left: 20px;
  }
}

.p-mtalk-top-service__box .item-col .flex2 {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .flex2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .flex2.last .description {
    padding-top: 40px;
    min-height: none;
    align-items: center;
  }
}

.p-mtalk-top-service__box .item-col .title {
  font-weight: bold;
  color: #fff;
  background: #1693ca;
  text-align: center;
  padding: 5px;
  font-size: 18px;
}

.p-mtalk-top-service__box .item-col .icon {
  text-align: center;
}

.p-mtalk-top-service__box .item-col .text {
  color: #58514f;
  text-align: center;
  font-size: 14px;
  flex-grow: 1;
  line-height: 1.2;
  padding: 15px 0 15px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .text {
    font-size: 16px;
    padding: 0 0 15px;
  }
}

.p-mtalk-top-service__box .item-col .text .blue {
  font-size: 18px;
  color: #1693ca;
  letter-spacing: -0.1em;
}

.p-mtalk-top-service__box .item-col .subtext {
  font-size: 14px;
  color: #58514f;
  text-align: center;
  font-weight: 500;
  padding-top: 10px;
  line-height: 1.2;
  color: #f2971b;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .subtext {
    font-size: 16px;
    padding: 0;
    padding-top: 10px;
  }
}

.p-mtalk-top-service__box .item-col .description {
  flex-grow: 1;
  color: #58514f;
  padding: 10px;
  min-height: 120px;
  padding-top: 15px 0;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-service__box .item-col .description {
    display: flex;
    align-items: flex-start;
  }
}

.p-mtalk-top-service__box .item-col .btn {
  padding: 5px;
  text-align: right;
}

.p-mtalk-top-service__box .item-col .btn a {
  font-family: "P22 Underground", "Outfit", sans-serif;
  text-align: right;
  padding: 5px 10px;
  border: 1px solid #1693ca;
  border-radius: 30px;
  color: #1693ca;
  display: inline-flex;
  background: #fff;
  flex-direction: row;
  gap: 10px;
  cursor: pointer;
}

.p-mtalk-top-service__box .item-col .btn a:after {
  content: ">";
}

.p-mtalk-top-service__box .item-col .btn a:hover {
  background: #1693ca;
  color: #fff;
}

.p-mtalk-top-cta__title {
  padding: 30px 15px;
  text-align: center;
}

.p-mtalk-top-cta__title img {
  max-width: 100%;
}

.p-mtalk-top-cta__inner {
  background: #005bb7;
  padding: 30px 15px;
}

.p-mtalk-top-cta__flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-cta__flex {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }
}

.p-mtalk-top-cta__flex .img {
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-mtalk-top-cta__flex .img img {
  max-width: 100%;
}

.p-mtalk-top-cta__flex .btn {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-cta__flex .btn {
    flex-direction: column;
  }
}

.p-mtalk-top-cta__flex .btn .icon img {
  height: 30px;
  width: auto;
  max-width: 30px;
}

.p-mtalk-top-cta__flex .btn-white, .p-mtalk-top-cta__flex .btn-blue {
  width: calc((100% - 15px) / 2);
  padding: 10px 20px;
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  transition: all 0.5s;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-mtalk-top-cta__flex .btn-white, .p-mtalk-top-cta__flex .btn-blue {
    font-size: 16px;
    width: 100%;
    min-width: 250px;
  }
}

.p-mtalk-top-cta__flex .btn-white:hover, .p-mtalk-top-cta__flex .btn-blue:hover {
  opacity: 0.6;
}

.p-mtalk-top-cta__flex .btn-white {
  background: #fff;
  color: #005bb7;
}

.p-mtalk-top-cta__flex .btn-blue {
  color: #fff;
  background: #1693ca;
}

.kuzen {
  font-family: "Noto Sans JP", sans-serif;
}

.kuzen div,
.kuzen a,
.kuzen section {
  box-sizing: border-box;
}

.kuzen .pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .kuzen .pc {
    display: block;
  }
}

.kuzen .sp {
  display: block;
}

@media screen and (min-width: 768px) {
  .kuzen .sp {
    display: none;
  }
}

.kuzen img {
  max-width: 100%;
}

.kuzen .btn {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kuzen .btn-cta {
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .kuzen .btn-cta {
    flex-direction: row;
    justify-content: center;
  }
}

.kuzen .btn .orange,
.kuzen .btn .white {
  background: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #f28d44;
  border-left: 2px solid #f28d44;
  border-radius: 5px;
  border-right: 2px solid #f28d44;
  border-top: 2px solid #f28d44;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  width: 100%;
  gap: 30px;
  padding: 10px 15px;
  transition: all 0.5s;
}

.kuzen .btn .icon {
  font-size: 16px;
}

.kuzen .btn .orange {
  color: #fff;
  background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1));
  --g-color-0: #ffae6a;
  --g-position-0: 0%;
  --g-color-1: #f18b41;
  --g-position-1: 100%;
  --g-color-2: #f18b41;
  --g-position-2: 100%;
  --g-color-3: #f18b41;
  --g-position-3: 100%;
  --g-color-4: #f18b41;
  --g-position-4: 100%;
  --g-color-5: #f18b41;
  --g-position-5: 100%;
  --g-color-6: #f18b41;
  --g-position-6: 100%;
  --g-color-7: #f18b41;
  --g-position-7: 100%;
  --g-color-8: #f18b41;
  --g-position-8: 100%;
  --g-color-9: #f18b41;
  --g-position-9: 100%;
  --g-color-10: #f18b41;
  --g-position-10: 100%;
  --g-color-11: #f18b41;
  --g-position-11: 100%;
  --g-angle: 90deg;
}

.kuzen .btn .orange:hover {
  background: #fff;
  color: #f18b41;
}

.kuzen .btn .white {
  background: #fff;
  color: #000;
}

.kuzen .btn .white:hover {
  background: #f18b41;
  color: #fff;
}

.kuzen .btn-text {
  font-size: 14px;
  text-align: center;
  width: 80%;
  margin-left: 30px;
}

.kuzen .btn-text-small {
  font-size: 10px;
}

.kuzen-wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.kuzen-fv {
  padding: 60px 0;
}

.kuzen-fv-title {
  font-size: 30px;
  color: #000;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .kuzen-fv-title {
    text-align: left;
    font-size: 36px;
  }
}

.kuzen-fv-title .green {
  color: #48b7a8;
}

.kuzen-fv-title .powered {
  font-size: 20px;
  margin: 8px 8px 0 8px;
}

.kuzen-fv-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .kuzen-fv-flex {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.kuzen-fv-flex-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .kuzen-fv-flex-text {
    align-items: flex-start;
  }
}

.kuzen-fv-flex-text .text {
  color: #454f59;
  text-align: center;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .kuzen-fv-flex-text .text {
    text-align: left;
    font-size: 16px;
  }
}

.kuzen-fv-flex-img {
  position: relative;
  min-width: 300px;
  width: 100%;
  max-width: 520px;
  margin-top: 20px;
  text-align: center;
}

.kuzen-fv-flex-img-sp {
  position: absolute;
  right: 0;
  bottom: -15px;
  width: 91px;
}

.kuzen-corp {
  margin: 30px auto 0;
}

@media screen and (min-width: 768px) {
  .kuzen-corp {
    margin: 60px auto 0;
  }
}

.kuzen-sec01 {
  background: #31b1ad;
  padding: 30px 15px;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .kuzen-sec01 {
    padding: 30px 15px 70px;
  }
}

.kuzen-sec01:after {
  content: "";
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #31b1ad;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 40px;
  width: 70px;
  transform: translate(-50%, calc(100% - 1px));
}

.kuzen-sec01-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .kuzen-sec01-title {
    font-size: 32px;
  }
}

.kuzen-sec01-flex {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.kuzen-sec01-flex-col {
  background: #fff;
  border-radius: 10px;
  color: #000;
  text-align: center;
  width: calc((100% - 15px) / 2);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec01-flex-col {
    width: calc((100% - 45px) / 4);
    font-size: 16px;
    padding: 10px;
  }
}

.kuzen-sec02 {
  padding: 50px 15px;
  background: #f8f8f8;
  padding-bottom: 70px;
  position: relative;
}

.kuzen-sec02::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 20px;
  background: #31b1ad;
  left: 50%;
  bottom: 20px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  transform: translate(-50%, 0);
}

.kuzen-sec02-title {
  font-size: 30px;
  color: #000;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .kuzen-sec02-title {
    font-size: 36px;
  }
}

.kuzen-sec02-spframe {
  margin-top: 30px;
  padding-bottom: 30px;
  border-left: 10px solid #31b1ad;
  border-bottom: 10px solid #31b1ad;
  position: relative;
}

.kuzen-sec02-spframe:before {
  content: "";
  display: block;
  width: calc(50% - 5px);
  position: absolute;
  height: 10px;
  right: 0;
  bottom: -10px;
  background: #f8f8f8;
}

.kuzen-sec02-spframe:after {
  content: "";
  display: block;
  width: 10px;
  position: absolute;
  height: 40px;
  left: 50%;
  bottom: -10px;
  background: #31b1ad;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-spframe {
    padding: 0;
    border: none;
  }
  .kuzen-sec02-spframe:before, .kuzen-sec02-spframe:after {
    display: none;
  }
}

.kuzen-sec02-text {
  font-size: 14px;
  color: #333;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .kuzen-sec02-text {
    font-size: 16px;
  }
}

.kuzen-sec02-text .green {
  color: #48b7a8;
  font-weight: 700;
}

.kuzen-sec02-block01 {
  padding-left: 20px;
}

.kuzen-sec02-block01.col01 {
  position: relative;
  background: url("../../img/kuzen/sec02-arrow-side.png") no-repeat center left;
}

.kuzen-sec02-block01.col01:before {
  content: "";
  display: block;
  width: 10px;
  position: absolute;
  height: calc(50% - 5px);
  left: -10px;
  top: 0;
  background: #f8f8f8;
}

.kuzen-sec02-block01.col03 {
  position: relative;
  background: url("../../img/kuzen/sec02-arrow-side.png") no-repeat center left;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01 {
    padding: 0;
  }
  .kuzen-sec02-block01.col01 {
    width: 17%;
    background: none;
  }
  .kuzen-sec02-block01.col02 {
    width: 18%;
  }
  .kuzen-sec02-block01.col03 {
    width: 16%;
    background: none;
  }
  .kuzen-sec02-block01.col04 {
    width: 15%;
  }
}

.kuzen-sec02-block01-col {
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #000;
  height: calc(100% - 70px);
}

.kuzen-sec02-block01-col .greentitle {
  background: #31b1ad;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01-col .greentitle {
    font-size: 14px;
  }
}

.kuzen-sec02-block01-col .greentitle.white {
  background: none;
  color: #000;
}

.kuzen-sec02-block01-col .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  row-gap: 15px;
  margin-top: 30px;
}

.kuzen-sec02-block01-col .flex.border-top {
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
}

@media screen and (max-width: 959px) {
  .kuzen-sec02-block01-col .flex.border-top {
    align-items: center;
    gap: 3px;
  }
  .kuzen-sec02-block01-col .flex.border-top .col {
    width: calc((100% - 6px) / 3);
  }
}

.kuzen-sec02-block01-col .flex.flex-row {
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 959px) {
  .kuzen-sec02-block01-col .flex.flex-row .col {
    align-items: center;
  }
  .kuzen-sec02-block01-col .flex.flex-row .col:nth-child(1) {
    width: 25%;
  }
  .kuzen-sec02-block01-col .flex.flex-row .col:nth-child(2) {
    width: 25%;
  }
  .kuzen-sec02-block01-col .flex.flex-row .col:nth-child(3) {
    width: 10%;
  }
  .kuzen-sec02-block01-col .flex.flex-row .col:nth-child(4) {
    width: 35%;
  }
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01-col .flex.flex-row {
    flex-direction: column;
  }
}

.kuzen-sec02-block01-col .flex .col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  width: calc((100% - (3px * 5)) / 6);
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01-col .flex .col {
    width: calc((100% - 3px) / 2);
  }
}

.kuzen-sec02-block01-col .flex .col .icon {
  height: 36px;
  display: flex;
  align-items: center;
  width: 36px;
}

.kuzen-sec02-block01-col .flex .col .img01 {
  width: 80%;
}

.kuzen-sec02-block01-col .flex .col .img02 {
  width: 60%;
}

.kuzen-sec02-block01-col .flex .col .text {
  font-size: 10px;
}

.kuzen-sec02-block01-col .flex .col .w100 {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01-col .flex .col.pc100 {
    width: 100%;
  }
}

.kuzen-sec02-block01-col .flex .col-rev {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01-col .flex .col-rev {
    flex-direction: column;
  }
}

.kuzen-sec02-block01-col .flex .w100 {
  width: 100%;
  text-align: center;
}

.kuzen-sec02-block01 .arrow-top {
  display: none;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01 .arrow-top {
    display: flex;
    justify-content: center;
  }
  .kuzen-sec02-block01 .arrow-top img {
    transform: rotate(-180deg);
    height: 70px;
    padding-bottom: 10px;
  }
}

.kuzen-sec02-block01 .arrow-bottom {
  display: flex;
  justify-content: center;
}

.kuzen-sec02-block01 .arrow-bottom img {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 70px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01 .arrow-bottom {
    display: flex;
    justify-content: center;
  }
  .kuzen-sec02-block01 .arrow-bottom img {
    padding-top: 0;
    padding-bottom: 10px;
    height: 70px;
  }
}

.kuzen-sec02-block02 {
  width: calc(100% - 20px);
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 15px;
  border-radius: 5px;
  color: #000;
  margin-left: 20px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block02 {
    margin: 0;
  }
}

.kuzen-sec02-block02-flex {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block02-flex {
    flex-direction: row;
  }
}

.kuzen-sec02-block02-flex .greentitle {
  background: #31b1ad;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kuzen-sec02-block02-flex .flex {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block02-flex .flex {
    width: 40%;
  }
}

.kuzen-sec02-block02-flex .img {
  text-align: center;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block02-flex .img {
    width: 25%;
  }
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block02-flex .support {
    width: 30%;
  }
}

.kuzen-sec02-block01flex {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-block01flex {
    flex-direction: row;
    padding: 0;
  }
}

.kuzen-sec02-arrow {
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  min-width: 100px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow {
    flex-direction: column;
  }
}

.kuzen-sec02-arrow .flex {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow .flex {
    flex-direction: column;
  }
}

.kuzen-sec02-arrow .col {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow .col {
    font-size: 11px;
  }
}

.kuzen-sec02-arrow .arrow {
  text-align: center;
}

.kuzen-sec02-arrow .arrow img {
  transform: rotate(90deg);
  max-width: 40px;
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow .arrow img {
    transform: rotate(0);
    width: 100%;
    max-width: 70px;
  }
}

.kuzen-sec02-arrow .arrow.top img {
  transform: rotate(75deg);
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow .arrow.top img {
    transform: rotate(-15deg);
  }
}

.kuzen-sec02-arrow .arrow.bottom img {
  transform: rotate(-75deg);
}

@media screen and (min-width: 960px) {
  .kuzen-sec02-arrow .arrow.bottom img {
    transform: rotate(15deg);
  }
}

.kuzen-sec03 {
  padding: 50px 15px;
  background: #f8f8f8;
}

.kuzen-sec03-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.kuzen-sec03-list-col {
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 15px;
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03-list-col {
    padding: 30px;
  }
}

.kuzen-sec03 .flex-row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .flex-row {
    flex-direction: row;
  }
}

.kuzen-sec03 .flex-row-fix {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .flex-row-fix {
    justify-content: space-between;
  }
}

.kuzen-sec03 .flex-row-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .flex-row-icon {
    justify-content: space-between;
  }
}

.kuzen-sec03 .flex-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kuzen-sec03 .title {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.kuzen-sec03 .title-num {
  background: #e4f2ef;
  color: #31b1ad;
  font-weight: 700;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 16px;
  position: relative;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .title-num {
    width: 35px;
    height: 35px;
    font-size: 19px;
  }
}

.kuzen-sec03 .title-text {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .title-text {
    font-weight: 700;
    font-size: 24px;
  }
}

.kuzen-sec03 .normaltext {
  color: #727171;
  font-size: 10px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .normaltext {
    font-size: 16px;
  }
}

.kuzen-sec03 .bigtext {
  color: #000;
  font-size: 14px;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .bigtext {
    font-size: 21px;
  }
}

.kuzen-sec03 .mw350 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .mw350 {
    min-width: 350px;
  }
}

.kuzen-sec03 .col50 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .col50 {
    width: 48%;
  }
}

.kuzen-sec03 .col50-fix {
  width: 48%;
}

.kuzen-sec03 .col30 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .col30 {
    width: 30%;
  }
}

.kuzen-sec03 .img {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.kuzen-sec03 .usecase {
  background: #e4f2ef;
  color: #31b1ad;
  text-align: center;
  display: inline-block;
  padding: 2px 15px;
  border-radius: 15px;
  font-weight: 500;
}

.kuzen-sec03 .usecase-text {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 1040px) {
  .kuzen-sec03 .usecase-text {
    font-weight: 700;
    font-size: 24px;
  }
}

.kuzen-sec03 .iconheight {
  height: 40px;
}

.kuzen-sec03 .imgheight {
  width: auto;
  max-height: 300px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .imgheight {
    height: 300px;
  }
}

.kuzen-sec03 .greentitle {
  background: #31b1ad;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: center;
}

.kuzen-sec03 .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kuzen-sec03 .icon img {
  max-height: 32px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec03 .icon img {
    max-width: 45px;
  }
}

.kuzen-sec03 .icon p {
  color: #000;
  font-size: 10px;
}

.kuzen-sec04 {
  background: #57718a;
  padding: 50px 15px;
}

@media screen and (min-width: 768px) {
  .kuzen-sec04 {
    padding: 70px 15px;
  }
}

.kuzen-sec04-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}

@media screen and (min-width: 768) {
  .kuzen-sec04-title {
    font-size: 32px;
  }
}

.l-header__logo-description.is--kuzen {
  color: #333;
}

.l-header__logo-icon--red.is--kuzen {
  opacity: 1;
}

.l-header__nav-list.is--kuzen {
  justify-content: flex-end;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #333;
  transition: color 0.3s;
}

.line-kuzen {
  border-top: 1px solid #333;
}

@media screen and (min-width: 768px) {
  .line-kuzen {
    padding-top: 5px;
  }
}

.is--kuzen .l-footer__link > a,
.is--kuzen .l-footer__link-privacy a {
  color: #fff;
}

.is--kuzen.l-header__burger span {
  background-color: #333;
}

.is--kuzen.l-header__burger.is--open span {
  background-color: #fff;
}

.is--kuzen.is--open .l-header__menu-accordion p,
.is--kuzen.js-faq-icon {
  color: #fff;
}

.l-footer {
  background: transparent;
}

.l-footer__inner.is--kuzen {
  background: #45525d;
}

.is--kuzen .l-footer__link-drawer a {
  background-image: linear-gradient(90deg, #31b1ad 50%, #fff 50%);
}
/*# sourceMappingURL=add.css.map */