@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Joan&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);
@charset "UTF-8";
/* grobal start */
/*
#anker {
  height: 20px;
}
*/
.wrapper {
  width: 85%;
  margin: 0 auto;
}

body * {
  color: #000000;
  padding: 0;
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
}

h2 {
  font-family: "Montserrat", sans-serif;
}

h2,
h3,
section {
  position: relative;
}

h2::before {
  content: "";
  width: 4px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 22%;
  left: -1.5%;
}

.fv_catch h2::before {
  display: none;
}

.catch_ttl h2 {
  margin-left: 13%;
}

.heading_deco h3::before {
  content: "";
  width: 4px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 13%;
  left: -1.5%;
}

a {
  color: #ffffff;
  text-decoration: none !important;
  transition-duration: 0.5s;
}

a:hover {
  color: rgb(255, 0, 0);
  transition-duration: 0.5s;
}

.flex {
  display: flex;
}

button {
  width: 150px;
  height: 52px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  transition-duration: 0.5s;
  text-align: center;
}

.link_btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 60px;
}

.link_btn a {
  display: block;
  width: 150px;
  height: 52px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  transition-duration: 0.5s;
  text-align: center;
  padding: 13px;
}

.top_rcrt {
  margin: initial;
  margin-top: 4.5vw;
}

.news_back {
  width: -moz-fit-content;
  width: fit-content;
  margin: 60px auto;
}

.news-to-service-link {
  margin: 40px auto;
}

.news_back a {
  display: block;
  width: 168px;
  height: auto;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  transition-duration: 0.5s;
  text-align: center;
  padding: 13px;
}

.news-to-service-link a {
  width: -moz-fit-content;
  width: fit-content;
}

.news_back :hover {
  color: rgb(255, 0, 0);
}

.news_title_h2 {
  font-size: max(20px, 2vw);
}

.link_btn a:hover {
  color: rgb(255, 0, 0);
  transition-duration: 0.5s;
}

.pc-mv-img {
  display: block;
}

.sp-mv-img {
  display: none;
}

div div.detail-page {
  margin-top: 10vh;
}

.txt_limit p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* grobal end */
/* header start */
header {
  width: 100%;
  position: fixed;
  z-index: 5;
}

.logo_menu {
  padding: 12px 16px 0px 16px;
  justify-content: space-between;
}

.logo_menu .pc_menu {
  width: 50%;
  align-items: center;
  justify-content: flex-end;
}

.logo_menu .pc_menu li {
  margin-bottom: 12px;
}

.logo_menu .pc_menu li:not(:nth-child(1)) {
  margin-left: 36px;
}

.logo_menu a {
  color: #000000;
}

.nav_list .not_link {
  color: #ffffff;
  transition-duration: 0.5s;
}

.logo_menu a:hover,
.nav_list .not_link:hover {
  color: rgb(255, 0, 0) !important;
  transition-duration: 0.7s;
}

.upcross_logo {
  width: 100px;
}

/* header end */
/* dropdown lists start */
.dropdown_lists {
  width: 100%;
  height: 80px;
  position: absolute;
  top: 60%;
  right: -30%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

.dropdown_lists ul {
  justify-content: center;
  margin-right: 160px;
}

.nav_list:hover .dropdown_lists {
  display: block;
  padding-top: 40px;
  visibility: visible;
  opacity: 1;
}

/* dropdown lists end */
/* humburger menu start */
#menu_btn_check {
  display: none;
}

.humburger_menu {
  display: none;
}

/* humburger menu end */
/* fv start */
.fv {
  width: 100%;
  height: 680px;
  background-color: rgb(000, 000, 000);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  animation-name: background_anime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

@keyframes background_anime {
  0% {
    -webkit-clip-path: inset(0 150% 0 0);
            clip-path: inset(0 150% 0 0);
  }
  50% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.fv::before {
  content: "";
  width: 1px;
  background-color: #FF0000;
  position: absolute;
  top: -10%;
  right: 22%;
  animation-name: border_liner;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  z-index: 4;
}

@keyframes border_liner {
  0% {
    transform: rotate(20.5deg) translateY(-120vh);
    height: 120%;
  }
  100% {
    transform: rotate(20.5deg) translateY(0vh);
    height: 120%;
  }
}
.fv img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 680px;
  height: 150%;
  left: 0%;
  top: -37%;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  margin-left: -12vw;
  display: block;
  position: absolute;
  animation-name: fv_img_anime;
  animation-duration: 2s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  position: fixed;
}

@keyframes fv_img_anime {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.fv_img {
  position: relative;
  width: 100%;
  height: 100%;
}

.fv_img::before {
  content: "";
  background-image: url(../images/top_black_250.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
}

.fv_img::after {
  content: "";
  width: 100%;
  height: 200%;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 47%;
  top: 7%;
  top: 3%;
  z-index: 1;
  transform: rotate(20.5deg);
}

.fv_catch {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 60%;
  right: 13%;
  z-index: 5;
  animation-name: fade_in_anime;
  animation-duration: 3s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fade_in_anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fv_catch h2,
.fv_catch span {
  color: #ffffff;
  font-weight: 600;
  text-shadow: 2px 2px 3px #000000;
}
.fv_catch h2 {
  color: #000000;
  text-shadow: 2px 2px 3px #ffffff;
}
@media screen and (max-width: 599px) {
  .fv_catch h2 {
    color: #ffffff;
    text-shadow: 2px 2px 3px #000000;
  }
}
/* fv end */
/* mv start */
.mv_catch h2::before {
  display: none;
}

.mv {
  width: 100%;
  height: 360px;
  background-color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  position: relative;
  animation-name: background_anime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  overflow: hidden;
}

.mv_catch {
  width: -moz-fit-content;
  width: fit-content;
  margin: 130px;
  margin-left: 10%;
  position: relative;
  animation-name: fade_in_anime;
  animation-duration: 3s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.mv_catch h2,
.mv_catch span {
  color: #ffffff;
}

.mv_catch h2,
.mv_catch span {
  color: #000000;
}

.mv_catch h2 {
  font-size: 3.4vw;
  margin-bottom: 1.2vw;
  font-family: "Noto Sans JP", sans-serif;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4588235294);
  /*
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.4588235294);
  */
}

.mv_catch span {
  font-size: 1.4vw;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4588235294);
}

.mv img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 360px;
  position: absolute;
  top: 0%;
  right: 15%;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  animation-name: fv_img_anime;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  z-index: -1;
}

.mv::before {
  content: "";
  width: 1px;
  height: 375px;
  background-color: #FF0000;
  position: absolute;
  top: -2%;
  right: 11%;
  animation-name: mv_border_liner;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes mv_border_liner {
  0% {
    transform: rotate(17deg) translateY(-120vh);
    height: 120%;
  }
  100% {
    transform: rotate(17deg) translateY(0vh);
    height: 120%;
  }
}
/* mv end */
/* top about start */
.top_about {
  height: auto;
}

.top_style {
  margin-top: 30vh;
  height: 300px;
  position: relative;
}

.top-height {
  margin-top: 20vw;
}

.bg_border::before {
  content: "";
  width: 6px;
  height: 220%;
  position: absolute;
  transform: rotate(24deg);
  background-color: #ff0000;
  top: -1%;
  left: 20%;
  -webkit-clip-path: inset(0 0 100% 80%);
          clip-path: inset(0 0 100% 80%);
  z-index: -1;
}

/*
.top_style::after {
  content: "";
  width: 55%;
  height: 200%;
  background-image: url(../../img/about_back.png);
  position: absolute;
  top: 5%;
  right: 8%;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
  filter: blur(3px);
}
*/
.top_bg_img::after {
  content: "";
  width: 57%;
  height: 195%;
  background-image: url(../images/about_back.png);
  position: absolute;
  top: 5%;
  right: 7%;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
  filter: blur(3px);
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  opacity: 0;
  transition: all 1s ease-in;
}

.about {
  margin-top: 8vh;
}

.top_style p {
  margin-top: 60px;
  margin-left: 13%;
}

.abt-btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 8px 8px 15px rgb(196, 196, 196);
}

.Img-test-abt {
  width: 13vw;
}

.abt-cont {
  width: 8vw;
  margin-left: 1.5vw;
  text-align: center;
  background-color: #ffffff;
}

.abt-cont2 {
  width: 8vw;
  margin-left: 1.5vw;
  text-align: center;
  background-color: #ffffff;
}

.abt-cont span {
  font-family: "Bebas Neue", cursive;
  font-weight: bold;
  font-size: 2.1vw;
  line-height: 2vw;
  letter-spacing: 1px;
}

.abt-cont2 span {
  font-weight: bold;
  font-size: 2vw;
  line-height: 2vw;
  letter-spacing: 1px;
  font-family: "Bebas Neue", cursive;
}

.abt-ja {
  font-size: 0.6vw;
  margin-top: 50%;
  font-weight: 500;
  line-height: 2vw;
}

.abt-ja2 {
  font-size: 0.6vw;
  margin-top: 30%;
  font-weight: 500;
  line-height: 15px;
}

.abt-cont2 p {
  line-height: 1vw;
}

.abt-test-img {
  overflow: hidden;
}

.Img-test-abt {
  transition-duration: 0.3s;
}

.abt-btn:hover .Img-test-abt {
  transform: scale(1.2);
  transition-duration: 0.3s;
}

.margin-left {
  margin-left: initial;
}

.about-catch {
  font-size: 20px;
  font-weight: bold;
  padding-top: 1.5vh;
}

/* top about end */
/* top security action pc start */
.security_action_logo_area {
  text-align: center;
  margin-top: 40px;
}

.security_action_logo_area_lower_page {
  text-align: center;
  width: auto;
}

.security_action_logo_area img,
.security_action_logo_area_lower_page img {
  width: 100px;
}

/* top security action pc end */
/* top works start */
section .top_works {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 180px;
}

section .top_works::after {
  display: none;
}

section .top_works::before {
  top: -2%;
  left: 52%;
  height: 110%;
  z-index: -1;
}

.top-wrk-space {
  width: 85vw;
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 4vw;
}

.wrk-btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 8px 8px 15px rgb(196, 196, 196);
  margin-bottom: 6%;
}

.ImgBox-Img {
  transition-duration: 0.3s;
}

.wrk-btn-img {
  width: 9vw;
  overflow: hidden;
}

.wrk-btn-img img {
  width: 100%;
}

.wrk-btn-content {
  width: 18vw;
  text-align: center;
  background-color: #ffffff;
}

.wrk-btn .wrk-btn-content p {
  margin-top: 0px;
  margin-left: 0%;
}

.wrk-btn .wrk-btn-content .wrk-ja {
  font-weight: 500;
  font-size: 0.9vw;
  margin-top: 15%;
}

.wrk-btn .wrk-btn-content .wrk-title {
  font-size: 3.4vw;
  font-weight: bold;
  margin-top: 7%;
}

.wrk-btn .wrk-btn-content .wrk-example {
  font-size: 0.9vw;
  font-weight: 500;
  margin-top: 10%;
  padding: 0 0.5vw;
  margin-bottom: initial;
}

.wrk-btn .wrk-btn-content .wrk-sys-example {
  font-size: 0.9vw;
  font-weight: 500;
  padding: 0 1vw;
  margin-bottom: initial;
}

.wrk-btn .wrk-btn-content .wrk-sys-title {
  font-size: 3.2vw;
  font-weight: bold;
  margin-top: 5%;
  line-height: 3.5vw;
}

.wrk-sys-title span {
  font-family: "Bebas Neue", cursive;
}

.wrk-title span {
  font-family: "Bebas Neue", cursive;
}

/* top works end */
/* top recuit start */
section .top_recuit:first-child {
  margin-top: 10vw;
}

section .top_recuit {
  margin-top: 300px;
  height: auto;
}

section .top_recuit::before {
  content: "";
  width: 6px;
  height: 450px;
  position: absolute;
  transform: rotate(20deg);
  background-color: #ff0000;
  top: 0%;
  left: 81%;
}

.recruit_style {
  margin-top: 30vh;
  height: 300px;
  position: relative;
}

.top_recuit h2::before {
  left: -3%;
  top: 18%;
}

.top_recuit {
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.top_recuit .catch_ttl {
  margin-right: 40px;
  margin-left: 35px;
}

.top_recuit .catch_ttl h2 {
  position: relative;
  margin-left: 12px;
  margin-top: 60px;
}

.top_recuit p {
  margin: 0;
  margin-top: 5vw;
}

.top_recuit .catch_ttl .recruit-exam {
  font-size: 1.2vw;
  width: 600px;
  width: -moz-fit-content;
  width: fit-content;
}

.top_recuit .catch_ttl .recruit-catch {
  font-weight: bold;
  font-size: 1.5vw;
  margin-top: 3.5vw;
  width: 600px;
  top: 16vw;
  left: 15%;
  width: -moz-fit-content;
  width: fit-content;
}

.top_recuit .top_recuit_pc {
  width: 87%;
}

.top_recuit_pc img {
  width: 50vw;
  top: 15%;
  margin-top: 25px;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  transition: all 1s ease-in;
}

section .link_btn_recuit {
  position: absolute;
  top: 31vw;
  left: 0%;
  margin-top: 0px;
}

.top_recuit_sp {
  display: none;
}

.recruit_all_sp {
  display: none;
}

/* top recuit end */
/* top news start */
section .top_news {
  margin-top: 300px;
}

.top_news {
  height: auto;
}

.top_news::after {
  display: none;
}

.top_news::before {
  top: -2%;
  left: 55%;
  height: 100%;
  z-index: -1;
}

.top-card {
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
}

.fflex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.top-news-card {
  position: relative;
  width: 27%;
  border: 2px solid rgb(200, 200, 200);
  margin: 5vh 2vw;
  box-shadow: 15px 15px 15px rgb(230, 230, 230);
}

.top-news-card:before {
  content: "";
  display: block;
  padding-top: 112%;
}

.top-card-main {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 1.2vw;
  background-color: #ffffff;
}

.cardimg {
  background: #000;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  width: 100%;
}

.cardimg img {
  width: 100%;
}

.top-card-main p {
  margin: 0.5vw;
  font-size: 1vw;
}

.top-card-main span {
  color: rgb(122, 122, 122);
  margin-left: 1vw;
  font-size: 1vw;
}

.top-card-main img {
  transition-duration: 0.3s;
}

.top-card-main:hover .card-hover {
  transform: scale(1.2);
  transition-duration: 0.3s;
  opacity: 0.6;
}

.top_news_link {
  margin-top: 7vw;
}

.mv_catch .harassment {
  font-size: 40px;
  margin-bottom: 1.2vw;
  font-family: "Noto Sans JP", sans-serif;
}

/* top news end */
/* top client start */
section .top_client {
  height: auto;
  margin-top: 300px;
}

section .top_client::after {
  display: none;
}

section .top_client::before {
  height: 138%;
  top: 3%;
  left: 56%;
  z-index: -1;
}

.client_list {
  margin-top: 120px;
}

.client_list ul {
  justify-content: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2%;
}

.client_list li {
  width: 25%;
  background-color: rgb(255, 255, 255);
  box-shadow: 8px 4px 12px rgba(0, 0, 0, 0.3);
  margin: 0 2%;
}

.top_client_link {
  margin-top: 150px;
  margin-bottom: 400px;
}

.client_list li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
  margin-top: 16px;
}

/* top client end */
/* conversion link start */
.conversion_link {
  justify-content: center;
  align-items: center;
  background-image: url(/images/conversion-background.png?5488b0c8fd0d499f1145f102d14d7df9);
  background-size: cover;
  height: 360px;
  width: 100%;
  margin-top: 120px;
}

.conversion_recuit a,
.conversion_contact a {
  margin-left: 16px;
  width: 30vw;
  height: 11.8vw;
  position: relative;
  font-size: 2vw;
  font-weight: 500;
}

.conversion_link_txt {
  color: #ffffff;
  margin-top: 2vw;
  margin-left: 1vh;
  transition-duration: 0.5s;
  width: -moz-fit-content;
  width: fit-content;
}

.conversion_recuit span,
.conversion_contact span {
  display: block;
  color: #ffffff;
  font-weight: initial;
  font-size: 1.2vw;
  margin-top: 2vw;
}

.conversion_recuit {
  margin-right: 28px;
}

.conversion_contact {
  margin-left: 28px;
}

.conversion_recuit,
.conversion_contact {
  background-color: rgb(0, 0, 0);
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 8px 8px 15px rgb(138, 138, 138);
}

.conversion_recuit span,
.conversion_contact span {
  transition-duration: 0.5s;
}

.conversion_recuit a:hover .conversion_link_txt,
.conversion_contact a:hover .conversion_link_txt,
.conversion_recuit a:hover span,
.conversion_contact a:hover span {
  color: #ff0000;
  transition-duration: 0.5s;
}

.conversion_recuit a::before,
.conversion_contact a::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 0;
  width: 110%;
  height: 100%;
  transition-duration: 0.7s;
  z-index: -1;
}

