@charset "UTF-8";
/* Scss Document */
/*初期設定 Start*/
:root {
  --MainColor:rgba(69,37,242,1.00);
  /*イメージカラー紺*/
  --SubColor:rgba(246,248,249,1.0);
  /*イメージカラー？ホワイト*/
  --BorderCr:rgba(204,204,204,1.0);
  /*ボーダーカラー*/
  --PointColor:rgba(255,72,0,1.0);
  /**/
  --InnerWidPc:calc(100% - 190px);
  --InnerWidSm:calc(100% - 40px);
  --MidWid:67.18vw;
  --MidWidMax:866px;
  --MidWidMin:700px;
  --PenColor:rgba(61,61,61,1.0);
  /*文字カラー*/
  --HeaderPcHeight:220px;
  /*PC用ヘッダー高さ*/
  --HeaderSmaHeight:70px;
  /*スマホ用ヘッダー高さ*/
  --MenuVertical:60px;
  /*スマホメニュー縦位置*/
  --MenuBeside:0px;
  /*スマホメニュー横位置*/
  --MenuCrSmaList:rgba(251,251,251,1.0);
  /*スマホメニューの大項目背景職*/
  --PageFaceHi:39vw;
  --PageFaceHiMax:540px;
  --PageFaceHiMin:280px; }

* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: var(--PenColor); }

header, div, fotter, p, h1, h2, h3, h4, h5, h6, span, ul, ol, li, a, img, article, section {
  display: block;
  text-align: center; }

html {
  width: 100%;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -ms-overflow-style: scrollbar; }

body {
  width: 100%;
  font-size: 1rem;
  min-width: 780px; }

body, html {
  scroll-padding-top: 200px; }

a {
  text-decoration: none;
  transition: all 0.4s; }

a:hover {
  font-weight: bold;
  opacity: 0.4;
  transition: all 0.5s; }

button:hover {
  font-weight: bold;
  opacity: 0.4;
  transition: all 0.5s; }

ul li, ol li {
  list-style-type: none; }

h2 {
  font-size: 2.4em;
  font-weight: bold; }

h3 {
  font-size: clamp(24px, 6vw, 2.875rem);
  font-weight: bold;
  line-height: clamp(30px, 7.56vw, 3.625rem); }
  h3 span {
    display: inline-block; }

h4 span {
  display: inline-block; }

p {
  font-size: 1.125rem;
  line-height: 2.125rem;
  font-weight: normal;
  word-break: break-all; }
  p span {
    display: inline-block; }

details:focus, summary:focus {
  outline: 0;
  /*Microsoft Edgeにてクリックした時に外枠が表示されるため無効化*/ }

summary {
  list-style: none;
  /*頭に▶を無効化するため*/
  cursor: pointer;
  /*ポインタ指定しないと カーソルが "I"になる*/
  transition: all 0.4s; }

summary::-webkit-details-marker {
  display: none;
  /*頭に▶を無効化するためSafari用*/ }

summary:hover {
  font-weight: bold;
  transition: all 0.5s; }

@-ms-viewport {
  width: auto !important;
  initial-scale: 1; }
/*初期設定 End*/
/*Function*/
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.smaOnly {
  display: none; }

