@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
:root {
  --base: #222222;
  --main: #0050A5;
  --bgBlue1: #EBF4FF;
}

:root {
  --blue1: #0050A5;
}

.l-main {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  overflow: hidden;
  font-weight: 400;
}


/* 採用情報ページのメインビジュアル */
.p-recruittop__mv {
  position: relative;
  margin-bottom: 19rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__mv {
    margin-bottom: 8rem;
	height: 40rem;
  }
}
.p-recruittop__mv_img {
  position: relative;
}
.p-recruittop__mv_img div {
}
.p-recruittop__mv_img div iframe {
}
.p-recruittop__mv_bg {
  position: absolute;
  left: 0;
  bottom: -1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__mv_bg {
    bottom: -20rem;
    height: 70%;
  }
}
.p-recruittop__mv_bg img {
}
.p-recruittop__mv_copy {
  position: absolute;
  top: 17.5rem;
  left: 16rem;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__mv_copy {
    top: 32.0rem;
    left: 3rem;
  }
}
.p-recruittop__mv_line {
  background: #fff;
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  margin-bottom: 2rem;
  padding: 0.3rem 0 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__mv_line {
    font-size: 3.6rem;
    margin-bottom: 1rem;
  }
}


/* 採用情報ページの導入リード文 */
.p-recruittop__intro {
  padding: 0 16rem;
  text-align: left;
  font-size: 3.6rem;
  line-height: 2;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  margin-bottom: 15rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__intro {
    padding: 0 3rem;
    font-size: 1.5rem;
    margin-bottom: 5rem;
  }
}


