/*************** main content ***************/
/*************** wrapper size ***************/
/*************** list size ***************/
/*************** color ***************/
/*************** width/height ***************/
.lp {
  /*********************************/
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.lp .mainvisual {
  height: auto;
}
.lp .mainvisual .txt {
  width: 49.92%;
  top: 22%;
  transform: translateY(-50%);
  right: 33.56%;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .mainvisual .txt {
    top: 15%;
    width: 84.72vw;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.lp .baloon {
  position: relative;
  padding: 1.48vw 1vw;
  margin-right: 3vw;
  display: flex;
  align-items: center;
  border-radius: 10vw;
  justify-content: center;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .baloon {
    margin-right: 0;
    margin-bottom: 3vw;
  }
}
.lp .baloon::after {
  content: '';
  display: block;
  width: 3vw;
  height: 3vw;
  position: absolute;
  top: calc(50% - 2vw);
  right: -2vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .baloon::after {
    top: initial;
    left: 0;
    right: 0;
    bottom: -3vw;
    margin: 0 auto;
  }
}
.lp .baloon.blue {
  background-color: #0F318D;
}
.lp .baloon.blue::after {
  border-top: 1.98vw solid transparent;
  border-left: 1.98vw solid #0F318D;
  border-bottom: 1.98vw solid transparent;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .baloon.blue::after {
    border-top: 1.98vw solid #0F318D;
    border-left: 1.98vw solid transparent;
    border-right: 1.98vw solid transparent;
    border-bottom: none;
  }
}
.lp .border::before {
  width: 10%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: -10%;
}
.lp .border::after {
  width: 14%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: -10%;
}
.lp .block_margin__bottom {
  margin-bottom: 3.33vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .block_margin__bottom {
    margin-bottom: 7.32vw;
  }
}
.lp .block_margin__top {
  margin-top: 3.33vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .block_margin__top {
    margin-top: 7.32vw;
  }
}
.lp .block_ttl {
  margin-bottom: 4.69vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .block_ttl {
    margin-bottom: 12.93vw;
  }
}
.lp .sec_01 {
  margin: 3.33vw 0 0;
  position: relative;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 {
    margin: 7.32vw 0 0;
  }
}
.lp .sec_01 .rectuit_link_box {
  display: flex;
  justify-content: center;
  gap: 2.66vw;
  vertical-align: middle;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .rectuit_link_box {
    gap: 1.33vw;
    width: 80%;
    flex-direction: column;
  }
}
.lp .sec_01 .rectuit_link_box .baloon, .lp .sec_01 .rectuit_link_box .recruit_btn {
  width: 50%;
  align-self: center;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .rectuit_link_box .baloon, .lp .sec_01 .rectuit_link_box .recruit_btn {
    width: 100%;
  }
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .rectuit_link_box .baloon {
    width: 80%;
  }
}
.lp .sec_01 .rectuit_link_box .baloon .dot-text {
  padding-top: 0.6em;
  background-repeat: repeat-x;
  background-size: 1em 1em;
  background-image: radial-gradient(circle at center, #fed30e 12%, rgba(0, 0, 0, 0) 15%);
}
.lp .sec_01 .rectuit_link_box .baloon p {
  color: #FED30E;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .rectuit_link_box .baloon p {
    font-size: 2rem !important;
  }
}
.lp .sec_01 .mock_txt {
  margin-top: 6vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .mock_txt {
    margin-top: 14.64vw;
  }
}
.lp .sec_01 .mock_txt img {
  height: 5rem;
  width: auto;
  margin-right: 0.5vw;
  vertical-align: baseline;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .mock_txt img {
    height: 3rem;
  }
}
.lp .sec_01 .mock_img {
  display: block;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .mock_img {
    width: 100%;
  }
}
.lp .sec_01 .job_conditions h3 {
  margin: 0 0 2.14vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions h3 {
    margin: 0 0 3.66vw;
  }
}
.lp .sec_01 .job_conditions .cond_ttl {
  background-color: #0F318D;
  color: #FFF;
  padding: 0.68vw 1.2vw;
  margin-bottom: 2.08vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .cond_ttl {
    padding: 1.2vw;
    margin-bottom: 3.78vw;
  }
}
.lp .sec_01 .job_conditions .circle_icon_wrap {
  display: flex;
  justify-content: center;
  gap: 4.74vw;
  margin-bottom: 3.13vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .circle_icon_wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .circle_icon_wrap .emp_box {
    width: calc(50% - 4.74vw);
  }
}
.lp .sec_01 .job_conditions .circle_icon_wrap .emp_box img {
  display: block;
  margin: 0 auto 0.8vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .circle_icon_wrap .work_box {
    width: calc(33.33% - 4.74vw);
  }
}
.lp .sec_01 .job_conditions .circle_icon_wrap .work_box img {
  display: block;
  margin: 0 auto 0.8vw;
  max-width: 120px;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .circle_icon_wrap .work_box img {
    max-width: inherit;
  }
}
.lp .sec_01 .job_conditions .square_icon_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.67vw;
  margin-bottom: 3.13vw;
}
.lp .sec_01 .job_conditions .square_icon_wrap .occupation_box {
  position: relative;
  padding: 5.2vw 0;
  width: calc(20% - 1.67vw);
}
@media only screen and (max-width: 1280px), (max-device-width: 1280px) {
  .lp .sec_01 .job_conditions .square_icon_wrap .occupation_box {
    padding: 8.52vw;
    width: auto;
  }
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .square_icon_wrap .occupation_box {
    padding: 13vw;
  }
}
.lp .sec_01 .job_conditions .square_icon_wrap .occupation_box .absolute_inner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.lp .sec_01 .job_conditions .square_icon_wrap .occupation_box img {
  height: 2vw;
  display: block;
  margin: 0 auto 0.8vw;
}
@media only screen and (max-width: 1280px), (max-device-width: 1280px) {
  .lp .sec_01 .job_conditions .square_icon_wrap .occupation_box img {
    height: 4vw;
  }
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .square_icon_wrap .occupation_box img {
    height: 7vw;
  }
}
.lp .sec_01 .job_conditions .square_icon_wrap .occupation_box .txtbox p {
  font-size: 1.8rem;
  line-height: 1.1;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_01 .job_conditions .square_icon_wrap .occupation_box .txtbox p {
    font-size: 3.66vw;
  }
}
.lp .sec_02 {
  margin: 3.33vw 0 6.66vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 {
    margin: 7.32vw 0 14.64vw;
  }
}
.lp .sec_02 .recruit_btn {
  margin-top: 7.24vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .recruit_btn {
    margin-top: 14.51vw;
  }
}
.lp .sec_02 h2 .blue01 {
  font-size: 4rem;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 h2 .blue01 {
    font-size: 2.4rem;
  }
}
.lp .sec_02 .mock_txt {
  text-align: center;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .mock_txt {
    text-align: left;
  }
}
.lp .sec_02 .inner_block img {
  display: block;
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .inner_block img {
    width: 100%;
  }
}
.lp .sec_02 .merit_wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3.96vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap {
    gap: 15.85vw;
  }
}
.lp .sec_02 .merit_wrap .merit_box {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 3.39vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap .merit_box {
    flex-wrap: wrap;
  }
}
.lp .sec_02 .merit_wrap .merit_box .txtbox {
  width: calc(50% - 3.39vw);
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap .merit_box .txtbox {
    width: 100%;
  }
}
.lp .sec_02 .merit_wrap .merit_box .txtbox h3 {
  margin-bottom: 1.04vw;
}
.lp .sec_02 .merit_wrap .merit_box .imgbox {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap .merit_box .imgbox {
    width: 100%;
  }
}
.lp .sec_02 .merit_wrap .merit_box .imgbox::before {
  content: '';
  display: block;
  font-size: 4.38vw;
  font-weight: bold;
  position: absolute;
  color: #0F318D;
  opacity: 0.95;
  top: -2.19vw;
  left: 1.25vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap .merit_box .imgbox::before {
    font-size: 10.24vw;
    top: -7.12vw;
  }
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(even) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .merit_wrap .merit_box:nth-child(even) {
    flex-direction: row;
  }
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(1) .imgbox::before {
  content: "01";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(2) .imgbox::before {
  content: "02";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(3) .imgbox::before {
  content: "03";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(4) .imgbox::before {
  content: "04";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(5) .imgbox::before {
  content: "05";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(6) .imgbox::before {
  content: "06";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(7) .imgbox::before {
  content: "07";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(8) .imgbox::before {
  content: "08";
}
.lp .sec_02 .merit_wrap .merit_box:nth-child(9) .imgbox::before {
  content: "09";
}
.lp .sec_02 .flow_wrap {
  display: flex;
  justify-content: center;
  gap: 4.17vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .flow_wrap {
    flex-wrap: wrap;
    gap: 15.73vw 3.66vw;
    max-width: 520px;
    margin: 0 auto;
  }
}
.lp .sec_02 .flow_wrap .flow_box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: calc(25% - 4.17vw);
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .flow_wrap .flow_box {
    width: calc(50% - 3.66vw);
  }
}
.lp .sec_02 .flow_wrap .flow_box .imgbox {
  position: relative;
}
.lp .sec_02 .flow_wrap .flow_box .imgbox::before {
  display: none;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .flow_wrap .flow_box .imgbox::before {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    content: '';
    width: 20.04vw;
    height: 10.04vw;
    text-align: center;
    font-size: 9.39vw;
    font-weight: bold;
    position: absolute;
    color: #0F318D;
    top: -8.62vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.lp .sec_02 .flow_wrap .flow_box:not(:last-child) .imgbox::after {
  content: '';
  display: block;
  height: 4.38vw;
  width: 1.56vw;
  background: url("./../img/lp/arrow_right.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: calc(50% - 2.19vw);
  right: -2.5vw;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_02 .flow_wrap .flow_box:not(:last-child) .imgbox::after {
    display: none;
  }
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(1) .imgbox::before {
  content: "01";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(2) .imgbox::before {
  content: "02";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(3) .imgbox::before {
  content: "03";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(4) .imgbox::before {
  content: "04";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(5) .imgbox::before {
  content: "05";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(6) .imgbox::before {
  content: "06";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(7) .imgbox::before {
  content: "07";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(8) .imgbox::before {
  content: "08";
}
.lp .sec_02 .flow_wrap .flow_box:nth-child(9) .imgbox::before {
  content: "09";
}
.lp .sec_03 .lp_bottom_banner {
  padding: 3.49vw 0;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_03 .lp_bottom_banner {
    padding: 7.44vw 0;
  }
}
.lp .sec_03 .lp_bottom_banner .banner_ttl {
  font-size: 5rem;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_03 .lp_bottom_banner .banner_ttl {
    font-size: 5.49vw;
  }
}
.lp .sec_03 .lp_bottom_banner .banner_ttl .large-text {
  font-size: 5.5rem;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_03 .lp_bottom_banner .banner_ttl .large-text {
    font-size: 9.51vw;
  }
}
.lp .sec_03 .lp_bottom_banner .banner_ttl .dot-text {
  padding-top: 0.6em;
  background-repeat: repeat-x;
  background-size: 1em 1em;
  background-image: radial-gradient(circle at center, #fed30e 12%, rgba(0, 0, 0, 0) 15%);
}
.lp .sec_03 .lp_bottom_banner .banner_text {
  font-size: 3rem;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .lp .sec_03 .lp_bottom_banner .banner_text {
    font-size: 1.6rem;
  }
}