.conversion_recuit a::before {
  background-image: url(../images/dsn_con.png);
  z-index: 2;
}

.conversion_contact a::before {
  background-image: url(../images/dsn_rct.png);
  z-index: 2;
}

.conversion_recuit a:hover::before,
.conversion_contact a:hover::before {
  transform: scale(1.1);
  transition-duration: 0.7s;
}

.access-space .catch_ttl h2 {
  margin-left: 0%;
}

/* conversion link end */
/* conversion entry link start */
.conversion_entry_link {
  background-image: url(/images/recruit_conv.jpg?568abcc9bc7fc720d6067a8851e705de);
  height: 480px;
}

.conversion_entry_link * {
  color: #ffffff;
  margin: 0;
}

.entry_ttl {
  position: relative;
  font-size: max(32px, 4.5vw);
  letter-spacing: 5px;
  font-family: "Bebas Neue", cursive;
}

.entry_ttl span {
  position: absolute;
  top: 100%;
  left: 50%;
  font-size: 16px;
  transform: translateX(-50%);
  letter-spacing: initial;
}

.entry_ttl_headding, .conversion_entry_link a {
  text-align: center;
}

.entry_ttl_headding {
  padding-top: 60px;
}

.entry_ttl_headding p {
  margin: 0 auto;
  margin-top: 86px;
  width: 80%;
}

.conversion_entry_link a {
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: #000000;
  width: 280px;
  height: 86px;
}

.entry_btn {
  margin: 48px 0 48px 0;
}

.conversion_entry_link a:hover .entry_link_txt {
  color: rgb(255, 0, 0);
  transition-duration: 0.5s;
}

.entry_link_txt {
  position: absolute;
  transition-duration: 0.5s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  font-size: max(20px, 1.2vw);
  font-weight: 500;
}

/* conversion entry link start */
/* template custom style start */
/* temp footer start */
footer {
  padding: 40px 72px;
  background-color: #000000;
}

footer a {
  color: #ffffff;
  font-size: 1.3vw;
}

.security_action_logo_area_footer_li {
  position: relative;
}

.temp_footer img {
  width: 30px;
}

.temp_footer .wanted {
  width: 35px;
  margin-left: -1px;
}

.temp_footer_link ul li:not(:last-child) {
  margin-right: 12px;
}

div.temp_footer_link ul {
  padding-left: 0;
}

.temp_footer_link a:hover {
  color: rgb(255, 0, 0);
  transition-duration: 0.7s;
}

.vertical_line1, .vertical_line2 {
  position: relative;
}

.vertical_line1 li:not(:first-child)::before,
.vertical_line2 li:not(:first-child)::before {
  content: "";
  width: 2px;
  height: 1vw;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 12px;
}

.temp_footer_copy_sns {
  margin-top: 40px;
}

.temp_footer_copy_sns span {
  color: #ffffff;
  font-size: 10px;
  padding-top: 10px;
}

.temp_footer_copy_sns ul {
  width: auto;
  margin-left: 0;
}

.temp_footer_copy_sns ul li:not(:nth-child(1)) {
  margin-left: 12px;
}

.temp_footer_copy_sns div {
  margin-top: 4px;
  margin-left: 12px;
}

.security_action_logo_area_footer_pc {
  position: absolute;
  bottom: -120px;
  right: -6%;
}

.security_action_logo_area_footer_pc img {
  width: 100px;
}

/* temp footer end */
/* template custom style end */
/* temp news_all start */
.kkkk {
  width: 80%;
  margin: 30vh auto;
}

.fflex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}

.parent {
  position: relative;
  width: 28%;
  border: 2px solid rgb(200, 200, 200);
  margin: 5vh 2vw;
  box-shadow: 15px 15px 30px rgb(230, 230, 230);
}

.parent:before {
  content: "";
  display: block;
  padding-top: 112%;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 1.2vw;
  background-color: #ffffff;
}

.child img {
  transition-duration: 0.3s;
}

.child:hover .card-hover {
  transform: scale(1.2);
  transition-duration: 0.3s;
  opacity: 0.6;
}

.child p {
  margin: 1vw;
  font-size: 1.2vw;
}

.child span {
  color: rgb(122, 122, 122);
  margin-left: 1vw;
  font-size: 1vw;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 5vh;
}

/* temp news_all end */
/* template custom style end */
/* temp news_show start */
.container {
  margin: 200px 0;
}

.temp-news_mv {
  background-color: #000000;
  z-index: 3;
}

.marketing img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* temp news_show end */
/* temp works start */
.kkkk {
  width: 80%;
  margin: 22vh auto;
  margin-top: 10vh;
}

.fflex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.works-parent {
  position: relative;
  width: 42%;
  border: 2px solid rgb(200, 200, 200);
  margin: 5vh 2vw;
  box-shadow: 15px 15px 30px rgb(230, 230, 230);
}

.works-parent:before {
  content: "";
  display: block;
  padding-top: 112%;
}

.works-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 1.2vw;
}

.works-child a :hover {
  color: #FF0000;
}

.works-child span {
  color: rgb(122, 122, 122);
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 5vh;
}

.works_card_title {
  font-weight: 600;
  font-size: 1.2vw;
  margin-left: 0.7vw;
  margin-right: 0.2vw;
  margin-top: 2.5vw;
}

.works_card_kind {
  font-size: 1.04vw;
  margin-left: 0.7vw;
  margin-top: 3.5vw;
}

.works-child .works_corp_name {
  font-weight: 500;
  color: #000;
  margin-left: 0.7vw;
  font-size: 1.1vw;
}

/* temp works end */
/* upcdata start */
.data-space {
  margin: 200px 5vw;
  margin-top: 10vh;
}

.d-flex {
  display: flex;
  justify-content: center;
}

.now {
  width: 100%;
  justify-content: initial;
  text-align: end;
  margin-left: 5%;
}

.order {
  display: flex;
  justify-content: center;
}

.resize-1 img {
  width: 20.2vw;
  margin-left: 10px;
}

.resize-2 img {
  width: 41vw;
  margin-left: 10px;
}

.shadow {
  border-radius: 1vw;
}

.data-row {
  margin-top: 10px;
}

.resize-3 img {
  width: 41vw;
  margin-left: 10px;
}

.margin-top {
  margin-top: 10px;
}

/* upcdata end */
/* member_all start */
.member-row img {
  width: 25vw;
  height: 100%;
  border-radius: 1.5vh;
  will-change: contents;
  transition-duration: 0.3s;
  -o-object-fit: cover;
     object-fit: cover;
}

.member-row {
  margin-top: 1.2vw;
  display: flex;
  justify-content: center;
}

.hover-img {
  width: 25vw;
  height: 25vw;
  border-radius: 1.5vh;
  background: rgb(255, 81, 42);
  overflow: hidden;
  margin: 0 0.6vw;
  position: relative;
}

.hover-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  transition: 0.3s ease-in-out;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hover-text p {
  color: #fff;
  line-height: 1.8;
}

.hover-text-division {
  color: #fff;
  font-size: 1.2vw;
}

.hover-text-position {
  color: #fff;
  font-size: 1.2vw;
}

.hover-text-name {
  color: #fff;
  font-weight: 1000;
  font-size: 1.5vw;
}

.member-row .hover-img:hover img {
  transform: scale(1.2);
  transition-duration: 0.3s;
  opacity: 0.4;
}

.member-row .hover-img:hover .hover-text {
  opacity: 1;
}

.back-illst img {
  background-color: #ebebeb;
}

.member-space {
  margin: 200px 5vw;
  margin-top: 10vh;
}

.member-caption {
  display: block;
  font-weight: 400;
  font-size: 1.1rem;
  margin-bottom: 0.5vw;
}

/* member_all end */
/* office start */
.of-space {
  margin: 150px 60px;
  margin-top: 10vh;
}

.of-img {
  display: flex;
  justify-content: center;
}

.of-img img {
  width: 35vw;
  margin: 0 2vw;
}

.of-raw {
  margin-bottom: 4vw;
}

.office_exp {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 13%;
  margin-bottom: 70px;
}

.office_exp p {
  font-size: 17px;
  line-height: 40px;
}

.of-space .catch_ttl {
  margin-bottom: 40px;
  font-size: 23px;
}

.member-space .catch_ttl {
  margin-bottom: 45px;
  font-size: 23px;
  margin-left: 8%;
}

.member-space .catch_ttl h2 {
  margin-left: initial;
}