/* 採用情報ページ　企業情報 */
.p-recruittop__corporate_visual {
  margin-bottom: 11rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_visual {
    margin-bottom: 0;
  }
}
.p-recruittop__corporate_inner {
  display: flex;
  align-items: flex-end;
  text-align: left;
  padding: 0 16rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_inner {
    padding: 0 3rem;
    flex-direction: column;
  }
}
.p-recruittop__corporate_content {
  width: 53rem;
  margin-right: 10rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_content {
    width: 100%;
    margin-right: 0;
  }
}
.p-recruittop__corporate_title {
  font-size: 7.2rem;
  line-height: 1.5;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__corporate_eng {
  font-size: 1.6rem;
  color: var(--blue1);
  font-family: "Inter", sans-serif;
  margin-bottom: 7.2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_eng {
    font-size: 1rem;
    margin-bottom: 4rem;
  }
}
.p-recruittop__corporate_text {
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_text {
    width: 50%;
    font-size: 1.2rem;
  }
}
.p-recruittop__corporate_img {
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_img {
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_img--spnone {
    display: none;
  }
}
.p-recruittop__corporate_img-sub {
  width: 28rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_img-sub {
    width: 50%;
  }
}
.p-recruittop__corporate_img-main {
  width: 64rem;
  margin-left: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__corporate_img-main {
    margin-left: 0;
    width: 100%;
  }
}


/* 採用情報ページ　セイコーグループ */
.p-recruittop__group_content {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 15rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__group_content {
    font-size: 1.2rem;
    margin-bottom: 6.4rem;
  }
}
.p-recruittop__group_text {
  display: inline-block;
  text-align: left;
}
.p-recruittop__group_btn {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  text-decoration: none;
  color: #000;
  width: 32rem;
  margin: 0 auto;
  border: 0.1rem solid #000;
  border-radius: 4rem;
  position: relative;
  padding-right: 1.5rem;
  box-sizing: border-box;
  font-weight: 300;
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__group_btn {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    padding: 0.8rem;
    width: 17rem;
  }
}
.p-recruittop__group_btn:hover {
  background: #000;
  color: #fff;
}
.p-recruittop__group_btn:hover:after {
  border-color: #fff;
}
.p-recruittop__group_btn:after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  position: absolute;
  right: 2.5rem;
  top: calc(50% - 0.7rem);
  border-top: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
  rotate: 45deg;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__group_btn:after {
    width: 0.8rem;
    height: 0.8rem;
    top: calc(50% - 0.4rem);
  }
}


/* 採用情報ページ　数字で知る */
.p-recruittop__data {
  text-align: left;
}
.p-recruittop__data_header {
  margin-bottom: 9.6rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_header {
    margin-bottom: 2.5rem;
  }
}
/* 採用情報ページ　数字で知る モーション */
.p-recruittop__data_header:after {
  content: "";
  width: 94rem;
  height: 60.7rem;
  background: url(../img/recruit/border01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  
  /* --- 追加・修正部分 --- */
  right: -16rem; /* 最終的な位置 */
  opacity: 0;    /* 初期状態は透明 */
  animation: fadeInFromLeft 10s ease-out forwards; /* 1秒で実行し、終了時の状態を維持 */
}

/* アニメーションの定義 */
@keyframes fadeInFromLeft {
  0% {
    opacity: 1;
    transform: translateX(960px); /* 左に50pxずれた状態からスタート */
  }
  100% {
    opacity: 1;
    transform: translateX(0);    /* 本来の位置（right: -16rem）に到達 */
  }
}







@media only screen and (max-width: 768px) {
  .p-recruittop__data_header:after {
    width: 12rem;
    right: -3rem;
    height: 35rem;
    background-repeat: repeat;
    background-size: 150% auto;
  }
}
.p-recruittop__data_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__data_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_subtitle {
    font-size: 1rem;
  }
}




/* 数字で見る盛岡セイコー　モーション 
.recruit .p-recruittop__data_header .p-recruittop__decoration {
    width: 94.0rem;
    height: 52rem;
    position: absolute;
    top: 0rem;
    right: -16rem;
    background: #DDD;
}
*/



.p-recruittop__data_list {
  position: relative;
}
.p-recruittop__data_inner {
  padding: 0 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_inner {
    padding: 0 3rem;
  }
}
.p-recruittop__data_item {
  padding: 3rem;
  border-radius: 3.6rem;
  border: 0.1rem solid var(--blue1);
  display: inline-block;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item {
    padding: 2rem;
    border-radius: 1.2rem;
  }
}
.p-recruittop__data_item--revenue {
  margin-bottom: 4.5rem;
  margin-left: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item--revenue {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.p-recruittop__data_item--employees {
  margin-left: 53.3rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item--employees {
    margin-left: 10.5rem;
    margin-top: -1.5rem;
    width: 24.6rem;
    background: #fff;
    position: relative;
  }
  .p-recruittop__data_item--employees .p-recruittop__data_label {
    padding-left: 0;
  }
  .p-recruittop__data_item--employees .p-recruittop__data_label:before {
    right: -5rem;
  }
}
.p-recruittop__data_item--employees:before {
  content: "";
  width: 66.7rem;
  height: 9.2rem;
  background: url(../img/recruit/border02.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 100%;
  top: 8.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item--employees:before {
    height: 6.5rem;
    width: 15.6rem;
    background-repeat: repeat;
    top: 4rem;
  }
}
.p-recruittop__data_item--ratio {
  margin-top: -3rem;
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item--ratio {
    margin-top: -1.5rem;
    width: 19rem;
    box-sizing: border-box;
    margin-bottom: 2.5rem;
  }
  .p-recruittop__data_item--ratio .p-recruittop__data_label {
    padding-left: 0;
  }
  .p-recruittop__data_item--ratio .p-recruittop__data_label:before {
    right: -5rem;
  }
}
.p-recruittop__data_item--ratio:before {
  content: "";
  width: 103rem;
  height: 28rem;
  background: url(../img/recruit/border03.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: calc(100% + 3rem);
  bottom: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_item--ratio:before {
    height: 10.5rem;
    width: 15.6rem;
    background-repeat: repeat;
    top: 4rem;
  }
}
.p-recruittop__data_val {
  font-size: 30rem;
  font-family: "Inter", sans-serif;
  color: var(--blue1);
  font-weight: 300;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_val {
    font-size: 7.2rem;
  }
}
.p-recruittop__data_unit {
  font-size: 3.6rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: bold;
  position: absolute;
  width: 2em;
  top: 3rem;
  right: 3rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_unit {
    font-size: 1rem;
    top: 6rem;
  }
}
.p-recruittop__data_box {
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_box {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
}
.p-recruittop__data_label {
  position: relative;
  padding-bottom: 2rem;
  font-size: 4.8rem;
  line-height: 1.5;
  padding-left: 11.1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_label {
    font-size: 2rem;
    padding-bottom: 0;
  }
}
.p-recruittop__data_label:before {
  content: "";
  width: 9rem;
  height: 0;
  border-bottom: 0.1rem solid var(--blue1);
  rotate: -50deg;
  position: absolute;
  left: 1rem;
  bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_label:before {
    width: 5rem;
    left: unset;
    right: 5.5rem;
    bottom: 2rem;
  }
}
.p-recruittop__data_label-en {
  color: var(--blue1);
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  display: block;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_label-en {
    font-size: 1rem;
  }
}
.p-recruittop__data_founding {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_val {
    margin-bottom: 2rem;
  }
}
.p-recruittop__data_val-lg {
  font-size: 30rem;
  font-family: "Inter", sans-serif;
  color: var(--blue1);
  font-weight: 300;
  line-height: 1;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_val-lg {
    font-size: 7.2rem;
  }
}
.p-recruittop__data_footer {
  margin: 0;
  border-top: 0.1rem solid var(--blue1);
  border-bottom: 0.1rem solid var(--blue1);
  background: url(../img/recruit/ic_memori.svg) repeat-x center bottom;
  padding: 4rem 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_footer {
    padding: 2rem 0;
    text-align: center;
    background: url(../img/recruit/ic_memori_sp.svg) repeat-x center bottom;
  }
}
.p-recruittop__data_footer_label {
  position: relative;
  padding-bottom: 2rem;
  font-size: 4.8rem;
  line-height: 1.5;
  padding-left: 17.1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_footer_label {
    padding-left: 1rem;
    text-align: left;
    font-size: 2rem;
  }
}
.p-recruittop__data_footer_label:before {
  content: "";
  width: 9rem;
  height: 0;
  border-bottom: 0.1rem solid var(--blue1);
  rotate: -50deg;
  position: absolute;
  left: 40rem;
  bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_footer_label:before {
    left: 12rem;
    width: 4rem;
    bottom: 4rem;
  }
}
.p-recruittop__data_footer_label-en {
  color: var(--blue1);
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  display: block;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__data_footer_label-en {
    font-size: 1rem;
  }
}







/* 採用情報ページ　数字で知る　追記 */
@media only screen and (min-width: 769px) {
  div.p-recruittop__data_list {
  }
  div.p-recruittop__data_list div.data {
    background: #FFF;
    border: 1px solid var(--blue1);
    border-radius: 2rem;
    padding: 4rem;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin: -6rem 0 0;
  }
  div.p-recruittop__data_list div.data:nth-child(1) {
    float: right;
    margin: -30rem 0 0;
  }
  div.p-recruittop__data_list div.data:nth-child(2) {
    float: left;
  }
  div.p-recruittop__data_list div.data:nth-child(3) {
    float: right;
  }
  div.p-recruittop__data_list div.data:nth-child(4) {
    float: left;
  }
  div.p-recruittop__data_list div.data:nth-child(5) {
    float: right;
  }
  div.p-recruittop__data_list div.data h3 {
    position: absolute;
    left: 4rem;
    top: 6rem;
    font-size: 2rem;
    line-height: 1.5;
  }
  div.p-recruittop__data_list div.data h3 span {
    font-size: 4rem;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0.04em;
  }
  div.p-recruittop__data_list div.data p {
    color: var(--blue1);
    font-size: 8rem;
  }
  div.p-recruittop__data_list div.data p span {
    font-size: 28rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    line-height: 1;
    padding: 0 0 0 20rem;
  }
  div.p-recruittop__data_list div.data i {
    color: var(--blue1);
    font-style: normal;
    position: absolute;
    left: 4rem;
    bottom: 6rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 768px) {
  div.p-recruittop__data_list {
  }
  div.p-recruittop__data_list div.data {
    background: #FFF;
    border: 1px solid var(--blue1);
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin: 1.6rem 0 0;
  }
  div.p-recruittop__data_list div.data:nth-child(1) {
    float: right;
  }
  div.p-recruittop__data_list div.data:nth-child(2) {
    float: left;
  }
  div.p-recruittop__data_list div.data:nth-child(3) {
    float: right;
  }
  div.p-recruittop__data_list div.data:nth-child(4) {
    float: left;
  }
  div.p-recruittop__data_list div.data:nth-child(5) {
    float: right;
    margin-bottom: 1.6rem;
  }
  div.p-recruittop__data_list div.data h3 {
    position: absolute;
    left: 1rem;
    top: 1rem;
    font-size: 0.5rem;
    line-height: 1.25;
  }
  div.p-recruittop__data_list div.data h3 span {
    font-size: 1.25rem;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0.04em;
  }
  div.p-recruittop__data_list div.data p {
    color: var(--blue1);
    font-size: 3rem;
  }
  div.p-recruittop__data_list div.data p span {
    font-size: 7.0rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    line-height: 1;
    padding: 0 0 0 9rem;
  }
  div.p-recruittop__data_list div.data i {
    color: var(--blue1);
    font-style: normal;
    position: absolute;
    left: 1rem;
    bottom: 2rem;
    font-size: 0.75rem;
    line-height: 1.25;
  }
}















/* 採用情報ページ　時をつくるセイコーの仕事 */
.p-recruittop__work {
  margin-bottom: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work {
    margin-bottom: 10rem;
  }
}
.p-recruittop__work_visual {
  margin-bottom: 15rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_visual {
    margin-bottom: 0;
  }
}
.p-recruittop__work_header {
text-align: left;
padding: 0 16rem 8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_header {
    padding: 0 3rem;
    margin-top: -8.5rem;
  }
}
.p-recruittop__work_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__work_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_subtitle {
    font-size: 1rem;
    margin-bottom: 4rem;
  }
}
.p-recruittop__work_thumb {
  max-width: 128rem;
  margin: 0 auto 6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_thumb {
    margin-left: -5rem;
    margin-right: -5rem;
    margin-bottom: 2rem;
  }
}
.p-recruittop__work_types {
  display: flex;
  justify-content: flex-start;
  padding: 0 16rem;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_types {
    padding: 0 3rem;
    justify-content: space-between;
  }
}
.p-recruittop__work_intro {
  width: 48rem;
  font-size: 2rem;
  line-height: 2;
  margin-right: 16rem;
}
@media only screen and (min-width: 769px) {
    .p-recruittop__work_intro {
      position: absolute;
      right: 0;
      top: 0;
    }
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_intro {
    width: 100%;
  }
}
.p-recruittop__work_text {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_text {
    font-size: 1.2rem;
    margin-top: 3rem;
    text-align: left;
  }
  .p-recruittop__work_text--spbtm {
    background: url(../img/recruit/border04_sp.svg) no-repeat left top;
  }
}
.p-recruittop__work_item {
  width: 32rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_item {
    width: 40%;
  }
}
.p-recruittop__work_item + .p-recruittop__work_item {
  margin-left: 32rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_item + .p-recruittop__work_item {
    margin-left: 0;
  }
}
.p-recruittop__work_label {
  font-size: 1.6rem;
  color: var(--blue1);
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: inline-block;
  }
}
.p-recruittop__work_name {
  font-size: 4.8rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_name {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.p-recruittop__work_desc {
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_desc {
    font-size: 1.2rem;
  }
}
.p-recruittop__work_arrow {
  width: 12.4rem;
  display: block;
  margin-top: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_arrow {
    width: 4.8rem;
    margin-top: 2rem;
  }
}







/* 採用情報ページ　時をつくるセイコーの仕事　追記 */
/* ホームの事業内容・機械式とクオーツの導入 */
.p-home-business__mechanical ,
.p-home-business__quartz {
  width: 160rem;
  margin: 10rem auto;
}
@media only screen and (max-width: 768px) {
  .p-home-business__mechanical ,
  .p-home-business__quartz {
    width: 30rem;
    margin: 6rem auto;
  }
}
.p-home-business__mechanical .img01.pc ,
.p-home-business__quartz .img01.pc {
  float: left;
  width: 40%;
  margin-right: 10%;
  margin-bottom: 6rem;
}
.p-recruittop__work_inner .p-home-business__mechanical h3 ,
.p-recruittop__work_inner .p-home-business__quartz h3 {
  text-align: left;
  font-size: 5.0rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 0.3rem;
  font-family: "Yu Mincho", "游明朝", "YuMincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner .p-home-business__mechanical h3 ,
  .p-recruittop__work_inner .p-home-business__quartz h3 {
    font-size: 2.0rem;
    margin: 0 0 2.0rem;
  }
}
.p-home-business__mechanical p ,
.p-home-business__quartz p {
  font-size: 2.0rem;
  line-height: 2.0;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.09em;
}
.p-home-business__mechanical > p,
.p-home-business__quartz > p {
  margin: 4rem 16rem 0 0;
}
@media only screen and (max-width: 768px) {
  .p-home-business__mechanical p ,
  .p-home-business__quartz p {
    font-size: 1.2rem;
  }
  .p-home-business__mechanical > p,
  .p-home-business__quartz > p {
    margin: 3rem 0 3rem 0;
  }
}
.p-home-business__mechanical p.rubi ,
.p-home-business__quartz p.rubi {
  font-size: 1.6rem;
  line-height: 2.0;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em;
  color: var(--blue1);
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .p-home-business__mechanical p.rubi ,
  .p-home-business__quartz p.rubi {
    font-size: 1.0rem;
    margin-bottom: 1.6rem;
  }
}
.p-home-business__mechanical #view_more_btn_1 ,
.p-home-business__quartz #view_more_btn_2 {
  clear: both;
}
@media only screen and (max-width: 768px) {
  .p-home-business__mechanical #view_more_btn_1 ,
  .p-home-business__quartz #view_more_btn_2 {
    margin-top: 4rem;
  }
}







/* ホームの事業内容・機械式とクオーツの開閉部分 */
.p-home-business__mechanical_box ,
.p-home-business__quartz_box {
  clear: both;
}
.p-home-business__quartz_box {
  padding-top: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-home-business__quartz_box {
    padding-top: 2rem;
  }
}
.p-recruittop__work_inner h4 {
  font-size: 5rem;
  margin: 20rem 16rem 6rem;
  text-align: left;
  font-weight: 500;
}
.p-recruittop__work_inner .under_flcell.flcell01 {
  flex-direction: row-reverse; /* 右から左へ配置 */
}
.p-recruittop__work_inner .under_flcell.flcell02 {
  max-width: 160rem;
  margin: 0 auto 8.4rem;
}
.p-recruittop__work_inner .under_flcell.flcell02 .under_flcell_left {
  margin-left: 10.5rem;
  padding-top: 12rem;
  width: 76.5rem;
}
.p-recruittop__work_inner .under_flcell.flcell02 .under_flcell_right {
  width: 48rem;
  margin-right: 16rem;
}
.p-recruittop__work_inner .under_flcell.flcell01 .under_flcell_left {
  margin-right: 10.5rem;
  padding-top: 12rem;
  width: 76.5rem;
}
.p-recruittop__work_inner .under_flcell.flcell01 .under_flcell_right {
  width: 48rem;
  margin-left: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner h4 {
    font-size: 2.0rem;
    margin: 8rem 0rem 4rem;
  }
  .p-recruittop__work_inner .under_flcell.flcell01 {
    flex-direction: column-reverse; /* 右から左へ配置 */
  }
  .p-recruittop__work_inner .under_flcell.flcell02 {
    max-width: 100%;
    margin: 0 auto 6.8rem;
    flex-direction: column-reverse;
  }
  .p-recruittop__work_inner .under_flcell.flcell02 .under_flcell_left {
    margin: 0 auto;
    padding-top: 3.6rem;
    width: 100%;
    max-width: 100%;
  }
  .p-recruittop__work_inner .under_flcell.flcell02 .under_flcell_right {
    display: block;
    width: 30rem;
    margin: 0 auto;
  }
  .p-recruittop__work_inner .under_flcell.flcell01 .under_flcell_left {
    margin-right: 0.0rem;
    padding-top: 0rem;
    width: 76.5rem;
  }
  .p-recruittop__work_inner .under_flcell.flcell01 .under_flcell_right {
    width: 48rem;
    margin-left: 0rem;
  }
}
.p-recruittop__work_inner .flcell02 h5 ,
.p-recruittop__work_inner .flcell01 h5 {
  position: absolute;
  left: 16rem;
  top: 0;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1;
  background: url(../img/business/icon_h4.png) no-repeat left center;
  background-size: 3.0rem 3.0rem;
  padding: 0 0 0 4.0rem;
  text-align: left;
}
.p-recruittop__work_inner .flcell01 h5 {
  margin-left: 57rem;
}
.p-recruittop__work_inner .product h5 {
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1;
  background: url(../img/business/icon_h4.png) no-repeat left center;
  background-size: 3.0rem 3.0rem;
  padding: 0 0 0 4.0rem;
  text-align: left;
  width: 160rem;
  margin: 8rem 16rem 0;
}
.p-recruittop__work_inner .product h5 a {
  font-size: 2.0rem;
  font-weight: 400;
  text-decoration: none;
  color: var(--light);
  background: url(../img/common/arrow_blank.png) no-repeat right center;
  background-size: 1.6rem 2.0rem;
  display: inline-block;
  padding-right: 2rem;
}
/*
  --base: #222222;
  --light: #7B7D80;
  --main: #0050A5;
  --bgBlue1: #EBF4FF;
  --border1: #707070;
  --gray1: #CCCCCC;
*/
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner .flcell02 h5 ,
  .p-recruittop__work_inner .flcell01 h5 {
    left: 0rem;
    font-size: 1.6rem;
    background: url(../img/business/icon_h4.png) no-repeat left center;
    background-size: 1.6rem 1.6rem;
    padding: 0 0 0 2.0rem;
  }
  .p-recruittop__work_inner .flcell01 h5 {
    margin-left: 0rem;
  }
  .p-recruittop__work_inner .product h5 {
    font-size: 1.6rem;
    background: url(../img/business/icon_h4.png) no-repeat left center;
    background-size: 1.6rem 1.6rem;
    padding: 0 0 0 2.0rem;
    width: 30rem;
    margin: 6rem 0 2rem;
    position: static;
  }
  .p-recruittop__work_inner .product h5 a {
    font-size: 1.2rem;
    background: url(../img/common/arrow_blank.png) no-repeat right center;
    background-size: 1.0rem 1.3rem;
    padding-right: 1.2rem;
  }
}
.p-recruittop__work_inner .flcell02 p.txt01 {
  margin: 0 0 10.0rem 6rem;
  width: 48rem;
}
.p-recruittop__work_inner .flcell02 p.txt02 {
  display: none;
}
.p-recruittop__work_inner .flcell01 p.txt01 {
  margin: 0 6rem 10.0rem 0;
  width: 48rem;
}
.p-recruittop__work_inner .flcell01 p.txt02 {
  display: none;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner .flcell01 p.txt01 {
    margin: 0 6rem 3.0rem 0;
    width: 30rem;
  }
  .p-recruittop__work_inner .flcell01 p.txt02 {
  }
}
.p-recruittop__work_inner .img02 {
}
.p-recruittop__work_inner .img02 img {
  margin: 0 0 2.4rem;
}
.p-recruittop__work_inner .img02 p {
  font-size: 1.6rem;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner h5 {
    position: absolute;
    left: 3.0rem;
    top: 0;
    font-size: 2.0rem;
    background: url(../img/business/icon_h4.png) no-repeat left center;
    background-size: 2.0rem 2.0rem;
    padding: 0 0 0 3.0rem;
  }
  .p-recruittop__work_inner .flcell02 p.txt01 {
    display: none;
  }
  .p-recruittop__work_inner .flcell02 p.txt02 {
    display: block;
    margin-top: -0.7rem;
  }
  .p-recruittop__work_inner .img02 {
    margin-top: 0.0rem;
    width: 16rem;
	margin-left: 46%;
  }
  .p-recruittop__work_inner .img02 img {
    margin: 0 0 0.8rem;
  }
  .p-recruittop__work_inner .img02 p {
    font-size: 1.0rem;
    margin: 0;
  }
  .p-recruittop__work_inner .img02 p span {
    display: none;
  }
}


/* 製品コーナー */
.p-recruittop__work_inner .product {
  width: 160rem;
  margin: 0 auto 16rem;
}
.p-recruittop__work_inner .product .product_img {
  width: 128rem;
  margin: 8rem auto 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner .product {
    width: 100%;
    margin: 0 auto 6.0rem;
  }
  .p-recruittop__work_inner .product .product_img {
    width: 100%;
    margin: 0 auto 0;
  }
}
.p-recruittop__work_inner .p-home-business__mechanical_box_brand {
  width: 160rem;
  margin: 0 16rem 0;
}
.p-recruittop__work_inner .p-home-business__mechanical_box_brand a {
  font-size: 2.0rem;
  font-weight: 400;
  text-decoration: none;
  color: var(--light);
  background: url(../img/common/arrow_blank.png) no-repeat right center;
  background-size: 1.6rem 2.0rem;
  display: inline-block;
  padding-right: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__work_inner .p-home-business__mechanical_box_brand {
    width: 30rem;
    margin: 0;
  }
  .p-recruittop__work_inner .p-home-business__mechanical_box_brand a {
    font-size: 1.2rem;
    background-size: 1.0rem 1.3rem;
    padding-right: 1.2rem;
  }
}










/* 採用情報ページ　事業内容のスライダー（ホームより引用） */
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.prev-arrow ,
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.next-arrow {
  background: #999;
  z-index: 1;
  z-index: 4;
  width: 8rem;
  height: 19rem;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .l-main .p-recruittop__work_inner .slider_2 {
    width: 100vw;
    margin-left: -8.25vw;
  }
  .l-main .p-recruittop__work_inner .slider_2 .slide-arrow.prev-arrow ,
  .l-main .p-recruittop__work_inner .slider_2 .slide-arrow.next-arrow {
    width: 32px;
  }
}
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.prev-arrow {
  left: 0px;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% 100%;
}
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.next-arrow {
  right: 0px;
  background: linear-gradient(to left, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%);
  background-size: 100% 100%;
}
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.prev-arrow img ,
.l-main .p-recruittop__work_inner .slider_2 .slide-arrow.next-arrow img {
  width: 6rem;
  height: auto;
  margin: 7.5rem 0;
}
@media only screen and (max-width: 768px) {
  .l-main .p-home-business .slider_2 .slider-img {
    width: 12rem;
  }
}











/* 採用情報ページ　盛岡セイコーの技術力の源泉 */
.p-recruittop__tech_visual {
  margin-bottom: 15rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_visual {
    margin-bottom: 3.8rem;
  }
}
.p-recruittop__tech_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__tech_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 7.2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_subtitle {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
.p-recruittop__tech_grid {
  display: grid;
  grid-template-columns: 48% 52%;
  padding: 0 16rem;
  text-align: left;
  margin-bottom: 14.6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_grid {
    position: relative;
    padding: 0 3rem;
    grid-template-columns: 100%;
    margin-bottom: 3rem;
  }
}
.p-recruittop__tech_desc {
  width: 48rem;
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_desc {
    width: 100%;
    font-size: 1.2rem;
  }
}
.p-recruittop__tech_chart {
  width: 85.3rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_chart {
    width: 35%;
    position: absolute;
    right: 3rem;
    top: 0;
  }
}
.p-recruittop__tech_btn {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  text-decoration: none;
  color: #000;
  width: 32rem;
  border: 0.1rem solid #000;
  border-radius: 4rem;
  position: relative;
  padding-right: 1.5rem;
  box-sizing: border-box;
  font-weight: 300;
  margin-top: 12.7rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_btn {
    margin: 2.4rem auto;
    font-size: 1.6rem;
    padding: 0.8rem;
    width: 17rem;
  }
}
.p-recruittop__tech_btn:hover {
  background: #000;
  color: #fff;
}
.p-recruittop__tech_btn:hover:after {
  border-color: #fff;
}
.p-recruittop__tech_btn:after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  position: absolute;
  right: 2.5rem;
  top: calc(50% - 0.7rem);
  border-top: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
  rotate: 45deg;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_btn:after {
    width: 0.8rem;
    height: 0.8rem;
    top: calc(50% - 0.4rem);
  }
}






/* 採用情報ページ　マイスタースペシャリストが語る仕事の魅力 */
.p-recruittop__tech_interview {
  padding-right: 16rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  margin-bottom: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview {
    padding: 0;
    flex-direction: column;
    border: 0.1rem solid var(--blue1);
    border-bottom: none;
    margin: 0 3rem 9rem;
    border-radius: 20rem 20rem 0 0;
    text-align: center;
  }
}
.p-recruittop__tech_interview_thumb {
  width: 80rem;
  margin-right: 12rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview_thumb {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 1rem;
  }
}
.p-recruittop__tech_interview_info {
  width: 52rem;
  margin-right: 21.6rem;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview_info {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.p-recruittop__tech_interview_arrow {
  display: block;
  width: 10.3rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview_arrow {
    width: 4.8rem;
    margin-top: 1rem;
  }
}
.p-recruittop__tech_interview_label {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  color: var(--blue1);
  font-weight: 500;
  line-height: 2.0;
  letter-spacing: 0.09em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview_label {
    font-size: 1rem;
  }
}
.p-recruittop__tech_interview_text {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__tech_interview_text {
    font-size: 2rem;
    padding: 0 0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 2.0;
    letter-spacing: 0.04em;
  }
}
@media only screen and (min-width: 769px) {
  a.p-recruittop__tech_interview {
    background: hsla(0,0%,0%,0.00);
    width: 176rem;
    margin: 0 0 16rem 16rem;
    background: url("../img/common/bk-o-.jpg") no-repeat right top, url("../img/common/bk-o-.jpg") no-repeat right bottom;
    background-size: 160rem 1px, 160rem 1px;
    position: relative;
  }
  a.p-recruittop__tech_interview picture.recruittop__tech_interview_thumb {
    background: hsla(0,0%,0%,0.00);
  }
  a.p-recruittop__tech_interview picture.recruittop__tech_interview_thumb img {
    background: hsla(0,0%,0%,0.00);
  }
  a.p-recruittop__tech_interview div.p-recruittop__tech_interview_info {
    background: hsla(0,0%,0%,0.00);
    width: 56rem;
  }
  a.p-recruittop__tech_interview div.p-recruittop__tech_interview_info span.p-recruittop__tech_interview_text {
    background: hsla(0,0%,0%,0.00);
    font-size: 3rem;
  }
  a.p-recruittop__tech_interview div.p-recruittop__tech_interview_info p.p-recruittop__tech_interview_text {
    background: hsla(0,0%,0%,0.00);
    font-size: 4rem;
    font-family: inherit;
    font-weight: 500;
  }
  a.p-recruittop__tech_interview span.p-recruittop__tech_interview_arrow {
    background: hsla(0,0%,0%,0.00);
    position: absolute;
    right: 30rem;
    bottom: 4rem;
  }
  a.p-recruittop__tech_interview span.p-recruittop__tech_interview_arrow img {
    background: hsla(0,0%,0%,0.00);
  }
}








/* 採用情報ページ　この地とともに未来へ */
.p-recruittop__coexistence_content {
  background-image: url(../img/recruit/sdgs03.png), url(../img/recruit/sdgs02.jpg);
  background-size: 179.3rem auto, 382rem auto;
  background-position: -34% 38rem, center top;
  background-repeat: no-repeat, no-repeat;
  padding: 44.3rem 14.4rem 0;
  text-align: left;
  min-height: 128.4rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_content {
    background-image: url(../img/recruit/sdgs02_sp.png), url(../img/recruit/sdgs03_sp.png);
    background-size: 100% auto, 100% auto;
    background-position: center 1.5rem, center 95%;
    background-repeat: no-repeat, no-repeat;
    padding: 6rem 3rem 0;
    min-height: unset;
    margin-bottom: 0;
  }
}
.p-recruittop__coexistence_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__coexistence_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 7.2rem;
  padding-left: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_subtitle {
    font-size: 1rem;
    padding-left: 0.5rem;
  }
}
.p-recruittop__coexistence_item {
  margin-right: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_item {
    margin-right: 0;
  }
}
.p-recruittop__coexistence_item_title {
  font-size: 4.8rem;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_item_title {
    font-size: 2rem;
  }
}
.p-recruittop__coexistence_arrow {
  width: 12.4rem;
  display: block;
  margin-top: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_arrow {
    width: 4.8rem;
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
  }
}
.p-recruittop__coexistence_label {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 1.6rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_label {
    font-size: 1rem;
    margin-bottom: 0.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_text {
    font-size: 1.2rem;
    line-height: 2;
    margin-bottom: 3rem;
  }
}
.p-recruittop__coexistence_flex {
  display: flex;
  justify-content: flex-start;
  margin-left: 50rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__coexistence_flex {
    margin-left: 8rem;
    margin-top: 24rem;
    flex-direction: column;
    gap: 28rem;
  }
}








/* 採用情報ページ　職種紹介 */
.p-recruittop__job {
  margin-bottom: 28.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job {
    margin-bottom: 9rem;
  }
}
.p-recruittop__job_header {
  text-align: left;
  padding: 15rem 16rem 11.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_header {
    padding: 3rem;
  }
}
.p-recruittop__job_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__job_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_subtitle {
    font-size: 1rem;
  }
}
.p-recruittop__job_category {
  margin: 0 16rem 7.2rem 11rem;
  border: 0.1rem solid var(--blue1);
  border-right: none;
  border-radius: 30rem 0 0 30rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_category {
    margin: 0 3rem;
    border-right: 0.1rem solid var(--blue1);
    border-bottom: none;
    border-radius: 30rem 30rem 0 0;
  }
}
.p-recruittop__job_cat_inner {
  display: flex;
  padding: 5.6rem 16rem;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_inner {
    padding: 4.4rem 3rem;
    flex-direction: column;
  }
}
.p-recruittop__job_cat_icon {
  width: 20rem;
  margin: 0;
  margin-right: 7.6rem;
  padding-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_icon {
    width: 9rem;
    margin: 0 auto 2.7rem;
    padding-top: 0;
  }
}
.p-recruittop__job_cat_info {
  text-align: left;
  width: 42rem;
  padding-right: 5.5rem;
  border-right: 0.1rem solid var(--blue1);
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_info {
    width: 100%;
    padding-right: 0;
    border: none;
    border-bottom: 0.1rem solid var(--blue1);
  }
}
.p-recruittop__job_cat_name {
  font-size: 4.8rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: bold;
  line-height: 1;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_name {
    font-size: 2rem;
    text-align: center;
  }
}
.p-recruittop__job_cat_en {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: var(--blue1);
  display: block;
  margin-top: 1rem;
  margin-bottom: 6.4rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_en {
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
  }
}
.p-recruittop__job_cat_desc {
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_desc {
    font-size: 1.2rem;
    margin-bottom: 1.9rem;
  }
}
.p-recruittop__job_cat_tasks {
  padding: 0 8rem;
  display: flex;
  align-items: flex-start;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_tasks {
    padding: 1.6rem 0;
  }
}
.p-recruittop__job_cat_tasks_label {
  border: 0.1rem solid var(--blue1);
  border-left: none;
  display: inline-block;
  border-radius: 0 3rem 3rem 0;
  font-size: 1.6rem;
  color: var(--blue1);
  padding: 1rem 2.6rem 1rem 1rem;
  margin-right: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_tasks_label {
    font-size: 1.2rem;
    padding: 0.5rem 1rem 0.5rem 0;
    margin-right: 2rem;
  }
}
.p-recruittop__job_cat_task_list {
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_cat_task_list {
    font-size: 1.2rem;
  }
}
.p-recruittop__job_staff_list {
  width: 144rem;
  margin: 0 auto 10.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_list {
    max-width: calc(100% - 6rem);
    margin: 0 3rem 8.6rem;
    padding: 0 3rem;
    box-sizing: border-box;
    border-left: 0.1rem solid var(--blue1);
    border-right: 0.1rem solid var(--blue1);
  }
}
.p-recruittop__job_staff_card {
  display: flex;
  border-radius: 3.6rem;
  text-decoration: none;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_card {
    flex-direction: column;
  }
}
.p-recruittop__job_staff_card + .p-recruittop__job_staff_card {
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_card + .p-recruittop__job_staff_card {
    margin-top: 1.2rem;
  }
}
.p-recruittop__job_staff_img, .p-recruittop__job_staff_body {
  width: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_img, .p-recruittop__job_staff_body {
    width: 100%;
  }
}
.p-recruittop__job_staff_body {
  background: #EBF4FF;
  padding: 4.8rem 5.6rem;
  text-align: left;
  position: relative;
  border-radius: 0 3.6rem 3.6rem 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_body {
    padding: 2.4rem 2rem;
    border-radius: 0 0 1.2rem 1.2rem;
  }
}
.p-recruittop__job_staff_copy {
  font-size: 3rem;
  line-height: 1.8;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: bold;
  margin-bottom: 2rem;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_copy {
    font-size: 1.4rem;
  }
}
.p-recruittop__job_staff_year {
  font-size: 1.6rem;
  color: var(--blue1);
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_year {
    font-size: 1rem;
  }
}
.p-recruittop__job_staff_name {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_name {
    font-size: 2.4rem;
  }
}
.p-recruittop__job_staff_arrow {
  width: 12.4rem;
  position: absolute;
  right: 5.6rem;
  bottom: 7.6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__job_staff_arrow {
    width: 4.8rem;
    right: 2rem;
    bottom: 2.5rem;
  }
}





/* 採用情報ページ　人を大切にするから */
.p-recruittop__welfare_intro {
  text-align: left;
  display: grid;
  grid-template-columns: 60% 40%;
  padding: 0 16rem;
  margin-bottom: 19rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_intro {
    padding: 0 3rem;
    grid-template-columns: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 7.2rem;
  }
}
.p-recruittop__welfare_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_title {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}
.p-recruittop__welfare_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 7.2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_subtitle {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}
.p-recruittop__welfare_text {
  font-size: 2rem;
  line-height: 2;
  width: 48rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_text {
    width: 100%;
    font-size: 1.2rem;
  }
}
.p-recruittop__welfare_img {
  width: 64rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_img {
    width: 100%;
    margin-bottom: 4.6rem;
  }
}
/*
.p-recruittop__welfare_img:after {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  left: 60%;
  top: -28rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_img:after {
    width: 14.5rem;
    height: 14.5rem;
    left: 70%;
    top: 90%;
  }
}
*/

/* 福利厚生　モーション-1 */
.js-welfare-decoration-1-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  left: 60%;
  top: -28rem;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-1-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: 70%;
    top: 90%;
  }
}

.p-recruittop__welfare_certs {
  text-align: left;
  padding: 0 16rem;
  margin-bottom: 22.9rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_certs {
    padding: 0 3rem;
    margin-bottom: 7rem;
  }
}

/*
.p-recruittop__welfare_certs:after {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -15rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_certs:after {
    width: 14.5rem;
    height: 14.5rem;
    right: 0rem;
  }
}
*/

/* 福利厚生　モーション-2 */
.js-welfare-decoration-2-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  left: 50%;
  bottom: -15rem;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-2-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: 50%;
    top: 90%;
  }
}



.p-recruittop__welfare_certs_title {
  font-size: 4.8rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_certs_title {
    font-size: 2rem;
  }
}
.p-recruittop__welfare_certs_label {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 2rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_certs_label {
    font-size: 1.2rem;
  }
}
.p-recruittop__welfare_certs_sub {
  font-size: 2rem;
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_certs_sub {
    font-size: 1.2rem;
  }
}
.p-recruittop__welfare_certs_list {
  text-align: left;
}
.p-recruittop__welfare_cert_item {
  padding: 1rem 0 1.2rem 4rem;
  position: relative;
  font-size: 3rem;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_cert_item {
    font-size: 1.5rem;
    padding: 0.2rem 0 0.8rem 2rem;
    margin-bottom: 0.2rem;
    line-height: 1.4;
  }
}
.p-recruittop__welfare_cert_item:before {
  content: "";
  width: 3rem;
  height: 3rem;
  box-sizing: border-box;
  border: 1.28rem solid var(--blue1);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_cert_item:before {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.6rem solid var(--blue1);
    top: 0.6rem;
  }
}
.p-recruittop__welfare_cert_item span {
  font-size: 2rem;
  font-weight: 400;
}
.p-recruittop__welfare_cert_item span a {
  color: var(--blue1);
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_cert_item span {
    font-size: 1.2rem;
  }
  .p-recruittop__welfare_cert_item span a {
  }
}






/* 採用情報ページ　福利厚生 */
.p-recruittop__welfare_detail {
  margin-bottom: 22.5rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_detail {
    margin-bottom: 10rem;
  }
}
.p-recruittop__welfare_detail_header {
  text-align: left;
  padding: 0 16rem;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_detail_header {
    padding: 0 3rem;
  }
}
.p-recruittop__welfare_detail_title {
  font-size: 4.8rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_detail_title {
    font-size: 2rem;
  }
}
.p-recruittop__welfare_detail_label {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 2rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_detail_label {
    font-size: 1rem;
  }
}
.p-recruittop__welfare_detail_inner {
  padding: 0 32rem;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_detail_inner {
    padding: 0 3rem 0 3rem;
  }
}
.p-recruittop__welfare_group {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_group {
    flex-direction: column;
  }
}
.p-recruittop__welfare_group + .p-recruittop__welfare_group {
  margin-top: 10.8rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_group + .p-recruittop__welfare_group {
    margin-top: 4.5rem;
  }
}
.p-recruittop__welfare_group_title {
  width: 32rem;
  padding-left: 4rem;
  position: relative;
  font-size: 3rem;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_group_title {
    font-size: 1.5rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
  }
}
.p-recruittop__welfare_group_title:before {
  content: "";
  width: 3rem;
  height: 3rem;
  box-sizing: border-box;
  border: 1.28rem solid var(--blue1);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_group_title:before {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.6rem solid var(--blue1);
    top: 0.6rem;
  }
}
.p-recruittop__welfare_list {
  width: calc(100% - 32rem);
  font-size: 2rem;
  line-height: 2;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_list {
    width: 100%;
    padding-left: 3rem;
    font-size: 1.2rem;
    box-sizing: border-box;
  }
}

/*
.p-recruittop__welfare_list--deco01:before {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  right: -18.7rem;
  top: 22.9rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_list--deco01:before {
    width: 14.5rem;
    height: 14.5rem;
    right: -6rem;
  }
}
*/

/* 福利厚生　モーション-3 */
.js-welfare-decoration-3-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  right: -18.7rem;
  top: 22.9rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-3-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: 70%;
    top: 60%;
  }
}



/*
.p-recruittop__welfare_list--deco02:before {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  right: calc(100% + 15.4rem);
  top: 24.9rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_list--deco02:before {
    width: 14.5rem;
    height: 14.5rem;
    right: 24rem;
  }
}
*/

/* 福利厚生　モーション-4 */
.js-welfare-decoration-4-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  right: calc(100% + 15.4rem);
  top: 24.9rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-4-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: -20%;
    top: 20%;
  }
}



/*
.p-recruittop__welfare_list--deco03:before {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  left: calc(100% - 16rem);
  top: 19rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_list--deco03:before {
    width: 14.5rem;
    height: 14.5rem;
    right: -3rem;
  }
}
*/

/* 福利厚生　モーション-5 */
.js-welfare-decoration-5-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  left: calc(100% - 16rem);
  top: 19rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-5-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: 70%;
    top: 30%;
  }
}




/*
.p-recruittop__welfare_list--deco04:before {
  content: "";
  width: 42.8rem;
  height: 42.8rem;
  background: url(../img/recruit/welfare02.svg) no-repeat center;
  background-size: contain;
  display: block;
  position: absolute;
  right: 2rem;
  top: -2rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_list--deco04:before {
    width: 14.5rem;
    height: 14.5rem;
    right: -4rem;
  }
}
*/
/* 福利厚生　モーション-6 */
.js-welfare-decoration-6-pc {
  width: 42.8rem;
  height: 42.8rem;
  position: absolute;
  left: calc(100% - 16rem);
  top: 19rem;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .js-welfare-decoration-6-sp {
    width: 14.5rem;
    height: 14.5rem;
    position: absolute;
    left: 70%;
    top: 40%;
  }
}



.p-recruittop__welfare_item {
  margin: 0;
  position: relative;
}
.p-recruittop__welfare_item + .p-recruittop__welfare_item {
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__welfare_item + .p-recruittop__welfare_item {
    margin-top: 2rem;
  }
}
.p-recruittop__welfare_term {
  color: var(--blue1);
  font-weight: bold;
}
.p-recruittop__welfare_desc_bold {
  font-weight: bold;
}








/* 採用情報ページ　エントリー */
.p-recruittop__entry_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__entry_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 7.2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_subtitle {
    font-size: 1rem;
    margin-bottom: 3.5rem;
  }
}
.p-recruittop__entry_container {
  text-align: left;
  padding: 0 16rem;
  margin-bottom: 22rem;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_container {
    padding: 0 3rem;
    flex-direction: column;
    margin-bottom: 10rem;
  }
}
.p-recruittop__entry_message {
  margin-right: 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_message {
    margin-right: 0;
  }
}
.p-recruittop__entry_text {
  width: 48rem;
  font-size: 2rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_text {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 3rem;
  }
}
.p-recruittop__entry_profile_head {
  font-size: 2rem;
  color: var(--blue1);
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_profile_head {
    font-size: 1.2rem;
  }
}
.p-recruittop__entry_profile_item {
  padding-left: 4rem;
  position: relative;
  font-size: 3rem;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_profile_item {
    font-size: 1.4rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
  }
}
.p-recruittop__entry_profile_item:before {
  content: "";
  width: 3rem;
  height: 3rem;
  box-sizing: border-box;
  border: 1.28rem solid var(--blue1);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__entry_profile_item:before {
    width: 1.5rem;
    height: 1.5rem;
    border: 0.6rem solid var(--blue1);
    top: 0.6rem;
  }
}







