/*------------------------------------------------------------
common
------------------------------------------------------------*/
body {
  font-family: "Zen Kaku Gothic New", sans-serif;

}
@font-face {
  font-family: dinot-bold;
  src: url(../font/dinot-bold.ttf);
}
@font-face {
  font-family: DINOT-CondMedium;
  src: url(../font/DINOT-CondMedium.otf);
}
#biz-lp {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  background: #fff;
  position: relative;
}

#biz-lp * {
  box-sizing: border-box;
}

#biz-lp a {
  transition: opacity .3s;
}

#biz-lp a[href^="tel:"] {
  display: inline-block;
  transition: none;
}

#biz-lp a:hover {
  text-decoration: none;
}

#biz-lp a:focus-visible {
  outline: none;
}

#biz-lp img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#biz-lp .js-fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
}

#biz-lp .scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

#biz-lp .pc-br {
  display: inline-block;
}

#biz-lp .sp-br {
  display: none;
}

#biz-lp .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 12px;
}
#biz-lp picture{
  display: grid;
}
#biz-lp picture img{
  width: 100%;
}
#biz-lp .fl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*BANNER*/
#biz-lp .banner{
  position: relative;
}
#biz-lp .banner .text-box-wrap{
  max-width: 1038px;
  margin: 0 auto;
  position: absolute;
  height: 100%;
  width: 1038px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#biz-lp .banner .logo{
  width: 136.85px;
  top:25.8px;
  left:23.3px;
  position: absolute;
}
#biz-lp .banner .text-box{
  width: 660px;
  height: 660px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  left: 58.5%;
  bottom: 2.8%;
}
#biz-lp .banner .text-box:after{
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.45;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-color: #fff;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: -1;
}

#biz-lp .banner .text-box .text-box-inner{
  width: 308.08px;
}

#biz-lp .banner .text-box .text-box-inner .subt span{
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #284c76;
  position: relative;
}

#biz-lp .banner .text-box .text-box-inner .subt span:before{
  content: "";
  border: solid 1px #2faee6;
  position: absolute;
  width: 52%;
  height: 0;
  bottom: 5px;
  left: 0;
}
#biz-lp .banner .text-box .text-box-inner .subt span:last-of-type:before{
  width: 45%;
}


#biz-lp .banner .text-box .text-box-inner .ttl{
  font-size: 44px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #284c76;
  margin-top: 15.5px;

}

#biz-lp .banner .text-box .text-box-inner .ttl span{
  color:#59b9e3;
}

#biz-lp .nut{
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding: 17px 37px 17px 35px;
  background-color: #284c76;
  border-radius: 50px;
  display: block;
  width: fit-content;
  margin-top: 28.9px;
  transition: .3s;
}
#biz-lp .nut svg{
  width: 6.43px;
  position: relative;
  right: -11px;
  transition: .5s;
}
#biz-lp .nut:hover svg{
  right:-15px;
}

/*CHART*/
#biz-lp .hr-job .hr-job-inner .chart .chart-inner{
  padding:107px 0 133.8px 0;
  max-width: 803.69px;
  margin:0 auto;
  position: relative;
  z-index: 0;
}
#biz-lp .hr-job .hr-job-inner .chart .chart-inner .ttl{
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 7.52px;
  text-align: center;
  color: #284c76;
  margin-bottom:21px;
}
#biz-lp .hr-job .hr-job-inner .chart .chart-inner .ttl span{
  color:#59b9e3;
}

#biz-lp .hr-job .hr-job-inner .chart .chart-inner .text{
  font-size: 17.2px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #284c76;
}

#biz-lp .hr-job .hr-job-inner .chart .chart-inner .chart-img{
  max-width: 504.81px;
  margin: 62.3px auto 0 auto;
}
#biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv01{
  position: absolute;
  width: 371.44px;
  top: 20.8%;
  right: -40%;
  z-index: -1;
}
#biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv02{
  position: absolute;
  width: 324.76px;
  top: 51.8%;
  left: -32%;
  z-index: -1;
}

#biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv03{
  position: absolute;
  width: 213.09px;
  bottom: 5.8%;
  right: -17%;
  z-index: -1;
}
/*LIST*/
#biz-lp .hr-job .hr-job-inner .list .list-wrap{
  max-width: 900.51px;
  margin:0 auto;
  padding-bottom:124px;
  position: relative;
}

#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-img{
  width: 473.31px;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text{
  width: calc(100% -  473.31px - 34px);
}

#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl{
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: left;
  color: #284c76;
}

#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .check{
  margin-top: 21.7px;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .check-item{
  padding: 18.6px 0 18.6px 0;
  border-top: solid 1px #d8d8d8;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .check-item:last-child{
  border-bottom: solid 1px #d8d8d8;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl span{
  color:#59b9e3;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .check .check-item p{
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.12px;
  text-align: left;
  color: #284c76;
  padding-left:45px;
  position: relative;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item{
  align-items: center;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .check .check-item p:before{
  content: "";
  height: 20.81px;
  width: 20.81px;
  background-image: url(../images/biz-lp/check.png);
  background-size: cover;
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  left: 14px;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item:last-child{
  margin-top:68.1px;
  flex-direction: row-reverse;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item:last-child .box-img{
  width: 441.65px;
}
#biz-lp .hr-job .hr-job-inner .list .list-inner .list-item:last-child .box-text{
  width: calc(100% -  441.65px - 47.6px);
}

#biz-lp .hr-job .hr-job-inner .list{
  position: relative;
  left: 21px;
}
#biz-lp .hr-job .hr-job-inner .list .list-wrap .recs{
  width: 26.78px;
  position: absolute;
  left: -19%;
  bottom: 47%;
}
#biz-lp .hr-job .hr-job-inner .list .list-wrap .dots{
  width: 27.78px;
  position: absolute;
  right: -8%;
  bottom: 8%;
}
/*MOVIE*/
#biz-lp .hr-job .hr-job-inner .movie .movie-inner{
  padding: 172px 0 110px 0;
  max-width: 803px;
  margin: 0 auto;
}
#biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl{
  margin-bottom:32.2px;
}
#biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl span{
  display: block;
}
#biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl span.en{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.88px;
  text-align: center  ;
  color: #59b9e3;
  font-family: "DINOT-CondMedium";
  margin-bottom:10.4px;
}
#biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl span.ja{
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 5.37px;
  text-align: center;
  color: #284c76;
}

#biz-lp .hr-job .hr-job-inner .movie .movie-inner .movie-img{
  max-width: 803px;
  margin:35.2px auto 0 auto;
}

#biz-lp .hr-job{
  position: relative;
  z-index: 0;
}
#biz-lp .hr-job .qrn{
  width: 220px;
  position: absolute;
  top: -66px;
  right: 13%;
  z-index: 1;
}
#biz-lp .hr-job .tgp{
  width: 525.6px;
  position: absolute;
  top: -190px;
  right: 0%;
  z-index: -2;
}
#biz-lp .hr-job .tgt{
  width: 515.4px;
  position: absolute;
  top: 42.6%;
  left: -11%;
  z-index: -2;
  transform: translateY(-50%);
}
#biz-lp .hr-job .qrd{
  width: 220px;
  position: absolute;
  bottom: 40%;
  left: -3%;
  z-index: 1;
}
#biz-lp .hr-job .tgd{
  width: 717.97px;
  position: absolute;
  bottom: 24%;
  right: -7%;
  z-index: -1;
}

/*WHATIS CAMTECH*/
#biz-lp .what-is{
  background-image: url("../images/biz-lp/whatbg.png");
  background-size: 100% 100%;
  background-position: bottom;
  padding-bottom:411.8px;
}
#biz-lp .what-is .what-is-inner{
  padding:153.2px 0 0px 0;
  max-width: 1038.1px;
  margin:0 auto;
  position: relative;
  left: 34px;
}

#biz-lp .what-is .what-is-inner .what-is-content .box-img{
  width: 496px;
}

