body {
  -webkit-text-size-adjust: none;
  font: 14px sans-serif
}
a {
  color: #474b50
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
header {
  display: flex;
  justify-content: space-between;
  background-repeat: repeat-x;
  width: 100%;
  border-top: 2px solid #008b4f
}
footer {
  clear: both;
  text-align: center;
  padding: 0 0 6px 0
}
a#privacy {
  display: block;
  background-color: #ececec;
  margin-bottom: 5px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 12px;
  color: #000
}
.cp {
  padding: 10px 2% 8px;
  text-shadow: none;
  font-size: 10px;
  color: #444
}
section#form_assessment_bg {
  background: url("/assets/img/nlp/common/form/form-bg-c.webp") repeat-y center;
  background-size: 100% auto;
  margin: 0 0 5%;
  padding: .5% 1% 12px;
  height: auto;
  border-top: 4px solid #089f6a;
  border-bottom: 4px solid #089f6a;
  border-radius: 0 0 10px 10px
}
h1.logo {
  width: 27%;
  margin: 3% 2% 0 3%;
  align-self: center
}
.hed_buy {
  display: flex;
  width: 65%;
  margin: 1% 2% 1% 0
}
.hed_buy p {
  font-weight: 700;
  line-height: 1.2;
  align-self: center;
  font-size: 3.5vw
}
.hed_buy p span {
  color: #008a51;
  font-size: 150%
}
_::-webkit-full-page-media,
_:future,
:root .hed_buy p span {
  font-size: 140%
}
.badge {
  background: url("/assets/img/nlp/common/bg-badge.webp") no-repeat left;
  background-size: 100% auto;
  color: #fff;
  text-shadow: 1px 1px 2px #ccc;
  font-size: 4vw;
  width: 18%;
  text-align: center;
  padding: 6% 0;
  margin-right: 1%
}
@media (max-width:320px) {
  .form {
    padding: 0
  }
}
@media (min-width:768px) {
  .form {
    padding: 0 0 10.5% 10%
  }
}
form {
  background-color: #fff;
  padding: 2% 0
}
.error-txt {
  color: red;
  margin-left: -30%
}
input,
textarea {
  padding: 8px
}
.ttl-inner {
  color: #00925b;
  font-weight: 700;
  text-shadow: 3px 3px 1px #fff,-3px 3px 1px #fff,3px -3px 1px #fff,-3px -3px 1px #fff,3px 0 1px #fff,0 3px 1px #fff,-3px 0 1px #fff,0 -3px 1px #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(1.25rem + ((1vw - 3.2px) * 6.1185));
  padding: 4% 1% 5% 0;
  line-height: 1.2;
  flex-basis: 100%
}
.ttl-inner::after {
  content: '';
  background: url(/assets/img/nlp/common/form/hissu3.webp) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 3px;
  width: 12vw;
  height: 12vw
}
#satei {
  padding: 10vw 2%
}
#satei h3 {
  background: url(/assets/img/nlp/common/bg-satei-01.webp) no-repeat center top;
  background-size: 100%;
  color: #008b4f;
  font-size: 5.5vw;
  padding: 12% 1% 1% 2%;
  line-height: .9;
  position: relative;
  letter-spacing: 1px;
  text-align: center
}
#satei h3 span {
  color: #fff;
  text-shadow: 2px 2px 1px #008b4f,-2px 2px 1px #008b4f,2px -2px 1px #008b4f,-2px -2px 1px #008b4f,2px 0 1px #008b4f,0 2px 1px #008b4f,-2px 0 1px #008b4f,0 -2px 1px #008b4f;
  font-size: 6.5vw
}
#satei h3 span.italic {
  font-style: italic;
  font-size: 6vw;
  text-shadow: none;
  color: #008b4f
}
#satei h3 b {
  font-size: 10vw
}
.fs180per {
  font-size: 180%;
  font-style: normal!important
}
.flow {
  padding: 6% 5% 2% 4%;
  counter-reset: satei-count;
  background: url("/assets/img/nlp/common/bg-satei-02.webp") repeat-y center top;
  background-size: 100%;
  position: relative
}
.flow::after {
  background: url(/assets/img/nlp/common/bg-satei-03.webp) no-repeat;
  background-size: contain;
  width: 95.8vw;
  content: '';
  display: block;
  padding-bottom: 10vw;
  position: absolute;
  left: 0;
  bottom: -10vw
}
.flow dt {
  background: #b4edd2;
  display: flex;
  align-items: center
}
.flow dt img {
  height: 7vw
}
.flow dt::before {
  counter-increment: satei-count;
  content: counter(satei-count);
  background: linear-gradient(45deg,#0e6e3e 0,#18a86a 100%);
  color: #fff;
  width: 10vw;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7vw;
  margin-right: 2vw
}
.flow dd {
  display: inline-flex;
  margin: 2% auto;
  justify-content: space-between;
  font-size: 4vw
}
.flow dd img {
  width: 43%;
  height: 43%;
  margin-right: 5%;
  float: left
}
#pr_proposal2 {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative
}
.uni-formbox {
  padding: 3%;
  display: grid;
  grid-gap: 3vw 0;
  grid-template-columns: 1fr
}
.uni-formbox--area {
  display: flex
}
.uni-formbox--ttl {
  width: 30%;
  height: 17vw;
  font-weight: 700;
  padding: 0 5px;
  border: 2px solid #008b4f;
  border-radius: 5px 0 0 5px;
  background-color: #bcecd2;
  color: #008b4f;
  line-height: 2.5;
  border-right: 1px solid #008b4f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(.875rem + ((1vw - 3.2px) * 4.3977));
  box-sizing: border-box
}
.uni-formbox--desc {
  width: 75%
}
.uni-formbox--desc select {
  width: 100%;
  color: #333;
  height: 17vw;
  border: 2px solid #008b4f;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid #008b4f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #eee;
  background: url(/assets/img/nlp/common/form/arrow02.webp) right 2% top 50% no-repeat,-webkit-linear-gradient(top,#fff 0,#e9e9e9 100%);
  background: url(/assets/img/nlp/common/form/arrow02.webp) right 2% top 50% no-repeat,linear-gradient(to bottom,#fff 0,#e9e9e9 100%);
  background-size: 3%,100%;
  padding-left: 2%;
  font-size: calc(.875rem + ((1vw - 3.2px) * 4.3977));
  box-sizing: border-box
}
.vl-nameWithoutSymbol,
.vl-tellNumber {
  display: block
}
.vl-nameWithoutSymbol .uni-formbox--ttl,
.vl-tellNumber .uni-formbox--ttl {
  border: none;
  background: 0 0;
  line-height: 1;
  justify-content: inherit;
  margin: 2% 0;
  width: 100%;
  height: auto
}
.vl-nameWithoutSymbol .uni-colbox {
  display: flex;
  list-style: none
}
span.first-name,
span.last-name {
  display: none
}
.vl-nameWithoutSymbol input,
.vl-tellNumber input {
  border: 1px solid #008b4f;
  border-radius: 5px;
  background: #eee;
  background: right 50% no-repeat,-webkit-linear-gradient(top,#e9e9e9 0,#fff 100%);
  background: right 50% no-repeat,linear-gradient(to bottom,#e9e9e9 0,#fff 100%);
  height: 7vw;
  font-size: calc(.75rem + ((1vw - 3.2px) * 3.4417));
  margin-bottom: 1.5%
}
.vl-nameWithoutSymbol .uni-formbox--desc,
.vl-tellNumber .uni-formbox--desc {
  width: 100%
}
.uni-checkbox + .error-txt,
.vl-nameWithoutSymbol .error-txt,
.vl-tellNumber .error-txt {
  margin-left: 30px
}
.vl-nameWithoutSymbol input {
  width: 85%;
  justify-content: space-between
}
.vl-tellNumber input {
  width: 95%
}
.uni-formarea--desc {
  padding: 3% 3% 0
}
.uni-checkbox {
  display: block;
  text-align: center;
  margin: 3% 0 0
}
.submit-btn--satei {
  background: url("/assets/img/nlp/common/form/cv-next.webp") no-repeat center top;
  background-size: 100% auto;
  border: none;
  color: transparent;
  width: 95%;
  margin: 2% auto;
  padding: 23% 0 0;
  display: block
}
.submit-btn--satei .ttl-inner {
  display: none
}
#ft {
  margin-top: 5vw;
  padding: 15px 0 0;
  position: relative;
  background: #fff;
  border-top: 5px solid #008b4f
}
.ftlogo {
  text-align: center;
  width: 32%;
  margin: 0 auto
}
.ftlogo img {
  width: 100%;
  max-width: 168px
}
.ftlink {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2%;
  width: 15%
}
.uni-formbox .uni-formbox {
  padding: 0
}
.uni-formbox .uni-formbox .uni-formbox--desc {
  width: 100%
}
.uni-formbox .uni-formbox .uni-formbox--desc select {
  border-radius: 5px;
  border-left: 2px solid #008b4f;
  background: url(/assets/img/nlp/common/form/arrow02.webp) right 2% top 50% no-repeat,-webkit-linear-gradient(top,#fff 0,#e9e9e9 100%);
  background: url(/assets/img/nlp/common/form/arrow02.webp) right 2% top 50% no-repeat,linear-gradient(to bottom,#fff 0,#e9e9e9 100%);
  background-size: 2%,100%
}
.uni-formarea--inner {
  text-align: center
}
.uni-checkbox {
  display: inline-block;
  padding: 0 0 0 35px;
  position: relative;
  font-size: 0;
  cursor: pointer
}
.uni-checkbox:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: opacity .2s ease-out
}
.uni-checkbox:before {
  background-image: url(/assets/img/nlp/common/form/sprite.webp);
  background-position: -387px -193px;
  width: 24px;
  height: 24px
}
.uni-checkbox.is-checked:before {
  background-position: -415px -193px
}
.uni-checkbox-inner {
  display: inline-block;
  font-size: initial;
  padding: 0 5px 0 0
}
input.uni-formcheckbox--input {
  position: absolute;
  left: 0;
  opacity: 0
}
h2 img {
  vertical-align: bottom
}
.form {
  padding: 2%;
  text-align: right;
  font-size: 2.4vw
}
header {
  padding: 2% 0 1%
}
.robo_c {
  position: absolute;
  top: -4vw;
  width: 100%;
  right: 0
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) and (max-width:480px) {
  header {
    margin-bottom: -1px
  }
}
section#form_assessment_bg {
  border-radius: 0;
  margin: 0;
  padding: .5% 1% 0;
  position: relative
}
.form {
  position: absolute;
  text-align: center;
  text-shadow: #fff 1px 1px 0,#fff -1px -1px 0,#fff -1px 1px 0,#fff 1px -1px 0,#fff 0 1px 0,#fff 0-1px 0,#fff -1px 0 0,#fff 1px 0 0;
  bottom: 14vw;
  left: 4vw
}
.txt-white {
  color: #fff
}
.bg-white {
  background-color: #fff
}
.bg-mint {
  background-color: #ccf0e0
}
.pb-3per {
  padding-bottom: 3%
}
.px-1vw {
  padding: 0 1vw
}
.txt-narrow {
  display: block;
  letter-spacing: -1px;
  transform: scaleX(.75);
  margin-left: -15%;
  width: 125%;
  background-color: inherit
}
.txt-narrow2 {
  display: block;
  letter-spacing: -1px;
  transform: scaleX(.65);
  margin-left: -28%;
  width: 150%;
  background-color: inherit
}
.txt-narrow.strong {
  letter-spacing: -2px;
  transform: scaleX(.6);
  margin-left: -32%;
  width: 155%
}
ins {
  background: inherit
}
.ls-minus1 {
  letter-spacing: -1px
}
.marker {
  background: #fffbbf;
  color: #008a51
}
#reason,
#satei,
.carcase {
  background-color: #dcf5ea;
  background-image: radial-gradient(#bcebd6 46%,transparent 47%),radial-gradient(#bcebd6 46%,transparent 47%);
  background-position: 0 0,1.5vw 1.5vw;
  background-size: 3vw 3vw
}
#reason {
  padding-bottom: 5vw;
  counter-reset: number
}
h3 img {
  width: 100%
}
ins.txt-narrow {
  display: block;
  transform: scaleX(.55);
  margin-left: -35%;
  width: 160%
}
.reason-box {
  background: #fff;
  margin: 0 2% 3%;
  padding-top: 1vw;
  border-right: 1vw solid #008a51;
  border-bottom: 1vw solid #008a51
}
.reason-box-title {
  background: linear-gradient(0deg,#003a27 0,#009758 100%);
  border: 1vw solid #fbdf32;
  margin: -2vw 0 0;
  position: relative;
  padding: 2% 1% 0 19%;
  box-shadow: 0 2px 2px -1px #aaa
}
.reason-box-title::before {
  counter-increment: number;
  content: counter(number);
  background: url("/assets/img/nlp/common/bg-safe-no.webp") no-repeat;
  background-size: cover;
  color: #fff;
  width: 20vw;
  height: 20vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2vw;
  margin: auto;
  font-size: 10vw;
  font-weight: 700;
  text-shadow: 2px 1px 2px #666;
  text-align: center;
  line-height: 2.6
}
.reason-box-title img {
  height: 23vw;
  width: auto
}
.reason-box-inner {
  padding: 2% 3%;
  font-size: 4vw;
  font-weight: 700
}
.btnarea img {
  width: 100%
}
.btnarea a {
  margin: 10vw 0 0
}
.btnarea-title {
  margin: 0 15vw 7.5vw 0
}
.note {
  margin: 1vw auto;
  font-size: 2.8vw;
  font-weight: 400
}
.telarea {
  margin-top: 3vw
}
.telarea h4 {
  display: flex;
  align-items: center;
  color: #1b915d;
  font-size: 4vw;
  margin-bottom: 2vw
}
.telarea h4:after,
.telarea h4:before {
  border-top: 1px solid;
  content: "";
  flex-grow: 1
}
.telarea h4:before {
  margin-right: .5rem
}
.telarea h4:after {
  margin-left: .5rem
}
.telarea a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  width: 90%;
  padding: 1.5vw;
  margin: auto;
  box-shadow: 1px 1px 3px #aaa
}
.telarea a::before {
  content: "";
  background: url(/assets/img/nlp/common/ico-tel.webp) no-repeat;
  background-size: contain;
  width: 11vw;
  height: 6vw
}
.telarea a img {
  width: 50%
}
.italic {
  font-style: italic;
  font-size: 114%;
  vertical-align: middle
}
header.all-lp01_sp {
  background: 0 0;
  padding: 2% 0 1%
}
#pr_proposal2.all-lp01_sp {
  vertical-align: bottom;
  background-color: #dcf5ea;
  background-image: radial-gradient(#bcebd6 46%,transparent 47%),radial-gradient(#bcebd6 46%,transparent 47%);
  background-position: 0 0,1.5vw 1.5vw;
  background-size: 3vw 3vw
}
#pr_proposal2.all-lp01_sp .h2area {
  position: relative
}
#pr_proposal2.all-lp01_sp .h2area .h2_note02 {
  display: block;
  width: 86%;
  position: absolute;
  bottom: 12vw;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #000;
  font-size: 2.33vw;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff
}
.form_bg.all-lp01_sp {
  background-color: #dcf5ea;
  background-image: radial-gradient(#bcebd6 46%,transparent 47%),radial-gradient(#bcebd6 46%,transparent 47%);
  background-position: 0 0,1.5vw 1.5vw;
  background-size: 3vw 3vw;
  padding-bottom: 4vw;
  position: relative;
  z-index: 10
}
.form_bg.all-lp01_sp form {
  background-color: #fff;
  padding: 0 0 2%
}
.form_bg.all-lp01_sp #form_assessment_bg {
  border-radius: 0;
  margin: -14vw 0 0;
  padding: .5% 1% 0;
  position: relative
}
.form_bg.all-lp01_sp div.ttl {
  background: url(/assets/img/nlp/common/form/robot-form-com_sp.webp) no-repeat center 0;
  background-size: cover;
  position: relative
}
.form_bg.all-lp01_sp .ttl-inner.ttl-inner {
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(1.25rem + ((1vw - 3.2px) * 6.1185));
  padding: 3% 1% 5% 0;
  line-height: 1.2;
  flex-basis: 100%;
  text-shadow: none
}
.form_bg.all-lp01_sp .submit-btn--satei .ttl-inner {
  display: none
}
.form_bg.all-lp01_sp .ttl-inner::before {
  content: none
}
.form_bg.all-lp01_sp .ttl-inner::after {
  content: '';
  background: url(/assets/img/nlp/common/form/hissu3.webp) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 3px;
  width: 12vw;
  height: 12vw
}
header.all-lp02_sp {
  background: 0 0;
  padding: 2% 0 1%
}
#pr_proposal2.all-lp02_sp {
  vertical-align: bottom;
  background-color: #dcf5ea;
  background-image: radial-gradient(#bcebd6 46%,transparent 47%),radial-gradient(#bcebd6 46%,transparent 47%);
  background-position: 0 0,1.5vw 1.5vw;
  background-size: 3vw 3vw
}
#pr_proposal2.all-lp02_sp .h2area {
  position: relative
}
#pr_proposal2.all-lp02_sp .h2area .h2_note {
  display: block;
  position: absolute;
  top: 58vw;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 2.33vw
}
#pr_proposal2.all-lp02_sp .h2area .h2_note02 {
  display: block;
  width: 86%;
  position: absolute;
  bottom: 12vw;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #000;
  font-size: 2.33vw;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff
}
.form_bg.all-lp02_sp {
  background-color: #dcf5ea;
  background-image: radial-gradient(#bcebd6 46%,transparent 47%),radial-gradient(#bcebd6 46%,transparent 47%);
  background-position: 0 0,1.5vw 1.5vw;
  background-size: 3vw 3vw;
  padding-bottom: 4vw;
  position: relative;
  z-index: 10
}
.form_bg.all-lp02_sp form {
  background-color: #fff;
  padding: 0 0 2%
}
.form_bg.all-lp02_sp #form_assessment_bg {
  border-radius: 0;
  margin: -5vw 0 0;
  padding: .5% 1% 0;
  position: relative
}
#pr_proposal2.all-lp02_sp .h2area .meter {
  display: block;
  width: 82vw;
  position: absolute;
  top: 62vw;
  left: 50%;
  transform: translate(-50%,0)
}
.form_bg.all-lp02_sp div.ttl {
  background: url(/assets/img/nlp/common/form/robot-form-com_sp.webp) no-repeat center 0;
  background-size: cover;
  position: relative
}
.form_bg.all-lp02_sp .ttl-inner.ttl-inner {
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(1.25rem + ((1vw - 3.2px) * 6.1185));
  padding: 3% 1% 5% 0;
  line-height: 1.2;
  flex-basis: 100%;
  text-shadow: none
}
.form_bg.all-lp02_sp .submit-btn--satei .ttl-inner {
  display: none
}
.form_bg.all-lp02_sp .ttl-inner::before {
  content: none
}
.form_bg.all-lp02_sp .ttl-inner::after {
  content: '';
  background: url(/assets/img/nlp/common/form/hissu3.webp) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 3px;
  width: 12vw;
  height: 12vw
}