/* 採用情報ページ　募集要項 */
.p-recruittop__recruit_header {
  text-align: left;
  padding: 0 16rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_header {
    padding: 0 3rem;
  }
}
.p-recruittop__recruit_title {
  font-size: 7.2rem;
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_title {
    font-size: 2.4rem;
  }
}
.p-recruittop__recruit_subtitle {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: var(--blue1);
  margin-bottom: 11rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_subtitle {
    font-size: 1rem;
    margin-bottom: 5rem;
  }
}
.p-recruittop__recruit_item {
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_item {
    margin-bottom: 0.8rem;
  }
}
.p-recruittop__recruit_accordion {
  padding: 0 16rem;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_accordion {
    padding: 0 3rem;
  }
}
.p-recruittop__recruit_trigger {
  padding: 2.6rem 5.6rem;
  color: #fff;
  font-size: 4.8rem;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  background: var(--blue1);
  line-height: 1;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_trigger {
    font-size: 2rem;
    padding: 1.8rem 3.4rem 1.8rem 2.4rem;
  }
}
.p-recruittop__recruit_trigger.is-open .p-recruittop__recruit_icon:after {
  opacity: 0;
}
.p-recruittop__recruit_icon {
  width: 4.4rem;
  height: 4.4rem;
  display: block;
  position: absolute;
  right: 5.6rem;
  top: calc(50% - 2.2rem);
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_category > span {
    line-height: 1.4;
  }
  .p-recruittop__recruit_icon {
    right: 2.2rem;
    top: calc(50% - 1.1rem);
    width: 2.2rem;
    height: 2.2rem;
  }
}
.p-recruittop__recruit_icon:before, .p-recruittop__recruit_icon:after {
  content: "";
  width: 100%;
  display: block;
  border-bottom: 0.4rem solid #fff;
  left: 2.1rem;
  top: 2.1rem;
  position: absolute;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_icon:before, .p-recruittop__recruit_icon:after {
    left: 1.1rem;
    top: 1.1rem;
    border-bottom: 0.2rem solid #fff;
  }
}
.p-recruittop__recruit_icon:after {
  rotate: 90deg;
}
.p-recruittop__recruit_content {
  display: none;
}
.p-recruittop__recruit_row {
  padding: 6.4rem 6.4rem;
  display: flex;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_row {
    padding: 2.4rem;
  }
}
.p-recruittop__recruit_row + .p-recruittop__recruit_row {
  border-top: 0.1rem solid var(--blue1);
}
.p-recruittop__recruit_row dt {
  font-size: 3rem;
  font-weight: bold;
  color: var(--blue1);
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  width: 42rem;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_row dt {
    font-size: 1.2rem;
    width: 40%;
    line-height: 2;
  }
}
.p-recruittop__recruit_row dd {
  font-size: 2rem;
  line-height: 2;
  width: calc(100% - 42rem);
  max-width: 103rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__recruit_row dd {
    font-size: 1.2rem;
    width: 60%;
    line-height: 2;
  }
}
.p-recruittop__cta {
  display: block;
  margin: 0 16rem;
  background: var(--blue1) url(../img/recruit/entry.svg) no-repeat center center/85% auto;
  padding: 14.6rem 17rem;
  color: #fff;
  text-align: left;
  font-size: 3rem;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__cta {
    margin: 0 3rem;
    width: auto;
    font-size: 2rem;
    text-align: center;
    padding: 5.7rem 0;
    border-radius: 1.2rem;
  }
}
.p-recruittop__cta span {
  font-size: 4.8rem;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  margin-right: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-recruittop__cta span {
    font-size: 3.6rem;
  }
}
























/* 採用情報ページの事業内容コーナー */
/* flcell */
/*
.l-main.recruit .under_flcell.flcell01 {
max-width: 160rem;
margin: 0 auto 8.4rem;
}
.l-main.recruit .under_flcell.flcell01 .under_flcell_left {
width: 80rem;
}
.l-main.recruit .under_flcell.flcell01 .under_flcell_right {
width: 64rem;
}

.l-main.recruit .under_flcell.flcell02 {
max-width: 160rem;
margin: 0 auto 8.4rem;
}
.l-main.recruit .under_flcell.flcell02 .under_flcell_left {
margin-left: 10.5rem;
padding-top: 12rem;
width: 76.5rem;
}
.l-main.recruit .under_flcell.flcell02 .under_flcell_right {
width: 48rem;
}
.l-main.recruit .under_flcell.flcell03 {
max-width: 160rem;
margin: 0 auto 7.0rem;
}
.l-main.recruit .under_flcell.flcell03 .product_cell {
width: 32rem;
text-align: center;
}
.l-main.recruit .under_flcell.flcell04 {
max-width: 160rem;
margin: 0 auto 8.4rem;
}
@media only screen and (max-width: 768px) {
.l-main.recruit .under_flcell.flcell01 {
width: 100%;
margin: 0 0 4rem;
}
.l-main.recruit .under_flcell.flcell01 .under_flcell_left {
width: 30rem;
margin: 0 auto;
}
.l-main.recruit .under_flcell.flcell01 .under_flcell_right {
width: 100%;
margin: 0 auto;
}
.l-main.recruit .under_flcell.flcell02 {
max-width: 100%;
margin: 0 auto 4rem;
flex-direction: column-reverse;
}
.l-main.recruit .under_flcell.flcell02 .under_flcell_left {
margin: 0 auto;
padding-top: 3.6rem;
width: 100%;
max-width: 100%;
}
.l-main.recruit .under_flcell.flcell02 .under_flcell_right {
display: flex;
justify-content: space-between;
width: 30rem;
margin: 0 auto;
}
.l-main.recruit .under_flcell.flcell03 {
max-width: 30rem;
margin: 0 auto 3.0rem;
display: flex;
justify-content: space-between;
flex-direction: row;
}
.l-main.recruit .under_flcell.flcell03 .product_cell {
width: 10rem;
text-align: center;
}
.l-main.recruit .under_flcell.flcell03 .product_cell:last-of-type {
margin-bottom: 0rem;
}
.l-main.recruit .under_flcell.flcell04 {
max-width: 30rem;
margin: 0 auto 8.4rem;
}
}

.l-main.recruit p {
font-size: 2.0rem;
line-height: 2.0;
text-align: left;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
letter-spacing: 0.09em;
}
.l-main.recruit .p-recruittop__corporate_content p.p-recruittop__corporate_eng ,
.l-main.recruit .p-recruittop__data_header p.p-recruittop__data_subtitle ,
.l-main.recruit .p-recruittop__work_header p.p-recruittop__work_subtitle ,
.l-main.recruit .p-recruittop__tech_content p.p-recruittop__tech_subtitle ,
.l-main.recruit .p-recruittop__coexistence_header p.p-recruittop__coexistence_subtitle ,
.l-main.recruit .p-recruittop__job_header p.p-recruittop__job_subtitle ,
.l-main.recruit .p-recruittop__welfare_info p.p-recruittop__welfare_subtitle ,
.l-main.recruit .p-recruittop__entry_message p.p-recruittop__entry_subtitle ,
.l-main.recruit .p-recruittop__recruit_header p.p-recruittop__recruit_subtitle {
  font-size: 1.6rem;
  font-weight: 500;
}
.l-main.recruit p.txt_num {
position: absolute;
top: -14rem;
right: -5.5rem;
font-size: 30rem;
color: #0050A5;
line-height: 1;
margin: 0 0 0rem;
font-family: "Inter", sans-serif;
font-weight: 300;
letter-spacing: 0.03em;
}

.l-main.recruit .product {
position: relative;
width: 100%;
margin: 0 auto 35rem;
}

.l-main.recruit .product .product_inner {
max-width: 128rem;
margin: 0 auto;
}
.l-main.recruit .product .product_list {
margin: 0 0 0rem;
}
.l-main.recruit .product .product_list li {
display: flex;
align-items: center;
margin: 0 0 9.0rem;
}
.l-main.recruit .product .product_list li:last-child {
margin: 0 0 0rem;
}
.l-main.recruit .product .product_list li span {
font-size: 3.0rem;
font-weight: bold;
width: max-content;
margin-right: 6.0rem;
}
.l-main.recruit .product .product_list li a {
display: block;
font-size: 2.0rem;
width: max-content;
padding: 0 2.5rem 0 0;
color: #7B7D80;
text-decoration: none;
background: url(../img/common/icon_blank.png) no-repeat right center;
background-size: 1.45rem 1.7rem;
}

.l-main.recruit .under_flcell h4 {
position: absolute;
left: 16rem;
top: 0;
font-size: 4.8rem;
font-weight: bold;
line-height: 1;
background: url(../img/business/icon_h4.png) no-repeat left center;
background-size: 4.8rem 4.8rem;
padding: 0 0 0 7.2rem;
text-align: left;
}
.l-main.recruit .product h4 {
font-size: 4.8rem;
font-weight: bold;
line-height: 1;
background: url(../img/business/icon_h4.png) no-repeat left center;
background-size: 4.8rem 4.8rem;
padding: 0 0 0 7.2rem;
margin: 0 0 6.5rem;
text-align: left;
width: max-content;
}
.l-main.recruit .product .product_cell_img {
width: 24rem;
margin: 0 auto 3.6rem;
}
.l-main.recruit .product .product_lead {
font-size: 2.0rem;
line-height: 1.5;
text-align: left;
margin: 0 0 6.5rem;
}
.l-main.recruit .product .product_txt01 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
text-align: left;
margin: 0 0 0.5rem;
}
.l-main.recruit .product .product_txt02 {
font-size: 1.6rem;
line-height: 1.5;
text-align: left;
color: #7B7D80;
margin: 0 0 0;
}
.l-main.recruit .product .product_txt03 {
font-size: 1.6rem;
line-height: 1.5;
text-align: left;
color: #0050A5;
margin: 0 0 0;
font-weight: 500;
}
.l-main.recruit .product .btn_blk {
margin: 0 auto 10.5rem;
position: relative;
background: #222;
display: flex;
width: max-content;
padding: 1.6rem 5.2rem 1.6rem 2.3rem;
border-radius: 0.3rem;
text-align: left;
text-decoration: none;
font-size: 2.0rem;
font-weight: bold;
color: #fff;
line-height: 1.5;
}
.l-main.recruit .product .btn_blk::after {
position: absolute;
display: block;
content: "";
background: url(../img/business/icon_blank.png) no-repeat;
background-size: 100% 100%;
width: 2.4rem;
height: 2.9rem;
right: 1.6rem;
top: 0;
bottom: 0;
margin: auto;
}
.l-main.recruit .flcell01 p.txt01 {
margin: 0 0 0rem;
width: 80rem;
}
.l-main.recruit .flcell01 p.txt02 {
display: none;
}
.l-main.recruit .flcell02 p.txt01 {
margin: 0 0 10.0rem 6rem;
width: 48rem;
}
.l-main.recruit .flcell02 p.txt02 {
display: none;
}
.l-main.recruit .img02 {
}
.l-main.recruit .img02 img {
margin: 0 0 2.4rem;
}
.l-main.recruit .img02 p {
font-size: 1.6rem;
margin: 0;
}

.l-main.recruit .flcell03 p.txt01 {
margin: 0 0 5.5rem;
}
.l-main.recruit .flcell03 p.txt02 {
}
.l-main.recruit .flcell03 p.txt03 {
display: none;
}
@media only screen and (max-width: 768px) {
.l-main.recruit p {
font-size: 1.2rem;
}
.l-main.recruit .p-recruittop__corporate_content p.p-recruittop__corporate_eng ,
.l-main.recruit .p-recruittop__data_header p.p-recruittop__data_subtitle ,
.l-main.recruit .p-recruittop__work_header p.p-recruittop__work_subtitle ,
.l-main.recruit .p-recruittop__tech_content p.p-recruittop__tech_subtitle ,
.l-main.recruit .p-recruittop__coexistence_header p.p-recruittop__coexistence_subtitle ,
.l-main.recruit .p-recruittop__job_header p.p-recruittop__job_subtitle ,
.l-main.recruit .p-recruittop__welfare_info p.p-recruittop__welfare_subtitle ,
.l-main.recruit .p-recruittop__entry_message p.p-recruittop__entry_subtitle ,
.l-main.recruit .p-recruittop__recruit_header p.p-recruittop__recruit_subtitle {
  font-size: 1.0rem;
  font-weight: 500;
}
.l-main.recruit p.txt_num {
top: -4rem;
right: -1.5rem;
font-size: 9.6rem;
letter-spacing: 0.03em;
}
.l-main.recruit .sp_cell p.txt_num {
top: 17.8rem;
left: -1.5rem;
right: auto;
}



.l-main.recruit .product {
width: 100%;
margin: 0 auto 8rem;
}
.l-main.recruit .product:after {
width: 30.2rem;
height: 1.5rem;
background: url(../img/business/under_ttl_cell_sp.png) no-repeat;
background-size: 100% 100%;
left: auto;
right: 0;
bottom: -12rem;
z-index: 3;
}
.l-main.recruit .product .product_inner {
max-width: 30rem;
margin: 0 auto;
}
.l-main.recruit .product .product_list {
margin: 0 0 0rem;
}
.l-main.recruit .product .product_list li {
margin: 0 0 3.5rem;
}
.l-main.recruit .product .product_list li:last-child {
margin: 0 0 0rem;
}
.l-main.recruit .product .product_list li span {
font-size: 1.5rem;
margin-right: 2.0rem;
}
.l-main.recruit .product .product_list li a {
font-size: 1.2rem;
padding: 0 1.4rem 0 0;
background: url(../img/common/icon_blank.png) no-repeat right center;
background-size: 0.9rem 1.1rem;
}

.l-main.recruit .under_flcell h4 {
position: absolute;
left: 3.0rem;
top: 0;
font-size: 2.0rem;
background: url(../img/business/icon_h4.png) no-repeat left center;
background-size: 2.0rem 2.0rem;
padding: 0 0 0 3.0rem;
}
.l-main.recruit .product h4 {
font-size: 2.0rem;
background: url(../img/business/icon_h4.png) no-repeat left center;
background-size: 2.0rem 2.0rem;
padding: 0 0 0 3.0rem;
margin: 0 0 1.5rem;
}
.l-main.recruit .product .product_cell_img {
width: 9rem;
margin: 0 0;
}
.l-main.recruit .product .product_lead {
font-size: 1.2rem;
line-height: 1.5;
margin: 1.0rem 0 2.4rem;
}
.l-main.recruit .product .product_cell_txt {
width: 18rem;
}
.l-main.recruit .product .product_txt01 {
font-size: 1.0rem;
margin: 0 0 0.5rem;
}
.l-main.recruit .product .product_txt02 {
font-size: 1.0rem;
}
.l-main.recruit .product .product_txt03 {
font-size: 1.0rem;
font-weight: 500;
}
.l-main.recruit .product .btn_blk {
margin: 0 auto 5.5rem;
padding: 0.9rem 2.4rem 0.9rem 0.9rem;
border-radius: 0.3rem;
font-size: 1.2rem;
}
.l-main.recruit .product .btn_blk::after {
background: url(../img/business/icon_blank.png) no-repeat;
background-size: 100% 100%;
width: 1.1rem;
height: 1.3rem;
right: 0.8rem;
}

.l-main.recruit .flcell01 p.txt01 {
display: none;
}
.l-main.recruit .flcell01 p.txt02 {
display: block;
width: 30rem;
margin: 3.0rem auto 0;
}
.l-main.recruit .flcell01 .img01 {
width: 30rem;
margin: 0rem auto 0;
position: relative;
z-index: 2;
}
.l-main.recruit .flcell02 p.txt01 {
display: none;
}
.l-main.recruit .flcell02 p.txt02 {
display: block;
width: 15rem;
margin-top: -0.7rem;
}
.l-main.recruit .img02 {
margin-top: 3.6rem;
width: 12rem;
}
.l-main.recruit .img02 img {
margin: 0 0 0.8rem;
}
.l-main.recruit .img02 p {
font-size: 1.0rem;
margin: 0;
}
.l-main.recruit .img02 p span {
display: none;
}

.l-main.recruit .flcell03 p.txt01 {
margin: 0 0 5.5rem;
}
.l-main.recruit .flcell03 p.txt02 {
display: none;
}
.l-main.recruit .flcell03 p.txt03 {
display: block;
}
}
*/