#biz-lp .what-is .what-is-inner .what-is-content .box-text{
  width: calc(100% - 496px - 46.1px);
  padding-top: 20px;
}

#biz-lp .what-is .what-is-inner .what-is-content .box-text .ttl{
  font-family: "DINOT-CondMedium";
  font-size: 96px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 3.84px;
  text-align: left;
  color: #fff;
  -webkit-text-stroke: 1px #274c76;
}

#biz-lp .what-is .what-is-inner .what-is-content .box-text .subt{
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #59b9e3;
  margin: 71.4px 0 21px 0;
}

#biz-lp .what-is .what-is-inner .what-is-content .box-text .text{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

#biz-lp .what-is .what-is-inner .step{
  padding-top: 127.9px;
}
#biz-lp .what-is .what-is-inner .step h3 span{
  display: block;
}
#biz-lp .what-is .what-is-inner .step h3{
  padding-left:14px;
}
#biz-lp .what-is .what-is-inner .step h3 span.ja{
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.01;
  letter-spacing: 6.37px;
  text-align: left;
  color: #59b9e3;
  margin-bottom: 17px;
}

#biz-lp .what-is .what-is-inner .step h3 span.en{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.85px;
  text-align: left;
  color: #fff;
  font-family: "DINOT-CondMedium";
}


#biz-lp .what-is{
  position: relative;
}

#biz-lp .what-is .step-img{
  position: absolute;
  bottom: 142px;
  width: 1307px;
  right: calc(calc(100% - 1038.1px + 44px) / 2);
}



/*VOICE*/

#biz-lp .voice{
  background-image: url("../images/biz-lp/voice-bg.png");
  background-size: cover;
  background-position: center;
}

#biz-lp .voice .voice-inner{
  padding:174px 0 170px 0;
  max-width: 1040px;
  margin:0 auto;
}


#biz-lp .voice .voice-inner .ttl span{
  display: block;
}
#biz-lp .voice .voice-inner .ttl .ja{
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: 8.36px;
  text-align: center;
  color: #284c76;
  margin-bottom: 10px;
}
#biz-lp .voice .voice-inner .ttl .en{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.99px;
  text-align: center;
  color: #59b9e3;
  font-family: "DINOT-CondMedium";
}
#biz-lp .voice .voice-inner .voice-list{
  margin-top: 85.4px;
  position: relative;
  left: 2px;
}
#biz-lp .voice .voice-inner .voice-list .voice-item{
  width: 31.55096153846154%;
  position: relative;
}
#biz-lp .voice .voice-inner .voice-list .voice-item .bubble{
  width: 110px;
  height: 110px;
  background-image: linear-gradient(to bottom, #59b9e3, #0687bf);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  top: -32px;
  left: -14px;
}

#biz-lp .voice .voice-inner .voice-list .voice-item .bubble p{
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  position: relative;
  left: 0px;
  top: 5px;
}
#biz-lp .voice .voice-inner .voice-list .voice-item .bubble p span{
  font-family: DINOT-Bold;
  font-size: 20px;
}


#biz-lp .voice .voice-inner .voice-list .voice-item .name{
  margin: 19.1px 0 25px 0;
}
#biz-lp .voice .voice-inner .voice-list .voice-item .name span{
  display: block;
}

#biz-lp .voice .voice-inner .voice-list .voice-item .name span.des{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.42px;
  text-align: center;
  color: #173c64;
}

#biz-lp .voice .voice-inner .voice-list .voice-item .name span.ja{
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.72px;
  text-align: center;
  color: #173c64;
  margin: 2px 0;
  font-family: "Noto Sans JP", sans-serif;
}

#biz-lp .voice .voice-inner .voice-list .voice-item .name span.en{
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: 1.68px;
  text-align: center;
  color: #59b9e3;
  font-family: DINOT-CondMedium;
}

