@charset "UTF-8";
/* 調整 */
#header {
  margin-bottom: 0;
}

div.wrapper_ {
  max-width: 100%;
  padding: 0;
}

/* 共通 */
.newuser {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(16px, 16 * 0.0833333333vw);
  line-height: 1.6875;
  color: #4A545E;
  background: url("/img/freepage/newuser/bg_pc.png") #F1F9FE no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  .newuser {
    font-size: min(14px, 14 * 0.2325581395vw);
    background-image: url("/img/freepage/newuser/bg_sp.png");
  }
}
.newuser img {
  width: 100%;
  vertical-align: bottom;
}
.newuser a:link {
  color: unset;
}
.newuser button {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .newuser .for-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .newuser .for-sp {
    display: none;
  }
}
.newuser-inner {
  max-width: 1240px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .newuser-inner {
    width: 93.023255814vw;
  }
}
.newuser-maincolor01 {
  color: #E5258C;
}
.newuser-maincolor02 {
  color: #005EBE;
}
.newuser-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(50px, 50 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-btn {
  position: relative;
  height: min(90px, 90 * 0.0833333333vw);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
  font-size: min(30px, 30 * 0.0833333333vw);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 3px 6px rgba(74, 84, 94, 0.29);
          box-shadow: 0 3px 6px rgba(74, 84, 94, 0.29);
}
@media screen and (max-width: 767px) {
  .newuser-btn {
    height: min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-btn:before, .newuser-btn:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  aspect-ratio: 1/1;
}
.newuser-btn:before {
  width: min(22px, 22 * 0.0833333333vw);
  border-radius: 50%;
  right: min(20px, 20 * 0.0833333333vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .newuser-btn:before {
    width: min(18px, 18 * 0.2325581395vw);
    right: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-btn:after {
  width: min(6px, 6 * 0.0833333333vw);
  right: min(28px, 28 * 0.0833333333vw);
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .newuser-btn:after {
    width: min(5px, 5 * 0.2325581395vw);
    right: min(27px, 27 * 0.2325581395vw);
    border-width: 1px !important;
  }
}
.newuser-btn:hover {
  opacity: 1;
  text-decoration: none;
}
.newuser-btn--register {
  max-width: min(550px, 550 * 0.0833333333vw);
  background: #FFC400;
  color: #252A2E !important;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .newuser-btn--register {
    max-width: none;
    font-size: min(17px, 17 * 0.2325581395vw);
  }
}
.newuser-btn--register span {
  font-size: min(38px, 38 * 0.0833333333vw);
  -webkit-transform: translateY(-0.08em);
          transform: translateY(-0.08em);
}
@media screen and (max-width: 767px) {
  .newuser-btn--register span {
    font-size: min(22px, 22 * 0.2325581395vw);
  }
}
.newuser-btn--register:before {
  background: #FFF;
}
.newuser-btn--register:after {
  border-top: 2px solid #252A2E;
  border-right: 2px solid #252A2E;
}
.newuser-btn--register:hover {
  background: #FFD037;
}
.newuser-btn--contact {
  max-width: min(400px, 400 * 0.0833333333vw);
  background: #FFF;
  color: #005EBE !important;
  font-weight: 500;
  border: 1px solid #005EBE;
}
@media screen and (max-width: 767px) {
  .newuser-btn--contact {
    max-width: none;
    font-size: min(22px, 22 * 0.2325581395vw);
  }
}
.newuser-btn--contact:before {
  background: #005EBE;
}
.newuser-btn--contact:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
.newuser-btn--contact:hover {
  background: #DEEFF9;
}
.newuser-box {
  position: relative;
  padding: min(60px, 60 * 0.0833333333vw);
  background: #FFF;
  border-radius: min(20px, 20 * 0.0833333333vw);
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .newuser-box {
    padding: min(50px, 50 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw) min(30px, 30 * 0.2325581395vw);
    border-radius: min(20px, 20 * 0.2325581395vw);
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
  }
}
.newuser-box:before {
  position: absolute;
  display: block;
  content: "";
  width: min(180px, 180 * 0.0833333333vw);
  height: min(150px, 150 * 0.0833333333vw);
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center 35%;
  background-size: min(76px, 76 * 0.0833333333vw) auto;
  border-radius: 50%;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .newuser-box:before {
    width: min(180px, 180 * 0.2325581395vw);
    height: min(124px, 124 * 0.2325581395vw);
    background-size: min(72px, 72 * 0.2325581395vw) auto;
  }
}
.newuser-box--solution:before {
  background-image: url("/img/freepage/newuser/icon_character02.png");
}
.newuser-box--use:before {
  background-image: url("/img/freepage/newuser/icon_character03.png");
}
.newuser-box--register:before {
  background-image: url("/img/freepage/newuser/icon_character04.png");
}
.newuser-section {
  padding-block: min(80px, 80 * 0.0833333333vw) min(100px, 100 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-section {
    padding-block: min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-section__ttl {
  margin-bottom: min(30px, 30 * 0.0833333333vw);
  font-size: min(14px, 14 * 0.0833333333vw);
  font-weight: 500;
  color: #589CE1;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .newuser-section__ttl {
    margin-bottom: min(25px, 25 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-section__ttl-main {
  display: block;
  font-weight: 700;
  font-size: min(40px, 40 * 0.0833333333vw);
  color: #005EBE;
}
@media screen and (max-width: 767px) {
  .newuser-section__ttl-main {
    font-size: min(30px, 30 * 0.2325581395vw);
  }
}
.newuser-section__ttl-main span {
  font-size: min(60px, 60 * 0.0833333333vw);
  color: #E5258C;
}
@media screen and (max-width: 767px) {
  .newuser-section__ttl-main span {
    font-size: min(46px, 46 * 0.2325581395vw);
  }
}
.newuser-section__ttl-fukidashi {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: min(10px, 10 * 0.0833333333vw);
  color: #FFF;
  background: #005EBE;
  padding: min(4px, 4 * 0.0833333333vw) min(26px, 26 * 0.0833333333vw);
  border-radius: min(16px, 16 * 0.0833333333vw);
  font-weight: 500;
  font-size: min(18px, 18 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-section__ttl-fukidashi {
    margin-bottom: min(10px, 10 * 0.2325581395vw);
    padding: min(4px, 4 * 0.2325581395vw) min(20px, 20 * 0.2325581395vw);
    border-radius: min(16px, 16 * 0.2325581395vw);
    font-size: min(15px, 15 * 0.2325581395vw);
  }
}
.newuser-section__ttl-fukidashi:after {
  position: absolute;
  display: block;
  content: "";
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(10px, 10 * 0.0833333333vw) min(12px, 12 * 0.0833333333vw) 0 min(12px, 12 * 0.0833333333vw);
  border-color: #005EBE transparent transparent transparent;
}
@media screen and (max-width: 767px) {
  .newuser-section__ttl-fukidashi:after {
    border-width: min(8px, 8 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) 0 min(10px, 10 * 0.2325581395vw);
  }
}

/* MV */
.newuser-mv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: min(90px, 90 * 0.0833333333vw);
  padding: min(90px, 90 * 0.0833333333vw) min(60px, 60 * 0.0833333333vw) min(55px, 55 * 0.0833333333vw);
  background: url("/img/freepage/newuser/img_mv_pc.png") no-repeat right min(20px, 20 * 0.0833333333vw) bottom/min(548px, 548 * 0.0833333333vw) auto;
}
@media screen and (max-width: 767px) {
  .newuser-mv {
    display: block;
    margin-bottom: min(80px, 80 * 0.2325581395vw);
    padding: min(40px, 40 * 0.2325581395vw) 0 min(230px, 230 * 0.2325581395vw);
    background: url("/img/freepage/newuser/img_mv_sp.png") no-repeat center bottom/min(400px, 400 * 0.2325581395vw) auto;
  }
}
.newuser-mv__desc {
  width: min(600px, 600 * 0.0833333333vw);
  padding-top: min(20px, 20 * 0.0833333333vw);
  line-height: 2;
  font-size: min(18px, 18 * 0.0833333333vw);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .newuser-mv__desc {
    width: 100%;
    margin-bottom: min(20px, 20 * 0.2325581395vw);
    padding: 0 0 0 min(15px, 15 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-mv__headline {
  margin-bottom: min(30px, 30 * 0.0833333333vw);
  font-size: min(30px, 30 * 0.0833333333vw);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline {
    margin-bottom: min(20px, 20 * 0.2325581395vw);
    font-size: min(22px, 22 * 0.2325581395vw);
  }
}
.newuser-mv__headline span {
  display: inline-block;
}
.newuser-mv__headline-fz01 {
  font-size: min(40px, 40 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline-fz01 {
    font-size: min(29px, 29 * 0.2325581395vw);
  }
}
.newuser-mv__headline-fz02 {
  font-size: min(50px, 50 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline-fz02 {
    font-size: min(36px, 36 * 0.2325581395vw);
  }
}
.newuser-mv__headline-fz03 {
  font-size: min(60px, 60 * 0.0833333333vw);
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  margin-left: -0.4em;
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline-fz03 {
    font-size: min(44px, 44 * 0.2325581395vw);
  }
}
.newuser-mv__headline-emphasis {
  position: relative;
}
.newuser-mv__headline-emphasis::before {
  content: "・・";
  position: absolute;
  top: -0.8em;
  left: 0;
  font-weight: 400;
  font-size: 1em;
  width: 2em;
}
.newuser-mv__headline-main {
  position: relative;
  background-image: repeating-linear-gradient(90deg, #2165aa, #2165aa 2px, transparent 2px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  line-height: 1.4;
}
.newuser-mv__headline-main::after {
  position: absolute;
  display: block;
  content: "";
  width: min(76px, 76 * 0.0833333333vw);
  aspect-ratio: 156/158;
  background: url("/img/freepage/newuser/icon_character01.png") no-repeat center/contain;
  bottom: -10px;
  left: 110%;
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline-main::after {
    width: min(58px, 58 * 0.2325581395vw);
    left: 102%;
  }
}
.newuser-mv__headline-logo {
  width: min(298px, 298 * 0.0833333333vw);
  margin-right: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__headline-logo {
    width: min(222px, 222 * 0.2325581395vw);
    margin-right: min(16px, 16 * 0.2325581395vw);
    -webkit-transform: translateY(min(-3px, -3 * 0.2325581395vw));
            transform: translateY(min(-3px, -3 * 0.2325581395vw));
  }
}
.newuser-mv__btns {
  margin-top: min(55px, 55 * 0.0833333333vw);
  gap: min(15px, 15 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns {
    margin-top: min(20px, 20 * 0.2325581395vw);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: min(10px, 10 * 0.2325581395vw);
  }
}
.newuser-mv__btns .newuser-btn {
  height: min(60px, 60 * 0.0833333333vw);
  font-size: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn {
    height: min(45px, 45 * 0.2325581395vw);
    font-size: min(14px, 14 * 0.2325581395vw);
    padding-right: min(10px, 10 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn:before {
    width: min(14px, 14 * 0.2325581395vw);
    right: min(15px, 15 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn:after {
    width: min(4px, 4 * 0.2325581395vw);
    right: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-mv__btns .newuser-btn--register {
  max-width: min(350px, 350 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn--register {
    max-width: min(222px, 222 * 0.2325581395vw);
  }
}
.newuser-mv__btns .newuser-btn--register span {
  font-size: min(24px, 24 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn--register span {
    font-size: min(17px, 17 * 0.2325581395vw);
  }
}
.newuser-mv__btns .newuser-btn--contact {
  max-width: min(230px, 230 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-mv__btns .newuser-btn--contact {
    max-width: min(153px, 153 * 0.2325581395vw);
  }
}
.newuser-mv__appeal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(12px, 12 * 0.0833333333vw);
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}
@media screen and (max-width: 767px) {
  .newuser-mv__appeal {
    padding-left: min(15px, 15 * 0.2325581395vw);
    -webkit-transform: translate(0);
            transform: translate(0);
    gap: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-mv__appeal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(140px, 140 * 0.0833333333vw);
  aspect-ratio: 1/1;
  border-radius: 50%;
  color: #FFF;
  font-size: min(20px, 20 * 0.0833333333vw);
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .newuser-mv__appeal-item {
    width: min(96px, 96 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-mv__appeal-item--maincolor01 {
  background: linear-gradient(135deg, rgb(245, 77, 167) 0%, rgb(229, 37, 140) 100%);
}
.newuser-mv__appeal-item--maincolor02 {
  background: linear-gradient(135deg, rgb(31, 120, 210) 0%, rgb(0, 94, 190) 100%);
}

/* こんなお悩みbizconcieで解決できます */
.newuser-solution {
  padding-bottom: min(200px, 200 * 0.0833333333vw);
  background: url("/img/freepage/newuser/bg_solution_pc.png") no-repeat center bottom/100% auto;
}
@media screen and (max-width: 767px) {
  .newuser-solution {
    padding-bottom: min(100px, 100 * 0.2325581395vw);
    background-image: url("/img/freepage/newuser/bg_solution_sp.png");
  }
}
.newuser-solution__lead {
  margin-bottom: min(20px, 20 * 0.0833333333vw);
  font-size: min(30px, 30 * 0.0833333333vw);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .newuser-solution__lead {
    margin-bottom: min(15px, 15 * 0.2325581395vw);
    font-size: min(23px, 23 * 0.2325581395vw);
  }
}
.newuser-solution__lead-marker {
  background-image: repeating-linear-gradient(90deg, #2165aa, #2165aa 2px, transparent 2px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 2px;
}
.newuser-solution__lead-emphasis {
  position: relative;
}
.newuser-solution__lead-emphasis::before {
  content: "・・・";
  position: absolute;
  top: -0.8em;
  left: 0;
  font-weight: 400;
  font-size: 1em;
  width: 2em;
}
.newuser-solution__lead-fz01 {
  font-size: min(40px, 40 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__lead-fz01 {
    font-size: min(28px, 28 * 0.2325581395vw);
  }
}
.newuser-solution__lead-fz02 {
  font-size: min(48px, 48 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__lead-fz02 {
    font-size: min(33px, 33 * 0.2325581395vw);
  }
}
.newuser-solution__lead-fz03 {
  font-size: min(40px, 40 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__lead-fz03 {
    font-size: min(27px, 27 * 0.2325581395vw);
  }
}
.newuser-solution__notes {
  margin-bottom: min(20px, 20 * 0.0833333333vw);
  text-align: right;
}
@media screen and (max-width: 767px) {
  .newuser-solution__notes {
    margin-bottom: min(10px, 10 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-solution__card {
  margin-bottom: min(30px, 30 * 0.0833333333vw);
  background: #DCE8EC;
  border-radius: min(8px, 8 * 0.0833333333vw);
  padding: 1px;
}
@media screen and (max-width: 767px) {
  .newuser-solution__card {
    margin-bottom: min(10px, 10 * 0.2325581395vw);
    border-radius: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-solution__card:last-child {
  margin-bottom: 0;
}
.newuser-solution__card-header {
  padding: min(20px, 20 * 0.0833333333vw) min(30px, 30 * 0.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(20px, 20 * 0.0833333333vw);
  font-weight: 700;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: min(8px, 8 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw);
    padding: min(15px, 15 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw);
  }
}
.newuser-solution__card-header:before {
  content: "";
  background: url("/img/freepage/newuser/img_solution01.png") no-repeat center/contain;
  width: min(66px, 66 * 0.0833333333vw);
  aspect-ratio: 1/1;
}
.newuser-solution__card:nth-child(even) .newuser-solution__card-header:before {
  background-image: url("/img/freepage/newuser/img_solution02.png");
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-header:before {
    width: min(50px, 50 * 0.2325581395vw);
  }
}
.newuser-solution__card-header p {
  font-size: min(19px, 19 * 0.0833333333vw);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-header p {
    width: calc(100% - min(60px, 60 * 0.2325581395vw));
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    font-size: min(16px, 16 * 0.2325581395vw);
  }
}
.newuser-solution__card-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(10px, 10 * 0.0833333333vw);
  padding: min(6px, 6 * 0.0833333333vw) min(6px, 6 * 0.0833333333vw) min(6px, 6 * 0.0833333333vw) min(25px, 25 * 0.0833333333vw);
  border-radius: min(22px, 22 * 0.0833333333vw);
  background: #E5258C;
  font-size: min(16px, 16 * 0.0833333333vw);
  font-weight: 700;
  color: #FFF;
  border: none;
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btn {
    border-radius: min(22px, 22 * 0.2325581395vw);
    gap: min(5px, 5 * 0.2325581395vw);
    margin-left: auto;
    padding: min(4px, 4 * 0.2325581395vw) min(4px, 4 * 0.2325581395vw) min(4px, 4 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-solution__card-btn span {
  position: relative;
  width: min(30px, 30 * 0.0833333333vw);
  aspect-ratio: 1/1;
  background: #FFF;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btn span {
    width: min(23px, 23 * 0.2325581395vw);
  }
}
.newuser-solution__card-btn span:before, .newuser-solution__card-btn span:after {
  position: absolute;
  display: block;
  content: "";
  width: min(16px, 16 * 0.0833333333vw);
  height: min(2px, 2 * 0.0833333333vw);
  background: #E5258C;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btn span:before, .newuser-solution__card-btn span:after {
    width: min(11px, 11 * 0.2325581395vw);
    height: min(2px, 2 * 0.2325581395vw);
  }
}
.newuser-solution__card-btn span:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.is-open .newuser-solution__card-btn span:after {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.newuser-solution__card-body {
  display: none;
  background: #FFF;
  border-radius: min(8px, 8 * 0.0833333333vw);
  padding: min(20px, 20 * 0.0833333333vw);
  margin: 0 min(20px, 20 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-body {
    margin: 0 min(10px, 10 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw);
    border-radius: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-solution__card-notes {
  margin-top: min(10px, 10 * 0.0833333333vw);
  font-size: min(14px, 14 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-notes {
    margin-top: min(5px, 5 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-solution__card-notes li {
  text-indent: -1em;
  padding-left: 1em;
}
.newuser-solution__card-btns {
  margin-block: min(20px, 20 * 0.0833333333vw);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-block: min(15px, 15 * 0.2325581395vw);
    gap: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-solution__card-btns .newuser-btn {
  height: min(54px, 54 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btns .newuser-btn {
    height: min(46px, 46 * 0.2325581395vw);
  }
}
.newuser-solution__card-btns .newuser-btn--register {
  max-width: min(370px, 370 * 0.0833333333vw);
  font-size: min(17px, 17 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btns .newuser-btn--register {
    max-width: 100%;
    font-size: min(14px, 14 * 0.2325581395vw);
  }
}
.newuser-solution__card-btns .newuser-btn--register span {
  font-size: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btns .newuser-btn--register span {
    font-size: min(16px, 16 * 0.2325581395vw);
  }
}
.newuser-solution__card-btns .newuser-btn--contact {
  max-width: min(210px, 210 * 0.0833333333vw);
  font-size: min(18px, 18 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-solution__card-btns .newuser-btn--contact {
    max-width: 100%;
    font-size: min(14px, 14 * 0.2325581395vw);
  }
}

/* bizconcieとは? */
.newuser-about {
  background: url("/img/freepage/newuser/bg_about_pc.png") #F0F0FD no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .newuser-about {
    background-image: url("/img/freepage/newuser/bg_about_sp.png");
  }
}
.newuser-about__contents {
  padding: min(60px, 60 * 0.0833333333vw);
  background: #FFF;
  border-radius: min(20px, 20 * 0.0833333333vw);
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
}
@media screen and (max-width: 767px) {
  .newuser-about__contents {
    padding: min(30px, 30 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw);
    border-radius: min(20px, 20 * 0.2325581395vw);
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
  }
}
.newuser-about__text {
  font-size: min(18px, 18 * 0.0833333333vw);
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .newuser-about__text {
    font-size: min(16px, 16 * 0.2325581395vw);
  }
}
.newuser-about__notes {
  margin-block: min(35px, 35 * 0.0833333333vw);
  font-size: min(14px, 14 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-about__notes {
    margin-block: min(20px, 20 * 0.2325581395vw);
    font-size: min(14px, 14 * 0.2325581395vw);
  }
}
.newuser-about__notes li {
  text-indent: -1em;
  padding-left: 1em;
}

/* 選ばれる6つの理由 */
.newuser-reasons__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(38px, 38 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list {
    gap: min(14px, 14 * 0.2325581395vw);
  }
}
.newuser-reasons__list li {
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: calc((100% - min(76px, 76 * 0.0833333333vw)) / 3);
  position: relative;
  padding: min(32px, 32 * 0.0833333333vw);
  background: #FFF;
  border-radius: min(16px, 16 * 0.0833333333vw);
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list li {
    width: calc((100% - min(14px, 14 * 0.2325581395vw)) / 2);
    padding: min(20px, 20 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw);
    border-radius: min(16px, 16 * 0.2325581395vw);
    grid-template-rows: auto auto 1fr;
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
  }
}
.newuser-reasons__list-num {
  position: absolute;
  font-weight: 700;
  font-size: min(74px, 74 * 0.0833333333vw);
  color: rgba(88, 156, 225, 0.13);
  top: 0;
  left: min(40px, 40 * 0.0833333333vw);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list-num {
    font-size: min(52px, 52 * 0.2325581395vw);
    left: min(10px, 10 * 0.2325581395vw);
  }
}
.newuser-reasons__list-lead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list-lead {
    padding-left: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-reasons__list-lead span {
  display: inline-block;
  padding-bottom: min(5px, 5 * 0.0833333333vw);
  font-size: min(22px, 22 * 0.0833333333vw);
  font-weight: 700;
  color: #005EBE;
  background-image: repeating-linear-gradient(90deg, #589ce1, #589ce1 2px, transparent 2px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 2px;
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list-lead span {
    padding-bottom: min(5px, 5 * 0.2325581395vw);
    font-size: min(18px, 18 * 0.2325581395vw);
  }
}
.newuser-reasons__list-img {
  width: 70%;
  margin: min(15px, 15 * 0.0833333333vw) auto;
}
@media screen and (max-width: 767px) {
  .newuser-reasons__list-img {
    margin-block: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-reasons__list p span {
  font-weight: 600;
}

/* お客様のお声 */
.newuser-voice {
  background: #DEEFF9;
}
.newuser-voice__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(60px, 60 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-voice__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(30px, 30 * 0.2325581395vw);
  }
}
.newuser-voice__item {
  width: calc(50% - min(30px, 30 * 0.0833333333vw));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(34px, 34 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-voice__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: min(24px, 24 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-voice__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.newuser-voice__img {
  width: min(120px, 120 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-voice__img {
    width: min(80px, 80 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-voice__item:nth-child(even) .newuser-voice__img {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.newuser-voice__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: min(25px, 25 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw);
  border-radius: min(20px, 20 * 0.0833333333vw);
  background: #FFF;
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
  font-size: min(18px, 18 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-voice__text {
    display: block;
    padding: min(15px, 15 * 0.2325581395vw);
    border-radius: min(20px, 20 * 0.2325581395vw);
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
    font-size: min(16px, 16 * 0.2325581395vw);
  }
}
.newuser-voice__text span {
  font-weight: 700;
}
.newuser-voice__text:before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: calc(100% - 1px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(15px, 15 * 0.0833333333vw) min(26px, 26 * 0.0833333333vw) min(15px, 15 * 0.0833333333vw) 0;
  border-color: transparent #FFF transparent transparent;
}
@media screen and (max-width: 767px) {
  .newuser-voice__text:before {
    border-width: min(12px, 12 * 0.2325581395vw) min(20px, 20 * 0.2325581395vw) min(12px, 12 * 0.2325581395vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .newuser-voice__item:nth-child(even) .newuser-voice__text:before {
    right: auto;
    left: calc(100% - 1px);
    border-width: min(12px, 12 * 0.2325581395vw) 0 min(12px, 12 * 0.2325581395vw) min(20px, 20 * 0.2325581395vw);
    border-color: transparent transparent transparent #FFF;
  }
}

/* 2025年度リニューアルで、さらに使いやすく */
.newuser-use {
  margin-block: min(150px, 150 * 0.0833333333vw) min(100px, 100 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-use {
    margin-block: min(115px, 115 * 0.2325581395vw) min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-use__lead {
  margin-bottom: min(30px, 30 * 0.0833333333vw);
  font-size: min(22px, 22 * 0.0833333333vw);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .newuser-use__lead {
    margin-bottom: min(20px, 20 * 0.2325581395vw);
    font-size: min(18px, 18 * 0.2325581395vw);
  }
}
.newuser-use__lead-fz01 {
  font-size: min(40px, 40 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-use__lead-fz01 {
    font-size: min(30px, 30 * 0.2325581395vw);
  }
}
.newuser-use__contents {
  margin-bottom: min(40px, 40 * 0.0833333333vw);
  padding-inline: min(40px, 40 * 0.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .newuser-use__contents {
    margin-bottom: min(20px, 20 * 0.2325581395vw);
    padding-inline: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-use__item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newuser-use__item {
    width: calc(50% - min(10px, 10 * 0.2325581395vw));
  }
}
@media screen and (max-width: 767px) {
  .newuser-use__item--total {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767px) {
  .newuser-use__item--understand {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .newuser-use__item--use {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.newuser-use__graph {
  margin-bottom: min(20px, 20 * 0.0833333333vw);
  position: relative;
  width: min(230px, 230 * 0.0833333333vw);
  margin-inline: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .newuser-use__graph {
    margin-bottom: min(15px, 15 * 0.2325581395vw);
    width: min(165px, 165 * 0.2325581395vw);
  }
}
.newuser-use__item--total .newuser-use__graph {
  background: conic-gradient(#9BD9FF 0deg, #9BD9FF 315deg, #F1F9FE 315deg, #F1F9FE 360deg);
}
.newuser-use__item--understand .newuser-use__graph {
  background: conic-gradient(#9BD9FF 0deg, #9BD9FF 324.36deg, #F1F9FE 324.36deg, #F1F9FE 360deg);
}
.newuser-use__item--use .newuser-use__graph {
  background: conic-gradient(#9BD9FF 0deg, #9BD9FF 293.76deg, #F1F9FE 293.76deg, #F1F9FE 360deg);
}
.newuser-use__graph-num {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "";
  background: #FFF;
  width: min(170px, 170 * 0.0833333333vw);
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: min(40px, 40 * 0.0833333333vw);
  font-weight: 700;
  color: #005EBE;
}
@media screen and (max-width: 767px) {
  .newuser-use__graph-num {
    width: min(105px, 105 * 0.2325581395vw);
    font-size: min(28px, 28 * 0.2325581395vw);
  }
}
.newuser-use__graph-num span {
  font-size: min(30px, 30 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-use__graph-num span {
    font-size: min(21px, 21 * 0.2325581395vw);
  }
}
.newuser-use__text {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #FFF;
  background: #E5258C;
  padding: min(2px, 2 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw);
  border-radius: min(19px, 19 * 0.0833333333vw);
  font-weight: 700;
  font-size: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-use__text {
    padding: min(4px, 4 * 0.2325581395vw) min(12px, 12 * 0.2325581395vw);
    border-radius: min(19px, 19 * 0.2325581395vw);
    font-size: min(17px, 17 * 0.2325581395vw);
  }
}
.newuser-use__text:after {
  position: absolute;
  display: block;
  content: "";
  bottom: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 min(8px, 8 * 0.0833333333vw) min(12px, 12 * 0.0833333333vw) min(8px, 8 * 0.0833333333vw);
  border-color: transparent transparent #E5258C transparent;
}
@media screen and (max-width: 767px) {
  .newuser-use__text:after {
    border-width: 0 min(6px, 6 * 0.2325581395vw) min(8px, 8 * 0.2325581395vw) min(6px, 6 * 0.2325581395vw);
  }
}
.newuser-use__notes {
  text-align: right;
  font-size: min(14px, 14 * 0.0833333333vw);
  color: #707070;
}
@media screen and (max-width: 767px) {
  .newuser-use__notes {
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}

/* こんなに便利 */
.newuser-useful {
  background: #DEEFF9;
}
@media screen and (min-width: 768px) {
  .newuser-useful__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: min(38px, 38 * 0.0833333333vw);
  }
}
.newuser-useful__item {
  padding: min(32px, 32 * 0.0833333333vw);
  background: #FFF;
  border-radius: min(16px, 16 * 0.0833333333vw);
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
  text-align: center;
}
@media screen and (min-width: 768px) {
  .newuser-useful__item {
    height: auto;
    width: calc((100% - min(76px, 76 * 0.0833333333vw)) / 3);
  }
}
@media screen and (max-width: 767px) {
  .newuser-useful__item {
    padding: min(20px, 20 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw);
    border-radius: min(16px, 16 * 0.2325581395vw);
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
  }
}
.newuser-useful__lead {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: min(5px, 5 * 0.0833333333vw);
  font-size: min(22px, 22 * 0.0833333333vw);
  font-weight: 700;
  color: #005EBE;
  background-image: repeating-linear-gradient(90deg, #589ce1, #589ce1 2px, transparent 2px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 2px;
}
@media screen and (max-width: 767px) {
  .newuser-useful__lead {
    padding-bottom: min(5px, 5 * 0.2325581395vw);
    font-size: min(18px, 18 * 0.2325581395vw);
  }
}
@media screen and (min-width: 768px) {
  .newuser .swiper {
    overflow: visible;
  }
}
@media screen and (min-width: 768px) {
  .newuser .swiper-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .newuser .swiper-scrollbar {
    width: 100%;
    position: static;
    margin-top: min(28px, 28 * 0.2325581395vw);
    height: min(10px, 10 * 0.2325581395vw);
    background: #FFF;
    border-radius: min(7px, 7 * 0.2325581395vw);
  }
  .newuser .swiper-scrollbar .swiper-scrollbar-drag {
    background: #589CE1;
    border-radius: min(7px, 7 * 0.2325581395vw);
  }
}

/* 会員登録は無料取引実績がなくてもOK */
.newuser-register {
  background: #FCFEF1;
  padding-block: min(150px, 150 * 0.0833333333vw) min(100px, 100 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-register {
    padding-block: min(115px, 115 * 0.2325581395vw) min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-register__lead {
  margin-bottom: min(40px, 40 * 0.0833333333vw);
  font-size: min(30px, 30 * 0.0833333333vw);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .newuser-register__lead {
    margin-bottom: min(35px, 35 * 0.2325581395vw);
    font-size: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-register__lead-fz01 {
  font-size: min(38px, 38 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-register__lead-fz01 {
    font-size: min(26px, 26 * 0.2325581395vw);
  }
}
.newuser-register__lead-fz02 {
  font-size: min(40px, 40 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-register__lead-fz02 {
    font-size: min(30px, 30 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-register__lead-fz03 {
    font-size: min(26px, 26 * 0.2325581395vw);
  }
}
.newuser-register__flow {
  margin-bottom: min(60px, 60 * 0.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .newuser-register__flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: min(30px, 30 * 0.2325581395vw);
  }
}
.newuser-register__flow li {
  position: relative;
  height: min(150px, 150 * 0.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(20px, 20 * 0.0833333333vw);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: min(26px, 26 * 0.0833333333vw);
  font-weight: 700;
  color: #005EBE;
}
@media screen and (max-width: 767px) {
  .newuser-register__flow li {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: min(50px, 50 * 0.2325581395vw);
    padding-bottom: min(15px, 15 * 0.2325581395vw);
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    gap: min(20px, 20 * 0.2325581395vw);
    height: min(90px, 90 * 0.2325581395vw);
    font-size: min(22px, 22 * 0.2325581395vw);
  }
}
.newuser-register__flow li:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(70px, 70 * 0.0833333333vw);
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .newuser-register__flow li:before {
    width: min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-register__flow li:after {
  position: absolute;
  display: block;
  content: "";
  width: min(100px, 100 * 0.0833333333vw);
  height: 100%;
  clip-path: polygon(0 0, 60% 0, 100% 50%, 60% 100%, 0 100%, 40% 50%);
  top: 0;
  right: 0;
  -webkit-transform: translateX(60%);
          transform: translateX(60%);
}
@media screen and (max-width: 767px) {
  .newuser-register__flow li:after {
    width: 100%;
    height: min(20px, 20 * 0.2325581395vw);
    top: auto;
    bottom: 0;
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
    clip-path: polygon(0 0, 50% 90%, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 767px) {
  .newuser-register__flow li:last-child {
    height: min(80px, 80 * 0.2325581395vw);
    padding-bottom: 0;
  }
}
.newuser-register__flow li:last-child:after {
  display: none;
}
.newuser-register__flow-01 {
  background: #F1F9FE;
}
.newuser-register__flow-01:before {
  background-image: url("/img/freepage/newuser/icon_register01.png");
}
.newuser-register__flow-01:after {
  background: #C6E6FB;
}
.newuser-register__flow-02 {
  background: #C6E6FB;
}
.newuser-register__flow-02:before {
  background-image: url("/img/freepage/newuser/icon_register02.png");
}
.newuser-register__flow-02:after {
  background: #9BD9FF;
}
.newuser-register__flow-03 {
  background: #9BD9FF;
}
.newuser-register__flow-03:before {
  background-image: url("/img/freepage/newuser/icon_register03.png");
}

/* よくある質問 */
.newuser-faq__item {
  margin-bottom: min(30px, 30 * 0.0833333333vw);
  background: #FFF;
  border-radius: min(8px, 8 * 0.0833333333vw);
  padding: 1px;
  -webkit-filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
          filter: drop-shadow(0 min(3px, 3 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw) rgba(74, 84, 94, 0.29));
}
@media screen and (max-width: 767px) {
  .newuser-faq__item {
    border-radius: min(8px, 8 * 0.2325581395vw);
    -webkit-filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
            filter: drop-shadow(0 min(2px, 2 * 0.2325581395vw) min(10px, 10 * 0.2325581395vw) rgba(74, 84, 94, 0.29));
  }
}
.newuser-faq dt, .newuser-faq__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-faq dt, .newuser-faq__text {
    gap: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-faq dt span, .newuser-faq__text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(40px, 40 * 0.0833333333vw);
  aspect-ratio: 1/1;
  font-size: min(20px, 20 * 0.0833333333vw);
  font-weight: 700;
  border-radius: 50%;
  padding-left: min(2px, 2 * 0.0833333333vw);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .newuser-faq dt span, .newuser-faq__text span {
    width: min(32px, 32 * 0.2325581395vw);
    font-size: min(17px, 17 * 0.2325581395vw);
    padding-left: min(1px, 1 * 0.2325581395vw);
  }
}
.newuser-faq dt {
  position: relative;
  padding: min(20px, 20 * 0.0833333333vw) min(60px, 60 * 0.0833333333vw);
  font-size: min(18px, 18 * 0.0833333333vw);
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .newuser-faq dt {
    padding: min(15px, 15 * 0.2325581395vw);
    font-size: min(16px, 16 * 0.2325581395vw);
  }
}
.newuser-faq dt span {
  background: #E5258C;
  color: #FFF;
}
.newuser-faq dd {
  display: none;
  padding: 0 min(60px, 60 * 0.0833333333vw) min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-faq dd {
    padding: 0 min(15px, 15 * 0.2325581395vw) min(15px, 15 * 0.2325581395vw);
  }
}
.newuser-faq__text {
  padding: min(20px, 20 * 0.0833333333vw);
  border-radius: min(8px, 8 * 0.0833333333vw);
  background: #F7F8FA;
}
@media screen and (max-width: 767px) {
  .newuser-faq__text {
    padding: min(10px, 10 * 0.2325581395vw);
    border-radius: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-faq__text span {
  background: #FFC400;
  color: #252A2E;
}
.newuser-faq__list {
  margin-top: min(10px, 10 * 0.0833333333vw);
  font-size: min(14px, 14 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-faq__list {
    margin-top: min(10px, 10 * 0.2325581395vw);
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-faq__list li {
  text-indent: -1em;
  padding-left: 1em;
}
.newuser-faq__btn {
  position: absolute;
  top: min(22px, 22 * 0.0833333333vw);
  right: min(60px, 60 * 0.0833333333vw);
  width: min(36px, 36 * 0.0833333333vw);
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid #E5258C;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .newuser-faq__btn {
    top: min(15px, 15 * 0.2325581395vw);
    right: min(15px, 15 * 0.2325581395vw);
    width: min(30px, 30 * 0.2325581395vw);
  }
}
.newuser-faq__btn:before, .newuser-faq__btn:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  width: min(16px, 16 * 0.0833333333vw);
  height: min(2px, 2 * 0.0833333333vw);
  background: #E5258C;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .newuser-faq__btn:before, .newuser-faq__btn:after {
    width: min(14px, 14 * 0.2325581395vw);
    height: min(2px, 2 * 0.2325581395vw);
  }
}
.newuser-faq__btn:before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.newuser-faq__btn:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.is-open .newuser-faq__btn:after {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}

/* オフィスの調達を、もっとシンプルに。 */
.newuser-cta {
  padding-block: min(100px, 100 * 0.0833333333vw);
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .newuser-cta {
    padding-block: min(60px, 60 * 0.2325581395vw);
  }
}
.newuser-cta__contents {
  position: relative;
  padding-block: min(85px, 85 * 0.0833333333vw) min(60px, 60 * 0.0833333333vw);
  border: min(3px, 3 * 0.0833333333vw) solid #589CE1;
  border-radius: min(20px, 20 * 0.0833333333vw);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newuser-cta__contents {
    padding: min(40px, 40 * 0.2325581395vw) min(25px, 25 * 0.2325581395vw);
    border-width: min(3px, 3 * 0.2325581395vw);
    border-radius: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-cta__lead {
  position: absolute;
  top: 0;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-inline: min(20px, 20 * 0.0833333333vw);
  background: #FFF;
  font-size: min(32px, 32 * 0.0833333333vw);
  font-weight: 700;
  color: #005EBE;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .newuser-cta__lead {
    padding-inline: min(5px, 5 * 0.2325581395vw);
    font-size: min(20px, 20 * 0.2325581395vw);
  }
}

/* 追従エリア */
.newuser-fixed {
  display: none;
  width: 100%;
  position: fixed;
  background: #FFF;
  bottom: 0;
  left: 0;
  padding-block: min(30px, 30 * 0.0833333333vw);
  z-index: 10;
  -webkit-box-shadow: 0 min(-3px, -3 * 0.0833333333vw) min(6px, 6 * 0.0833333333vw) rgba(0, 0, 0, 0.16);
          box-shadow: 0 min(-3px, -3 * 0.0833333333vw) min(6px, 6 * 0.0833333333vw) rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .newuser-fixed {
    padding-block: min(12px, 12 * 0.2325581395vw);
  }
}
.newuser-fixed__btns {
  gap: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: min(10px, 10 * 0.2325581395vw);
  }
}
.newuser-fixed__btns .newuser-btn {
  height: min(60px, 60 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn {
    height: min(40px, 40 * 0.2325581395vw);
    padding-right: min(10px, 10 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn:before {
    width: min(14px, 14 * 0.2325581395vw);
    right: min(15px, 15 * 0.2325581395vw);
  }
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn:after {
    width: min(4px, 4 * 0.2325581395vw);
    right: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-fixed__btns .newuser-btn--register {
  font-size: min(26px, 26 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn--register {
    max-width: min(222px, 222 * 0.2325581395vw);
    font-size: min(14px, 14 * 0.2325581395vw);
  }
}
.newuser-fixed__btns .newuser-btn--register span {
  font-size: min(32px, 32 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn--register span {
    font-size: min(17px, 17 * 0.2325581395vw);
  }
}
.newuser-fixed__btns .newuser-btn--contact {
  font-size: min(24px, 24 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-fixed__btns .newuser-btn--contact {
    max-width: min(153px, 153 * 0.2325581395vw);
    font-size: min(14px, 14 * 0.2325581395vw);
  }
}

/* モーダル */
.newuser-modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 101;
}
.newuser-modal-trigger {
  padding: 0;
  background: transparent;
  border: none;
  text-decoration: underline;
  color: inherit;
  font-size: inherit;
}
.newuser-modal-trigger:hover {
  text-decoration: none;
}
.newuser-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  position: relative;
  width: min(1120px, 1120 * 0.0833333333vw);
  background: #FFF;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: min(8px, 8 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-modal {
    width: min(400px, 400 * 0.2325581395vw);
    border-radius: min(8px, 8 * 0.2325581395vw);
  }
}
.newuser-modal__contents {
  width: 100%;
  max-height: 90vh;
  overflow: auto;
  padding: min(50px, 50 * 0.0833333333vw) min(60px, 60 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-modal__contents {
    padding: min(40px, 40 * 0.2325581395vw) min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-modal__lead {
  font-size: min(20px, 20 * 0.0833333333vw);
  font-weight: 700;
  margin-bottom: min(35px, 35 * 0.0833333333vw);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .newuser-modal__lead {
    font-size: min(18px, 18 * 0.2325581395vw);
    margin-bottom: min(20px, 20 * 0.2325581395vw);
  }
}
.newuser-modal__list {
  margin-bottom: min(20px, 20 * 0.0833333333vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(20px, 20 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-modal__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: min(20px, 20 * 0.2325581395vw);
    gap: min(12px, 12 * 0.2325581395vw);
  }
}
.newuser-modal__list li {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 1fr auto;
  padding: min(20px, 20 * 0.0833333333vw) min(10px, 10 * 0.0833333333vw) min(25px, 25 * 0.0833333333vw);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #BFBFBF;
  border-radius: min(10px, 10 * 0.0833333333vw);
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .newuser-modal__list li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: calc((100% - min(24px, 24 * 0.2325581395vw)) / 3);
    padding: min(15px, 15 * 0.2325581395vw) min(5px, 5 * 0.2325581395vw) min(25px, 25 * 0.2325581395vw);
    border-radius: min(10px, 10 * 0.2325581395vw);
    font-size: min(15px, 15 * 0.2325581395vw);
  }
}
.newuser-modal__list li p {
  font-weight: 700;
}
.newuser-modal__list-img {
  width: min(75px, 75 * 0.0833333333vw);
  margin-top: min(15px, 15 * 0.0833333333vw);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .newuser-modal__list-img {
    width: min(57px, 57 * 0.2325581395vw);
    margin-top: min(10px, 10 * 0.2325581395vw);
  }
}
.newuser-modal__notes {
  font-size: min(14px, 14 * 0.0833333333vw);
}
@media screen and (max-width: 767px) {
  .newuser-modal__notes {
    font-size: min(13px, 13 * 0.2325581395vw);
  }
}
.newuser-modal__notes li {
  text-indent: -1em;
  padding-left: 1em;
}
.newuser-modal__notes li a {
  color: #E5258C !important;
  text-decoration: underline;
}
.newuser-modal__notes li a:hover {
  text-decoration: none;
}
.newuser-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  width: min(60px, 60 * 0.0833333333vw);
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background: #D8DCE0;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media screen and (max-width: 767px) {
  .newuser-modal__close {
    width: min(44px, 44 * 0.2325581395vw);
    -webkit-transform: translate(10%, -50%);
            transform: translate(10%, -50%);
  }
}
.newuser-modal__close:before, .newuser-modal__close:after {
  position: absolute;
  display: block;
  content: "";
  width: min(20px, 20 * 0.0833333333vw);
  height: min(2px, 2 * 0.0833333333vw);
  background: #000000;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .newuser-modal__close:before, .newuser-modal__close:after {
    width: min(20px, 20 * 0.2325581395vw);
    height: min(2px, 2 * 0.2325581395vw);
  }
}
.newuser-modal__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.newuser-modal__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */