@charset "UTF-8";

recruitflow* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  min-height: 100vh;
  max-width: 100%;
  overflow-x: hidden;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  color: #363636;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-80 {
  margin-top: 80px;
}

.btn {
  border-radius: 0;
}

.hel {
  text-align: center;
  margin-left: 80px;
  margin-top: 60px;
}


/* -----header css----- */


.navbar {
  display: none;
}


/* ------------anima CSS-------------- */

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:900,400,600,500,700|Noto+Sans+JP:700,400|Pacifico:400");

@font-face {
  font-family: "Font Awesome 6 Pro-Solid";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Font Awesome 6 Pro-Solid-900.otf") format("opentype");
}

@font-face {
  font-family: "Font Awesome 6 Pro-Light";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Font Awesome 6 Pro-Light-300.otf") format("opentype");
}

@font-face {
  font-family: "Font Awesome 6 Free-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Font Awesome 6 Free-Regular-400.otf") format("opentype");
}


.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.x1 {
  align-self: flex-end;
  cursor: pointer;
  height: 44px;
  width: 230px;
}

.contact_type-a-2 {
  cursor: pointer;
  height: 39px;
  margin-left: 60px;
  object-fit: cover;
  width: 156px;
}

.text-1-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 484px;
}

:root {
  --alto: #dbdbdb;
  --black: #000000;
  --catskill-white: #eef6f6;
  --cerulean: #28a7e1;
  --cerulean-2: #28a7e10f;
  --gravel: #474747;
  --lochmara: #018ac8;
  --lochmara-2: #0189c8;
  --malibu: #7bc6fd;
  --navy-blue: #1876bb;
  --onyx: #3a3a3a;
  --picton-blue: #39bdf9;
  --robins-egg-blue: #0ac4f9;
  --storm-dust: #646464;
  --timberwolf: #e2d2d24a;
  --white: #ffffff;
  --white-2: #ffffffcc;

  --font-size-l: 17px;
  --font-size-m: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 25px;
  --font-size-xxxl: 29px;
  --font-size-xxxxl: 40px;
  --font-size-xxxxxl: 96px;

  --font-family-font_awesome_6_free-regular: "Font Awesome 6 Free-Regular", Helvetica;
  --font-family-font_awesome_6_pro-light: "Font Awesome 6 Pro-Light", Helvetica;
  --font-family-font_awesome_6_pro-solid: "Font Awesome 6 Pro-Solid", Helvetica;
  --font-family-font_awesome_6_sharp-solid: "Font Awesome 6 Sharp-Solid", Helvetica;
  --font-family-noto_sans_jp: "Noto Sans JP", Helvetica;
  --font-family-noto_serif_jp: "Noto Serif JP", Helvetica;
  --font-family-pacifico: "Pacifico", Helvetica;
}