/*PCのみ無効化したい時*/
/*ヘッダー*/
header {
  opacity: 1;
  transition: opacity .3s;
  width: 100%;
  min-width: 780px;
  height: var(--HeaderPcHeight);
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0px;
  left: 50% !important;
  /*header.php内にあるJSによりスクロールするとheaderタグにleft:0pxが加わる*/
  transform: translateX(-50%);
  z-index: 99999;
  background-color: #ffffff; }
  header .HeaderTop {
    /*主にWebタイトルのBox用*/ }
  header nav {
    width: inherit;
    max-width: 1280px;
    height: inherit;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    justify-content: space-between;
    justify-content: -webkit-space-between;
    align-items: center;
    align-items: -webkit-center; }
    header nav .drawer {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      position: relative;
      width: calc(100% - 32px);
      /*var(--InnerWidPc); 230919 change*/
      height: 109px;
      padding: 0 1em;
      border-bottom: 1px solid #cccccc;
      /*トグル部分*/ }
      header nav .drawer .navbar_brand {
        /*Webタイトル*/
        margin-left: 30px; }
        header nav .drawer .navbar_brand img {
          width: 284px;
          height: auto;
          max-height: var(--HeaderPcHeight);
          /*これを無効化するとSafariでHeader枠をオーバーする場合があるため設定*/ }
      header nav .drawer .navbar_toggle {
        display: none; }
    header nav .HeadTopNav {
      /*PC右上Topメニュー用*/
      height: 48px;
      display: flex;
      flex-flow: row; }
      header nav .HeadTopNav .LangBtn, header nav .HeadTopNav .ContactBtn {
        display: flex;
        justify-content: center;
        align-items: center; }
      header nav .HeadTopNav .LangBtn {
        height: inherit;
        margin-right: 38px; }
        header nav .HeadTopNav .LangBtn a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 48px;
          height: inherit;
          border: 1px solid var(--PenColor);
          background: #ffffff;
          margin: 0px -1px 0px 0px; }
          header nav .HeadTopNav .LangBtn a p {
            font-size: 14px;
            color: var(--PenColor); }
        header nav .HeadTopNav .LangBtn a.LangNow {
          background: var(--PenColor); }
          header nav .HeadTopNav .LangBtn a.LangNow p {
            color: #ffffff; }
        header nav .HeadTopNav .LangBtn a:hover {
          background: var(--PenColor);
          opacity: 0.8; }
          header nav .HeadTopNav .LangBtn a:hover p {
            color: #ffffff; }
      header nav .HeadTopNav .ContactBtn {
        width: 180px;
        border: 1px solid var(--MainColor);
        border-radius: 5px;
        background: var(--MainColor); }
        header nav .HeadTopNav .ContactBtn p {
          font-size: 16px;
          font-weight: 600;
          color: #ffffff; }
    header nav .menu {
      /*ナビゲーション*/
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      /*max-width: var(--InnerWidPc);*/
      /*calc(100% - 190px);*/
      height: 110px;
      text-align: center;
      /* margin-right: 50px;*/
      position: relative;
      /*2023.8.10サブメニュー表示位置指定のため*/ }
      header nav .menu ul {
        margin: 0 auto 0 auto; }
      header nav .menu li {
        display: inline-block;
        /*margin-right: 30px;*/
		  margin-right: clamp(10px, calc(-43.931px + 5.78vw)  , 30px);
        vertical-align: top; }
        header nav .menu li .pcSubMenu {
          display: flex;
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translateX(-50%);
          /*left: -50%;
          right: -50%;*/
          width: 100vw;
          min-height: 100px;
          padding: 20px 0px;
          background: rgba(61, 61, 61, 0.9);
          opacity: 0;
          backdrop-filter: blur(20px);
          transition: opacity .4s ease-out .2s;
          -webkit-transition: -webkit-opacity .4s ease-out .2s; }
          header nav .menu li .pcSubMenu ul {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap;
            width: 740px;
            align-items: flex-start;
            justify-content: flex-start; }
          header nav .menu li .pcSubMenu li {
            margin-right: 0px;
            width: 150px;
            height: 30px;
            border-bottom: 1px solid #ffffff;
            margin-right: 30px;
            margin-top: 20px;
            margin-bottom: 20px; }
            header nav .menu li .pcSubMenu li a {
              width: auto;
              color: #ffffff;
              font-size: 1rem;
              text-align: left;
              font-weight: normal; }
			header nav .menu li.bnlYouTube img, .bnlYouTube img{
				height: 22px;
				min-height: 20px
			}
        header nav .menu li details {
          /*position: relative;サブメニューをAbsolute指定した時に使用*/ }
          header nav .menu li details summary::after {
            display: block;
            /*blockなら下に配置、横ならinline-blockで指定、inlineでは表示が崩れるので禁止*/
            transform: translateX(-25%) rotate(45deg);
            width: 8px;
            height: 8px;
            margin-top: 8px;
            /*右横に配置するなら不要*/
            margin-left: auto;
            margin-right: auto;
            /*右横に配置するなら不要*/
            border-bottom: 2px solid rgba(56, 73, 67, 0.7);
            border-right: 2px solid rgba(56, 73, 67, 0.7);
            content: '';
            transition: transform .2s;
            -webkit-transition: transform 0.2s; }
        header nav .menu li details[open] summary::after {
          transform: rotate(225deg); }
        header nav .menu li details[open] .pcSubMenu {
          opacity: 1; }
        header nav .menu li span {
          /*アンダーラインを入れるため*/
          padding-bottom: 6px;
          border-bottom: 2px solid var(--MainColor); }
      header nav .menu li:hover {
        /*サブメニュー用2023.8.10作成中*/ }
      header nav .menu li:last-child {
        margin-right: 0px; }
      header nav .menu a, header nav .menu summary {
        font-weight: bold;
        font-size: 1rem;
        color: rgba(56, 73, 67, 0.7); }
      header nav .menu li.M-Actv a {
        color: #384943; }
      header nav .menu li:hover, header nav .menu a:hover, header nav .menu summary:hover {
        color: #384943;
        opacity: 1;
        transition: all 0.5s; }

.scrollactive {
  opacity: 0.3; }

/*ヘッダースクロール中処理*/
main {
  width: 100%;
  min-height: 100px;
  margin: var(--HeaderPcHeight) auto 0px auto;
  background-color: white;
  /*コンテンツ*/
  /*共通コンテンツStart*/
  /*共通コンテンツEnd*/
  /*HOME Start*/
  /*HOME End*/ }

footer {
  /*フッター*/
  width: 100%;
  max-width: 100vw;
  min-height: 100px;
  margin: 50px auto 0px auto;
  background: white; }
  footer .FooterMenu {
    /*フッターナビ全般*/
    width: inherit;
    background: #f0f0f0; }
    footer .FooterMenu .FtInMenu {
      /*フッターナビ全般のインナー*/
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: flex-start;
      height: 330px;
      padding-top: 60px;
      padding-bottom: 60px; }
      footer .FooterMenu .FtInMenu .FooterInquiry {
        display: block;
        text-align: left;
        height: inherit;
        margin-right: 17%;
        /*220px;*/
        /*ロゴ画像*/ }
        footer .FooterMenu .FtInMenu .FooterInquiry img {
          height: 45px;
          width: auto;
          margin-bottom: 46px; }
        footer .FooterMenu .FtInMenu .FooterInquiry p {
          font-size: 1rem;
          font-weight: normal;
          text-align: left;
          margin-bottom: 2px; }
      footer .FooterMenu .FtInMenu .FooterLink {
        width: 246px;
        margin-top: 30px; }
        footer .FooterMenu .FtInMenu .FooterLink ul li {
          margin-bottom: 30px; }
          footer .FooterMenu .FtInMenu .FooterLink ul li a {
            font-size: 0.875rem;
            font-weight: normal;
            text-align: left; }
  footer .CopyRights {
    width: 100%;
    max-width: 1280px;
    height: 80px;
    display: flex;
    align-items: center;
    margin: auto; }
    footer .CopyRights .inFooter {
      text-align: left;
      font-weight: normal;
      font-size: 0.875rem; }
  footer .inFooter {
    width: var(--InnerWidPc);
    /*calc(100% - 190px);/*var(--InnerWidPc);*/
    margin-right: auto;
    margin-left: auto; }

/*Main Inner Start*/
/*Home Start*/
.NewsPickup {
  /*お知らせ-HOME-*/
  margin-top: 60px;
  margin-bottom: 60px;
  height: 90px;
  width: calc(var(--InnerWidPc) * 0.915);
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  border: 3px solid var(--BorderCr);
  border-radius: 45px;
  background: white;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }
  .NewsPickup ul {
    margin: auto;
    width: calc(100% * 0.9);
    height: inherit;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .NewsPickup ul li {
      width: 100%; }
      .NewsPickup ul li .NewsListTop {
        width: 100%;
        height: 90px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center; }
        .NewsPickup ul li .NewsListTop h2 {
          font-size: 1rem;
          font-weight: bold;
          color: var(--MainColor);
          width: 3rem; }
        .NewsPickup ul li .NewsListTop time, .NewsPickup ul li .NewsListTop .news-Title-Box, .NewsPickup ul li .NewsListTop .toNewsPage {
          font-size: 14px;
          width: auto;
          min-width: 120px;
          margin-left: 14px; }
        .NewsPickup ul li .NewsListTop time {
          text-align: left; }
        .NewsPickup ul li .NewsListTop .news-Title-Box {
          width: 66%;
          text-align: left;
          /*１行オーバーする時...で省略*/
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .NewsPickup ul li .NewsListTop .toNewsPage {
          font-weight: bold;
          color: var(--PenColor); }
        .NewsPickup ul li .NewsListTop .toNewsPage::after {
          content: "　";
          background-image: url("../image/home/main_visual/arrow_r.png");
          background-size: 8px auto;
          background-repeat: no-repeat;
          background-position: right; }

.Home_Pcb_process_limit {
  /*低濃度PCB-HOME-*/
  position: relative;
  z-index: 1;
  width: 100%;
  height: 470px;
  background-image: url("../image/home/home_pcb_back_img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .Home_Pcb_process_limit .Home_Pcb_process_limitIn {
    padding: 60px 0;
    position: relative;
    z-index: 3;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center; }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn h2, .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt {
      font-size: clamp(1.2rem, 2vw, 1.875rem);
      font-weight: bold;
      line-height: clamp(1.5rem, 2.8vw, 2.4rem); }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn h2 {
      color: var(--MainColor);
      border-bottom: 5px solid var(--MainColor);
      margin-bottom: 50px; }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt, .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_CertTxt {
      color: var(--PenColor); }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt {
      margin-bottom: 26px; }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_CertTxt {
      font-size: 1rem;
      font-size: clamp(0.75rem, 2vw, 1rem);
      line-height: clamp(1.1rem, 3vw, 1.5rem);
      font-weight: bold;
      margin-bottom: 50px; }

.Home_Pcb_process_limit::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.8; }

.Home_service_InfoTxt {
  /*業務案内-HOME-*/
  width: 100%;
  font-size: 1rem;
  text-align: left;
  line-height: 1.4rem;
  margin-bottom: 64px; }

.Home_Service_Content_ListBox {
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .Home_Service_Content_ListBox section {
    width: 38vw;
    max-width: 520px;
    height: auto;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.16));
    margin-bottom: 50px; }
    .Home_Service_Content_ListBox section .Home_Service_Content_Img, .Home_Service_Content_ListBox section .Home_Service_Content_Txt {
      filter: none; }
    .Home_Service_Content_ListBox section .Home_Service_Content_Img {
      width: inherit;
      max-width: 520px;
      height: 260px;
      /*56.5%;*/
      /*260px*/
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 20px 20px 0px 0px; }
    .Home_Service_Content_ListBox section .Home_Service_Content_Txt {
      width: 100%;
      height: calc(43.5% - 70px);
      min-height: 100px;
      padding: 40px 0px 30px 0px;
      background: white;
      border-radius: 0px 0px 20px 20px; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt a {
        display: block;
        width: 90%;
        height: inherit;
        margin: 0px auto; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt h3, .Home_Service_Content_ListBox section .Home_Service_Content_Txt p {
        text-align: left; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt h3 {
        width: calc(100% - 12px);
        padding-right: 12px;
        font-size: 1.75rem;
        line-height: 2rem;
        background-image: url("../image/object/arrow_b_r.svg");
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 1% top 50%; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt p {
        width: 100%;
        margin-top: 16px;
        font-size: 1rem;
        line-height: 1.6rem; }
  .Home_Service_Content_ListBox section:nth-child(1) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_1.jpg"); }
  .Home_Service_Content_ListBox section:nth-child(2) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_2.jpg"); }
  .Home_Service_Content_ListBox section:nth-child(3) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_3.jpg"); }
  .Home_Service_Content_ListBox section:nth-child(4) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_4.jpg"); }
  .Home_Service_Content_ListBox section:nth-child(5) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_5.jpg"); }
  .Home_Service_Content_ListBox section:nth-child(6) .Home_Service_Content_Img {
    background-image: url("../image/home/home_service_6.jpg"); }

.Home_Content_FirstClient, .Home_Content_Recruit {
  width: inherit;
  height: 63vw;
  /*570px;*/
  max-height: 570px;
  position: relative; }
  .Home_Content_FirstClient .Home_Content_ConTxt, .Home_Content_Recruit .Home_Content_ConTxt {
    width: 650px;
    height: 410px;
    background: white;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.16));
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner {
      width: 71.5%;
      height: 58.5%;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center;
      margin: auto; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2, .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP {
        color: var(--PenColor); }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2 {
        font-size: 2.5rem;
        /*46px*/
        font-weight: bold; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP {
        font-size: 1rem;
        /*16px*/
        text-align: left;
        line-height: 1.6rem; }

.Home_Content_FirstClient {
  background-image: url("../image/home/home-content_1.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right;
  margin-bottom: 50px; }
  .Home_Content_FirstClient .Home_Content_ConTxt {
    left: 7%; }

.Home_Content_Recruit {
  background-image: url("../image/home/home-content_2.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left; }
  .Home_Content_Recruit .Home_Content_ConTxt {
    right: 7%; }

/*Home End*/
/*採用情報 Start*/
.PageFaceRecruit {
  background-color: #6bae2c; }
  .PageFaceRecruit .RecruitPF_img1, .PageFaceRecruit .RecruitPF_img2 {
    width: 600px;
    max-width: 60vw;
    height: inherit;
    max-height: var(--PageFaceHiMax);
    min-height: var(--PageFaceHiMin);
    position: absolute;
    overflow: hidden; }
  .PageFaceRecruit .RecruitPF_img3, .PageFaceRecruit .RecruitPF_img4 {
    width: 600px;
    height: inherit;
    max-height: var(--PageFaceHiMax);
    min-height: var(--PageFaceHiMin);
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
    .PageFaceRecruit .RecruitPF_img3 img, .PageFaceRecruit .RecruitPF_img4 img {
      height: 65vw;
      width: auto;
      min-height: 360px;
      max-height: 540px; }
  .PageFaceRecruit .RecruitPF_img1 {
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url("../image/recruit/pageface/recruit-pf2.jpg");
    background-repeat: no-repeat;
    background-position: left max(calc(140px * -1), -15vw) top 40%;
    background-size: auto clamp(calc(var(--PageFaceHiMin) * 1.5), var(--PageFaceHi), var(--PageFaceHiMax)); }
  .PageFaceRecruit .RecruitPF_img2 {
    top: 0;
    right: 0;
    z-index: 3;
    background-image: url("../image/recruit/pageface/recruit-pf4.jpg");
    background-repeat: no-repeat;
    background-position: right -60px top 0px;
    background-size: auto clamp(calc(var(--PageFaceHiMin) * 1.3), 39vw, var(--PageFaceHiMax)); }
  .PageFaceRecruit .RecruitPF_img3 {
    top: 0;
    left: 25vw;
    z-index: 4;
    max-width: 50vw;
    transform: skewX(-20deg); }
    .PageFaceRecruit .RecruitPF_img3 img {
      transform: skewX(20deg); }
  .PageFaceRecruit .RecruitPF_img4 {
    top: 0;
    right: 25vw;
    z-index: 3;
    max-width: 48vw;
    transform: skewX(-20deg); }
    .PageFaceRecruit .RecruitPF_img4 img {
      transform: skewX(20deg); }
  .PageFaceRecruit .PageFaceRecruit_Deco1, .PageFaceRecruit .PageFaceRecruit_Deco2, .PageFaceRecruit .PageFaceRecruit_Deco3, .PageFaceRecruit .PageFaceRecruit_Deco4 {
    position: absolute;
    z-index: 90;
    opacity: 1; }
  .PageFaceRecruit .PageFaceRecruit_Deco1 {
    width: 6vw;
    max-width: 100px;
    min-width: 50px;
    height: auto;
    top: 0;
    left: 0; }
  .PageFaceRecruit .PageFaceRecruit_Deco2 {
    width: 6vw;
    max-width: 100px;
    min-width: 50px;
    height: auto;
    right: 0;
    bottom: 0; }
  .PageFaceRecruit .PageFaceRecruit_Deco3 {
    height: 3vw;
    max-height: 50px;
    min-height: 22px;
    width: auto;
    top: 0;
    right: calc(23.5vw - calc(calc(clamp(var(--PageFaceHiMin), var(--PageFaceHi), var(--PageFaceHiMax)) / 2) * 0.364) - clamp(22px, 3vw, 50px)); }
  .PageFaceRecruit .PageFaceRecruit_Deco4 {
    height: 3vw;
    max-height: 50px;
    min-height: 22px;
    bottom: 0;
    left: calc(25vw - calc(calc(clamp(var(--PageFaceHiMin), var(--PageFaceHi), var(--PageFaceHiMax)) / 2) * 0.364) - clamp(22px, 3vw, 50px)); }

/*ページトップの画像位置調整*/
.RecruitPTxt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2rem; }

.Recruit_Info {
  height: auto;
  position: relative;
  padding-bottom: clamp(64px, 16vw, 160px); }
  .Recruit_Info .Recruit_Info_Box {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row; }
    .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt, .Recruit_Info .Recruit_Info_Box .Recruit_Info_Pic {
      width: 50%;
      height: auto;
      overflow: hidden; }
    .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt h3, .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt p {
        width: 82%;
        max-width: 520px;
        text-align: left; }
      .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt h3 {
        font-size: clamp(1.4rem, 3.6vw, 30px);
        line-height: 40px;
        line-height: clamp(2.2rem, 4.8vw, 40px);
        margin-bottom: clamp(1.2rem, 3.4vw, 26px); }
      .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt p {
        font-size: 1rem;
        line-height: 1.6rem; }
    .Recruit_Info .Recruit_Info_Box .Recruit_Info_Pic img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .Recruit_Info .Recruit_Info_Deco1, .Recruit_Info .Recruit_Info_Deco2, .Recruit_Info .Recruit_Info_Deco3, .Recruit_Info .Recruit_Info_Deco4 {
    position: absolute;
    z-index: 10;
    height: 10vw;
    max-height: 100px;
    min-height: 34px;
    width: auto; }
  .Recruit_Info .Recruit_Info_Deco1 {
    top: 100px;
    left: clamp(48px, 14vw, 190px); }
  .Recruit_Info .Recruit_Info_Deco2 {
    top: min(calc(50% - 17rem), 110px);
    right: clamp(48px, 14vw, 190px); }
  .Recruit_Info .Recruit_Info_Deco3 {
    bottom: 50px;
    left: calc(min(50vw, 640px) + clamp(18px, 2.5vw, 34px)); }
  .Recruit_Info .Recruit_Info_Deco4 {
    bottom: calc(50% - 15rem);
    right: 3vw; }

.Recruit_Numbers {
  background-color: #fafafa;
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(40px, 7vw, 100px); }
  .Recruit_Numbers h3 {
    margin-bottom: clamp(40px, 3.6vw, 50px); }
  .Recruit_Numbers .Recruit_Numbers_inBox {
    max-width: 1180px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock {
      margin: min(2.3vw, 16px);
      border: 2px solid #cccccc;
      border-radius: 12px;
      background-color: #6db72d; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block p, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock p {
        text-align: center; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block p, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block span, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock p, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock span {
        color: #ffffff; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4 {
        font-weight: bold;
        margin-bottom: 10px; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4::before, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4::before {
        content: "《"; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4::after, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4::after {
        content: "》"; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block .NumberTxt, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .NumberTxt {
        font-size: clamp(21px, 5.2vw, 44px);
        line-height: clamp(32px, 7vw, 2.125rem);
        font-weight: bold; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block .NumberTxt .UnitTxt, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .NumberTxt .UnitTxt {
          font-size: clamp(8px, 1.8vw, 21px);
          font-weight: normal;
          margin-right: 3px; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block {
      width: 40%;
      height: auto;
      max-width: 300px;
      max-height: 260px;
      padding: min(2vw, 20px) min(1vw, 20px);
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block h4 {
        font-size: clamp(13px, 2.9vw, 30px);
        margin-bottom: min(1.09vw, 10px); }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block .SmallDetailTxt {
        font-size: min(1.8vw, 14px);
        line-height: min(3vw, 23px); }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block img {
        width: auto;
        margin: min(1.6vw, 10px) auto; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock {
      width: 488px;
      height: 100%;
      min-height: 274px;
      padding: 20px 20px; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock h4 {
        font-size: clamp(14px, 4.8vw, 26px);
        line-height: clamp(22px, 8vw, 32px); }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .NumberTxt .UnitTxt {
        font-size: clamp(16px, 1.8vw, 21px);
        font-weight: normal;
        margin-right: 3px; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #ffffff; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName .Recruit_Numbers_Category_Y, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 .Recruit_Numbers_Category_Y {
          width: 116px; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName .Recruit_Numbers_Category_EstabSu, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 .Recruit_Numbers_Category_EstabSu {
          width: 133px; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName .Recruit_Numbers_Category_M, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName .Recruit_Numbers_Category_F, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 .Recruit_Numbers_Category_M, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 .Recruit_Numbers_Category_F {
          width: 64px; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName p, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 p {
          text-align: center; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 16px; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu .Recruit_Numbers_NendoItem, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 .Recruit_Numbers_NendoItem {
          display: flex;
          flex-flow: row; }
        .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu .Recruit_Numbers_Cate_Sma, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 .Recruit_Numbers_Cate_Sma {
          display: none; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 {
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(1), .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(6), .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(8) {
      background-color: #f5aa00; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(3), .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(5), .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(7) {
      background-color: #009ed8; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock:nth-child(odd) {
      background-color: #f5aa00; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(1) img {
      height: min(14.53vw, 120px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(2) img {
      height: min(15.73vw, 118px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(3) img {
      height: min(15.19vw, 114px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(4) img {
      height: min(12vw, 90px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(5) img {
      height: min(12.13vw, 91px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(6) img {
      height: min(14.4vw, 108px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(7) img {
      height: min(15.99vw, 120px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(8) img {
      height: min(12vw, 96px); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(9) img {
      height: min(18.66vw, 140px); }

.Recruit_Detail, .Recruit_Contact {
  padding: clamp(40px, 14vw, 160px) 0px clamp(30px, 9vw, 120px) 0px; }

.Recruit_Detail section {
  margin-bottom: clamp(60px, 15vw, 160px); }
.Recruit_Detail .RecruitEditBox {
  width: var(--InnerWidPc);
  margin: auto;
  text-align: left; }
  .Recruit_Detail .RecruitEditBox h5, .Recruit_Detail .RecruitEditBox p {
    text-align: left; }
  .Recruit_Detail .RecruitEditBox h5 {
    font-size: clamp(18px, 2.4vw, 30px);
    font-weight: normal;
    line-height: clamp(22px, 3.3vw, 38px);
    margin-top: clamp(10px, 1.7vw, 21px);
    margin-bottom: clamp(12px, 1.9vw, 24px); }
  .Recruit_Detail .RecruitEditBox p {
    font-size: clamp(14px, 1.5vw, 16px);
    line-height: clamp(20px, 2.1vw, 23px); }
  .Recruit_Detail .RecruitEditBox a {
    border: 1px solid var(--BorderCr);
    display: inline-block; }
    .Recruit_Detail .RecruitEditBox a img {
      width: 484px;
      height: auto;
      max-width: 100%; }
  .Recruit_Detail .RecruitEditBox table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
    .Recruit_Detail .RecruitEditBox table th, .Recruit_Detail .RecruitEditBox table td {
      font-size: clamp(14px, 1.5vw, 18px);
      font-weight: normal;
      border: 1px solid var(--BorderCr); }
    .Recruit_Detail .RecruitEditBox table th {
      width: 7vw;
      max-width: 126px;
      min-width: 28px;
      text-align: center;
      text-align-last: justify;
      background-color: #defff0;
      padding: clamp(12px, 2.8vw, 15px) clamp(15px, 2.5vw, 15px); }
    .Recruit_Detail .RecruitEditBox table th.Moji3 {
      padding: clamp(12px, 2.8vw, 15px) clamp(8px, 1.2vw, 15px); }
    .Recruit_Detail .RecruitEditBox table td {
      padding: clamp(12px, 2.8vw, 15px) clamp(9px, 2.5vw, 15px); }
  .Recruit_Detail .RecruitEditBox .FontBOLD {
    font-weight: bold; }
  .Recruit_Detail .RecruitEditBox .FontNORMAL {
    font-weight: normal; }
  .Recruit_Detail .RecruitEditBox .MarginTOP_S {
    margin-top: clamp(15px, 4vw, 42px); }
  .Recruit_Detail .RecruitEditBox .MarginTOP_M {
    margin-top: clamp(30px, 8vw, 84px); }
  .Recruit_Detail .RecruitEditBox .MarginTOP_L {
    margin-top: clamp(54px, 14.4vw, 150px); }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_S {
    margin-bottom: clamp(15px, 4vw, 42px); }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_M {
    margin-bottom: clamp(30px, 8vw, 84px); }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_L {
    margin-bottom: clamp(54px, 14.4vw, 150px); }
  .Recruit_Detail .RecruitEditBox .MarginTOP_30 {
    margin-top: 30px; }
  .Recruit_Detail .RecruitEditBox .MarginTOP_60 {
    margin-top: 60px; }
  .Recruit_Detail .RecruitEditBox .MarginTOP_90 {
    margin-top: 90px; }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_30 {
    margin-bottom: 30px; }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_60 {
    margin-bottom: 60px; }
  .Recruit_Detail .RecruitEditBox .MarginBOTTOM_90 {
    margin-bottom: 90px; }
  .Recruit_Detail .RecruitEditBox .FontCOLOR_Blue {
    color: var(--MainColor); }
  .Recruit_Detail .RecruitEditBox .FontDECO_Underline {
    text-decoration: underline; }

.Recruit_Ratio {
  border-top: 1px solid var(--BorderCr);
  border-bottom: 1px solid var(--BorderCr);
  padding: clamp(28px, 8vw, 80px) 0px; }
  .Recruit_Ratio .Recruit_Ratio_inBox {
    max-width: 1080px; }
    .Recruit_Ratio .Recruit_Ratio_inBox h3, .Recruit_Ratio .Recruit_Ratio_inBox p {
      text-align: left; }
    .Recruit_Ratio .Recruit_Ratio_inBox h3 {
      font-size: clamp(16px, 4vw, 30px);
      line-height: clamp(22px, 4.4vw, 38px); }
    .Recruit_Ratio .Recruit_Ratio_inBox p {
      font-size: clamp(12px, 2vw, 14px); }
  .Recruit_Ratio table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 20px auto 20px; }
    .Recruit_Ratio table th, .Recruit_Ratio table td {
      padding: clamp(14px, 2vw, 16px);
      font-size: clamp(16px, 1.5vw, 18px);
      font-weight: normal;
      border: 1px solid var(--BorderCr); }

.Recruit_Contact h4, .Recruit_Contact p, .Recruit_Contact address {
  text-align: center;
  font-style: normal; }
.Recruit_Contact h4 {
  margin-top: clamp(20px, 5vw, 50px);
  font-size: clamp(16px, 4vw, 30px); }
.Recruit_Contact p, .Recruit_Contact address {
  margin-top: clamp(16px, 3vw, 32px);
  font-size: clamp(14px, 2.4vw, 18px);
  line-height: clamp(20px, 3vw, 24px); }
.Recruit_Contact .MlTxt span::before {
  content: "kkc_saiyo"; }
.Recruit_Contact .MlTxt::after {
  content: "kurekan.co.jp"; }

/*採用情報 End*/
/*Share Start*/
.PageFace {
  /*ページの表紙となるトップ*/
  width: 100%;
  height: var(--PageFaceHi);
  max-height: var(--PageFaceHiMax);
  min-height: var(--PageFaceHiMin);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden; }
  .PageFace h2, .PageFace h3 {
    width: 90%;
    position: absolute;
    color: white;
    z-index: 99;
    font-weight: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
    .PageFace h2 span, .PageFace h3 span {
      display: inline-block;
      color: white; }
  .PageFace h2 {
    display: inline-block;
    top: min(40%, 210px);
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(1rem, 2.5vw, 2.4rem);
    line-height: 3.7rem;
    letter-spacing: clamp(0.2rem, 0.8vw, 0.8rem); }
  .PageFace h3 {
    display: inline-block;
    top: calc(40% + clamp(0.8rem, 2.5vw, 2.4rem) + 16px);
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(2rem, 5vw, 4.8rem);
    line-height: clamp(2.4rem, 5.2vw, 5.4rem);
    letter-spacing: 0; }
  .PageFace .PF_Filter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.26); }
  .PageFace .DetailLinkButton {
    position: absolute; }

.Pankuz {
  /*ぱんくず*/
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--BorderCr); }
  .Pankuz ol {
    width: var(--InnerWidPc);
    max-width: 1280px;
    margin: auto;
    display: flex;
    flex-flow: row; }
    .Pankuz ol li {
      font-size: 0.875rem;
      font-weight: normal; }
    .Pankuz ol li::after {
      content: " >>";
      margin-right: 0.375rem; }
    .Pankuz ol li:last-child::after {
      content: none; }

.ContentOutBox {
  /*コンテナ*/
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }
  .ContentOutBox .ContentInner {
    width: var(--InnerWidPc);
    min-width: 480px;
    /*スマホ手前まで*/
    margin-left: auto;
    margin-right: auto; }

.ContentOutBoxMax {
  /*コンテナ幅制限無し*/
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .ContentOutBoxMax .ContentInner {
    width: var(--InnerWidPc);
    min-width: 480px;
    /*スマホ手前まで*/
    margin-left: auto;
    margin-right: auto; }

.ArtTitleBox {
  /*各H2タイトル設定"*/
  margin: 60px auto 50px auto; }
  .ArtTitleBox h2, .ArtTitleBox span {
    text-align: center;
    font-weight: bold; }
  .ArtTitleBox h2 {
    font-size: 2.875rem; }
  .ArtTitleBox span {
    font-size: 1rem; }

.ArtTitleBoxH3 {
  /*各H3タイトル設定"*/
  margin: 60px auto 50px auto;
  padding: 16px 0px;
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--BorderCr);
  border-bottom: 1px solid var(--BorderCr);
  /*採用情報で使用2023.11.17時点*/ }
  .ArtTitleBoxH3 h4 {
    font-size: clamp(16px, 4.25vw, 46px); }

.ArtTitle_H3_Decora {
  /*H3文字白抜きを楕円で囲った装飾 採用情報で使用2023.11.17時点*/
  width: 800px;
  max-width: 80vw;
  height: 12vw;
  max-height: 90px;
  border-radius: min(6vw, 45px);
  background-color: #3d3d3d;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ArtTitle_H3_Decora h3 {
    font-size: clamp(16px, 4.25vw, 46px);
    font-weight: bold;
    color: #ffffff;
    text-align: center; }

.DetailLinkButton {
  /*リンクボタン*/
  width: 430px;
  height: 60px;
  border-radius: 30px;
  background-color: var(--MainColor);
  background-image: url("../image/object/arrow_w_r.svg");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 6% top 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .DetailLinkButton p {
    font-size: 0.875rem;
    color: #ffffff;
    text-align: center; }

.PTxtLeft {
  text-align: left; }

.PTxtCenter {
  text-align: center; }

.PTxtRight {
  text-align: right; }

/*Share End*/
/*Main Inner End*/
/*検証Start*/
.testAnime {
  animation-name: fadeInAnime;
  /*1で解説*/
  animation-fill-mode: backwards;
  /*2で解説*/
  animation-duration: 3s;
  /*3で解説*/
  animation-iteration-count: infinite;
  /*4で解説*/
  animation-timing-function: ease;
  /*5で解説*/
  animation-delay: 0.5s;
  /*6で解説*/
  animation-direction: normal;
  /*7で解説*/ }

@media screen and (max-width: 1332px) {
  /*採用情報数でわかるクレハ環境専用*/
  .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(3n-1) {
    background-color: #6db72d; }
  .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(3n-2) {
    background-color: #f5aa00; }
  .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_Block:nth-child(3n) {
    background-color: #009ed8; }
  .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock:nth-child(odd) {
    background-color: #f5aa00; } }
@media screen and (max-width: 1060px) {
  /*エクストラ用*/ }
@media screen and (max-width: 1000px) {
  /*エクストラ用*/ }
@media screen and (max-width: 990px) {
  /*ウィンドウ幅が767px以上の場合に適用 初期値934px*/ }
@media screen and (min-width: 481px) and (max-width: 950px) {
  /*ウィンドウ幅が767px以上の場合に適用 初期値830px*/
  .smaOnly {
    display: block; }

  body {
    min-width: 80%; }

  img {
    transition: all 0.4s; }

  /*Function*/
  .SmaNone {
    display: none !important; }

  .txtLESP {
    letter-spacing: 0.5em; }

  /*iPhone Safari ボタンバグ対策用*/
  input[type="submit"], select, button {
    appearance: none;
    -webkit-appearance: none; }

  /*ヘッダー*/
  header {
    left: 0px;
    right: 0px;
    min-width: 90%;
    height: var(--HeaderSmaHeight);
    /*メニュー*/
    /*トグル部分*/
    /*OPEN時の動き*/
    /*メニュー項目設定*/
    /*アコーディオンメニュー用 Start*/
    /*アコーディオン展開Class用Start*/
    /*アコーディオン展開Class用End*/
    /*アコーディオンメニュー用 End*/
    /*スマホ用言語*/ }
    header nav {
      width: 100%;
      height: var(--HeaderSmaHeight);
      position: relative;
      background: #ffffff;
      /*OPEN時の動き*/ }
      header nav .drawer {
        display: flex;
        flex-direction: row;
        /*タイトルとハンバーガーを入れ替える時にも使用*/
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: var(--InnerWidSm);
        /*calc(100% - 40px);*/
        height: 60px;
        padding: 0 1em;
        border-bottom: none;
        /*トグル部分*/ }
        header nav .drawer .navbar_brand {
          /*Webタイトル*/
          margin-left: 0px; }
          header nav .drawer .navbar_brand img {
            width: auto;
            height: 34px; }
        header nav .drawer .navbar_brand {
          display: block;
          /*タイトル*/ }
        header nav .drawer .navbar_toggle {
          display: block; }
      header nav .menu {
        /*ナビゲーション*/
        -webkit-transform: translate(-200%, 0px);
        transform: translate(-200%, 0px);
        /*X,Y*/
        -webkit-transition: ease .2s;
        transition: ease .2s;
        z-index: 999998;
        margin-top: 0px;
        /*展開メニューの位置調整*/
        padding-top: 0px;
        max-width: 100vw;
        width: 100%;
        height: auto;
        /*.menu.open heightも合わせるか、.menu.openでは指定しない*/
        position: absolute;
        top: var(--MenuVertical);
        /*縦からの場合は -100vh で指定　左からは var(--MenuVertical) で指定*/
        left: 500vw;
        /*縦からの場合は var(--MenuBeside) で指定　左からは -100vw で指定　右から表示させたいときは300vw以上で指定*/
        /*PCカラー打ち消し用 2023.8.31Add*/ }
        header nav .menu summary {
          color: #384943; }
      header nav .menu.open {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow-y: scroll;
        /*アコーディオンなどで画面（Window）の高さを超える場合がある時はscrollで設定する*/
        -webkit-overflow-scrolling: touch;
        background: white;
        top: var(--MenuVertical);
        left: var(--MenuBeside); }
    header .navbar_toggle {
      z-index: 999999;
      margin: 0px 0px 0px 0px; }
    header .navbar_toggle_icon {
      position: relative;
      display: block;
      height: 3px;
      width: 30px;
      background: var(--PenColor);
      -webkit-transition: ease .5s;
      transition: ease .5s;
      border-radius: 4px; }
    header .navbar_toggle_icon:nth-child(1) {
      top: 0; }
    header .navbar_toggle_icon:nth-child(2) {
      margin: 7px 0; }
    header .navbar_toggle_icon:nth-child(3) {
      top: 0; }
    header .navbar_toggle.open .navbar_toggle_icon {
      background: var(--PenColor);
      /*#3B4043;*/ }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
      top: 10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
      top: -10px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    header .menu ul {
      /*li:nth-child(1){a::before{background: url("../image/nav/home.svg") no-repeat;}}
      li:nth-child(2){a::before{background: url("../image/nav/corp.svg") no-repeat;}}
      li:nth-child(3){a::before{background: url("../image/nav/works.svg") no-repeat;}}
      li:nth-child(4){a::before{background: url("../image/nav/estate.svg") no-repeat;}}
      li:nth-child(5){a::before{background: url("../image/nav/contac.svg") no-repeat;}}*/ }
      header .menu ul li {
        /*opacity: 0.5; 2023.8.31 Disable*/ }
        header .menu ul li a {
          width: auto;
          /*padding-left: 40px;*/
          font-size: 1rem;
          font-weight: bold;
          line-height: 4rem;
          text-align: left;
          color: #384943; }
      header .menu ul li.M-Actv {
        opacity: 1; }
      header .menu ul li a::before {
        content: '▶';
        display: inline-block;
        width: 1.6rem;
        /*height: 16px;*/
        background-size: 16px;
        background-position: left center;
        vertical-align: middle; }
    header .menu .smaMenu {
      width: 100%; }
    header .NonAcord, header .Accordion-A > summary {
      background-color: var(--MenuCrSmaList);
      border-bottom: 1px solid var(--BorderCr); }
    header nav .NonAcord {
      max-width: 100vw;
      /*background-color: var(--MenuCrSmaList);*/
      display: flex;
      justify-content: space-between;
      align-items: center;
      /*margin-bottom: 7px;*/
      padding: 1em 2em;
      /*a::after {
      	display: inline-block;
      	transform: translateY(-25%) rotate(45deg);
      	width: 7px;
      	height: 7px;
      	margin-left: 10px;
      	border-bottom: 3px solid #fff;
      	border-right: 3px solid #fff;
      	content: '';
      	transition: transform .1s;
      }*/ }
      header nav .NonAcord a {
        text-align: left;
        color: var(--PenColor); }
    header nav .smaToiLnk {
      /*問いあわせ用の装飾*/
      background-color: var(--MainColor); }
      header nav .smaToiLnk a {
        color: #ffffff; }
    header .Accordion-A {
      /*主にdetailsタグに設定*/
      max-width: 100vw;
      background-color: #f0f5f9;
      text-align: left;
      /*iPhoneのSafariにて勝手にセンターにされるための処置 detailsタグ向け*/ }
      header .Accordion-A summary {
        display: block;
        position: relative;
        width: auto;
        padding: 1em 2em;
        /*background-color: var(--MenuCrSmaList);*/
        /*color: #ffffff;
        font-weight: 600;*/ }
      header .Accordion-A summary::-webkit-details-marker {
        display: none; }
      header .Accordion-A summary::after {
        display: inline-block;
        /*blockなら下に配置、横ならinline-blockで指定、inlineでは表示が崩れるので禁止*/
        position: absolute;
        /*アコーディオン矢印をflexで配置すると改行される（flexと::after組み合わせ仕様）のでこちらを採用*/
        top: 50%;
        bottom: 50%;
        right: 10%;
        transform: translateY(-25%) rotate(45deg);
        width: 7px;
        height: 7px;
        margin-left: 10px;
        border-bottom: 3px solid var(--PenColor);
        border-right: 3px solid var(--PenColor);
        content: '';
        transition: transform .1s; }
    header .Accordion-A:not([open]) {
      margin-bottom: 0px; }
    header .Accordion-A[open] summary::after {
      transform: rotate(225deg); }
    header .Accordion-A .AcodInBox {
      transform: translateY(-10px);
      opacity: 0;
      margin: 0;
      padding: 1em 2em 2em 2em;
      color: var(--PenColor);
      transition: transform .5s, opacity .5s; }
    header .Accordion-A[open] .AcodInBox {
      transform: none;
      opacity: 1;
      border-bottom: 1px solid var(--BorderCr);
      background-color: white; }
    header .AcodInBox {
      /*アコーディオン内の記述を*/ }
      header .AcodInBox ul {
        display: flex;
        flex-flow: column; }
        header .AcodInBox ul li a {
          line-height: 2.4rem; }
    header .LangBtn {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: inherit;
      margin: 30px auto 90px 2em; }
      header .LangBtn a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        border: 1px solid var(--PenColor);
        background: #ffffff;
        margin: 0px -1px 0px 0px; }
        header .LangBtn a p {
          font-size: 14px;
          color: var(--PenColor); }
      header .LangBtn a.LangNow {
        background: var(--PenColor); }
        header .LangBtn a.LangNow p {
          color: #ffffff; }
      header .LangBtn a:hover {
        background: var(--PenColor);
        opacity: 0.8; }
        header .LangBtn a:hover p {
          color: #ffffff; }

  /*メニュー部はまだ調整中*/
  main {
    margin: 70px auto 0px auto;
    /*コンテンツ*/
    /*共通コンテンツStart*/
    /*共通コンテンツEnd*/
    /*HOME Start*/
    /*HOME End*/ }

  footer {
    /*フッター*/
    margin: 40px auto 0px auto; }
    footer .FooterMenu {
      /*フッターナビ全般*/ }
      footer .FooterMenu .FtInMenu {
        /*フッターナビ全般のインナー*/
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px; }
        footer .FooterMenu .FtInMenu .FooterInquiry, footer .FooterMenu .FtInMenu .FooterLink {
          width: 100%; }
        footer .FooterMenu .FtInMenu .FooterInquiry {
          display: block;
          text-align: left;
          height: inherit;
          margin-right: auto;
          /*ロゴ画像*/ }
          footer .FooterMenu .FtInMenu .FooterInquiry img {
            height: 26px;
            margin-bottom: 20px; }
          footer .FooterMenu .FtInMenu .FooterInquiry p {
            font-size: 0.875rem;
            font-weight: normal;
            text-align: left;
            margin-bottom: 0px; }
        footer .FooterMenu .FtInMenu .FooterLink {
          padding-top: 30px;
          margin-top: 30px;
          border-top: 1px solid var(--BorderCr); }
          footer .FooterMenu .FtInMenu .FooterLink ul {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap; }
            footer .FooterMenu .FtInMenu .FooterLink ul li {
              margin-bottom: 1rem;
              width: calc((100% / 2) - 10px); }
              footer .FooterMenu .FtInMenu .FooterLink ul li a {
                font-size: 0.875rem;
                font-weight: normal;
                text-align: left; }
            footer .FooterMenu .FtInMenu .FooterLink ul li:nth-last-child(1), footer .FooterMenu .FtInMenu .FooterLink ul li:nth-last-child(2) {
              margin-bottom: 0px; }
    footer .CopyRights {
      width: inherit;
      height: auto;
      min-height: 60px; }
      footer .CopyRights .inFooter {
        font-size: 0.75rem; }
    footer .inFooter {
      width: var(--InnerWidSm);
      margin-right: auto;
      margin-left: auto; }

  /*Main Inner Start*/
  /*Home Start*/
  .NewsPickup {
    /*お知らせ-HOME-*/ }

  .Home_Pcb_process_limit {
    /*低濃度PCB-HOME-*/
    display: flex;
    align-items: center;
    justify-content: center; }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn {
      padding: 50px 0; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn h2 {
        margin-bottom: 30px; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt, .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_CertTxt {
        color: var(--PenColor); }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt {
        margin-bottom: 20px; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_CertTxt {
        margin-bottom: 30px; }

  .Home_Service_Content_ListBox {
    /*業務案内-HOME-*/
    flex-flow: column;
    justify-content: flex-start;
    align-items: center; }
    .Home_Service_Content_ListBox section {
      width: calc(100% - 10px);
      height: 270px;
      border-radius: 15px;
      margin-bottom: 50px; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Img {
        height: 45%;
        /*122px*/
        border-radius: 15px 15px 0px 0px; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt {
        width: inherit;
        height: calc(55% - 50px);
        padding: 30px 0px 20px 0px;
        border-radius: 0px 0px 15px 15px; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt a {
          width: 86%; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt h3 {
          font-size: 1rem;
          background-size: 7px; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt p {
          margin-top: 12px;
          font-size: 0.875rem;
          line-height: 1.4rem; }
    .Home_Service_Content_ListBox section:nth-child(1) {
      margin-top: 50px; }
      .Home_Service_Content_ListBox section:nth-child(1) .Home_Service_Content_Img {
        background-position: left 0px top -20px; }
    .Home_Service_Content_ListBox section:nth-child(2) .Home_Service_Content_Img {
      background-position: left 0px bottom -20px; }
    .Home_Service_Content_ListBox section:nth-child(3) .Home_Service_Content_Img {
      background-position: left 0px top -14px; }
    .Home_Service_Content_ListBox section:nth-child(4) .Home_Service_Content_Img {
      background-position: left 0px top -39px; }
    .Home_Service_Content_ListBox section:nth-child(5) .Home_Service_Content_Img {
      background-position: left 0px top -38px; }
    .Home_Service_Content_ListBox section:nth-child(6) .Home_Service_Content_Img {
      background-position: left 0px top -30px; }

  .Home_Content_FirstClient .Home_Content_ConTxt, .Home_Content_Recruit .Home_Content_ConTxt {
    width: 650px;
    max-width: 80vw;
    height: 80%;
    max-height: 410px;
    border-radius: 18px; }
    .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner {
      width: 80%;
      height: 70%; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2 {
        font-size: 2.4rem;
        line-height: 2.8rem; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP {
        font-size: 1rem;
        /*16px*/
        text-align: left;
        line-height: 1.4rem; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .DetailLinkButton, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .DetailLinkButton {
        max-width: 100%; }

  .Home_Content_FirstClient {
    background-image: url("../image/home/home-content_1.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    margin-bottom: 50px; }
    .Home_Content_FirstClient .Home_Content_ConTxt {
      left: 7%; }

  .Home_Content_Recruit {
    background-image: url("../image/home/home-content_2.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left; }
    .Home_Content_Recruit .Home_Content_ConTxt {
      right: 7%; }

  /*Home End*/
  /*採用情報 Start*/
  /*採用情報 End*/
  /*Share Start*/
  .PageFace {
    /*ページの表紙となるトップ*/ }
    .PageFace h2 {
      line-height: 6vw; }

  .ContentOutBox .ContentInner {
    width: var(--InnerWidPc); }

  .ArtTitleBox {
    /*各H2タイトル設定"*/
    margin: 50px auto 42px auto; }
    .ArtTitleBox h2 {
      font-size: 2.4rem;
      /*2.875rem;*/ }
    .ArtTitleBox span {
      font-size: 0.875rem; }

  .ArtTitleBoxH3 {
    /*各H3タイトル設定"*/
    margin: 54px auto 44px auto;
    padding: 12px 0px; }
    .ArtTitleBoxH3 h3 {
      font-size: 2.4rem; }

  .DetailLinkButton {
    /*リンクボタン*/ }

  /*Share End*/
  /*function Class*/
  .SMA_NON {
    display: none !important; }

  /*スマホのみ無効化したい時*/ }
@media screen and (max-width: 580px) {
  /*詳細補正用*/
  /*採用情報 Start*/
  .PageFaceRecruit .RecruitPF_img1 {
    background-position: left -30vw center; }
  .PageFaceRecruit .RecruitPF_img2 {
    background-position: right -70px top min(calc(50% + 20px), 0px); }
  .PageFaceRecruit .RecruitPF_img3 {
    max-width: 42vw; }
  .PageFaceRecruit .RecruitPF_img4 {
    display: none; }
  .PageFaceRecruit .PageFaceRecruit_Deco3 {
    right: calc(32vw - calc(calc(clamp(var(--PageFaceHiMin), var(--PageFaceHi), var(--PageFaceHiMax)) / 2) * 0.364) - clamp(22px, 3vw, 50px)); }

  /*ページトップの画像位置調整*/
  .Recruit_Info .Recruit_Info_Box {
    flex-flow: column; }
    .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt, .Recruit_Info .Recruit_Info_Box .Recruit_Info_Pic {
      width: 100%; }
    .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt {
      padding-top: 40px; }
      .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt h3, .Recruit_Info .Recruit_Info_Box .Recruit_Info_Txt p {
        width: 88%; }
  .Recruit_Info .Recruit_Info_Deco2 {
    top: min(calc(50% - 17rem), 50px); }
  .Recruit_Info .Recruit_Info_Deco3, .Recruit_Info .Recruit_Info_Deco4 {
    display: none; }

  .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock {
    width: 300px; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2 {
      display: none; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 {
      height: 100%;
      justify-content: flex-start;
      align-items: flex-end;
      border-bottom: 1px solid #ffffff; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu .Recruit_Numbers_Nendo_NendSma, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 .Recruit_Numbers_Nendo_NendSma {
        width: 100%;
        text-align: left;
        font-weight: bold;
        margin-bottom: min(1.4vw, 16px); }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu .Recruit_Numbers_NendoItem, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 .Recruit_Numbers_NendoItem {
        margin-bottom: min(1.4vw, 16px);
        min-width: 50%;
        align-items: center; }
      .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu .Recruit_Numbers_Cate_Sma, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 .Recruit_Numbers_Cate_Sma {
        display: inline-block;
        margin-right: 8px;
        font-size: clamp(14px, 3vw, 1.125rem);
        line-height: clamp(18px, 5vw, 2.125rem); }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_CategoryName2, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2 {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu:last-child, .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .Recruit_Numbers_NendoBetsu2:last-child {
      border-bottom: none; }
    .Recruit_Numbers .Recruit_Numbers_inBox .Recruit_Number_TableBlock .NumberTxt {
      font-size: clamp(24px, 7vw, 44px);
      line-height: clamp(36px, 12vw, 2.125rem); }

  .Recruit_Detail .RecruitEditBox {
    width: var(--InnerWidSm); }

  .Recruit_Ratio .Recruit_Ratio_inBox {
    width: var(--InnerWidSm);
    min-width: 90vw; }
  .Recruit_Ratio table {
    /*セルの配意変更*/
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0;
    row-gap: 0; }
    .Recruit_Ratio table thead, .Recruit_Ratio table tbody, .Recruit_Ratio table tr {
      display: contents; }
    .Recruit_Ratio table th, .Recruit_Ratio table td {
      text-align: left;
      padding-left: 1rem; }
    .Recruit_Ratio table td {
      border-left: none; }
    .Recruit_Ratio table .Yc1, .Recruit_Ratio table .Yc2, .Recruit_Ratio table .Yc3 {
      border-right: none; }
    .Recruit_Ratio table .Yc1, .Recruit_Ratio table .Yc2, .Recruit_Ratio table .Yc3, .Recruit_Ratio table .Rc1, .Recruit_Ratio table .Rc2, .Recruit_Ratio table .Rc3 {
      border-top: none; }
    .Recruit_Ratio table .NulllC {
      display: none; }
    .Recruit_Ratio table .Tc {
      grid-area: 1 / 1 / 2 / 3;
      /* 1行目、1列目 */
      text-align: center; }
    .Recruit_Ratio table .Yc1 {
      grid-area: 2 / 1 / 3 / 2;
      /* 2行目、1列目 */ }
    .Recruit_Ratio table .Yc2 {
      grid-area: 3 / 1 / 4 / 2;
      /* 3行目、1列目 */ }
    .Recruit_Ratio table .Yc3 {
      grid-area: 4 / 1 / 5 / 2;
      /* 4行目、1列目 */ }
    .Recruit_Ratio table .Rc1 {
      grid-area: 2 / 2 / 3 / 3;
      /* 2行目、2列目 */ }
    .Recruit_Ratio table .Rc2 {
      grid-area: 3 / 2 / 4 / 3;
      /* 3行目、2列目 */ }
    .Recruit_Ratio table .Rc3 {
      grid-area: 4 / 2 / 5 / 3;
      /* 4行目、2列目 */ }

  /*採用情報 End*/ }
@media screen and (max-width: 480px) {
  .smaOnly {
    display: block; }

  body {
    min-width: 80%; }

  img {
    transition: all 0.4s; }

  /*Function*/
  .SmaNone {
    display: none !important; }

  .txtLESP {
    letter-spacing: 0.5em; }

  /*iPhone Safari ボタンバグ対策用*/
  input[type="submit"], select, button {
    appearance: none;
    -webkit-appearance: none; }

  /*ヘッダー*/
  header {
    left: 0px;
    right: 0px;
    min-width: 90%;
    height: var(--HeaderSmaHeight);
    /*メニュー*/
    /*トグル部分*/
    /*OPEN時の動き*/
    /*メニュー項目設定*/
    /*アコーディオンメニュー用 Start*/
    /*アコーディオン展開Class用Start*/
    /*アコーディオン展開Class用End*/
    /*アコーディオンメニュー用 End*/
    /*スマホ用言語*/ }
    header nav {
      width: 100%;
      height: var(--HeaderSmaHeight);
      position: relative;
      background: #ffffff;
      /*OPEN時の動き*/ }
      header nav .drawer {
        display: flex;
        flex-direction: row;
        /*タイトルとハンバーガーを入れ替える時にも使用*/
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: var(--InnerWidSm);
        /*calc(100% - 40px);*/
        height: 60px;
        padding: 0 1em;
        border-bottom: none;
        /*トグル部分*/ }
        header nav .drawer .navbar_brand {
          /*Webタイトル*/
          margin-left: 0px; }
          header nav .drawer .navbar_brand img {
            width: auto;
            height: 34px; }
        header nav .drawer .navbar_brand {
          display: block;
          /*タイトル*/ }
        header nav .drawer .navbar_toggle {
          display: block; }
      header nav .menu {
        /*ナビゲーション*/
        -webkit-transform: translate(-200%, 0px);
        transform: translate(-200%, 0px);
        /*X,Y*/
        -webkit-transition: ease .2s;
        transition: ease .2s;
        z-index: 999998;
        margin-top: 0px;
        /*展開メニューの位置調整*/
        padding-top: 0px;
        max-width: 100vw;
        width: 100%;
        height: auto;
        /*.menu.open heightも合わせるか、.menu.openでは指定しない*/
        position: absolute;
        top: var(--MenuVertical);
        /*縦からの場合は -100vh で指定　左からは var(--MenuVertical) で指定*/
        left: 500vw;
        /*縦からの場合は var(--MenuBeside) で指定　左からは -100vw で指定　右から表示させたいときは300vw以上で指定*/
        /*PCカラー打ち消し用 2023.8.31Add*/ }
        header nav .menu summary {
          color: #384943; }
      header nav .menu.open {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow-y: scroll;
        /*アコーディオンなどで画面（Window）の高さを超える場合がある時はscrollで設定する*/
        -webkit-overflow-scrolling: touch;
        background: white;
        top: var(--MenuVertical);
        left: var(--MenuBeside);
        padding-bottom: 20px; }
    header .navbar_toggle {
      z-index: 999999;
      margin: 0px 0px 0px 0px; }
    header .navbar_toggle_icon {
      position: relative;
      display: block;
      height: 3px;
      width: 30px;
      background: var(--PenColor);
      -webkit-transition: ease .5s;
      transition: ease .5s;
      border-radius: 4px; }
    header .navbar_toggle_icon:nth-child(1) {
      top: 0; }
    header .navbar_toggle_icon:nth-child(2) {
      margin: 7px 0; }
    header .navbar_toggle_icon:nth-child(3) {
      top: 0; }
    header .navbar_toggle.open .navbar_toggle_icon {
      background: var(--PenColor);
      /*#3B4043;*/ }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
      top: 10px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
    header .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
      top: -10px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    header .menu ul {
      /*li:nth-child(1){a::before{background: url("../image/nav/home.svg") no-repeat;}}
      li:nth-child(2){a::before{background: url("../image/nav/corp.svg") no-repeat;}}
      li:nth-child(3){a::before{background: url("../image/nav/works.svg") no-repeat;}}
      li:nth-child(4){a::before{background: url("../image/nav/estate.svg") no-repeat;}}
      li:nth-child(5){a::before{background: url("../image/nav/contac.svg") no-repeat;}}*/ }
      header .menu ul li {
        /*opacity: 0.5; 2023.8.31 Disable*/ }
        header .menu ul li a {
          width: auto;
          /*padding-left: 40px;*/
          font-size: 1rem;
          font-weight: bold;
          line-height: 4rem;
          text-align: left;
          color: #384943; }
      header .menu ul li.M-Actv {
        opacity: 1; }
      header .menu ul li a::before {
        content: '▶';
        display: inline-block;
        width: 1.6rem;
        /*height: 16px;*/
        background-size: 16px;
        background-position: left center;
        vertical-align: middle; }
    header .menu .smaMenu {
      width: 100%; }
    header .NonAcord, header .Accordion-A > summary {
      background-color: var(--MenuCrSmaList);
      border-bottom: 1px solid var(--BorderCr); }
    header nav .NonAcord {
      max-width: 100vw;
      /*background-color: var(--MenuCrSmaList);*/
      display: flex;
      justify-content: space-between;
      align-items: center;
      /*margin-bottom: 7px;*/
      padding: 1em 2em;
      /*a::after {
      	display: inline-block;
      	transform: translateY(-25%) rotate(45deg);
      	width: 7px;
      	height: 7px;
      	margin-left: 10px;
      	border-bottom: 3px solid #fff;
      	border-right: 3px solid #fff;
      	content: '';
      	transition: transform .1s;
      }*/ }
      header nav .NonAcord a {
        text-align: left;
        color: var(--PenColor); }
    header nav .smaToiLnk {
      /*問いあわせ用の装飾*/
      background-color: var(--MainColor); }
      header nav .smaToiLnk a {
        color: #ffffff; }
    header .Accordion-A {
      /*主にdetailsタグに設定*/
      max-width: 100vw;
      background-color: #f0f5f9;
      text-align: left;
      /*iPhoneのSafariにて勝手にセンターにされるための処置 detailsタグ向け*/ }
      header .Accordion-A summary {
        display: block;
        position: relative;
        width: auto;
        padding: 1em 2em;
        /*background-color: var(--MenuCrSmaList);*/
        /*color: #ffffff;
        font-weight: 600;*/ }
      header .Accordion-A summary::-webkit-details-marker {
        display: none; }
      header .Accordion-A summary::after {
        display: inline-block;
        /*blockなら下に配置、横ならinline-blockで指定、inlineでは表示が崩れるので禁止*/
        position: absolute;
        /*アコーディオン矢印をflexで配置すると改行される（flexと::after組み合わせ仕様）のでこちらを採用*/
        top: 50%;
        bottom: 50%;
        right: 10%;
        transform: translateY(-25%) rotate(45deg);
        width: 7px;
        height: 7px;
        margin-left: 10px;
        border-bottom: 3px solid var(--PenColor);
        border-right: 3px solid var(--PenColor);
        content: '';
        transition: transform .1s; }
    header .Accordion-A:not([open]) {
      margin-bottom: 0px; }
    header .Accordion-A[open] summary::after {
      transform: rotate(225deg); }
    header .Accordion-A .AcodInBox {
      transform: translateY(-10px);
      opacity: 0;
      margin: 0;
      padding: 1em 2em 2em 2em;
      color: var(--PenColor);
      transition: transform .5s, opacity .5s; }
    header .Accordion-A[open] .AcodInBox {
      transform: none;
      opacity: 1;
      border-bottom: 1px solid var(--BorderCr);
      background-color: white; }
    header .AcodInBox {
      /*アコーディオン内の記述を*/ }
      header .AcodInBox ul {
        display: flex;
        flex-flow: column; }
        header .AcodInBox ul li a {
          line-height: 2.4rem; }
    header .LangBtn {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      height: inherit;
      margin: 30px auto 30px 2em;
      padding-bottom: 60px; }
      header .LangBtn a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        border: 1px solid var(--PenColor);
        background: #ffffff;
        margin: 0px -1px 0px 0px; }
        header .LangBtn a p {
          font-size: 14px;
          color: var(--PenColor); }
      header .LangBtn a.LangNow {
        background: var(--PenColor); }
        header .LangBtn a.LangNow p {
          color: #ffffff; }
      header .LangBtn a:hover {
        background: var(--PenColor);
        opacity: 0.8; }
        header .LangBtn a:hover p {
          color: #ffffff; }

  /*メニュー部はまだ調整中*/
  main {
    margin: 70px auto 0px auto;
    /*コンテンツ*/
    /*共通コンテンツStart*/
    /*共通コンテンツEnd*/
    /*HOME Start*/
    /*HOME End*/ }

  footer {
    /*フッター*/
    margin: 40px auto 0px auto; }
    footer .FooterMenu {
      /*フッターナビ全般*/ }
      footer .FooterMenu .FtInMenu {
        /*フッターナビ全般のインナー*/
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px; }
        footer .FooterMenu .FtInMenu .FooterInquiry, footer .FooterMenu .FtInMenu .FooterLink {
          width: 100%; }
        footer .FooterMenu .FtInMenu .FooterInquiry {
          display: block;
          text-align: left;
          height: inherit;
          margin-right: auto;
          /*ロゴ画像*/ }
          footer .FooterMenu .FtInMenu .FooterInquiry img {
            height: 26px;
            margin-bottom: 20px; }
          footer .FooterMenu .FtInMenu .FooterInquiry p {
            font-size: 0.875rem;
            font-weight: normal;
            text-align: left;
            margin-bottom: 0px; }
        footer .FooterMenu .FtInMenu .FooterLink {
          padding-top: 30px;
          margin-top: 30px;
          border-top: 1px solid var(--BorderCr); }
          footer .FooterMenu .FtInMenu .FooterLink ul {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap; }
            footer .FooterMenu .FtInMenu .FooterLink ul li {
              margin-bottom: 1rem;
              width: calc((100% / 2) - 10px); }
              footer .FooterMenu .FtInMenu .FooterLink ul li a {
                font-size: 0.875rem;
                font-weight: normal;
                text-align: left; }
            footer .FooterMenu .FtInMenu .FooterLink ul li:nth-last-child(1), footer .FooterMenu .FtInMenu .FooterLink ul li:nth-last-child(2) {
              margin-bottom: 0px; }
    footer .CopyRights {
      width: inherit;
      height: auto;
      min-height: 60px; }
      footer .CopyRights .inFooter {
        font-size: 0.75rem; }
    footer .inFooter {
      width: var(--InnerWidSm);
      margin-right: auto;
      margin-left: auto; }

  .MainVisual {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

  /*Main Inner Start*/
  /*Home Start*/
  .NewsPickup {
    /*お知らせ-HOME-*/
    margin-top: 34px;
    margin-bottom: 34px;
    height: 120px;
    width: calc(var(--InnerWidSm) * 0.967);
    justify-content: center;
    align-items: center;
    border: 2px solid var(--BorderCr);
    border-radius: 10px; }
    .NewsPickup ul {
      margin: auto;
      width: calc(100% * 0.9);
      height: inherit; }
      .NewsPickup ul li {
        width: 100%;
        height: 90px; }
        .NewsPickup ul li .NewsListTop {
          position: relative;
          width: 100%;
          height: 90px; }
          .NewsPickup ul li .NewsListTop a:hover {
            opacity: 1; }
          .NewsPickup ul li .NewsListTop h2, .NewsPickup ul li .NewsListTop time, .NewsPickup ul li .NewsListTop .toNewsPage {
            position: absolute; }
          .NewsPickup ul li .NewsListTop h2 {
            top: 0;
            left: 0;
            font-size: 14px;
            font-weight: bold;
            color: var(--MainColor);
            width: auto; }
          .NewsPickup ul li .NewsListTop time, .NewsPickup ul li .NewsListTop .news-Title-Box {
            font-size: 14px; }
          .NewsPickup ul li .NewsListTop time {
            top: 0;
            left: 56px; }
          .NewsPickup ul li .NewsListTop .news-Title-Box {
            margin-top: 20px;
            width: 100%;
            height: 44px;
            text-align: left;
            line-height: 1.4rem;
            /*指定行数で...で省略*/
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            white-space: normal;
            text-overflow: inherit; }
          .NewsPickup ul li .NewsListTop .toNewsPage {
            top: 0;
            right: 0;
            font-size: 12px; }
          .NewsPickup ul li .NewsListTop .toNewsPage::after {
            background-size: 6px auto; }

  .Home_Pcb_process_limit {
    /*低濃度PCB-HOME-*/
    height: 320px;
    background-size: auto 100%; }
    .Home_Pcb_process_limit .Home_Pcb_process_limitIn {
      padding: 40px 0; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn h2 {
        border-bottom: 3px solid var(--MainColor);
        margin-bottom: 26px; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_InfoTxt {
        margin-bottom: 20px; }
      .Home_Pcb_process_limit .Home_Pcb_process_limitIn .Home_Pcb_CertTxt {
        margin-bottom: 26px; }

  .Home_Service_Content_ListBox {
    /*業務案内-HOME-*/
    flex-flow: column;
    justify-content: flex-start;
    align-items: center; }
    .Home_Service_Content_ListBox section {
      width: calc(100% - 10px);
      height: 270px;
      border-radius: 15px;
      margin-bottom: 50px; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Img {
        height: 45%;
        /*122px*/
        border-radius: 15px 15px 0px 0px; }
      .Home_Service_Content_ListBox section .Home_Service_Content_Txt {
        width: inherit;
        /*height: calc(55% - 50px);*/
        height: auto;
        padding: 30px 0px 20px 0px;
        border-radius: 0px 0px 15px 15px; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt a {
          width: 86%; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt h3 {
          font-size: 1rem;
          background-size: 7px; }
        .Home_Service_Content_ListBox section .Home_Service_Content_Txt p {
          margin-top: 12px;
          font-size: 0.875rem;
          line-height: 1.4rem; }
    .Home_Service_Content_ListBox section:nth-child(1) {
      margin-top: 50px; }
      .Home_Service_Content_ListBox section:nth-child(1) .Home_Service_Content_Img {
        background-position: left 0px top -20px; }
    .Home_Service_Content_ListBox section:nth-child(2) .Home_Service_Content_Img {
      background-position: left 0px bottom -20px; }
    .Home_Service_Content_ListBox section:nth-child(3) .Home_Service_Content_Img {
      background-position: left 0px top -34px; }
    .Home_Service_Content_ListBox section:nth-child(4) .Home_Service_Content_Img {
      background-position: left 0px center; }
    .Home_Service_Content_ListBox section:nth-child(5) .Home_Service_Content_Img {
      background-position: left 0px top -30px; }
    .Home_Service_Content_ListBox section:nth-child(6) .Home_Service_Content_Img {
      background-position: left 0px top -15px; }

  .Home_Content_FirstClient, .Home_Content_Recruit {
    width: inherit;
    height: 98vw;
    /*367px;*/
    max-height: 367px; }
    .Home_Content_FirstClient .Home_Content_ConTxt, .Home_Content_Recruit .Home_Content_ConTxt {
      width: var(--InnerWidSm);
      height: calc(var(--InnerWidSm) * 0.762 );
      min-height: 247px;
      border-radius: 15px; }
      .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner {
        width: 86.4%;
        height: 67.6%; }
        .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner h2 {
          font-size: 1.5rem;
          /*46px*/ }
        .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .Home_Content_ConTxtP {
          font-size: 0.875rem;
          /*14px*/
          line-height: 1.3rem; }
        .Home_Content_FirstClient .Home_Content_ConTxt .Home_Content_ConTxt_Inner .DetailLinkButton, .Home_Content_Recruit .Home_Content_ConTxt .Home_Content_ConTxt_Inner .DetailLinkButton {
          margin-top: 10px; }

  .Home_Content_FirstClient {
    background-size: 100% auto;
    background-position: top right;
    margin-bottom: 50px; }
    .Home_Content_FirstClient .Home_Content_ConTxt {
      top: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0px; }

  .Home_Content_Recruit {
    background-size: 100% auto;
    background-position: top left; }
    .Home_Content_Recruit .Home_Content_ConTxt {
      top: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

  /*Home End*/
  /*Share Start*/
  .PageFace {
    /*ページの表紙となるトップ*/
    height: 77vw; }
    .PageFace h2 {
      line-height: 1rem; }

  .Pankuz {
    /*ぱんくず*/
    display: none; }

  .ContentOutBox {
    width: inherit; }
    .ContentOutBox .ContentInner {
      width: var(--InnerWidSm);
      min-width: auto;
      margin-left: auto;
      margin-right: auto; }

  .ContentOutBoxMax {
    /*コンテナ幅制限無し*/ }
    .ContentOutBoxMax .ContentInner {
      width: var(--InnerWidSm);
      min-width: auto; }

  .ArtTitleBox {
    /*各H2タイトル設定"*/
    margin: 40px auto 34px auto; }
    .ArtTitleBox h2, .ArtTitleBox span {
      text-align: center;
      font-weight: bold; }
    .ArtTitleBox h2 {
      font-size: 1.875rem;
      line-height: 2.5rem; }
    .ArtTitleBox span {
      font-size: 0.875rem; }

  .ArtTitleBoxH3 {
    /*各H3タイトル設定"*/
    margin: 40px auto 40px auto;
    padding: 16px 0px; }
    .ArtTitleBoxH3 h3 {
      font-size: 1.875rem;
      line-height: 2.5rem; }

  .DetailLinkButton {
    /*リンクボタン*/
    width: 74.6vw;
    height: 40px;
    border-radius: 20px;
    background-position: right 12% top 50%; }

  .PTxtCenter {
    text-align: left; }

  /*Share End*/
  /*function Class*/
  .SMA_NON {
    display: none !important; }

  /*スマホのみ無効化したい時*/ }
@keyframes fadeInAnime {
  0% {
    transform: scale(0.2);
    opacity: 0.2; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes TitleIn {
  from {
    opacity: 0.2; }
  to {
    opacity: 1; } }
/*検証End*/
/*HOME　TOP表示アニメーション*/
@keyframes slideOut {
  from {
    transform: translateY(0);
    opacity: 1; }
  to {
    transform: translateY(-100%);
    opacity: 0; } }
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100vh;*/
  z-index: 1; }
  #loader .loader-slide {
    width: 100%;
    height: 100%;
    background-color: #3c3c3c; }
    #loader .loader-slide.open {
      animation-name: slideOut;
      animation-fill-mode: forwards;
      animation-duration: 1s;
      animation-delay: 1s; }