#biz-lp .voice .voice-inner .voice-list .voice-item .voice-nut{
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #284c76;
  padding: 16.8px 27px 17.1px 27px;
  background-color: #f4f4f4;
  border-radius: 50px;
  display: block;
  width: fit-content;
  margin:0 auto;
  transition: .3s;
  cursor: pointer;
}
#biz-lp .voice .voice-inner .voice-list .voice-item .voice-nut:hover{
  background: #284c76;
  color:#fff
}

#biz-lp .voice{
  position: relative;
  z-index: 0;
}

#biz-lp .voice .dotss{
  width: 57.84px;
  position: absolute;
  left: 10%;
  top: -3%;
}


/*REQUIREMENTS*/
#biz-lp .requirements{
  background-image: linear-gradient(163deg, #deeff459 6%, #68d6f759 123%);
}
#biz-lp .requirements .requirement-inner{
  padding:116px 0 188.2px 0;
  max-width: 950px;
  margin:0 auto;

}
#biz-lp .requirements .requirement-inner .ttl span {
  display: block;
}

#biz-lp .requirements .requirement-inner .ttl .ja{
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: 8.36px;
  text-align: center;
  color: #284c76;
  margin-bottom: 10px;
}

#biz-lp .requirements .requirement-inner .ttl .en{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.99px;
  text-align: center;
  color: #59b9e3;
  font-family: "DINOT-CondMedium";
}
#biz-lp .requirements .requirement-inner .require-list{
  margin-top:43.1px;
}
#biz-lp .requirements .requirement-inner .require-list .require-item .ttl{
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1.6px;
  text-align: center;
  color: #173c64;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #fff;
  padding:27.5px;
}
#biz-lp .requirements .requirement-inner .require-list .require-item{
  margin-bottom:38px;
}
#biz-lp .requirements .requirement-inner .require-list .require-item:last-child{
  margin-bottom: 0;
}
#biz-lp .requirements .requirement-inner .require-list .require-item .text{
  margin-top:37.6px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.54px;
  text-align: left;
  color: #173c64;
  font-family: "Noto Sans JP", sans-serif;
}

#biz-lp .requirements .requirement-inner .require-list .require-item .check-list{
  margin-top: 22.3px;
  max-width: 850px;
  justify-content: flex-start;
  column-gap: 35px;
}

#biz-lp .requirements .requirement-inner .require-list .require-item .check-list .check-item{
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 1.6px;
  text-align: left;
  color: #173c64;
  font-family: "Noto Sans JP", sans-serif;
  width: fit-content;
  position: relative;
  padding-left:41px;
}
#biz-lp .requirements .requirement-inner .require-list .require-item .check-list .check-item:before{
  content: "";
  width: 28px;
  background-image: url(../images/biz-lp/reke.png);
  background-size: cover;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  left: 0px;
  height: 28px;
}

#biz-lp .requirements{
  position: relative;
  z-index: 0;
}

#biz-lp .requirements .qrn{
  width: 220px;
  position: absolute;
  top: -40px;
  left: 11%;
  z-index: 1;
}

/*ENTRY FORM*/
#biz-lp .entry-form .entry-inner{
  padding:151px 0 28px 0;
  max-width: 952.5px;
  margin:0 auto;
}
#biz-lp .entry-form .entry-inner .ttl span {
  display: block;
}
#biz-lp .entry-form .entry-inner .ttl span.en{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.99px;
  text-align: center;
  color: #59b9e3;
  font-family: "DINOT-CondMedium";
}

#biz-lp .entry-form .entry-inner .ttl span.ja{
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: 8.36px;
  text-align: center;
  color: #284c76;
  margin-bottom: 10px;
}
#biz-lp .entry-form .entry-inner .note{
  margin-top:37.6px;
  padding:38.3px 0;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: 0.54px;
  text-align: left;
  color: #173c64;
  border-top: solid 1px #173c6433;
  font-family: "Noto Sans JP", sans-serif;
}
#biz-lp .entry-form .entry-inner .note span{
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #173c64;
  margin-top:11px;
  display: block;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item{
  align-items: center;
  justify-content: flex-start;
  column-gap: 2.2%;
  padding:13.5px 0;
  border-top: solid 1px #173c6433;
}

#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item:last-child{
  border-bottom: solid 1px #173c6433;
}

#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label{
  width: 24.88% ;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input.half{
  width: 34.66386% ;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input.full{
  width: 71.2860% ;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input input, #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input textarea{
  padding: 28px 0px 25px 29px;
  opacity: 1;
  background-color: #f5f5f5;
  width: 100%;
  border:none;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label p{
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 1.6px;
  text-align: left;
  color: #173c64;
  font-family: "Noto Sans JP", sans-serif;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label p span{
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.96px;
  text-align: left;
  color: #274c76;
  padding: 3.5px 4px 3.3px 6px;
  background-color: #f2f2f2;
  position: relative;
  left: 11px;
  top: -4px;
}

#biz-lp .entry-form .mbutton{
  box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.08);
  border: solid 3px #fff;
  background-image: linear-gradient(to bottom, #3669a3, #234267);
  padding: 11.7px 0px 14.9px 0px;
  width: 311.8px;
  margin: 61.1px auto 103.8px auto;
  display: block;
  cursor: pointer;
  border-radius: 50px;
  transition: .3s;
}

#biz-lp .entry-form .mbutton:hover{
  opacity: .8;
}
#biz-lp .entry-form .mbutton span{
  display: block;
}
#biz-lp .entry-form .mbutton span.ja{
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.06px;
  text-align: center;
  color: #fff;
}

#biz-lp .entry-form .mbutton span.en{
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.94px;
  text-align: center;
  color: #fff;
  font-family: DINOT-CondMedium;
}

#biz-lp .entry-form .mbutton br{
  display: none;
}


#biz-lp .entry-form .entry-inner .copyright{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.35px;
  text-align: center;
  color: #284c76;
  margin-bottom: 28.8px;
}


#biz-lp .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:  #284c7640;
  z-index: 1000;
}

#biz-lp .modal-content {
  background-color: #fff;
  width: 87.34177%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 1px #707070;
  padding: 95.8px 127px 86.1px 123px;
}
#biz-lp .modal-content .heading{
  padding:34.5px 0;
  border-top: solid 1px  #284c7640;
  border-bottom:solid 1px  #284c7640;
}
#biz-lp .modal-content .heading .ttl{
  font-size: 36px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #284c76;
  margin-bottom: 12px;
}

#biz-lp .modal-content .heading .text{
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.72px;
  text-align: center;
  color: #284c76;
  font-family: "Noto Sans JP",sans-serif;
}

#biz-lp .modal-content .heading .text span{
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.42px;
  color: #284c76;
  position: relative;
  left: -11px;
}
#biz-lp .modal-content .ppl{
  margin-top:44.1px;
}
#biz-lp .modal-content .ppl .box-image{
  width: 270px;
}

#biz-lp .modal-content .ppl .box-text{
  width: calc(100% - 270px - 23px);
}

#biz-lp .modal-content .ppl .box-text .text{
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: #284c76;
}

#biz-lp .modal-content .close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #aaa;
}

#biz-lp .modal-content .close:hover {
  color: #000;
}
@media print, screen and (max-width: 1201px){
  #biz-lp .banner .text-box{
    left: 51.5%;
  }
}



@media print, screen and (max-width: 767px) {

  #biz-lp .sp-br {
    display: inline-block;
  }

  #biz-lp .pc-br {
    display: none;
  }

  /*BANNER*/
  #biz-lp .banner .logo {
    width: 126px;
    top: 15.8px;
    left: 14.3px;
    position: absolute;
  }
  #biz-lp .banner .text-box {
    left: 50%;
    width: 342px;
    height: auto;
    transform: translateX(-50%);
    bottom: unset;
    top: 92px;
  }
  #biz-lp .banner .text-box .text-box-inner .subt span{
    font-size: 15px;
    line-height: 1.73;
  }
  #biz-lp .banner .text-box .text-box-inner .ttl{
    font-size: 28.5px;
    line-height: 1.28;
    margin-top: 9.5px;
  }
  #biz-lp .banner .text-box .text-box-inner {
    width: 100%;
  }
  #biz-lp .nut{
    font-size: 13px;
    margin-top: 15.9px;
  }
  #biz-lp .nut svg{
    width: 6px;
    right: -14px;
    top: 2px;
  }
  #biz-lp .banner .text-box .text-box-inner .subt span:before {
    content: "";
    border: solid 1px #2faee6;
    position: absolute;
    width: 40%;
    height: 0;
    bottom: 3px;
    left: 0;
  }
  #biz-lp .banner .text-box .text-box-inner .subt span:last-of-type:before {
    width: 35%;
  }

  /*HR JOB*/
  #biz-lp .hr-job .tgp{
    width: 224.5px;
    top: -14.5%;
    right: -36%;
  }
  #biz-lp .hr-job .qrn{
    display: none;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner{
    padding: 84px 0 140.6px 0;
    max-width: calc(100% - 30px);
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .ttl{
    font-size: 25.5px;
    letter-spacing: 3.25px;
    line-height: 1.4;
    position: relative;
    left: 3px;
    margin-bottom: 24px;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .text{
    font-size: 14px;
    line-height: 1.86;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv01 {
    position: absolute;
    width: 118px;
    top: 12.8%;
    right: -47px;
    z-index: -1;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv02 {
    position: absolute;
    width: 126px;
    top: 32.8%;
    left: -19%;
    z-index: -1;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .chart-img {
    max-width: 345px;
    margin: 29.3px auto 0 auto;
  }
  #biz-lp .hr-job .hr-job-inner .chart .chart-inner .nv03 {
    position: absolute;
    width: 117px;
    bottom: 5.8%;
    right: 0%;
    z-index: -1;
  }
  #biz-lp .hr-job .tgt {
    width: 203px;
    position: absolute;
    top: 9.8%;
    left: -28%;
    z-index: 1;
    transform: translateY(-50%);
  }
  #biz-lp .hr-job .hr-job-inner .list {
    position: relative;
    left: 0;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-wrap {
    max-width: calc(100% - 45px);
    padding-bottom: 76px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text {
    width: 100% !important;
    margin-top: -64px;
    position: relative;
    z-index: 1;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-img{
    width: 100% !important;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl{
    font-size: 20px;
    line-height: 1.65;
    letter-spacing: 2.3px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl b{
    position: relative;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl b:after{
    background: #fff;
    height: 120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 102%;
    position: absolute;
    content: "";
    z-index: -1;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .check .check-item p{
    font-size: 14px;
    letter-spacing: normal;
    padding-left:35px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .check {
    margin-top: 12.7px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .check .check-item p:before {
    height: 17px;
    width: 17px;
    top: 55%;
    left: 11px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item:last-child {
    margin-top: 51.1px;
    flex-direction: row;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .check-item {
    padding: 15.4px 0;
    border-top: solid 1px #d8d8d8;
  }
  #biz-lp .hr-job .hr-job-inner .movie .movie-inner {
    padding: 0 0 0 0;
    max-width: calc(100% - 45px);
    margin: 0 auto;
  }
  #biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl span.en{
    font-size: 15px;
    margin-bottom: 6.4px;
  }
  #biz-lp .hr-job .hr-job-inner .movie .movie-inner .ttl span.ja {
    font-size: 22px;
    letter-spacing: 4.37px;
  }
  #biz-lp .hr-job .hr-job-inner .movie .movie-inner .movie-img {
    max-width: 803px;
    margin: 41.2px auto 0 auto;
  }

  #biz-lp .hr-job .qrd {
    width: 100px;
    position: absolute;
    bottom: 56.7%;
    left: -4%;
    z-index: 1;
  }
  #biz-lp .hr-job .tgd {
    width: 358px;
    position: absolute;
    bottom: 15%;
    right: -37%;
    z-index: -1;
    transform: rotate(-20deg);
  }
  #biz-lp .hr-job .hr-job-inner .list .list-wrap .recs {
    width: 13px;
    position: absolute;
    left: 5%;
    bottom: 109%;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-wrap .dots {
    width: 9px;
    position: absolute;
    right: 6%;
    bottom: 50.5%;
  }
  #biz-lp .what-is .what-is-inner {
    padding: 152px 14px 0px 22px;
    max-width: 100%;
    left: 0;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-img {
    width: 148px;
    position: relative;
    top: 6px;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-text {
    width: calc(100% - 148px - 11.2px);
    padding-top: 0;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-text .ttl{
    font-size: 48px;
    letter-spacing: 1.92px;
  }
  #biz-lp .what-is {
    background-image: url(../images/biz-lp/what_sp.png);
    background-size: 100% 100%;
    background-position: bottom;
    margin-top: -66px;
    position: relative;
    z-index: 0;
    padding-bottom: 120.8px;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-text .subt{
    font-size: 18px;
    margin: 26.2px 0 0px 0;
  }

  #biz-lp .what-is .what-is-inner .s-text{
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.77;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-top: 22px;
  }
  #biz-lp .hr-job {
    position: relative;
    z-index: 1;
  }
  #biz-lp .what-is .what-is-inner .step {
    padding-top: 45.9px;
  }
  #biz-lp .what-is .what-is-inner .step h3 {
    padding-left: 0;
  }
  #biz-lp .what-is .what-is-inner .step h3 span.ja{
    font-size: 23px;
    line-height: 1.17;
    letter-spacing: 2.3px;
    margin-bottom: 9px;
  }
  #biz-lp .what-is .what-is-inner .step h3 span.en{
    font-size: 15px;
    line-height: 1.07;
    letter-spacing: 0.9px;
  }
  #biz-lp .what-is .step-wrap{
    overflow: scroll;
    position: relative;
  }
  #biz-lp .what-is .step-wrap .swiper{
    width: 179px;
    left: 50%;
    position: absolute;
    z-index: 1;
    top: 81px;
    transform: translateX(-50%);
  }
  #biz-lp .what-is .step-img {
    position: relative;
    bottom: 0;
    width: 828px;
    right: -29px;
    margin-top: 26px;
  }
  #biz-lp .voice .voice-inner {
    padding: 61.35px 0 73.4px 0;
    max-width: calc(100% - 54px);
    margin: 0 auto;
  }
  #biz-lp .voice .voice-inner .voice-list .voice-item {
    width: 100%;
    position: relative;
  }
  #biz-lp .voice .voice-inner .voice-list {
    margin-top: 45.4px;
    position: relative;
    left: 0;
    row-gap: 65px;
  }
  #biz-lp .voice .voice-inner .ttl .ja{
    font-size: 22px;
    letter-spacing: 4.575px;
  }
  #biz-lp .voice .voice-inner .ttl .en{
    font-size: 15px;
  }
  #biz-lp .voice .voice-inner .voice-list .voice-item .name {
    margin: 21.1px 0 21px 0;
  }
  #biz-lp .voice .voice-inner .voice-list .voice-item .name span.ja{
    margin: 2px 0 -1px 0;
  }
  #biz-lp .voice .voice-inner .voice-list .voice-item .name span.en{
    font-size: 13px;
  }
  #biz-lp .voice .voice-inner .voice-list .voice-item .name span.des {
    font-size: 13px;
  }
  #biz-lp .requirements .qrn {
    width: 150px;
    position: absolute;
    top: -27px;
    left: -17%;
    z-index: 1;
  }
  #biz-lp .voice .dotss {
    width: 28.9px;
    position: absolute;
    left: 10%;
    top: -3%;
  }
  #biz-lp .requirements .requirement-inner {
    padding: 69px 0 90.2px 0;
    max-width: calc(100% - 30px);
    margin: 0 auto;
  }
  #biz-lp .requirements .requirement-inner .ttl .ja{
    font-size: 26px;
    letter-spacing: 4.575px;
    margin-bottom: 6px;
  }
  #biz-lp .requirements .requirement-inner .ttl .en{
    font-size: 15px;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item .text{
    margin-top: 25.6px;
    font-size: 14px;
    line-height: 1.64;
    letter-spacing: 0.42px;
  }
  #biz-lp .requirements .requirement-inner .require-list {
    margin-top: 25.1px;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item .ttl{
    padding: 14px 0 12px 0;
    font-size: 16px;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item {
    margin-bottom: 32px;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item .check-list {
    margin-top: 20.3px;
    max-width: 100%;
    justify-content: flex-start;
    column-gap: 19px;
    row-gap: 16px;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item .check-list .check-item{
    font-size: 14px;
    padding-left: 40px;
    letter-spacing: normal;
  }
  #biz-lp .requirements .requirement-inner .require-list .require-item .check-list .check-item:before {
    content: "";
    width: 25px;
    background-image: url(../images/biz-lp/reke.png);
    background-size: cover;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    left: 4px;
    height: 25px;
  }
  #biz-lp .entry-form .entry-inner {
    padding: 54px 0 28px 0;
    max-width: calc(100% - 39px);
  }
  #biz-lp .entry-form .entry-inner .ttl span.ja{
    font-size: 26px;
    letter-spacing: 4.575px;
    margin-bottom: 6px;
  }
  #biz-lp .entry-form .entry-inner .ttl span.en{
    font-size: 15px;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label {
    width: 100%;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input.half {
    width: 150px;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item{
    column-gap: 20px;
    padding: 27px 0;
    row-gap: 12px;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input.full {
    width: 100%;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .form-input input {
    padding: 14px 0px 12px 15px;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label p {
    font-size: 14px;
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .label p span {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.96px;
    text-align: left;
    color: #274c76;
    padding: 1.7px 2px 1.6px 3px;
    background-color: #f2f2f2;
    position: relative;
    left: 4px;
    top: -5px;
  }
  #biz-lp .entry-form .entry-inner .note{
    font-size: 14px;
  }
  #biz-lp .entry-form .entry-inner .note span{
    font-size:11px;
  }
  #biz-lp .modal-content .ppl .box-image {
    width: 100%;
  }
  #biz-lp .modal-content .ppl .box-text {
    width: 100%;
    overflow: scroll;
  }
  #biz-lp .modal-content{
    padding: 50px 24px 50px 24px;
    max-height: 85vh;
    overflow: scroll;
  }
  #biz-lp .modal-content .heading .ttl{
    font-size: 17px;
    line-height: 1.43;
    margin-bottom:10px;
  }
  #biz-lp .modal-content .heading {
    padding: 10px 0;
  }
  #biz-lp .modal-content .heading .text span {
    font-size: 13px;
  }
  #biz-lp .modal-content .heading .text{
    font-size: 18px;
  }
  #biz-lp .modal-content .ppl {
    margin-top: 20.1px;
    row-gap: 20px;
  }
  #biz-lp .modal-content .ppl .box-text .text{
    font-size: 13px;
    line-height: 1.54;
  }
  body.modal-open {
    overflow: hidden; /* V�0�0 hi�6�3u h��a cu�6�1n */
  }
  #biz-lp .voice {
    background-image: url(../images/biz-lp/voice_sp.png);
  }
  #biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .pld{
    height: 79px;
    padding: 20px 0px 0px 16px !important;
  }
}
@media(max-width: 350px){
  #biz-lp .banner .text-box{
    width: 310px;
  }
  #biz-lp .banner .text-box .text-box-inner .ttl {
    font-size: 22.5px;
  }
  #biz-lp .hr-job .hr-job-inner .list .list-inner .list-item .box-text .ttl {
    font-size: 18px;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-text .ttl {
    font-size: 34px;
  }
  #biz-lp .what-is .what-is-inner .what-is-content .box-text .subt {
    font-size: 14px;
  }
  #biz-lp .entry-form .mbutton{
    width: 250.8px;
  }
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .pld{
  overflow: hidden;
}
#biz-lp .entry-form .entry-inner .biz-form .biz-form-inner .form-item .pld::placeholder {
  white-space: pre-line; /* Cho ph��p xu�6�3ng d��ng trong placeholder */
}