.kkkk .catch_ttl {
  margin-bottom: 45px;
  font-size: 23px;
  margin-left: 8%;
}

.works_exp {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 4%;
  margin-bottom: 50px;
}

.works_exp p {
  font-size: 17px;
  line-height: 40px;
}

.member_exp {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8%;
  margin-bottom: 70px;
}

.member_exp p {
  font-size: 17px;
  line-height: 40px;
}

.news_exp {
  width: -moz-fit-content;
  width: fit-content;
  margin: 50px 0;
  margin-left: 4%;
}

.news_exp p {
  font-size: 17px;
  line-height: 40px;
}

.kkkk .catch_ttl {
  font-size: 23px;
  margin-left: 4%;
}

.kkkk .catch_ttl h2 {
  margin-left: initial;
}

.pickup_label {
  position: absolute;
  left: 3%;
  bottom: -15%;
  z-index: -1;
}

.pickup_label2 {
  position: absolute;
  left: -85%;
  bottom: -19%;
  z-index: -1;
}

.pickup_label3 {
  position: absolute;
  left: 3%;
  bottom: -18%;
  z-index: -1;
}

.pickup_label4 {
  position: absolute;
  left: -135%;
  bottom: -19%;
  z-index: -1;
}

.pickup_label div {
  display: block;
  color: rgba(251, 173, 173, 0.1882352941);
  font-size: 15vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.pickup_label2 div {
  display: block;
  color: rgba(251, 173, 173, 0.1882352941);
  font-size: 15vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.pickup_label3 div {
  display: block;
  color: rgba(251, 173, 173, 0.1882352941);
  font-size: 15vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.pickup_label4 div {
  display: block;
  color: rgba(251, 173, 173, 0.1882352941);
  font-size: 15vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* office end */
/* about start */
.about-space {
  padding: 0 5vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.abt-content {
  margin: 15vh 9vw;
  font-size: 1.3vw;
}

.abt-d-flex {
  display: flex;
  margin-left: 2vw;
  border-bottom: 1px solid rgb(186, 186, 186);
}

.abt-content p {
  font-weight: 400;
}

.abt-content span {
  font-weight: bold;
  width: 18vw;
}

.name {
  padding-bottom: 3vh;
}

.address {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.ceo {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.ceo-caption {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  margin-bottom: 1vw;
}

div div.ceo-page {
  margin-top: 10vh;
}

.featurette {
  padding: 2vw;
}

.featurette span {
  display: block;
}

.money {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.business {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.customer {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.bank {
  padding-top: 4vh;
  padding-bottom: 3vh;
}

.access-content {
  margin-top: 2vh;
  display: flex;
  justify-content: center;
  font-size: 1.3vw;
}

iframe {
  margin-top: 10vw;
  width: 35vw;
  height: 26vw;
}

.g_map iframe {
  margin-top: 5vw;
  width: 35vw;
  height: 26vw;
}

.acs-raw {
  padding-top: 9vh;
  margin-left: 10vw;
}

.access-content span {
  font-weight: 500;
}

.access-content p {
  font-weight: 400;
  padding: 5px 0;
}

.station {
  padding-top: 40px;
}

.access-space {
  padding: 0 20vw;
}

/* about end */
/* contact start */
.contact-space {
  padding: 0 10vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.guidance {
  text-align: center;
  margin-bottom: 10vh;
  font-size: 19px;
}

.title {
  font-weight: bold;
  margin-bottom: 50px;
  font-size: 35px;
}

.cont-recruit span {
  color: blue;
}

.cont-recruit {
  margin-top: 50px;
}

.send-title,
.send-name,
.send-company,
.send-mail {
  width: 18%;
  font-weight: bold;
  font-size: 17px;
}

.send-in {
  width: 29%;
  font-weight: bold;
  font-size: 17px;
}

.form-textarea textarea {
  border: 1px solid rgb(137, 137, 137);
  width: 60%;
  padding: 1vh 1vw;
  height: 300px;
  font-size: 15px;
  color: rgb(173, 173, 173);
}

.form {
  margin-left: 20%;
  margin-bottom: 15px;
}

.form-space {
  display: flex;
}

.form-textarea span {
  color: #FF0000;
}

.textarea::-moz-placeholder {
  color: rgb(163, 163, 163);
}

.textarea::placeholder {
  color: rgb(163, 163, 163);
}

.text::-moz-placeholder {
  color: rgb(163, 163, 163);
}

.text::placeholder {
  color: rgb(163, 163, 163);
}

.submit-btn {
  width: 100%;
  margin: 50px auto;
}

.submit-btn .form {
  margin-left: initial;
}

.submit {
  border: 1px solid black;
  background-color: #000;
  color: #ffffff;
  font-size: 19px;
  width: 170px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
}

.submit:hover {
  color: #FF0000;
}

.recruit-form {
  display: flex;
  margin-bottom: 30px;
  justify-content: flex-end;
}

.recruit-message-space .recruit-form {
  justify-content: left;
}

.contact-form {
  display: flex;
  margin-bottom: 10px;
  margin-top: 45px;
  justify-content: flex-end;
}

.recruit-message-space .contact-form {
  justify-content: left;
}

.recruit-form-space,
.recruit-message-space,
.recruit-file-space,
.recruit-url-space {
  width: -moz-fit-content;
  width: fit-content;
  margin: 90px 0;
  margin-left: 20%;
}

.recruit-message-space {
  width: 80%;
}

.recruit-file-space {
  margin: 0 0 0 20%;
  width: 80%;
}

.recruit-form-space input {
  border: 1px solid rgb(137, 137, 137);
  width: 400px;
  padding: 1vh 1vw;
  height: 5vh;
  font-size: 16px;
}

.recruit-message-space textarea {
  border: 1px solid rgb(137, 137, 137);
  width: 500px;
  padding: 1vh 1vw;
  height: 300px;
  font-size: 16px;
}

.recruit-name {
  width: 300px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  text-align: right;
  font-size: 16px;
  margin-right: 30px;
}

.recruit-cofim-name {
  width: 400px;
  font-weight: 500;
  font-size: 17px;
  margin-right: 30px;
}

.recruit-file-space p.attachment_file {
  width: 80%;
}

.file_guidance {
  width: 100%;
  margin: 0 0 0 20%;
}

.file_guidance span {
  color: #FF0000;
}

.error-message {
  color: #FF0000;
  margin-left: 45%;
  margin-bottom: 40px;
}

.file-error .error-message {
  margin-left: initial;
}

.confim-space {
  margin: 0 5px;
  color: #000 !important;
}

.contact-name {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  text-align: right;
  font-size: 18px;
  margin-right: 30px;
}

.contact-name-confim {
  width: 500px;
  font-weight: 500;
  font-size: 18px;
  margin-right: 30px;
}

.recruit-message {
  width: 300px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  text-align: right;
  font-size: 16px;
  margin-right: 30px;
}

.recruit-message-confim {
  width: 80%;
  min-width: 300px;
  font-weight: 500;
  font-size: 18px;
}

.contact-message {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  text-align: right;
  font-size: 18px;
  margin-right: 30px;
}

.contact-message-confim {
  width: 80%;
  font-weight: 500;
  font-size: 18px;
}

.pc-initial {
  display: none;
}

.recruit-form-space span {
  color: #FF0000;
}

.title-margin {
  line-height: 80px;
  color: initial !important;
}

.recruit-message-space span {
  color: #FF0000;
}

.rcrt-contact-clumn {
  margin-bottom: 50px;
  margin-top: 100px;
  width: 100%;
}

.rcrt-contact-clumn h2 {
  font-size: 25px;
  font-weight: 700;
  margin-left: 20%;
}

.rcrt-contact-clumn h2::before {
  top: 6%;
  left: -2.5%;
}

.recruit-file-space input {
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  font-size: 15px;
}

.recruit-url-space span {
  color: #FF0000;
}

.recruit-url-space input {
  border: 1px solid rgb(137, 137, 137);
  width: 400px;
  padding: 1vh 1vw;
  height: 5vh;
  font-size: 17px;
}

.recruit-url-name {
  width: 300px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  text-align: right;
  font-size: 16px;
  padding: 1vh 1vw;
}

.recruit-url-confim {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 17px;
}

.message-word {
  width: 100%;
  margin: 20px auto;
}

.message-word input:nth-child(2) {
  width: 100%;
}

.recruit-contact-btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.file-name span {
  color: #FF0000;
}

div p.file-name {
  font-size: 16px;
}

.recruit-contact-btn button {
  margin-top: 5%;
  background-color: #000;
  color: #ffffff;
  width: 130px;
  height: 45px;
  font-size: 16px;
  text-align: center;
  margin: 20px;
}

.grecaptcha-logo iframe {
  margin-top: 0;
  width: 60vw;
  height: 45vw;
}

/* contact end */
/* recuit start */
.lower_recuit:not(:nth-child(2)) {
  flex-direction: row;
}

.lower_recuit .catch_ttl {
  margin-right: 0;
  margin-left: 0;
  padding-left: 80px;
}

.lower_recuit_row_revers .catch_ttl {
  margin-right: 0;
  padding-right: 80px;
  margin-left: 80px;
}

.lower_recuit .catch_ttl,
.lower_recuit_row_revers .catch_ttl {
  width: 50%;
}

section .lower_recuit::before,
section .lower_recuit_row_revers::before {
  height: 100%;
}

section .lower_recuit::before {
  left: 30%;
  top: -16%;
  transform: rotate(27.5deg);
  height: 116%;
}

section .lower_recuit_row_revers::before {
  left: 81%;
  top: -14%;
  transform: rotate(-27.5deg);
  height: 116%;
}

.lower_recuit h2::before,
.lower_recuit_row_revers h2::before {
  display: none;
}

.lower_recuit h2,
.lower_recuit_row_revers h2 {
  position: relative;
}

.lower_recuit span,
.lower_recuit_row_revers span {
  position: absolute;
  top: -102%;
  font-size: 1.5vw;
}

.lower_recuit .catch_ttl h2,
.lower_recuit_row_revers .catch_ttl h2 {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 2.3vw;
  font-weight: 600;
  margin-left: 0;
}

.lower_recuit p,
.lower_recuit_row_revers p {
  font-weight: 400;
  line-height: 2.5;
  font-size: 1.2vw;
  margin-top: 1.4vw;
  padding-bottom: 6.2vw;
}

.lower_recuit button,
.lower_recuit_row_revers button {
  font-size: 12px;
}

.lower_recuit .top_recuit_pc,
.lower_recuit_row_revers .top_recuit_pc {
  width: 50%;
}

section .lower_recuit .link_btn_recuit {
  left: auto;
}

section .lower_recuit .link_btn_recuit,
section .lower_recuit_row_revers .link_btn_recuit {
  margin-left: 0;
  bottom: 0;
  top: inherit;
}

.link_btn_recuit a {
  width: 14vw;
  height: 4vw;
  font-size: 1vw;
  padding: 14px;
}

.lower_recuit .box_reveal .rcrt-office-margin {
  margin-top: 4.2vw;
}

.lower_recuit_row_revers .rcrt-occ-margin {
  margin-top: 2.4vw;
}

/* recuit_all end */
/* recruit_show start */
.rcrt_flex {
  display: flex;
}

.clumn_flex {
  display: flex;
}

.recruit_show {
  width: 100vw;
  padding: 0 15vw;
  margin-top: 10vw;
}

.recruit_h2 h2::before {
  left: -2%;
  top: -1%;
}

.recruit_title h3 {
  font-weight: bold;
  font-size: 35px;
  margin-left: -12px;
  width: 100%;
  margin-bottom: 80px;
}

.recruit_h2 h2 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 30px;
}

.recruit_about_h2 h2 {
  font-size: 16px;
  font-weight: 700;
}

.recruit_about_h2 h2::before {
  height: 20px;
  left: -4%;
  top: -1%;
}

.recruit_box {
  width: 70%;
}

.recruit_main {
  width: 100%;
}

.recruit_campany {
  width: 27%;
  margin-left: 40px;
  position: sticky;
  top: 60px;
  height: 100%;
}

.rcrt_about_exam {
  height: -moz-fit-content;
  height: fit-content;
}

.clumn-title {
  font-weight: bold;
  width: 130px;
  padding-top: 30px;
  padding-right: 17px;
}

.recruit_main p {
  font-size: 16px;
  margin-bottom: 25px;
}

.recruit_campany p {
  font-size: 14px;
  margin-bottom: 16px;
}

.white-space p {
  overflow-wrap: break-word;
}

.clumn-exam {
  width: 80%;
  padding-top: 30px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 5px;
  border-bottom: 1px solid rgb(209, 209, 209);
}

.campany-clumn-exam {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(209, 209, 209);
}

.about_flex {
  display: initial;
}

/* recruit_show end */
/* occupation start */
.occupation-space {
  padding: 10vh 10vw;
}

.none_deco h2 {
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
}

.none_deco h2::before {
  display: none;
}

.occupation_content {
  width: 80%;
  margin: 0 auto;
  margin-top: 140px;
}

.occupation_content h3 {
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 25px;
}

table {
  width: 100%;
}

.occupation_content tr {
  border: 1px solid;
  height: 86px;
  display: block;
}

.occupation_content tr:not(:first-child) {
  border-top: 0px;
}

.occupation_content th {
  display: block;
  height: 100%;
}

.occupation_content a {
  position: relative;
  display: block;
  color: #000000;
  width: 100%;
  height: 100%;
}

.occupation_content a div {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  font-size: 18px;
  margin-right: 60px;
}

.occupation_content a::before {
  content: "";
  position: absolute;
  top: 40%;
  right: 6%;
  width: 16px;
  height: 16px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}

.lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 200 !important;
  font-size: 17px !important;
}

.lead_date {
  text-align: right;
  margin-bottom: 4rem;
}

.pri_space {
  padding: 0 15%;
  margin-top: 100px;
}

.pri_title {
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: solid rgb(142, 142, 142) 1px;
}

.pri_date {
  font-size: 17px;
  color: rgb(146, 146, 146);
  margin-top: 20px;
}

.margin-center .span_lead span {
  font-weight: initial;
  font-weight: 400;
  margin-bottom: 7px;
}

.margin-center {
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 0 auto !important;
}

/* occupation end */
/* service start */
div.container-service.service-pc-hidden {
  margin: 0 auto;
  max-width: 960px;
  padding-top: 10vh;
}

div.service-pc-hidden {
  margin-top: 0;
  margin-bottom: 4vw;
}

div.service-pc-hidden,
div.service-pc {
  padding: 0;
}

.service-link-btn {
  text-align: center;
}

.service-link-btn a {
  margin: 16px;
}

div.service-pc img {
  width: 100%;
}

div.service-link-btn img {
  width: 30%;
}

.service-link-btn a img {
  transition-duration: 0.8s;
}

.service-link-btn a img:hover {
  transform: translate(-2.1rem, -2ex);
  transition-duration: 0.8s;
}
div.service-profile-margin
, p.service-profile-margin {
  margin-top: 6vw;
}
@media screen and (max-width: 599px) {
  div.service-profile-img{
    text-align: center;
  }
  div.service-profile-img img {
    width: 50%;
  }
  div.service-profile-margin
  , p.service-profile-margin {
    margin-top: 4vw;
  }
}
.service-profile {
  font-size: 14px !important;
}

.service-profile span {
  display: block;
}
/* service end */
/* hojokin lp start */
.main_lp_hojokin {
  overflow: hidden;
}

.hojokin_wrraper {
  width: 90%;
  margin: 0 auto;
}

section {
  padding-bottom: 8vw;
}

div.main_lp_hojokin h2 {
  font-size: max(32px, 3vw);
  margin-bottom: 40px;
  z-index: 10;
  font-weight: 600;
}

.main_lp_hojokin h3 {
  font-size: max(20px, 1.5vw);
}

.main_lp_hojokin p {
  font-size: max(14px, 1.5vw);
}

.main_lp_hojokin ul {
  padding-left: 0 !important;
}

.lp_mv h1 {
  text-align: left;
}

.lp_h2_wrraper {
  margin: 8vw 0 6vw 0;
}

.lp_h2_wrraper span {
  display: block;
  color: #1CB0CB;
  text-align: center;
  font-weight: 500;
  margin-top: -24px;
  font-size: max(14px, 1.8vw);
}

.lp_mv {
  background-image: url(/images/fv_bg@2x.png?493b52b64946a57f58dde8f3f23246f6);
  background-size: cover;
  position: relative;
  width: 100%;
  height: 600px;
}

.lp_mv_position {
  width: 90%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.lp_mv_area {
  position: relative;
}

.hojokin_txt,
.hojokin_word {
  position: absolute;
}

.hojokin_txt {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.hojokin_word {
  right: 20%;
}

.hojokin_txt::before {
  content: "";
  border: solid #F8E25D;
  width: 110%;
  height: 16px;
  position: absolute;
  background-color: #F8E25D;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: -5;
}

.hojokin_cost {
  color: #09B0CB;
  text-shadow: 5px 3px 0px rgb(0, 0, 0);
  font-size: max(68px, 4vw);
  padding-right: 20px;
}

.hojokin_price {
  color: #F8E25C;
  text-shadow: 3px 2px 0px rgb(0, 0, 0);
  font-size: max(68px, 4vw);
  padding-right: 20px;
}

.hojokin_support {
  color: #FFF;
  text-shadow: 3px 2px 0px rgb(248, 226, 92);
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
  font-size: max(52px, 4vw);
  padding-right: 20px;
}

.lp_mv_area::before {
  content: "";
  width: 18%;
  height: 30px;
  background-image: url(/images/band@2x.png?ad682dc6f589bfb5a04c08312bc51154);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -18%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.lp_mv_area h1 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: max(36px, 4vw);
}

.lp_mv_area h1::before {
  content: "";
  width: 50%;
  height: 50%;
  background-image: url(/images/fukidashi@2x.png?61d30976c0c6bd7a79d78359fd9469f8);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -30%;
  left: 0%;
}

.lp_mv_area h1::after {
  content: "";
  width: 20%;
  height: 100%;
  background-image: url(/images/man@2x.png?12a3c68ba77f6aa11f0f982aa175ed75);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 103%;
  left: 84%;
}

.lp_mv_txt_img_position {
  width: 50%;
  position: relative;
}

.lp_mv_band_txt p {
  text-align: center;
}

.lp_mv_area .service-link-btn {
  margin-top: 8vw;
}

.lp_mv_area a img {
  transition-duration: 0.8s;
}

.lp_mv_area a img:hover {
  transform: translate(-2.1rem, -2ex);
  transition-duration: 0.8s;
}

.main_lp_hojokin h2 {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.main_lp_hojokin h3 {
  text-align: center;
}

.main_lp_hojokin h2::before {
  content: "";
  border: solid #F8E25D;
  width: 110%;
  height: 16px;
  position: absolute;
  background-color: #F8E25D;
  top: 60%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: -5;
}

.about_hojokin_section {
  position: relative;
  /*
  background-image: url(../../public/img/lp/about_hojokin_bg@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 80%;
  */
  padding-bottom: 0;
  z-index: 2;
  background-color: #FDF9E6;
}

.about_hojokin_area {
  padding: 6vw 0vw;
}

.main_lp_hojokin a {
  color: #09B0CB;
}

.about_hojokin_area h2 {
  position: relative;
  background-color: inherit;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #FFFFFF;
}

.about_hojokin_area img {
  position: absolute;
  top: -95%;
  left: -25%;
  width: 150%;
  max-width: inherit;
  z-index: -5;
}

.about_hojokin_title {
  position: absolute;
  top: -6%;
  left: 50%;
  transform: translate(-50%, 0);
}

.about_hojokin_txt p {
  text-align: center;
}

.about_hojokin_txt {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.about_hojokin_txt a {
  color: #1CB0CB;
}

.about_hojokin_txt a,
.hojokin_service_merit_list_txt a {
  text-decoration: underline !important;
}

.hojokin_service_merit_list_txt a {
  font-size: 12px;
}

.hojokin_service_merit_list_txt {
  margin-top: 16px;
}

.about_hojokin_bg {
  position: absolute;
  top: -23%;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 30vw;
}

.about_hojokin_bg img {
  height: 130%;
}

.hojokin_service_merit_section {
  position: relative;
  background-image: url(/images/hojokin_service_merit_bg@2x.png?4946f3b3f8d2709ce43cac06758ca28c);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  height: 75vw;
  margin-top: -15vw;
}

.hojokin_service_merit {
  padding-top: 15vw;
}

.hojokin_service_merit_list ul,
.after_service_hojokin_list ul {
  display: flex;
  justify-content: space-between;
}

.hojokin_service_merit_list ul li {
  width: 20%;
}

.service_hojokin_bg {
  position: absolute;
  top: -23%;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 30vw;
}

.compare_hojokin_area .service-link-btn {
  margin-top: 8vw;
}

.service_hojokin_bg img {
  height: 130%;
}

.after_service_hojokin_list ul li {
  width: 49%;
}

.after_service_hojokin_list ul {
  flex-wrap: wrap;
}

.after_service_hojokin_list .after_service_hojokin_list_title,
.after_service_hojokin_list .after_service_hojokin_list_txt {
  position: absolute;
}

.after_service_hojokin_list .after_service_hojokin_list_title {
  top: 8%;
  left: 3%;
  font-size: max(20px, 1.5vw);
  font-weight: 500;
}

.after_service_hojokin_list .after_service_hojokin_list_txt {
  top: 43%;
  left: 3%;
  width: 90%;
}

.after_service_hojokin_list li:nth-child(3),
.after_service_hojokin_list li:nth-child(4) {
  margin-top: 20px;
}

.q_and_a_hojokin_section {
  padding-bottom: 0;
}

.q_and_a_hojokin_section .service-link-btn {
  margin: 8vw 0 8vw 0;
}

.q_and_a_hojokin li,
.after_service_hojokin li {
  position: relative;
}

.answer_hojokin li p a {
  color: #09B0CB;
}

.question_hojokin ul li:nth-child(odd) p {
  position: absolute;
  top: 32%;
  left: 7%;
  font-size: max(20px, 1.5vw);
  font-weight: 500;
}

.question_hojokin ul li:nth-child(even) p {
  position: absolute;
  top: 21%;
  left: 6%;
  width: 90%;
  font-size: 14px;
  font-weight: 100;
}

.question_hojokin ul li:nth-child(even) p span {
  font-size: max(20px, 1.5vw);
  font-weight: 500;
  padding-bottom: 8px;
}

.question_hojokin ul li:nth-child(even) {
  margin-bottom: 32px;
}

.question_hojokin ul li:last-child {
  margin-bottom: 80px;
}

.q_and_a_hojokin_to_do {
  text-align: center;
  font-weight: 500;
  padding-top: 6vw;
}

.q_and_a_hojokin_to_do p {
  font-size: max(20px, 1.5vw);
}

.q_and_a_hojokin_to_do span {
  color: #1CB0CB;
}

.compare_hojokin_img_scroll {
  position: relative;
}

.compare_hojokin_img_scroll a {
  position: absolute;
  top: 21.5%;
  left: 22%;
  text-decoration: underline !important;
  font-size: 1vw;
}

div.hojokin_form_area {
  margin: 0 auto;
  margin-top: 40px;
}

div.hojokin_form_area .contact-form {
  display: block;
}

div.hojokin_form_area .contact-form:first-child {
  margin-top: 0px;
}

div.hojokin_form_area .contact-form {
  margin-top: 40px;
}

div.hojokin_form_area input {
  border-radius: 10px;
  height: 8vh;
  width: 800px;
}

/* security action start */
.security-action {
  display: flex;
}

/* security action end */
div.hojokin_form_area textarea {
  border-radius: 10px;
  height: 25vh;
  width: 800px;
}

div.hojokin_form_textarea {
  margin-top: 40px;
  width: -moz-fit-content;
  width: fit-content;
}

.hojokin_lp_submit {
  position: relative;
  width: 30%;
  margin-top: 2vw;
}

.hojokin_lp_submit button {
  background-color: #ffffff;
}

.hojokin_lp_submit img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-duration: 0.8s;
}

div.hidden {
  margin-top: 0;
  margin-bottom: 0;
}

.hojokin_lp_submit img:hover {
  transform: translate(-2.1rem, -2ex);
  transition-duration: 0.8s;
}

.hojokin_contact_bg {
  background-image: url(/images/contact_lp_bg@2x.png?87bbd0101b3b4548435b4ecc804374f9);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 4vw;
}

.hojokin_contact_bg .hojokin_contact_title {
  padding-top: 14vw;
}

.hojokin_contact_title {
  z-index: 10;
}

div.hojokin_form_area input,
div.hojokin_form_area textarea {
  border: 2px solid rgb(137, 137, 137);
  background-color: #ffffff;
}

.content_bg {
  background-image: url(/images/lp_contents_bg@2x.png?8e1f604bde47e6e685037face15b0799);
  background-size: 130% 100%;
  background-repeat: no-repeat;
  height: 1.5vw;
  background-position: center;
}

.notice_hojokin_section {
  position: relative;
  background-image: url(/images/notice-yellow-bg@2x.png?13c5c798466c634d2a16209e89ba7a70);
  background-repeat: no-repeat;
  height: 20.5vw;
  z-index: 2;
  margin-bottom: 8vw;
}

.notice_hojokin_txt {
  position: absolute;
  background-image: url(/images/notice-blue-bg@2x.png?5cac0e13be372746a011e5db9a9e37b1);
  background-repeat: no-repeat;
  background-size: 120% 100%;
  background-position: center;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  padding: 1vw;
}

.notice_hojokin_txt p {
  width: 90%;
  margin: 0 auto;
  color: #ffffff;
  font-size: max(24px, 2vw);
  font-weight: 500;
  text-align: center;
}

.notice_hojokin_txt p span {
  color: #F8E25D;
}

span.hojokin_example_area_ttl_caption {
  font-size: max(20px, 2vw);
  display: block;
  color: #F8E25D;
  position: relative;
  color: #000000;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.hojokin_example_area_ttl_caption::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background-image: url(/images/deco_left@2x.png?7c0a77523ecb7908337251fa6abc9021);
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -16%;
  left: -4%;
}

.hojokin_example_area_ttl_caption::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background-image: url(/images/deco_right@2x.png?f7c0a59327b9f8baa39fa7f3ef7d2f19);
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: -16%;
  right: -4%;
}

.hojokin_example_list ul {
  display: flex;
  justify-content: space-between;
}

.hojokin_example_list span {
  position: absolute;
  top: -2.2vw;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 36px;
  background-color: #E8913C;
  text-align: center;
  min-width: 160px;
  width: 60%;
  color: #ffffff;
  padding: 0.5vw;
  font-size: max(14px, 1.2vw);
  font-weight: 500;
}

.hojokin_example_list li {
  position: relative;
  width: 30%;
}

.hojokin_example_area > span {
  display: block;
  color: #09B0CB;
  text-align: right;
  font-size: 14px;
  width: 100%;
  margin: 20px 0 40px 0;
}

/* hojokin lp end */
@media screen and (min-width: 600px) {
  /* about start */
  .jigyounaiyou-fontsize {
    font-size: 1.1vw;
  }
  /* about end */
  /* top recuit sp start */
  .top_recuit_sp, .service-sp, .show-sp {
    display: none;
  }
  /* top recuit sp end */
  /* news_show start */
  .marketing img {
    margin-bottom: 5vh;
  }
  /* news_show end */
  .question_hojokin_sp {
    display: none;
  }
  .sp_br {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  header.scroll-nav {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
  .upcross_logo-sp, .footer_link-sp {
    display: none;
  }
  .security_action_logo_area_footer_sp {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .security_action_logo_area_footer_pc {
    display: none;
  }
  .security_action_logo_area_footer_sp img {
    width: 100px;
  }
  .top_rcrt {
    margin: 0 auto;
    margin-top: 12vw;
  }
  .news-to-service-link {
    margin: 40px auto;
  }
  .link_btn_recuit a {
    width: 150px;
    height: 52px;
    font-size: 1.2vw;
    padding: 16px;
  }
  header.scroll-nav {
    background-color: rgba(255, 255, 255, 0) !important;
  }
  .upcross_logo-sp {
    position: absolute;
    z-index: 10;
    top: 1.5%;
    left: 5%;
  }
  .logo_menu .upcross_logo {
    display: none;
  }
  ul.pc_menu {
    display: none;
  }
  h2::before {
    left: -3%;
  }
  .works_card_kind {
    margin-top: 2.5vw;
  }
  .works_card_title {
    margin-top: 3.5vw;
  }
  /* humburgermenu start */
  .humburger_menu {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
  }
  .office_exp {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 8%;
    margin-bottom: 70px;
  }
  .of-space .catch_ttl h2 {
    margin-left: 7%;
  }
  .menu_btn {
    top: -13%;
    right: -5%;
    position: absolute;
    height: 45px;
    padding-top: 4px;
    transition-duration: 0.7s;
    z-index: 6;
  }
  .menu_btn span:first-child,
.menu_btn span:nth-child(2),
.menu_btn span:nth-child(3) {
    width: 32px;
    height: 3px;
    background-color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    display: block;
    transition-duration: 0.7s;
  }
  .menu_btn span:first-child {
    margin-bottom: 10px;
  }
  .menu_btn span:nth-child(3) {
    margin-top: 10px;
  }
  #menu_btn_check:checked + .menu_btn span:first-child,
#menu_btn_check:checked + .menu_btn span:nth-child(2),
#menu_btn_check:checked + .menu_btn span:nth-child(3) {
    transition-duration: 0.7s;
    background-color: rgb(255, 255, 255);
  }
  #menu_btn_check:checked + .menu_btn span:first-child {
    transform: rotate(-45deg);
    margin-bottom: -6px;
  }
  #menu_btn_check:checked + .menu_btn span:nth-child(2) {
    opacity: 0;
  }
  #menu_btn_check:checked + .menu_btn span:nth-child(3) {
    transform: rotate(45deg);
    margin-top: 0px;
  }
  #menu_btn_check:checked + .menu_btn {
    top: 25%;
    transition-duration: 0.7s;
    z-index: 6;
  }
  #menu_btn_check:checked ~ .sp_menu {
    left: 40%;
  }
  .sp_menu {
    width: 60%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.8);
    transition-duration: 0.7s;
  }
  .mv_catch .harassment {
    font-size: 4vw;
    margin-top: 17vw;
  }
  .sp_menu ul {
    padding: 70px 10px 0;
  }
  .sp_menu ul li a,
.sp_menu ul li span {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px;
    box-sizing: border-box;
    color: #ffffff;
    padding: 9px 15px 10px 0;
  }
  .sp_menu ul li span {
    color: #ffffff;
  }
  .logo_menu {
    justify-content: flex-end;
  }
  .logo_menu .sp_menu ul li {
    margin-left: 0;
  }
  .accordion__item ul {
    padding: 0px 0px 20px 20px;
  }
  .sp_menu li a {
    width: -moz-fit-content;
    width: fit-content;
  }
  /* humburgermenu end  */
  /* toggle accordion start */
  /* アコーディオン全体 */
  .accordion {
    max-width: 800px;
    margin: 0 auto;
    margin-left: initial;
  }
  /* アコーディオン */
  .accordion__item,
.accordion__title {
    cursor: pointer;
  }
  /* アコーディオンのタイトル */
  .accordion__title {
    position: relative;
  }
  /* (+)アイコン */
  .accordion__title::before,
.accordion__title::after {
    content: "";
    position: absolute;
    right: 7%;
    bottom: 20px;
    margin: auto 0;
    background-color: rgb(255, 255, 255);
    width: 20px;
    height: 2px;
    transition: all 0.3s;
    z-index: 10;
  }
  .accordion__title::after {
    transform: rotate(90deg);
  }
  /* アコーディオンのコンテンツ */
  .accordion__content {
    padding: 0 20px 15px 20px;
    display: none;
    cursor: pointer;
  }
  .accordion__content.is-open {
    display: block;
  }
  /* toggle accordion end */
  /* mv tablet start */
  .mv img {
    right: 8%;
  }
  .mv_catch h2 {
    margin-left: 0;
    font-size: 4.5vw;
  }
  .mv_catch span {
    font-size: 2.2vw;
  }
  /* mv tablet end */
  .top_style::before {
    content: "";
    width: 6px;
    height: 173%;
    position: absolute;
    transform: rotate(24deg);
    background-color: #ff0000;
    z-index: -1;
    top: -1%;
    left: 19%;
  }
  /* news_all start */
  .parent {
    position: relative;
    width: 42%;
    border: 2px solid rgb(200, 200, 200);
    margin: 5vh 2vw;
    box-shadow: 15px 15px 30px rgb(230, 230, 230);
  }
  .child p {
    font-size: 1.6vw;
    margin-top: 1.5vw;
    margin-left: 1.5vw;
    margin-bottom: 2vh;
  }
  .child span {
    color: rgb(122, 122, 122);
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    font-size: 1.4vw;
  }
  /* news_all end */
  /* about start */
  .acs-raw {
    margin-left: 20vw;
  }
  .abt-content {
    margin: 15vh 6vw;
    font-size: 1.8vw;
  }
  .map-address p {
    margin-bottom: initial;
    font-size: 1.8vw;
    font-weight: 400;
  }
  .map-address {
    width: -moz-fit-content;
    width: fit-content;
  }
  .station {
    width: -moz-fit-content;
    width: fit-content;
  }
  .access-content span {
    font-size: 1.6vw;
    font-weight: bold;
  }
  .station p {
    font-size: 1.8vw;
    font-weight: 400;
  }
  /* about end */
  /* top about start */
  .d-flex {
    flex-wrap: wrap;
  }
  .Img-test-abt {
    width: 20vw;
  }
  .abt-cont {
    width: 13vw;
    margin-left: 1vw;
    text-align: center;
    background-color: #ffffff;
  }
  .abt-cont2 {
    width: 13vw;
    margin-left: 1vw;
    text-align: center;
    background-color: #ffffff;
  }
  .abt-cont span {
    font-weight: bold;
    font-size: 3.5vw;
    line-height: 2.5vw;
    letter-spacing: 1px;
  }
  .abt-cont2 span {
    font-weight: bold;
    font-size: 3.2vw;
    line-height: 3.5vw;
  }
  .abt-btn {
    margin-bottom: 3%;
  }
  .abt-ja {
    font-size: 0.5vw;
    margin-top: 45%;
    font-weight: 500;
    text-align: center;
    line-height: 4vw;
  }
  .abt-ja2 {
    font-size: 0.5vw;
    margin-top: 27%;
    font-weight: 500;
    text-align: center;
  }
  .abt-cont2 p {
    line-height: 1.7vw;
  }
  .access-content {
    display: initial;
  }
  .iframe {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  iframe {
    margin-top: 10vh;
    width: 60vw;
    height: 45vw;
  }
  /* top about end */
  /* top works start */
  .top-wrk-space {
    margin: 0 auto;
    padding: 0 10vw;
    margin-top: 100px;
  }
  section .top_works::before {
    top: -3%;
    left: 34%;
    z-index: -1;
    height: 71%;
  }
  .wrk-btn {
    margin-bottom: 50px;
  }
  .wrk-btn-img {
    width: 16vw;
    overflow: hidden;
  }
  .wrk-btn-content {
    width: 34vw;
    text-align: center;
    background-color: #ffffff;
  }
  section .top_works::before {
    top: 0%;
    left: 39%;
    z-index: -1;
    height: 65%;
  }
  .wrk-btn .wrk-btn-content .wrk-ja {
    font-weight: 500;
    font-size: 1.7vw;
    margin-top: 12%;
  }
  .wrk-btn .wrk-btn-content .wrk-title {
    font-size: 6vw;
    font-weight: bold;
    margin-top: 7%;
  }
  .wrk-btn .wrk-btn-content .wrk-example {
    font-size: 1.7vw;
    font-weight: 500;
    margin-top: 7%;
  }
  .wrk-btn .wrk-btn-content .wrk-sys-title {
    font-size: 5.8vw;
    font-weight: bold;
    margin-top: 7%;
    line-height: 5.8vw;
  }
  .wrk-btn .wrk-btn-content .wrk-sys-example {
    font-size: 1.7vw;
    font-weight: 500;
    margin-top: 12%;
  }
  /* top works end */
  /* top recruit start */
  .top_recuit .catch_ttl h2 {
    position: relative;
    margin-top: 60px;
  }
  .top_recuit .top_recuit_pc {
    display: none;
  }
  .top_recuit_pc img {
    display: none;
  }
  .top_recuit h2::before {
    left: -4%;
  }
  section .top_recuit {
    height: auto;
    margin-top: 220px;
  }
  section .top_recuit::before {
    top: -2%;
    left: 58%;
    transform: rotate(24deg);
    z-index: -1;
    height: 110%;
  }
  .top_recuit .catch_ttl,
section .link_btn_recuit {
    position: initial;
    margin-right: 0px;
  }
  section .link_btn_recuit {
    margin: 0 auto;
    margin-top: 5vh;
  }
  .top_recuit_sp {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-top: 32px;
  }
  .recruit_all_sp {
    margin: 0 auto;
    display: block;
    width: 80%;
  }
  .top_recuit .catch_ttl .recruit-exam {
    font-size: 16px;
  }
  .top_recuit .catch_ttl .recruit-catch {
    font-size: 19px;
    margin-top: 6vw;
    margin-bottom: 9vw;
  }
  /* top recruit end */
  /* top news start*/
  .top_news::before {
    height: 67%;
    left: 40%;
  }
  .top-news-card {
    width: 44%;
  }
  section .top_news {
    margin-top: 300px;
  }
  .top-card-main p {
    margin: 0.8vw;
    font-size: 1.5vw;
    padding-bottom: 2vw;
  }
  .top-card-main span {
    font-size: 1.4vw;
  }
  /* top news end*/
  /* top client start */
  .client_list li {
    width: 25%;
  }
  .client_list {
    margin-top: 100px;
  }
  .top_client_link {
    margin-top: 120px;
    margin-bottom: 250px;
  }
  /* top client end*/
  /* footer start */
  footer .temp_footer_link {
    display: none;
  }
  footer {
    padding: 10px 0 0 0;
  }
  .temp_footer img {
    width: 30px;
  }
  .temp_footer_copy_sns {
    margin-top: 0;
    flex-direction: column;
  }
  .temp_footer_copy_sns ul,
.temp_footer_copy_sns div {
    margin: 0 auto;
    margin-bottom: 5px;
    justify-content: center;
  }
  .temp_footer_copy_sns div {
    margin: 0 auto;
  }
  .footer_link-sp ul {
    padding: 0;
  }
  .footer_link-sp ul:first-child li {
    text-align: center;
  }
  footer a {
    font-size: max(10px, 1.2vw);
  }
  /* footer end */
  /* contact start */
  .send-title {
    width: 30%;
    font-weight: bold;
    align-items: flex-end;
    font-size: 16px;
  }
  .send-name {
    width: 30%;
    font-weight: bold;
    align-items: flex-end;
    font-size: 16px;
  }
  .send-company {
    width: 30%;
    font-weight: bold;
    align-items: flex-end;
    font-size: 16px;
  }
  .send-mail {
    width: 30%;
    font-weight: bold;
    align-items: flex-end;
    font-size: 16px;
  }
  .send-in {
    width: 30%;
    font-weight: bold;
    align-items: flex-start;
    font-size: 16px;
  }
  .title {
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 30px;
  }
  .guidance {
    font-size: 19px;
  }
  .form-space input {
    border: 1px solid rgb(137, 137, 137);
    width: 100%;
    padding: 1vh 1vw;
    height: 8vh;
    font-size: 15px;
  }
  .form-textarea textarea {
    border: 1px solid rgb(137, 137, 137);
    width: 100%;
    padding: 1vh 1vw;
    height: 35vh;
    font-size: 15px;
  }
  .form {
    display: initial;
  }
  .submit-btn {
    width: 100%;
    margin: 50px auto;
  }
  .submit-btn .form {
    display: flex;
  }
  .rcrt-contact-clumn h2 {
    font-size: 23px;
    margin-left: 10%;
  }
  .recruit-name {
    width: 200px;
    text-align: left;
    margin-top: 20px;
  }
  .contact-name {
    width: 200px;
    text-align: left;
    margin-top: 20px;
  }
  .error-message {
    margin-top: 20px;
    margin-left: initial;
  }
  .contact-name-confim {
    width: 100%;
    text-align: left;
    margin-top: 50px;
  }
  .recruit-url-name {
    width: 235px;
    text-align: left;
    margin-top: 20px;
  }
  .recruit-message {
    width: 200px;
  }
  .contact-message {
    width: 200px;
  }
  .contact-message-confim {
    min-width: 300px;
  }
  .recruit-message-confim {
    width: 80%;
  }
  .recruit-message-space textarea {
    width: 50vw;
  }
  .recruit-form {
    display: initial;
  }
  .contact-form {
    display: initial;
  }
  .recruit-message {
    text-align: left;
  }
  .contact-message {
    text-align: left;
  }
  .contact-message-confim {
    text-align: left;
  }
  .recruit-url-space input {
    width: 50vw;
  }
  .recruit-form-space input {
    width: 50vw;
  }
  .recruit-file-space input {
    width: -moz-fit-content;
    width: fit-content;
  }
  .recruit-url-confim {
    overflow-wrap: break-word;
    width: 100%;
  }
  .recruit-message-confim {
    width: 90%;
    margin: initial;
  }
  .rcrt-contact-clumn h2 {
    margin-left: 10%;
  }
  .recruit-contact-btn button {
    width: 110px;
    height: 40px;
    font-size: 15px;
    text-align: center;
  }
  /* contact end */
  /*  recruit start */
  .recuit_wrap {
    width: 90%;
    margin: 0 auto;
  }
  .lower_recuit .catch_ttl,
.lower_recuit_row_revers .catch_ttl {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
  }
  section .lower_recuit .link_btn_recuit,
section .lower_recuit_row_revers .link_btn_recuit {
    margin-left: auto;
    margin-right: auto;
  }
  section .lower_recuit .catch_ttl h2,
section .lower_recuit_row_revers .catch_ttl h2 {
    margin-left: 0;
    font-size: 3vw;
  }
  .lower_recuit span {
    top: -120%;
    font-size: 2vw;
  }
  .lower_recuit_row_revers span {
    top: -120%;
    font-size: 2vw;
  }
  .pickup_label {
    position: absolute;
    left: 21%;
    bottom: 61%;
    z-index: -1;
  }
  .pickup_label2 {
    position: absolute;
    left: -4%;
    bottom: 64%;
    z-index: -1;
  }
  .pickup_label3 {
    position: absolute;
    left: 14%;
    bottom: 67%;
    z-index: -1;
  }
  .pickup_label4 {
    position: absolute;
    left: -4%;
    bottom: 69%;
    z-index: -1;
  }
  .pickup_label4 div {
    font-size: 12vw;
  }
  .lower_recuit p, .lower_recuit_row_revers p {
    font-size: 19px;
    margin-top: 4vw;
  }
  .link_btn_recuit button {
    width: 20vw;
    height: 6.5vw;
    font-size: 1.7vw;
  }
  /*  recruit_all end */
  /* conversion link start */
  .conversion_recuit a,
.conversion_contact a {
    margin-left: 16px;
    width: 32vw;
    height: 12vw;
    position: relative;
    font-size: 2.2vw;
  }
  .conversion_recuit span,
.conversion_contact span {
    font-size: 1.2vw;
    margin-top: 2vw;
  }
  /* conversion link end */
  .tb_sp {
    display: none;
  }
  /* recruit_show start */
  .rcrt_flex {
    flex-direction: column;
  }
  .recruit_box {
    width: 100%;
  }
  .clumn-exam {
    padding-left: 0;
    width: 80%;
  }
  .recruit_main p {
    width: 100%;
  }
  .br-none {
    display: none;
  }
  .tb-space {
    margin-top: 50px;
  }
  .clumn-title {
    width: 20%;
  }
  .recruit_about_h2 h2 {
    font-size: 21px;
  }
  .recruit_campany {
    width: 100%;
    margin-left: 0;
  }
  .recruit_campany p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .recruit_about_h2 h2::before {
    left: -2%;
    top: 1%;
    height: 26px;
  }
  .recruit_about_h2 h2 {
    margin-top: 80px;
    margin-bottom: 30px;
  }
  .about_flex {
    display: flex;
  }
  .campany-clumn-exam {
    padding-top: 30px;
    padding-right: 17px;
    width: 80%;
  }
  .entry_ttl {
    font-size: 60px;
  }
  .entry_ttl_headding p {
    margin-top: 70px;
  }
  .occupation-space {
    padding: 0 10vw;
  }
  .occupation_content {
    width: 100%;
  }
  .none_deco h2 {
    margin-top: 70px;
  }
  .occupation_content h3 {
    margin-bottom: 38px;
    font-size: 21px;
  }
  .occupation_content a div {
    margin-right: 60px;
    font-size: 17px;
  }
  .occupation_content tr {
    height: 75px;
  }
  /* recruit_show end */
  .lp_mv {
    height: 500px;
  }
  .lp_mv_area::before {
    width: 40%;
  }
  .lp_mv_area h1 {
    font-size: max(28px, 2vw);
  }
  .lp_mv_area h1::before {
    top: -30%;
    left: -7%;
  }
}
@media screen and (max-width: 799px) {
  .pickup_label {
    left: 9%;
    bottom: 54%;
  }
  .pickup_label div {
    font-size: 17vw;
  }
  .pickup_label2 {
    left: -5%;
    bottom: 56%;
  }
  .pickup_label2 div {
    font-size: 16vw;
  }
  .pickup_label3 {
    left: 11%;
    bottom: 64%;
  }
  .pickup_label3 div {
    font-size: 16vw;
  }
  .pickup_label4 {
    bottom: 66%;
  }
  .pickup_label4 div {
    font-size: 12vw;
  }
  .works_card_kind {
    margin-top: initial;
  }
  .works_card_title {
    margin-bottom: initial;
    margin-top: -10px;
  }
  .works-parent {
    width: 95%;
  }
  .works_card_title {
    font-size: 2.8vw;
    margin-left: 0.7vw;
    margin-right: 0.2vw;
    margin-top: 7.5vw;
  }
  .works_card_kind {
    font-size: 2vw;
    margin-left: 1vw;
    margin-top: 6vw;
  }
  .works-child .works_corp_name {
    font-weight: 500;
    color: #000;
    margin-left: 0.7vw;
    font-size: 2.3vw;
  }
  .mv_catch .harassment {
    font-size: 5vw;
    margin-top: 18vw;
  }
}
/* sp view  */
@media screen and (max-width: 599px) {
  /* sp grobal start */
  .show-pc {
    display: none;
  }
  .client_list ul {
    width: 95%;
  }
  .of-space .catch_ttl h2 {
    margin-left: 10%;
  }
  .upcross_logo img {
    width: 70%;
  }
  .sp-mv-img {
    display: block;
  }
  .pc-mv-img {
    display: none;
  }
  .wrapper {
    width: 90%;
  }
  .top_style::after {
    display: none;
  }
  h2 {
    margin-left: 12px;
  }
  h2::before {
    top: 14%;
    left: -4%;
  }
  .catch_ttl h2 {
    margin-left: 9%;
    font-size: calc(1.325rem + 1.9vw);
  }
  .pri_space {
    padding: 0 10%;
  }
  .abt-cont2 p {
    line-height: 4vw;
  }
  .top_style::before {
    content: "";
    width: 6px;
    height: 150%;
    position: absolute;
    transform: rotate(12deg);
    background-color: #ff0000;
    z-index: -1;
    top: -1%;
    left: 25%;
  }
  .mv_catch .harassment {
    font-size: 30px;
    margin-top: 18vw;
  }
  /* sp grobal end */
  /* sp header start */
  /* sp header end */
  /* sp mv start */
  @keyframes mv_border_liner {
    0% {
      transform: rotate(22.3deg) translateY(-120vh);
      height: 120%;
    }
    100% {
      transform: rotate(22.3deg) translateY(0vh);
      height: 120%;
    }
  }
  .mv {
    height: 230px;
  }
  .mv_catch {
    margin-left: 50px;
    margin-top: 10vh;
  }
  .mv_catch h2 {
    margin-left: 0;
    font-size: 6.3vw;
  }
  .mv_catch span {
    font-size: 3.5vw;
  }
  .mv img {
    height: 230px;
    z-index: -1;
    right: 6%;
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    animation-name: fv_img_anime_sp;
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }
  @keyframes fv_img_anime_sp {
    0% {
      -webkit-clip-path: inset(0 0 100% 0);
              clip-path: inset(0 0 100% 0);
    }
    100% {
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
    }
  }
  /* sp mv end */
  /* sp fv start */
  .fv_catch {
    top: 84%;
    right: 8%;
  }
  .fv::before {
    top: 26%;
    animation-name: border_liner;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }
  @keyframes border_liner {
    0% {
      transform: rotate(62deg) translateY(-120vh);
      height: 120%;
    }
    100% {
      transform: rotate(62deg) translateY(0vh);
      height: 120%;
    }
  }
  .fv img {
    margin-left: 0;
    animation-name: fv_img_anime;
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }
  @keyframes fv_img_anime {
    0% {
      -webkit-clip-path: inset(0 0 0 100%);
              clip-path: inset(0 0 0 100%);
    }
    100% {
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
    }
  }
  .fv_img::before,
.fv_img::after {
    transform: rotate(63.3deg);
    background-color: #000000;
  }
  .fv_img::before {
    transform: rotate(0deg);
    background-color: rgba(0, 0, 0, 0);
    content: "";
    background-image: url(/images/sp_black300.png?45ce69b318a4b37d6c417697039c454a);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    background-size: contain;
  }
  .fv_img::after {
    left: 54%;
    top: 2.2%;
  }
  /* sp fv end */
  /* sp fv start */
  .fv {
    overflow: hidden;
  }
  /* sp fv end */
  .temp_footer img {
    width: 27px;
  }
  .temp_footer .wanted {
    width: 31px;
    margin-left: -1px;
  }
  /* sp top about start */
  .top_style p {
    margin-top: 60px;
    margin-left: 9%;
  }
  section .top_about::before {
    height: 160vh;
    transform: rotate(12deg);
    top: -3%;
    left: 50%;
  }
  section .top_about {
    height: auto;
    margin-top: 15vw;
  }
  .top_about {
    margin-top: 60px;
  }
  .d-flex {
    flex-wrap: wrap;
  }
  .about {
    margin-top: 9vh;
  }
  .Img-test-abt {
    width: 50vw;
  }
  .abt-cont {
    width: 28vw;
    margin-left: 1vw;
    text-align: center;
    background-color: #ffffff;
  }
  .abt-cont2 {
    width: 28vw;
    margin-left: 1vw;
    text-align: center;
    background-color: #ffffff;
  }
  .abt-cont span {
    font-weight: bold;
    font-size: 6.7vw;
    line-height: 8vw;
  }
  .abt-cont2 span {
    font-weight: bold;
    font-size: 6.4vw;
    line-height: 7.7vw;
  }
  .abt-btn {
    margin-bottom: 7%;
    box-shadow: 8px 8px 15px rgb(196, 196, 196);
  }
  .abt-ja {
    font-size: 2.6vw;
    margin-top: 55%;
    font-weight: 500;
    text-align: center;
    line-height: 6vw;
  }
  .abt-ja2 {
    font-size: 2.6vw;
    margin-top: 55%;
    font-weight: 500;
    text-align: center;
    line-height: 6vw;
  }
  .about-catch {
    font-size: 21px;
    font-weight: bold;
    padding-top: 1vh;
  }
  /* sp top about end */
  /* top security action sp start*/
  .security_action_logo_area img,
.security_action_logo_area_lower_page img {
    width: 100px;
  }
  .security-action {
    flex-direction: column;
  }
  .security_action_logo_area_lower_page {
    width: 100%;
  }
  /* top security action sp end*/
  /* sp top works start */
  section .top_works {
    overflow: hidden;
    margin-top: 15vh;
  }
  .top-wrk-space {
    margin: 0 auto;
    padding: 0 2.7vw;
    margin-top: 7vh;
  }
  section .top_works::before {
    top: -1%;
    left: 34%;
    z-index: -1;
    height: 96%;
  }
  .wrk-btn-img {
    width: 20vw;
    overflow: hidden;
  }
  .wrk-btn-content {
    width: 46vw;
    text-align: center;
    background-color: #ffffff;
  }
  .wrk-btn .wrk-btn-content .wrk-ja {
    font-weight: 500;
    font-size: 2.2vw;
    margin-top: 10%;
  }
  .wrk-btn .wrk-btn-content .wrk-title {
    font-size: 7.3vw;
    margin-top: 12%;
  }
  .wrk-btn .wrk-btn-content .wrk-sys-title {
    font-size: 7vw;
    margin-top: 3%;
  }
  .wrk-btn .wrk-btn-content .wrk-example {
    font-size: 2.3vw;
    margin-top: 10%;
  }
  .wrk-btn .wrk-btn-content .wrk-sys-example {
    font-size: 2.3vw;
    margin-bottom: initial;
    margin-top: 7%;
  }
  /* sp top works end */
  /* sp top recuit start */
  section .top_recuit {
    height: auto;
    margin-top: 15vh;
  }
  section .top_recuit::before {
    top: 1%;
    left: 60%;
    transform: rotate(12deg);
    z-index: -1;
    height: 110%;
  }
  .top_recuit .catch_ttl,
section .link_btn_recuit {
    position: initial;
  }
  .top_recuit .catch_ttl {
    margin-left: initial;
  }
  .top_recuit .catch_ttl h2 {
    margin-left: 9%;
  }
  .top_recuit .catch_ttl .recruit-exam {
    margin-left: 9%;
  }
  .top_recuit h2::before {
    left: -4.7%;
  }
  section .link_btn_recuit {
    margin-top: 55px;
  }
  .top_recuit_sp {
    margin-top: 80px;
  }
  .recruit_all_sp {
    margin-top: 80px;
  }
  .top_recuit .catch_ttl .recruit-exam {
    font-size: 4vw;
  }
  .top_recuit .catch_ttl .recruit-catch {
    font-weight: bold;
    font-size: 4.5vw;
    margin-left: 9%;
  }
  .recruit-exam br {
    display: none;
  }
  .top_recuit_sp {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-top: 32px;
  }
  .recruit_all_sp {
    margin: 0 auto;
    display: block;
    width: 100%;
    margin-top: 32px;
  }
  .top_rcrt {
    margin: 0 auto;
    margin-top: 12vw;
  }
  .news-to-service-link {
    margin: 40px auto;
  }
  /* sp top recuit end */
  /* sp top news start */
  .top-news-card {
    width: 100%;
  }
  section .top_news {
    margin-top: 300px;
  }
  .top-card-main p {
    margin: 1.3vw;
    font-size: 3.2vw;
    padding-bottom: 6vw;
  }
  .top-card-main span {
    font-size: 2.8vw;
    margin-left: 1.3vw;
  }
  .top_news::before {
    top: -1%;
    left: 49%;
    height: 50%;
    z-index: -1;
  }
  .news-sp-none {
    display: none;
  }
  /* sp top news end */
  /* sp top client start */
  .client_list li {
    width: 32%;
  }
  .client_list {
    margin-top: 80px;
  }
  .top_client_link {
    margin-top: 100px;
    margin-bottom: 250px;
  }
  section .top_client::before {
    height: 150%;
    top: 0%;
    left: 67%;
  }
  section .security_action::before {
    display: none !important;
  }
  .client_list li {
    width: 30%;
    background-color: rgb(255, 255, 255);
    box-shadow: 8px 4px 12px rgba(0, 0, 0, 0.3);
    /* margin: 0 5%; */
  }
  .client_list ul {
    padding-left: initial;
    margin-bottom: 4%;
  }
  .top_client .catch_ttl br {
    display: none;
  }
  /* sp top client end */
  /* sp conversion link start */
  .conversion_link {
    flex-direction: column;
    margin-top: 60px;
  }
  .conversion_recuit a,
.conversion_contact a {
    width: 13em;
    height: 130px;
    display: block;
    font-size: 5vw;
  }
  .conversion_recuit span,
.conversion_contact span {
    font-size: 2.5vw;
  }
  .conversion_recuit {
    margin-right: 0;
  }
  .conversion_link_txt {
    margin-top: 25px;
  }
  .conversion_contact {
    margin-left: 0;
    margin-top: 20px;
  }
  .conversion_recuit a::before,
.conversion_contact a::before {
    width: 115%;
    right: -1%;
  }
  /* sp conversion link end */
  /* sp entry link start */
  .entry_ttl_headding {
    padding-top: 48px;
  }
  .entry_ttl_headding p {
    margin-top: 68px;
  }
  /* sp entry link end */
  /* sp footer start */
  /* sp footer end */
  /* about start */
  .abt-content span {
    font-size: 4vw;
    width: 26vw;
  }
  .center-margin {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 20px;
  }
  .abt-content p {
    font-size: 4vw;
  }
  .br::before {
    content: "\a";
    white-space: pre;
  }
  .access-content {
    font-size: 1.3vw;
  }
  .abt-content {
    margin: 15vh 4vw;
    font-size: 1.3vw;
  }
  iframe {
    width: 90vw;
    height: 45vh;
  }
  .g_map iframe {
    margin-top: 10vw;
    width: 90vw;
    height: 45vh;
  }
  .access-content {
    margin-top: initial;
    width: 80vw;
    font-size: 2.3vw;
  }
  .acs-raw {
    padding-top: initial;
    margin: 0 10vw;
  }
  .station p {
    margin-bottom: initial;
    font-size: 4vw;
    font-weight: 400;
  }
  .map-address p {
    margin-bottom: initial;
    font-size: 4vw;
    font-weight: 400;
  }
  .station {
    margin-top: 3vh;
    padding-top: initial;
  }
  .map-address {
    margin-top: 5vh;
  }
  .access-content span {
    font-size: 4vw;
    font-weight: bold;
  }
  .access-space .catch_ttl h2 {
    margin-left: -5%;
  }
  /* about end */
  /* news_show & ceo start */
  .marketing img {
    margin-bottom: 5vh;
  }
  /* news_show & ceo end */
  /* member_all stat */
  .member-space {
    width: 90vw;
    margin-left: 5vw;
  }
  .member-row img {
    width: 80vw;
    border-radius: 3vw;
    will-change: contents;
    transition-duration: 0.3s;
  }
  .member-row {
    flex-direction: column;
    margin-top: initial;
  }
  .hover-img {
    margin: 0 auto;
    width: 80vw;
    height: 75vw;
    border-radius: 3vw;
    background: rgb(255, 81, 42);
    overflow: hidden;
    margin-bottom: 2vh;
    position: relative;
  }
  .hover-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    transition: 0.3s ease-in-out;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .hover-text p {
    color: #fff;
    line-height: 1.8;
  }
  .hover-text-division {
    color: #fff;
    font-size: 4.2vw;
  }
  .hover-text-position {
    color: #fff;
    font-size: 4.2vw;
  }
  .hover-text-name {
    color: #fff;
    font-weight: 1000;
    font-size: 4.5vw;
  }
  .member-row .hover-img:hover img {
    transform: scale(1.2);
    transition-duration: 0.3s;
    opacity: 0.4;
  }
  .member-row .hover-img:hover .hover-text {
    opacity: 1;
  }
  .member-caption {
    display: block;
    font-weight: 400;
    font-size: 1.1rem;
    margin-bottom: 1vw;
  }
  /* member_all end */
  /* office start */
  .of-space {
    width: 90vw;
    margin-left: 5vw;
  }
  .of-img img {
    width: 80vw;
    margin-left: 5.1vw;
    margin-bottom: 4vh;
  }
  .of-img {
    flex-direction: column;
  }
  .of-raw {
    margin-bottom: initial;
  }
  /* office end */
  /* about start */
  p.jigyounaiyou-fontsize {
    font-size: 2.6vw;
    margin-left: 16px;
  }
  /* about end */
  /* news_all start */
  .parent {
    width: 100%;
  }
  .child p {
    font-size: 3.5vw;
    margin-top: 3vw;
    margin-left: 3vw;
    margin-bottom: 5vh;
  }
  .child span {
    color: rgb(122, 122, 122);
    margin-left: 3vw;
    margin-right: 3vw;
    font-size: 3vw;
  }
  /* news_all end */
  /* works start*/
  .works-parent {
    position: relative;
    width: 100%;
    border: 2px solid rgb(200, 200, 200);
    margin: 5vh 2vw;
    box-shadow: 15px 15px 30px rgb(230, 230, 230);
  }
  .works-child span {
    color: rgb(122, 122, 122);
    font-size: 3vw;
  }
  .works_card_kind {
    margin-top: initial;
  }
  .works_card_title {
    margin-bottom: initial;
    margin-top: -10px;
  }
  .works-parent {
    width: 95%;
  }
  .works_card_title {
    font-size: 3.5vw;
    margin-left: 0.7vw;
    margin-right: 0.2vw;
    margin-top: 3.5vw;
  }
  .works_card_kind {
    font-size: 2vw;
    margin-left: 1vw;
    margin-top: 4vw;
  }
  .works-child .works_corp_name {
    font-weight: 500;
    color: #000;
    margin-left: 0.7vw;
    font-size: 2.8vw;
  }
  /* works end*/
  /* upcdata start*/
  .d-flex {
    flex-wrap: wrap;
  }
  .resize-1 img {
    width: 40vw;
    margin-left: 2vw;
  }
  .resize-2 img {
    width: 82vw;
    margin: 2vw 0;
    margin-left: 2vw;
  }
  .resize-3 img {
    width: 82vw;
    margin-left: 2vw;
  }
  .data-row {
    margin-top: initial;
  }
  .margin-top {
    margin-top: initial;
  }
  .order {
    display: flex;
    flex-wrap: wrap;
    margin-left: 3vw;
    justify-content: initial;
  }
  .order1 {
    order: 1;
  }
  /* upcdata end*/
  /* contact start */
  .contact-space {
    padding: 0 5vw;
    padding-top: 10vw;
    padding-bottom: 10vh;
  }
  .guidance {
    text-align: center;
    margin-bottom: 10vh;
    font-size: 18px;
  }
  .title {
    font-weight: bold;
    margin-bottom: 50px;
    font-size: 5vw;
  }
  .form-space input {
    border: 1px solid rgb(137, 137, 137);
    width: 90vw;
    padding: 1vh 1vw;
    height: 6vh;
    font-size: 3vw;
  }
  .form-textarea input {
    border: 1px solid rgb(137, 137, 137);
    width: 90vw;
    padding: 1vh 1vw;
    height: 35vh;
    font-size: 3vw;
  }
  .textarea::-moz-placeholder {
    color: rgb(163, 163, 163);
  }
  .textarea::placeholder {
    color: rgb(163, 163, 163);
  }
  .text::-moz-placeholder {
    color: rgb(163, 163, 163);
  }
  .text::placeholder {
    color: rgb(163, 163, 163);
  }
  .testz {
    margin-left: initial;
  }
  .testz p {
    font-size: 3.4vw;
  }
  .send-title {
    width: 30vw;
    font-weight: bold;
    align-items: flex-end;
    font-size: 1.1vw;
  }
  .send-name {
    width: 15vw;
    font-weight: bold;
    align-items: flex-end;
    font-size: 1.1vw;
  }
  .send-company {
    width: 30vw;
    font-weight: bold;
    align-items: flex-end;
    font-size: 1.1vw;
  }
  .send-mail {
    width: 45vw;
    font-weight: bold;
    align-items: flex-end;
    font-size: 1.1vw;
  }
  .send-in {
    width: 30vw;
    font-weight: bold;
    align-items: flex-start;
    font-size: 1.1vw;
  }
  .rcrt-contact-clumn h2 {
    margin-left: 5%;
    font-size: 18px;
  }
  .recruit-url-name {
    font-size: 15px;
  }
  .recruit-form-space input {
    width: 77vw;
    height: 40px;
    font-size: 13px;
  }
  .recruit-name {
    width: 125px;
    margin-right: 10px;
    font-size: 14px;
    text-align: initial;
    margin-top: 20px;
  }
  .recruit-cofim-name {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-name {
    width: 125px;
    margin-right: 10px;
    font-size: 14px;
    text-align: initial;
    margin-top: 20px;
  }
  .error-message {
    font-size: 15px;
  }
  .contact-name-confim {
    width: 100%;
    margin-right: 10px;
    font-size: 17px;
    text-align: initial;
    margin-top: 20px;
  }
  .recruit-form {
    display: initial;
  }
  .recruit-form-space {
    margin: 0 30px;
  }
  .file_guidance {
    font-size: 14px;
    margin: 0 30px;
    width: 80%;
  }
  .recruit-file-space {
    margin: 0 0 0 30px;
  }
  .recruit-file-space input {
    width: 250px;
    height: 50px;
    font-size: 14px;
  }
  .recruit-url-name {
    text-align: initial;
    width: 77vw;
    margin-top: 20px;
    font-size: 14px;
  }
  .recruit-url-space {
    margin: 30px;
  }
  .recruit-url-space input {
    width: 77vw;
    height: 40px;
  }
  .recruit-message-space textarea {
    width: 77vw;
    height: 250px;
    font-size: 14px;
  }
  .recruit-message {
    text-align: initial;
    font-size: 14px;
  }
  .pc-initial {
    display: block;
  }
  .contact-message {
    text-align: initial;
    font-size: 14px;
  }
  .contact-message-confim {
    text-align: initial;
    font-size: 17px;
  }
  .recruit-message-space {
    margin: 0 0 0 30px;
  }
  .recruit-form-confirm p {
    width: auto;
  }
  .recruit-form-confirm p:first-child {
    margin-bottom: 20px;
  }
  .recruit-file-space {
    width: 90%;
  }
  .recruit-file-space p.attachment_file {
    width: 90%;
  }
  .recruit-contact-btn button {
    width: 100px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    margin-top: 60px;
  }
  /* contact end */
  /* sp_recruit_show start */
  .link_btn_recuit a {
    font-size: 2vw;
  }
  .recruit_show {
    width: 100vw;
    padding: 0 6vw;
    margin-top: 10vw;
  }
  .entry_ttl {
    font-size: 50px;
  }
  .entry_ttl_headding p {
    margin-top: 50px;
  }
  .clumn-title {
    width: 30%;
  }
  .campany-clumn-exam {
    width: 70%;
  }
  .clumn-exam {
    width: 70%;
    padding-right: 0;
  }
  .recruit_title h3 {
    font-size: 25px;
    margin-bottom: 80px;
  }
  /* sp_recruit_show end */
  /* sp_recruit_pccupation start*/
  .occupation-space {
    padding: 0 3vw;
  }
  .occupation_content {
    width: 90%;
    margin-top: 80px;
  }
  .occupation_content h3 {
    margin-bottom: 38px;
    font-size: 20px;
  }
  .none_deco h2 {
    margin-top: 50px;
  }
  .occupation_content a div {
    margin-right: 60px;
    font-size: 15px;
  }
  .heading_deco h3::before {
    top: 5%;
    left: -2.5%;
  }
  .occupation_content tr {
    height: 65px;
  }
  .sp-under-space {
    margin-bottom: 150px;
  }
  /* sp recruit_all start*/
  section .lower_recuit .catch_ttl h2,
section .lower_recuit_row_revers .catch_ttl h2 {
    margin-left: 0;
    font-size: 4.5vw;
  }
  .lower_recuit p, .lower_recuit_row_revers p {
    font-size: 17px;
  }
  .lower_recuit span {
    top: -120%;
    font-size: 3.2vw;
  }
  .lower_recuit_row_revers span {
    top: -120%;
    font-size: 3.2vw;
  }
  .lower_recuit img, .lower_recuit_row_revers img {
    width: 100%;
    margin: 0 0;
  }
  .lower_recuit p, .lower_recuit_row_revers p {
    font-size: 19px;
    margin-top: 7.5vw;
  }
  .link_btn_recuit button {
    width: 36vw;
    height: 10vw;
    font-size: 3vw;
  }
  .pickup_label {
    left: 1%;
    bottom: 46%;
  }
  .pickup_label div {
    font-size: 18.5vw;
  }
  .pickup_label2 {
    left: -5%;
    bottom: 53%;
  }
  .pickup_label2 div {
    font-size: 17vw;
  }
  .pickup_label3 {
    left: 11%;
    bottom: 59%;
  }
  .pickup_label3 div {
    font-size: 16vw;
  }
  .pickup_label4 {
    bottom: 61%;
    left: 0%;
  }
  .pickup_label4 div {
    font-size: 12vw;
  }
  /* sp recruit_all end */
  /* service-sp start */
  div.container-service {
    max-width: 100%;
    padding-top: 6vw;
  }
  .service-sp {
    margin-top: 10vw;
  }
  .service-pc-hidden, .service-pc {
    display: none;
  }
  div.service-link-btn img {
    width: 80%;
  }
  div.service-link-btn img:first-child {
    margin-bottom: 16px;
  }
  /* service-sp end */
  .lp_mv {
    height: 500px;
  }
  section .top_recuit:first-child {
    margin-top: 10vw;
  }
  /* hojokin lp sp start */
  .lp_mv_position {
    top: 26%;
  }
  .lp_mv_area h1::before {
    width: 100%;
    height: 100%;
    background-image: url(/images/fukidashi-sp@2x.png?5c86f86c3a503c2a235b9a072e0ade49);
    top: 114%;
    left: 10%;
  }
  .lp_mv_area h1::after {
    width: 30%;
    top: 112%;
    left: 68%;
  }
  .lp_mv_area::before {
    width: 200px;
    top: -20%;
  }
  .lp_mv_area h1 {
    font-size: max(20px, 2vw);
  }
  div.main_lp_hojokin h2 {
    font-size: max(24px, 3vw);
    margin-bottom: 20px;
  }
  .lp_mv_area .service-link-btn {
    margin-top: 45vw;
  }
  .main_lp_hojokin h3 {
    font-size: max(20px, 2vw);
  }
  .hojokin_cost {
    font-size: max(32px, 2vw);
    text-shadow: 3px 3px 0px rgb(0, 0, 0);
    padding-right: 8px;
  }
  .hojokin_price {
    font-size: max(32px, 2vw);
    padding-right: 8px;
  }
  .hojokin_support {
    font-size: max(28px, 2vw);
    padding-right: 8px;
  }
  .about_hojokin_section {
    background-color: #FDF9E6;
    background-image: none;
  }
  .about_hojokin {
    height: initial;
  }
  .about_hojokin_area {
    margin-top: 12vw;
    padding-top: 12vw;
    padding-bottom: 4vw;
  }
  .about_hojokin_title {
    top: -5%;
    width: 100%;
  }
  .about_hojokin_area p {
    margin-bottom: 0;
  }
  .about_hojokin_txt {
    width: 90%;
  }
  .about_hojokin_area img {
    top: -100%;
    left: -30%;
    width: 160%;
  }
  .hojokin_service_merit_section {
    margin-top: initial;
    background-color: #FDF9E6;
    background-image: none;
    height: auto;
  }
  .hojokin_service_merit_list ul,
.after_service_hojokin_list ul {
    flex-direction: column;
  }
  .hojokin_service_merit_list ul li,
.after_service_hojokin_list ul li {
    width: 100%;
  }
  .hojokin_service_merit_list h3 {
    margin-bottom: 20px;
  }
  .hojokin_service_merit_list_img {
    width: 50%;
    margin: 0 auto;
  }
  .hojokin_service_merit_list_txt {
    margin-top: 20px;
  }
  .hojokin_service_merit_list li {
    margin-bottom: 32px;
  }
  .hojokin_service_merit_list li:last-child {
    margin-bottom: 20px;
  }
  .after_service_hojokin_list li:nth-child(2) {
    margin-top: 20px;
  }
  div.after_service_hojokin_list_txt p {
    font-size: max(12px, 1.5vw);
  }
  .question_hojokin_pc {
    display: none;
  }
  .question_hojokin ul li:nth-child(even) {
    margin-top: 0px;
    margin-bottom: 12px;
  }
  .question_hojokin ul li:nth-child(odd) p {
    top: 25%;
    left: 5%;
    font-size: max(14px, 1.5vw);
    font-weight: 400;
  }
  .question_hojokin ul li:nth-child(2n) p span {
    font-size: max(14px, 1.5vw);
  }
  .question_hojokin ul li:nth-child(even) p {
    top: 10%;
    font-size: 12px;
  }
  .lp_h2_wrraper span {
    margin-top: 0px;
  }
  .compare_hojokin_img_wrapper {
    overflow: hidden;
    overflow-x: scroll;
  }
  .compare_hojokin_img_scroll {
    width: 200%;
  }
  .compare_hojokin_img_scroll a {
    top: 20.5%;
    left: 19%;
    font-size: 2vw;
  }
  .hojokin_contact_bg {
    background-image: none;
    background-color: #FDF9E6;
  }
  .hojokin_contact_bg .hojokin_contact_title {
    padding-top: 8vw;
  }
  div.hojokin_form_area input,
div.hojokin_form_area textarea {
    width: 100%;
    font-size: 16px;
    padding-left: 3vw;
    padding-right: 3vw;
  }
  div.hojokin_form_area,
.hojokin_form_textarea {
    width: 100%;
  }
  .hojokin_lp_submit {
    width: 50%;
  }
  .hojokin_lp_submit button {
    margin: 0px;
    background-color: #FDF9E6;
  }
  .hojokin_lp_submit img {
    max-width: initial;
    transition-duration: initial;
  }
  .notice_hojokin_section {
    height: 25.5vw;
    margin-bottom: 0;
  }
  .notice_hojokin_txt p {
    font-size: max(14px, 2vw);
  }
  .hojokin_example_list ul {
    flex-direction: column;
  }
  .hojokin_example_list ul li {
    width: 100%;
  }
  .hojokin_example_list ul li:first-child {
    margin-top: 20px;
  }
  .hojokin_example_list ul li:not(:nth-child(1)) {
    margin-top: 40px;
  }
  .hojokin_example_list span {
    top: -6.5vw;
    padding: 2vw;
  }
  .hojokin_example_area > span {
    text-align: left;
  }
  /* hojokin lp sp end */
  .news_title_h2 {
    font-size: max(16px, 1vw);
  }
}
/* scroll revail js start */
.box_reveal {
  transition: 0.7s ease-in;
  transform: translateY(40px);
  opacity: 0;
}

.show {
  transform: translateY(0);
  opacity: 1;
}

.show_border::before {
  -webkit-clip-path: inset(0 0 0 80%);
          clip-path: inset(0 0 0 80%);
  transition-duration: 2s;
}

.show_bg_img::after,
.show_top_recuit_pc img {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  transition-duration: 1s;
  opacity: 1;
}

/* scroll revail js end */
/* chenge color js start */
header.scroll-nav {
  transition-duration: 0.8s;
  background-color: rgba(255, 255, 255, 0.4);
}

.scroll-nav .pc_menu li a,
.scroll-nav .pc_menu li span {
  color: #000000;
}

.scroll-nav .humburger_menu .menu_btn span {
  background-color: #000000;
}

/* chenge color js end */
.file-up-none {
  display: none;
}

/* contact */
.confirm-text {
  width:400px
}