/* ボタンの基本デザイン */
#view_more_btn_1 {
cursor: pointer;
text-align: center;
width: 160rem;
margin: 10rem auto 20rem;
padding: 10px 0;
background-color: #EEF3FF;
transition: all 0.3s;
color: #0050A5;
border-radius: 10rem;
}
#view_more_btn_2 {
cursor: pointer;
text-align: center;
width: 160rem;
margin: 10rem auto 20rem;
padding: 10px 0;
background-color: #EEF3FF;
transition: all 0.3s;
color: #0050A5;
border-radius: 10rem;
}
@media only screen and (max-width: 768px) {
#view_more_btn_1 {
margin: 0rem auto 4rem;
width: 30rem;
}
#view_more_btn_2 {
margin: 0rem auto 4rem;
width: 30rem;
}
}




/* ホバー（マウスを乗せた）時のデザイン */
#view_more_btn_1:hover {
    background-color: #f0f0f0;
}
#view_more_btn_2:hover {
    background-color: #f0f0f0;
}

/* 押された時（JavaScriptで .on がついた時）のデザイン */
#view_more_btn_1.on {
    background-color: #DDD;
}
#view_more_btn_2.on {
    background-color: #DDD;
}

/* ボタンの後に矢印などをつけたい場合（おまけ） */
#view_more_btn_1::after {
    content: " ⋁";
}
#view_more_btn_2::after {
    content: " ⋁";
}
#view_more_btn_1.on::after {
    content: " ⋀";
}
#view_more_btn_2.on::after {
    content: " ⋀";
}