*/
/*
.notoserifjp-normal-black-17px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-medium-black-17px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-semi-bold-navy-blue-20px {
  color: var(--navy-blue);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.notoserifjp-bold-lochmara-36px {
  color: var(--lochmara-2);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-onyx-16px {
  color: var(--onyx);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.fontawesome6pro-solid-normal-white-29px {
  color: var(--white);
  font-family: var(--font-family-font_awesome_6_pro-solid);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.fontawesome6pro-light-picton-blue-29px {
  color: var(--picton-blue);
  font-family: var(--font-family-font_awesome_6_pro-light);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.notoserifjp-bold-cerulean-12px {
  color: var(--cerulean);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-bold-cerulean-11px {
  color: var(--cerulean);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.fontawesome6free-regular-normal-lochmara-10px {
  color: var(--lochmara);
  font-family: var(--font-family-font_awesome_6_free-regular);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-bold-black-32px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.notosansjp-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-white-15px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.notosansjp-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}

.notosansjp-normal-lochmara-16px {
  color: var(--lochmara);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosansjp-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-medium-white-19px {
  color: var(--white);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
}

.notoserifjp-bold-black-25px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notoserifjp-normal-black-25px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.pacifico-normal-timberwolf-96px {
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-noto_serif_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.pacifico-normal-timberwolf-48px {
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
}

.fontawesome6sharp-solid-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-font_awesome_6_sharp-solid);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.notoserifjp-bold-cerulean-139px {
  color: var(--cerulean-2);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 139px;
  font-style: normal;
  font-weight: 700;
}


/* screen - u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints */

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints {
  align-items: center;
  background-color: #edf5f6;
  display: flex;
  flex-direction: column;
  height: 5113px;
  overflow: hidden;
  width: 1440px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group3-1 {
  height: 740px;
  position: relative;
  width: 1440px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group3-item {
  height: 63px;
  left: 27px;
  position: absolute;
  top: 15px;
  width: 230px;
  z-index: 11;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .mask-group {
  height: 740px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}



.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .contact_type-a-1-1 {
  cursor: pointer;
  height: 39px;
  left: 1254px;
  object-fit: cover;
  position: absolute;
  top: 25px;
  width: 156px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-79 {
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 18px;
  font-weight: 900;
  left: 971px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 2px 4px 4px #00000040;
  top: 30px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-80 {
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-noto_serif_jp);
  font-size: 18px;
  font-weight: 900;
  left: 1103px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 2px 4px 4px #00000040;
  top: 30px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-84 {
  color: var(--white);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 48px;
  font-weight: 700;
  left: 373px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  top: 284px;
  width: 636px;
  position: relative;
  opacity: 0;
  transform: translateY(100%);
  animation: fadeInFromBottom 1s forwards;

}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-85 {
  left: 377px;
  letter-spacing: 1.90px;
  line-height: 30px;
  text-align: center;
  top: 351px;
  width: 686px;
  position: relative;
  opacity: 0;
  transform: translateY(100%);
  animation: fadeInFromBottom 1s forwards;

}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .line-4 {
  margin-top: 3px;
  width: 1280px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group8-1 {
  align-self: flex-start;
  height: 4126px;
  margin-left: -164.0px;
  margin-top: 70px;
  position: relative;
  width: 1779px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group4-1 {
  height: 1057px;
  left: 36px;
  position: absolute;
  top: 3069px;
  width: 1696px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rec_photo2 {
  height: 840px;
  left: 1029px;
  position: absolute;
  top: 26px;
  width: 504px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rectangle-2 {
  background-color: var(--cerulean);
  height: 251px;
  left: -45px;
  position: absolute;
  top: 403px;
  transform: rotate(27.88deg);
  width: 1786px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .title {
  left: 500px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 4px 4px #00000040;
  top: 475px;
  transform: rotate(27.88deg);
  width: 820px;
}


.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rectangle-42 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--storm-dust);
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  left: 734px;
  position: absolute;
  top: 114px;
  width: 240px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-94 {
  left: 814px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 122px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-99 {
  left: 734px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 19px;
  width: 636px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-78 {
  left: 244px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 3900px;
  width: 617px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group6-1 {
  height: 1109px;
  left: 41px;
  position: absolute;
  top: 1980px;
  width: 1738px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rec_photo1 {
  height: 564px;
  left: 197px;
  position: absolute;
  top: 185px;
  width: 654px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rectangle-4 {
  background-color: var(--cerulean);
  height: 251px;
  left: -24px;
  position: absolute;
  top: 512px;
  transform: rotate(-23.54deg);
  width: 1786px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .medilead-mind-1 {
  left: 438px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 4px 4px #00000040;
  top: 555px;
  transform: rotate(-23.54deg);
  width: 820px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-92 {
  left: 253px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 636px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rectangle-6 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--storm-dust);
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  left: 649px;
  position: absolute;
  top: 145px;
  width: 240px;
  z-index: 10000;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-93 {
  left: 737px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 153px;
  z-index: 10000;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group2-1 {
  height: 1163px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1738px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .rectangle-2-1 {
  background-color: var(--cerulean);
  height: 251px;
  left: -24px;
  position: absolute;
  top: 566px;
  transform: rotate(-23.54deg);
  width: 1786px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .who-are-we-1 {
  left: 729px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 4px 4px #00000040;
  top: 518px;
  transform: rotate(-23.54deg);
  width: 621px;
}

/*  */

.rec_box {
  transform: translateX(-50px);
  opacity: 0;
  transition: opacity 1s, transform 0.5s;
}

.rec_box2 {
  transform: translateX(+50px);
  opacity: 0;
  transition: opacity 1s, transform 0.5s;
}

.rec_box3 {
  transform: translateX(-50px);
  opacity: 0;
  transition: opacity 1s, transform 0.5s;
}

.rec_box4 {
  transform: translateX(+50px);
  opacity: 0;
  transition: opacity 1s, transform 0.5s;
}

.box:first-of-type {
  margin: 80% 5% 5% 5%;
}

.fadein {
  opacity: 1;
  transform: translateX(0);
}

/* anime */
/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in_inner {
  display: inline-block;
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
  transform: rotate(27.88deg) !important;
  text-shadow: 0px 4px 4px #00000040;

  padding-left: 44rem;
  padding-top: 23rem;
}

.slide-in_inner2 {
  display: inline-block;
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
  transform: rotate(-24.54deg) !important;
  text-shadow: 0px 4px 4px #00000040;
  padding-left: 24rem;
  padding-top: 44rem;
}

.slide-in_inner3 {
  display: inline-block;
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
  transform: rotate(27.88deg) !important;
  text-shadow: 0px 4px 4px #00000040;
  padding-left: 39rem;
  padding-top: 14rem;
}

.slide-in_inner4 {
  display: inline-block;
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 400;
  transform: rotate(-24.54deg) !important;
  text-shadow: 0px 4px 4px #00000040;
  padding-left: 30rem;
  padding-top: 35rem;
}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 3.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

/* anime2 */
@keyframes fadeInFromBottom {
  to {
    opacity: 1;
    /* アニメーション終了時に完全に表示 */
    transform: translateY(0);
    /* アニメーション終了時の位置 */
  }
}

/* anime3 */


.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .about_box {
  background-color: var(--white-2);
  border-radius: 6px;
  height: 581px;
  left: 244px;
  position: absolute;
  top: -140px;
  width: 814px;
  padding: 50px 70px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-81 {
  margin-bottom: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-82 {
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  width: 428px;
  margin-bottom: 40px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-83 {
  letter-spacing: 0;
  line-height: normal;
  width: 636px;
  margin-bottom: 20px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text_label-1 {
  letter-spacing: 2.50px;
  line-height: 30px;
  width: 636px;
  margin-bottom: 20px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .span0-1 {
  letter-spacing: 0.62px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .span1-1 {
  letter-spacing: 0.29px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .image-2 {
  height: 33px;
  object-fit: cover;
  width: 170px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group7-1 {
  height: 1057px;
  left: 41px;
  position: absolute;
  top: 1133px;
  width: 1696px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .k-message-1 {
  height: 517px;
  left: 975px;
  position: absolute;
  top: 76px;
  width: 497px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .top-message-for-you-1 {
  left: 307px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-shadow: 0px 4px 4px #00000040;
  top: 434px;
  transform: rotate(27.88deg);
  width: 1072px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-88 {
  left: 798px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 35px;
  width: 698px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-89 {
  left: 798px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 103px;
  width: 698px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-90 {
  left: 253px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 611px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-91 {
  left: 253px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 652px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-86 {
  left: 840px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1049px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-87 {
  left: 840px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1090px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .flex-container-200965 {
  gap: 22px;
  height: 88px;
  left: 294px;
  top: 1885px;
  width: 18px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .flex-container-967 {
  gap: 8px;
  height: 78px;
  left: 322px;
  top: 1875px;
  width: 561px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-95 {
  left: 770px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2964px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-96 {
  left: 770px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 3005px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group-1 {
  align-items: flex-start;
  background-color: var(--robins-egg-blue);
  border-radius: 6px;
  display: flex;
  height: 55px;
  left: 244px;
  min-width: 287px;
  padding: 12px 35.0px;
  position: absolute;
  top: 4020px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-97 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 217px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group1-1 {
  align-items: flex-start;
  background-color: var(--robins-egg-blue);
  border-radius: 6px;
  display: flex;
  height: 55px;
  left: 567px;
  min-width: 287px;
  padding: 12px 5px;
  position: absolute;
  top: 4020px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .text-98 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 277px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .line-22 {
  margin-top: 55px;
  width: 1052px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .overlap-group5-1 {
  align-items: flex-start;
  background-color: var(--catskill-white);
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 122px;
  padding: 28px 546px;
  width: 1440px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .image-5 {
  align-self: center;
  height: 25px;
  margin-right: 17.0px;
  margin-top: 4px;
  object-fit: cover;
  width: 131px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .x2024-medilead-inc-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 23px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .flex-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: absolute;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints .line {
  height: 1px;
  object-fit: cover;
}

/* screen - u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile */

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile {
  align-items: center;
  background-color: var(--catskill-white);
  display: flex;
  flex-direction: column;
  height: 4188px;
  overflow: hidden;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group4 {
  align-items: center;
  background-image: url(../images/recruit/sma.png);
  display: flex;
  flex-direction: column;
  height: 740px;
  padding: 24px 17px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .flex-row {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 42px;
  min-width: 391px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .logo_white {
  height: 37px;
  width: 168px;
  margin-left: 0.5rem;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .contact_type-a-1 {
  cursor: pointer;
  height: 39px;
  object-fit: cover;
  width: 156px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-30 {
  color: var(--white);
  font-family: var(--font-family-noto_serif_jp);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 105px;
  min-height: 130px;
  text-align: center;
  width: 375px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-31 {
  letter-spacing: 1.90px;
  line-height: 30px;
  margin-top: 5px;
  min-height: 147px;
  text-align: center;
  width: 382px;
  padding: 0.5rem;
  margin-bottom: 20px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group9 {
  border-radius: 33px;
  height: 42px;
  position: relative;
  width: 176px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-3 {
  left: 27px;
  letter-spacing: 1.90px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 3px;
  white-space: nowrap;
  width: 121px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle {
  background-color: #ffffff36;
  border: 2px solid;
  border-color: var(--white);
  border-radius: 33px;
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 176px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group8 {
  border-radius: 33px;
  height: 42px;
  margin-top: 15px;
  position: relative;
  width: 176px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group3 {
  height: 679px;
  margin-right: 4.0px;
  margin-top: 28px;
  position: relative;
  width: 436px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-1 {
  background-color: var(--white-2);
  border-radius: 6px;
  height: 673px;
  left: 15px;
  position: absolute;
  top: 0;
  width: 410px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-34 {
  left: 34px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 33px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-35 {
  left: 34px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 59px;
  white-space: nowrap;
  width: 353px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-36 {
  left: 34px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 118px;
  width: 388px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text_label {
  left: 34px;
  letter-spacing: 2.50px;
  line-height: 30px;
  position: absolute;
  top: 241px;
  width: 374px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .span0 {
  letter-spacing: 0.62px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .span1 {
  letter-spacing: 0.29px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .image-3 {
  height: 33px;
  left: 37px;
  object-fit: cover;
  position: absolute;
  top: 511px;
  width: 170px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-51 {
  background-color: var(--cerulean);
  height: 127px;
  left: 6px;
  position: absolute;
  top: 552px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .who-are-we {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 567px;
  width: 421px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group2 {
  align-self: flex-end;
  height: 714px;
  margin-right: -23px;
  margin-top: 32px;
  position: relative;
  width: 458px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-37 {
  left: 38px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 27px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-38 {
  left: 30px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 48px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-39 {
  left: 37px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 107px;
  width: 384px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-40 {
  left: 34px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 189px;
  width: 385px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .k-message-2 {
  height: 248px;
  left: 171px;
  position: absolute;
  top: 368px;
  width: 248px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-52 {
  background-color: var(--cerulean);
  height: 127px;
  left: 6px;
  position: absolute;
  top: 587px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .top-message-for-you {
  color: white;
  font-family: var(--font-family-pacifico);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 602px;
  width: 421px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group7 {
  align-self: flex-start;
  height: 868px;
  margin-top: 30px;
  position: relative;
  width: 599px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-54 {
  background-color: var(--white-2);
  border-radius: 6px;
  height: 757px;
  left: 10px;
  position: absolute;
  top: 0;
  width: 410px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-41 {
  left: 29px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 225px;
  width: 374px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .flex-container-6012114 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 78px;
  left: 38px;
  position: absolute;
  top: 119px;
  width: 561px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-42 {
  left: 33px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 27px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-43 {
  left: 29px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 48px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .recphoto1-2 {
  height: 237px;
  left: 0;
  position: absolute;
  top: 536px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-55 {
  background-color: var(--cerulean);
  height: 127px;
  left: 1px;
  position: absolute;
  top: 741px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .medilead-mind {
  left: 5px;
  top: 756px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-43 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--storm-dust);
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  left: 29px;
  position: absolute;
  top: 480px;
  width: 240px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-44 {
  left: 117px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 488px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group5 {
  align-self: flex-start;
  height: 565px;
  margin-left: -4px;
  margin-top: 33px;
  position: relative;
  width: 459px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-56 {
  background-color: var(--white-2);
  border-radius: 6px;
  height: 516px;
  left: 16px;
  position: absolute;
  top: 0;
  width: 410px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-45 {
  left: 35px;
  letter-spacing: 1.70px;
  line-height: 30px;
  position: absolute;
  top: 115px;
  width: 374px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-46 {
  left: 39px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 27px;
  width: 274px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-47 {
  left: 31px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 48px;
  white-space: nowrap;
  width: 428px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-43-1 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--storm-dust);
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  left: 31px;
  position: absolute;
  top: 227px;
  width: 240px;
  z-index: 10000;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-48 {
  left: 111px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 235px;
  z-index: 10000;

}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .recphoto22 {
  height: 229px;
  left: 14px;
  position: absolute;
  top: 209px;
  width: 235px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .rectangle-57 {
  background-color: var(--cerulean);
  height: 127px;
  left: 0;
  position: absolute;
  top: 438px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .medilead-people {
  left: 4px;
  top: 453px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-49 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 7.0px;
  margin-top: 36px;
  min-height: 68px;
  width: 339px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .group-2 {
  margin-top: 31px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group {
  align-items: flex-start;
  background-color: var(--robins-egg-blue);
  border-radius: 6px;
  display: flex;
  height: 55px;
  min-width: 287px;
  padding: 12px 35.0px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-50 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 217px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .group-3 {
  margin-top: 16px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group1 {
  align-items: flex-start;
  background-color: var(--robins-egg-blue);
  border-radius: 6px;
  display: flex;
  height: 55px;
  min-width: 287px;
  padding: 12px 5px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .text-51 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 277px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .line-23 {
  height: 1px;
  margin-left: 7.0px;
  margin-top: 59px;
  object-fit: cover;
  width: 339px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .overlap-group6 {
  align-items: flex-end;
  background-color: var(--catskill-white);
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-left: 2.0px;
  min-height: 122px;
  padding: 22px 45px;
  width: 430px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .image-6 {
  align-self: center;
  height: 25px;
  margin-left: 1.0px;
  object-fit: cover;
  width: 131px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .x2024-medilead-inc {
  letter-spacing: 0;
  line-height: normal;
  min-height: 23px;
  min-width: 339px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .group {
  align-items: flex-start;
  display: flex;
  margin-right: 7.0px;
  min-width: 289px;
}

.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile .medilead {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  width: 421px;
}

@media screen and (max-width: 1039px) {
  .screen.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-all-breakpoints {
    display: none;
  }
}

@media screen and (min-width: 1040px) {
  .screen.u25505u29992u12488u12483u12501u12442u12504u12442u12540u12471u12441-mobile {
    display: none;
  }
}

/* ------------anima CSS-------------- */

/* ------------Content CSS-------------- */


/* 新しいCSSここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */


/* ヘッダー--------------------------------------------------------- */

#top-head {
  top: -100px;
  position: fixed;
  width: 100%;
  margin: 100px auto 0;
  z-index: 999;
}

#top-head.scroll {
  background: rgba(234, 247, 255, 0.40);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

@media (min-width: 320px) {
  #top-head {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.05);
    padding: 0 15px;
  }
}

@media (min-width: 992px) {
  #top-head {
    padding: 0 20px;
  }
}

@media (min-width: 320px) {
  #top-head .logo {
    width: 160px;
  }

  #top-head .logo img {
    max-width: 100%;
    
  }
}
#top-head .logo a{
  transition: all 0.8s ease-out;
}
#top-head .logo a:hover{
  opacity: 0.8;
  transition: all 1s ease-out;
}
@media (min-width: 992px) {
  #top-head .logo {
    width: 200px;
  }

  #top-head .logo img {
    max-width: 100%;
  }
}

#top-head .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .menu_nav .link_box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    height: 50px;
    display: flex;
    padding: 0 5px;
  }

  .menu_nav .link_box a {
    color: #0D6FB8 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
    font-weight: 600;
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 320px) {
  #top-head .inner {
    height: 6.5rem;
  }
}

@media (min-width: 992px) {
  #top-head .inner {
    height: 70px;
  }
}

#top-head .inner .menu_nav {
  display: flex;
  align-items: center;
}

@media (min-width: 320px) {
  #top-head .inner .menu_nav a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.70);
    letter-spacing: 0.5px;
    font-size: 12.8px;
    padding: 0 5px;
  }
}

@media (min-width: 992px) {
  #top-head .inner .menu_nav a {
    letter-spacing: 1.25px;
    font-size: 17px;
    padding: 0 15px
  }
}


/* トップ画 */
@media (min-width: 320px) {
  #main_v {
    display: flex;
    align-items: center;
    background: url('/wp-content/themes/twentytwentyone-child/asset/images/recruit/mask-group.png');
    background-position: center;
    background-size: cover;
    height: 520px;
  }

}

@media (min-width: 992px) {
  #main_v {
    background: url('/wp-content/themes/twentytwentyone-child/asset/images/recruit/mask-group.png');
    background-position: top;
    background-size: cover;
    height: 85vh;
  }
}

@media (min-width: 320px) {
  #main_v {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 992px) {}

@media (min-width: 320px) {
  #main_v .h1_box {
    margin-top: 5vh;
    text-align: center;
  }

  #main_v .h1_box h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 3px;
    margin-bottom: 2rem;
    line-height: 1.4;
  }

  #main_v .h1_box p.sub_text {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
  }
}

@media (min-width: 992px) {
  #main_v .h1_box h1 {
    font-size: 48px;
    letter-spacing: 2.5px;
    margin-bottom: 4rem;
    line-height: initial;
  }

  #main_v .h1_box p.sub_text {

    font-size: 19px;
    letter-spacing: 1.5px;
    line-height: 1.8;
  }
}

/* コンテンツエリアーーーーーーーーーーーーーーーーーーーーーーーーーー */
@media (min-width: 320px) {
  #content_block {
    overflow: hidden;
    background: #EEF6F6;
    padding: 4rem 0 10rem;
  }
}

@media (min-width: 768px) {
  #content_block {
    background: #EEF6F6;
    padding: 10rem 0 14rem;
  }
}

@media (min-width: 320px) {
  .content_box.introduction {
    background: rgba(255, 255, 255, 0.8);
    padding: 2.5rem;
    width: 95%;
    margin: 0 auto 5rem;
    z-index: 4;
  }

  .content_box {
    width: 100%;
    z-index: 1;
    position: relative;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
    padding: 0 1rem;
  }

  .content_box.right {
    margin-left: auto;
    margin-top: 8rem;
  }
}

@media (min-width: 768px) {
  .content_box.introduction {
    padding: 6rem 8rem;
    width: 60%;
    margin: initial;
  }

  .content_box {
    width: 54%;
    margin-bottom: 5rem;
    padding: 0;
  }

  .content_box.right {
    margin-left: auto;
    margin-top: 10rem;
  }
}

@media (min-width: 320px) {
  .content_box h3 {
    color: #1876BB;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  .content_box h2 {
    color: #1876BB;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .content_box h3 {
    color: #1876BB;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 1rem;
  }

  .content_box h2 {
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 3rem;
  }
}

@media (min-width: 320px) {
  .content_box .title {
    font-weight: 600;
    font-size: 17px;
    line-height: 1.6;
    letter-spacing: 1px;
    margin-bottom: 2rem;
  }

  .content_box .ex {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1px;
  }

  .content_box .logo_image {
    width: 150px;
    margin-top: 3rem;
  }
}

@media (min-width: 992px) {
  .content_box .title {
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 2rem;
  }

  .content_box .ex {
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: 1px;
  }

  .content_box .logo_image {
    width: 170px;
    margin-top: 4rem;
  }
}


@media (min-width: 320px) {
  .content_box ul{
    padding-left: 0.5rem;
    margin-bottom: 2rem;
  }
  .content_box ul li{
    position: relative;
    padding-left: 20px;
    list-style: none;
    margin-bottom: 0.25rem;
  }
  .content_box ul li::before {
    position: absolute;
    content: "\f111";
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
    color: #1876BB;
    left: 0;
    padding-top: 1px;
    transform: scale(0.45);
  }
}

@media (min-width: 768px) {
  .content_box ul{
    padding-left: 0.5rem;
    margin-bottom: 2rem;
  }
  .content_box ul li{
    padding-left: 25px;
    margin-bottom: 0.25rem;
  }
  .content_box ul li::before {
    padding-top: 1px;
  }
}

#content_block .decoration_line.right {
  transform: rotate(-20deg);

}

#content_block .decoration_line.left {
  transform: rotate(20deg);

}

/* 水色斜め背景 */
@media (min-width: 320px) {
  .deco_block {
    position: relative;
    height: 20rem;
  }

  .decoration_line {
    position: absolute;
    background: #28A7E1;
    z-index: 2;
    width: 128vw;
    margin-left: -14vw;
    height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .decoration_line p {
    color: #FFF;
    font-size: 6rem;
    font-family: var(--font-family-pacifico);
    font-size: var(--font-size-xxxxl);
    font-style: normal;
    font-weight: 400;
    text-shadow: 0px 4px 4px #00000040;
  }
}

@media (min-width: 992px) {
  .deco_block {
    position: relative;
    height: 25rem;
  }

  .decoration_line {
    height: 25rem;
    width: 115vw;
    margin-left: -7.5vw;
  }

  .decoration_line p {
    font-size: 9.6rem;
    font-size: var(--font-size-xxxxxl);
  }
}

/* 人間画像 */

.people_image.container{
  max-width: 1380px;
}
@media (min-width: 320px) {
  .people_image{
    position: relative;
    height: 300px;
    margin-bottom: -16vw;
  }
  .people_image img{
    height: 100%;
    position: relative;
  }
}
@media (min-width: 768px) {
  .people_image{
    margin-bottom: -16rem;
  }
}
@media (min-width: 992px) {
  .people_image{
    height: 500px;
    margin-bottom: -23rem;
  }
}

.people_image.rec_box2,.people_image.rec_box4
{
  display: flex;
  justify-content: flex-end;
}


@media (min-width: 320px) {
  .link_block{
    margin-top: 8rem;
    padding: 0 1rem;
  }
}
@media (min-width: 768px) {
  .link_block{
    margin-top: 10rem;
    width: 80%;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .link_block{
    margin-top: 12rem;
    width: 60%;
  }
}


@media (min-width: 320px) {
  .white_btn{
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    background: #FFF;
    border: 1px solid #646464;
    border-radius: 4px;
      padding: 7.5px;
      color: inherit;
      margin-top: 2rem;
  }
}


/* ボタン */
@media (min-width: 992px) {
  .white_btn{
    width: 280px;
      padding: 10px;
      margin-top: 3rem;
  }
}

.white_btn:hover{
  transition: 0.2s;
  opacity: 0.8;
}


@media (min-width: 320px) {

.l_btn_box{
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  }
  .l_btn_box a{
    border-radius: 6px;
  color: #FFF;
  background: #0AC4F9;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px;
  margin-bottom: 1rem;
  font-size: 18px;
  }
 
}
@media (min-width: 992px) {

.l_btn_box{
  margin-top: 4rem;
  flex-wrap: nowrap;
  }
  .l_btn_box a{
    color: #FFF;
    background: #0AC4F9;
    width: 49%;
    margin-right: 2rem;
    margin-bottom: 0;
    font-size: 20px;

    transition: 0.4s;
    }
    .l_btn_box a:hover{
      opacity: 0.8s;
      transition: 0.2s;
      transform: scale(1.01);
    }
}


/*===========
inview
===========*/

.fadeIn {
  opacity: 0;
  transition: 3s;
  animation-duration: 4s;
}
.fadeIn.is-show {
  opacity: 1;
}



.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 1.5s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up.delay_2{
  transition-delay: 0.2s;
}

@media (min-width: 320px) {}
@media (min-width: 992px) {}