@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Open+Sans:wght@300;400;600;700&display=swap');
:root{
  --center:center;
  --navMargin:32px;
  --CorporateBlue:#1d2088;
  --RecruitOrange:#f08500;
  --white:#fff;
  --ge_lineH:1.75;
}
*{
  line-height: 1;
  box-sizing: border-box;
}

body{
  font-size: 16px;
  font-family:'Open Sans','arial','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Noto Sans JP', '游ゴシック', 'Yu Gothic', sans-serif;
}
.flex{
  display: flex;
}
.fullWiseImage{
  width: 100%;
  height: auto;
}
a{
  display:block;
}
table , td {
	border-collapse: collapse;
}
.spTabOnly,.toggle{
  display: none;
}

.mt-1e{
  margin-top: 1em;
}

/* ----------btn */
.btn{
  background-color: #1d2088;
}
.cta__recFormBtn{
  background-color:var(--RecruitOrange);
}
/* ----------form */
input[type=submit]:hover{
  opacity: 0.8;
}
.submitBtn{
  color: var(--white);
  display: block;
  width: 100%;
  text-align: center;
}
input[type="text"],input[type="email"],input[type="tel"],.selectType{
  border: 1px solid #333;
  padding: 2px 8px;
}

/* ----------色 */
.corporateColor{
  color:var(--CorporateBlue);
}

/* ----------header/footer */
.header__wrap,.footer__wrap,.commonWrap{
  max-width: 1060px;
  margin: auto;
}
.header__corporateName .header__corporateLogo,.header__corporateName .header__NameTxt,.footer__corporateLogo,.footer__corporateName{
  display: inline-block;
}
.header__corporateName .header__corporateLogo,.header__corporateName .header__NameTxt{
  vertical-align: middle;
}
.header__corporateName .header__NameTxt,.footer__corporateName .footer__NameTxt{
  padding-left:12px;
}
/* ----------header */
.header__wrap{
  padding: 60px 0 0 0 ;
  justify-content: space-between;
  align-items:var(--center);
  position: relative;
}
.header__corporateName{
  font-size: 24px;
  font-weight: 600;
  width: 33%;
}
.header__corporateName .header__corporateLogo{
  width: 40px;height: 56px;
}

.header__navList .header__navListItem:not(:last-child){
  margin-right: var(--navMargin);
}
/* ----------footer */
.footer__wrap{
  padding-top: 32px;
}
.footer__wrap .flex{
  justify-content: space-between;
}
.footer__leftArea{
  width: 25%;
}
.footer__corporateName .NameTxt{
  font-size: 20px;font-weight: 700;
}

.footer__corporateLogo{
  width: 10%;
  margin-right: 16px;
}
.footer__corporateLogo,.footer__corporateName{
  vertical-align: top;
}
.footer__corporateName{
  line-height: 1.75;
}
.corporateAdressTxt{
  display: block;
  margin: 0px 0 40px 0;
  font-size: 14px;
}

.footer__navList .footer__navListItem:not(:last-child){
  margin-right: var(--navMargin);
}

.footer__rightsTxt{
  padding-bottom: 8%;
}

/* ---------------アクセスカウンター */
.count_Wrap{
  max-width: 140px;
  position: absolute;
  left: 0;
  top: 0;
}
.count_Wrap iframe{
  width: 100%;
}

/* ---------------component */
/* ------------------採用情報へのリンク */
.recruitInfo{
  background-color: #f08500;
  margin-bottom: 40px;
}
.recruitInfo .flex{
  padding-left: 6%;
  gap:10%;
  justify-content:space-between;
  align-items: center;
}
.recruitInfo__leftContent{
  width: 45%;
  color: var(--white);
}
.recruitInfo__leftContent h4 span{
  display: inline-block;
}
.recruitInfo__leftContent h4 .recruit__en{
  font-size: 48px;
  margin-right: 24px;
  margin-bottom: 16px;
}
.recruitInfo__leftContent h4 .recruit__ja{
  font-size: 20px;
}
.recruitInfo__leftContent p{
  line-height:2;
}
.recruitInfo__btn{
  display: block;
  background-color: var(--white);
  width: 240px;
  height: 48px;
  margin-top: 20px;
}
.recruitInfo__btn .innerTxt{
  color: #f08500;
  display: block;
  text-align: center;
  line-height: 48px;
}

.recruitInfo__rightContent{
  width: 42%;
}

/* ------------------お問い合わせへのリンク(CTA) */
.cta__section .flex{
  background-color: #e6e6e6;
  align-items:center;
  gap:8%;
  padding:24px 40px;
}
.ctr__headLine{
  margin-bottom: 24px;
  font-size: 32px;
}
.cta__flexLeftContents{
  width: 55%;
  position: relative;
  padding-right: 10%;
  display: inline-block;
  vertical-align: middle;
}
.cta__flexLeftContents::before{
  content: "";
  width: 30px;
  height:70px;
  display: inline-block;
  position: absolute;
    right: 0px;
    margin: auto;
    vertical-align: middle;
  background-image: url(../images/arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.cta__readTxt{
  text-align: center;
}

.cta__flexrightContents{
  width: 35%;
}
.cta__phoneNumber,.cta__faxNumber,.cta__email{
  font-size: 26px;width: 80%;margin-left: auto;margin-right: auto;
}
.cta__phoneNumber,.cta__faxNumber{
  margin-bottom: 8px;
}
.cta__phoneIcon,.cta__faxIcon,.cta__mailIcon,.cta__numberTxt{
  display:inline-block;vertical-align:middle;
}

.cta__phoneIcon,.cta__faxIcon,.cta__mailIcon{
  width: 36px;
  height: 36px;
  margin-right: 16px;
}
.cta__time{
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 12px 0;
}

.cta__formBtn{
  display:block;
  text-align: center;
  width: 100%;
  height: 48px;
}
.cta__formBtn .innerTxt{
  display: inline-block;
  color: var(--white);
  line-height: 48px;
  padding-left: 40px;
  position: relative;
}
.cta__formBtn .innerTxt::before{
  content: "";
  width: 28px;
  height: 19px;
  background-image: url(../images/mail.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin:auto;
}

/* ----------------画面いっぱいの背景画像 */
.fullwiseBgi{
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top:32%;
}

/* --------------------------home */
.heroView{
  margin-top: 8px;
  margin-bottom: 36px;
  position: relative;
}
.heroTxtBlock{
  width: 40%;
  text-align: center;
  position: absolute;
  color: #fff;
  left: 0;  right: 0;top: 0;bottom: 0;margin: auto;
  display: flex;flex-direction: column;justify-content:center;align-items: center;row-gap:20px;
}
.heroTxtBlock .innerTxt{
  display: block;
}
.heroHead{font-size: 54px; font-weight: 700;}
.heroHead .innerTxt{letter-spacing: 0.1em;line-height: 1.4;text-shadow: 0 0 6px #333;}
.heroTxtBlock p .innerTxt{
  font-size: 20px;line-height: 2;
}

.ourService{
  margin-bottom: 36px;
}
.ourService__headline,.news__headLine{
  font-size: 32px;
  text-align: center;
  color: var(--CorporateBlue);
  padding-bottom: 36px;
  letter-spacing: 0.25em;
  position: relative;
}
.ourService__headline::after,.news__headLine::after{
  content: "";
  position: absolute;
  left: 0;right: 0;margin: auto;bottom: 16px;
  width: 18px; height: 18px;
  border-left:1px solid var(--CorporateBlue);
  border-bottom:1px solid var(--CorporateBlue);
  transform: rotate(-45deg);
}
.home__ServiceDesc{
  max-width:800px;
  padding: 30px 60px;
  position: absolute;
  bottom: 68px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  background-color: var(--white);
  color: var(--CorporateBlue);
}
.home__ServiceBlock{
  position: relative;
  background-color: var(--CorporateBlue);
  padding-bottom: 216px;
  z-index: 9;
}
.home__headLine{
  font-size: 48px;
  text-align:center;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--CorporateBlue);
}
.home_service__readTxt{
  font-size: 18px;
  text-align: center;
  margin: 24px 0;
}
.home_service__readTxt span{
  display: block;
  line-height: 1.5;
}
.teamLinkBtn{
  display: block;
  width: 240px;
  margin: auto;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: var(--white);
}
.fastQuality__bgi{
  background-image: url(../images/home/fast.jpg);
  background-position: top;
  background-size:100% auto;
}
.totalDesign__bgi{
  background-image: url(../images/home/design_team.jpg);
}
.justInTime__bgi{
  background-image: url(../images/home/quality-management-team.jpg);
}
/* ---------------新着情報 */
.newsBlock_Wrap{
  max-width: 800px;
  margin:0 auto  50px;
}
.news__DescList{
  width: 71%;
  margin:0 auto;
  padding: 12px 23% 12px 0;
  border-bottom: 1px solid var(--CorporateBlue);
  box-sizing: border-box;
}
.news__DescList-top{
  border-top: 1px solid var(--CorporateBlue);
}
.news__DescList dt,.news__DescList dd{
  display: inline-block;
}
.news__time{
  color: var(--CorporateBlue);
  font-weight: 500;
  padding-right: 28px;
}

/* --------------------------下層ページ */
.container{
  width: 1000px;
  margin: auto;
}
.commonIntroInner{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  margin: 0 auto;
  padding: 40px 120px 0px;
  background-color: var(--white);
}
/* セクション間 */
.space-mb{
  margin-bottom: 64px;
}

/* ----------------見出し/リード文 */
.common__headLine{
  color: var(--CorporateBlue);
  text-align: center;
}
.common__headLine span{
  display: block;
}
.headLine__innerTxt--ja{
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.common__headLine .headLine__innerTxt--ja{
  font-size: 48px;
  font-weight: 500;
  border-bottom: 1px solid var(--CorporateBlue);
  display: inline-block;
  width: 65.3%;
}
.common__headLine .headLine__innerTxt--en{
  font-size: 16px;display: block;
}
.common__readTxt{
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: var(--ge_lineH);
  text-align: var(--center);
  color: var(--CorporateBlue);
  margin-top: 24px;
}
.common__readTxt span{
  display: block;
  line-height: var(--ge_lineH);
}
.subHead{
  font-size: 32px;
  font-weight: 600;
}

/* --------------------------働くチームの紹介 */
.teamIntroduction{
  margin-top: 40px;
}

/* -----------------------ナビ */
.team__nav{
  padding-bottom: 28px;
}
.team__navList .team__navListItem{
  width: 24.25%;
  border-bottom: 4px solid #e4e4e5;
  text-align: center;
}
.team__navList .team__navListItem:not(:last-child){
  margin-right: 1%;
}
.team__navList .currentItem{
  border-bottom: 4px solid #1d2088;
}
.team__navList .team__navListItem a{
  display: inline-block;
  padding-bottom: 8px;
  font-weight:600;
  color: var(--CorporateBlue);
}

/* -----------------------製造チーム */
.manufacturingTeam__mainView{
  background-image:url(../images/manufacturing-team/mashineing_bgi_01.jpg);
  padding-top: 43.5%;
  margin-bottom: 176px;
}
.Intro__manufacturingTeam .commonIntroInner{
  padding: 40px 90px 0px;
}
.manufacturingTeam__section{
  margin-bottom:130px;
}
.manufacturingTeam__intro{
  justify-content: space-between;
  align-items: center;
  color: var(--white);
  background-color: var(--CorporateBlue);
}
.manufacturingTeam__intro-left{
  width: 51%;
  text-align: center;
}
.manufacturingTeamIntro__headLine{
  width: 60%;
  margin: 0 auto 24px;
}
.manufacturingTeamIntro__headLine span,
.manufacturingTeamIntro__readTxt span{
  display: block;
}
.manufacturingTeamIntro__headLine span{
  padding: 0 2%;
}
.manufacturingTeamIntro__headLine .headLine__innerTxt--ja{
  font-size: 36px;
  border-bottom: 1px solid var(--white);
  padding-bottom: 20px;
}
.manufacturingTeamIntro__headLine .headLine__innerTxt--en{
  font-size: 14px;
}
.manufacturingTeamIntro__readTxt{
  font-size: 20px;
}
.manufacturingTeamIntro__readTxt span{
  line-height: 2;
}
.manufacturingTeam__intro-right{
  width: 49%;
}
.manufacturingTeam__grid{
  background-color: #fff;padding-top: 64px;
}
.manufacturingTeam__grid .flex{
  flex-wrap: wrap;align-items: flex-start;justify-content: space-between;
  padding: 0 120px;row-gap: 60px;
}
.flex .manufacturingTeam__gridElms-p{
  width: 58%;
  color:  var(--CorporateBlue);line-height: 2;
}
.manufacturingTeam__grid .flex__lathe .manufacturingTeam__gridElms-p,
.manufacturingTeam__grid .flex__lathe .manufacturingTeam__gridElms-2{
  width: 49%;
}
.manufacturingTeam__grid .flex .manufacturingTeam__gridElms-p{
  letter-spacing: 0.025em;
}
.manufacturingTeam__grid .flex .manufacturingTeam__gridElms-p span{
  display: block;line-height: 2;color: var(--CorporateBlue);
}
.manufacturingTeam__grid .flex .manufacturingTeam__gridElms-3,
.manufacturingTeam__grid .flex .manufacturingTeam__gridElms-4{
  width: 46%;
}

/* ------マシニングチーム */
.flex__machining .manufacturingTeam__gridElms-p{
  width: 51%;align-self: center;
}
.flex__machining .manufacturingTeam__gridElms-2{
  width: 46%;
}
 /* ------加工実績 */
.achievementWrap{
  width: 1000px;
  margin: 0 auto;
  padding: 0 120px;
}
.achievement_list{
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap:50px;
  margin-bottom: 100px;
}
.achievement_list .achievement_listItem{
  width: 28.3%;
}

/* -----------設計チーム */
.designTeam__mainView{
  background-image:url(../images/designTeam/designteam_bgi_01.jpg);
  margin-bottom: 176px;
  padding-top: 43.5%;
}
/* .Intro__designTeam .commonIntroInner{
} */
.designTeam_img01{
  margin-bottom: 92px;
}
.designTeam_img02{
  margin-bottom: 116px;
}
/* -----------製品化までの流れ  */
.productFlow_headLine,.flow_listItem_head{
color: var(--CorporateBlue);
}
.productFlow_headLine{
  font-size: 32px;
  text-align: center;
  margin-bottom: 32px;
}
.productFlow_list{
  padding-bottom: 80px;
}
.productFlow_list .productFlow_listItem{
  width: 29%;
}
.productFlow_list .productFlow_listItem:nth-child(2){
  margin:0 6.5%;
}
.productFlow_list .productFlow_listItem:not(:last-child){
  position: relative;
}
.productFlow_list .productFlow_listItem:not(:last-child)::after{
  content: "";
  width: 15px;
  height: 30px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: var(--CorporateBlue);
  position: absolute;
  right: -13.5%;
  top: calc(30%);
}
.flow_listItem_head{
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
}
.flow_triangle{
  position: relative;
}
.flow_listItem_txt{
  line-height: 1.5;
  margin-top: 12px;
}
/* -----------設計・組み立て製品 */
.designedProduct .designedProductList{
  flex-wrap: wrap;
  gap:8%;
  margin-bottom: 48px;
}
.designedProduct .designedProductList .designedProduct__ListItem{
  width: 46%;
  padding-bottom: 54px;
}
/* -----------品質管理チーム */
.qualityManagementTeam__mainView{
  background-image:url(../images/quality-management-team/quality-managemen_bgi01.jpg);
  margin-bottom: 176px;
  padding-top: 51.3%;
}
.Intro__qualityManagementTeam .commonIntroInner{
  padding: 40px 108px 0;
}

.pentagonHead{
  background-color: var(--CorporateBlue);
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  max-width: 360px;
  padding: 16px 0 8px 0;
  margin: 0 auto 40px;
  position: relative;
}
.pentagonHead::after{
  content: "";
  width: 100%;
  height: 21px;
  background-color: var(--CorporateBlue);
  position: absolute;
  left: 0;
  bottom: -21px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.secondH3ad{
  color: var(--CorporateBlue);
  font-size: 32px;
  text-align: center;
}
.detailTxt {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 24px;
}
.detailTxt span{
  display: block;
  line-height: 1.8;
}
.quality-managemen_img01{
  margin-bottom: 72px;
}
.quality-managemen_img02{
  margin-bottom: 64px;
}

/* -----------営業・総務 */
.salesTeam__mainView,.affairsTeam__mainView{
  margin-bottom: 400px;
  padding-top: 43.5%;
}
.salesTeam__mainView{
  background-image:url(../images/sales-affairs-team/sales_pc.jpg);
}
.affairsTeam__mainView{
  background-image:url(../images/sales-affairs-team/affairs_pc.jpg);
}
.salesIntroInner,.affairsIntroInner{
  bottom: -320px;
  padding:40px 3% 0;
}
.sales__headLine,.affairs_headLine{
  margin-bottom: 74px;
}
.Intro__salesTeam .flex,.Intro__affairsTeam .flex{justify-content: space-between;padding-bottom: 20px;}
.Intro__salesTeam .common__readTxt,.Intro__affairsTeam .common__readTxt{
  text-align: left;
  width:40%;margin-top: 0;
}
.Intro__salesTeam .sales_images{
  width: 51.5%;
}
/* ------------------田村製作所について */
.companyView{
  margin:40px 0 72px;
}
/* ----------ご挨拶 */
.greet_left-box{
  max-width: 70%;
  margin:40px auto 90px;
  overflow: hidden;/*float解除*/
}
.greet_left-box .greet__space{
  float: right;
  height: 20em;/*画像上の余白の高さ*/
}
.greet_left-box .greet_img{
  float: right;
  clear: both;
}
.greet_txt{
  line-height: 2.5;
  padding-right:10%;
}
.leaderName{
  display: block;
  font-size: 24px;
  margin-top: 36px;
}
/* ----------社是 */
.managementPolicyArea{
  background-color: var(--CorporateBlue);
  color: var(--white);
  padding: 32px 13%;
  text-align: center;
}
.managementPolicy_Head{
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--white);
}
.managementPolicy_Txt{
  font-size: 28px;
}
.managementPolicy_Txt span{
  display: block;
  line-height: var(--ge_lineH);
}

/* --------会社概要 */
.outline__box{
  margin: 20px 13%;
  border-top: 2px solid var(--CorporateBlue);
  border-bottom: 2px solid var(--CorporateBlue);
}
.outline__dscl{
  padding: 14px 2%;
  border-bottom: 1px solid #595959;
}
.outline__dscl dt{
  width: 31.5%;
}
.outline__dscl dd{
  width: 68.5%;
}
.outline__dscl dd .spacedscl{
  margin-bottom: 8px;
}
/* ----------沿革 */
.history_table{
  display: block;
  margin: 16px 13% 0;
  padding: 8px 0;
  border-top: 2px solid var(--CorporateBlue);
  border-bottom: 2px solid var(--CorporateBlue);
}
.history_table tr:first-child,.history_table tr:nth-child(3),.history_table tr:nth-child(4),.history_table tr:nth-child(5),.history_table tr:nth-child(8){
  border-bottom: 1px solid var(--white);
}
.history_table tr:nth-child(2),
.history_table tr:nth-child(6),
.history_table tr:nth-child(7),
.history_table tr:nth-child(9){
  border-bottom: 1px solid #000000;
}
.history_table tr td{
  vertical-align: middle;
}
.history_table tr td:first-child,.history_table tr td:nth-child(2){
  height: 70px;
}
.history_table .table_vol td:first-child,.history_table .table_vol td:nth-child(2){
  height: 120px;
}
.history_table .table_vol td:nth-child(2){
  line-height:1.5;
}
.history_table tr td:first-child{
  background: #8e81bc;
  width:23%;
  padding-left: 8px;
  color: var(--white);
}
.history_table tr td:nth-child(2){
  background:#d6d2e8;
  width:28%;
  padding-left: 16px;
}
.history_table tr td:nth-child(3),.history_table tr td p{
  padding-left: 16px;
}
.history_table tr td p{position: relative;}
.history_table tr td p::before{
  content: "●";
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #8e81bc;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.3;
}
.history_table tr td p span{
  display: block;
  line-height: 2;
}

/* ----------工場 */
.factory__Head{
  background-color: var(--CorporateBlue);
  color: var(--white);
  padding: 12px 0;
  text-align:center;
  margin-bottom: 20px;
}
.factory__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 48px;
  grid-auto-flow: row;
  grid-template-areas:
    "first second"
    " third forth";
  width: 100%;
  height:1050px;
}
.first__factoryBox { grid-area: first;margin-bottom: 30px;}
.second__factoryBox { grid-area: second; }
.third__factoryBox { grid-area: third; }
.forth__factoryBox { grid-area: forth; }
.factryName{
  font-size: 20px;
  color: var(--CorporateBlue);
  margin: 20px 0;
}
.factoryBox p{
  line-height: 1.5;
}
.factoryBox p span{
  color: #8e81bc;
  font-size: 24px;
}
/* ----------アクセス */
.accessMapBox{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40.5%;
  margin: 32px 0;
}
.accessMapBox iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;top:0;
}
.access__txt{
  margin-bottom: 32px;
}

/* -------------------------製品実績 */
.Intro__product{
  padding-top: 80px;
  padding-bottom: 56px;
}
.product__headLine{
  background-color: var(--CorporateBlue);
  color:var(--white);
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 32px;
}
.products__List{
  flex-wrap: wrap;
  gap:8%;
  margin-bottom: 24px;
}
.products__List .products__ListItem{
  padding-bottom: 100px;
  width: 46%;
}

.metalProcessing__desc dt,.metalProcessing__desc dd{
  line-height: 1.6;
  font-size: 14px;
}
.product__assembly{
  padding-bottom: 46px;
}
/* ----------------------------主要設備 */
.equipment__outer{
  margin-top: 32px;
}
.equipment__mainView{
  background-image:url(../images/equipment/equipment_bgi01.jpg);
  padding-top: 41.7%;
  margin-bottom: 176px;
}
/* .equipment__mainView .commonIntroInner{
} */
/* -------------主要マシン */
.intro__mainMachine .mainMachine__outer{position: relative;}
.intro__mainMachine .mainMachine__outer::after{
  content: "";background-size:cover;background-repeat: no-repeat;
  position: absolute;right: 0;}
/* ------------切り抜き画像 */
.intro__multiTaskingMachine .mainMachine__outer::after{
  background-image: url(../images/equipment/INTEGREXi-300.png);
  width: 460px;height:300px;top: 0;}
.intro__NCLatheMachine .mainMachine__outer::after{
  background-image: url(../images/equipment/quickturn250msy_smoothg.png);
  width: 500px;height:250px;bottom: 0;}
.intro__MachiningCenter .mainMachine__outer::after{
    background-image: url(../images/equipment/Mazak-VCS-530C-SMART.png);
    width: 370px;height:300px;bottom: 0;right: 80px;}
/* ------------説明等 */
.mainMachine__box{width: 65%;background-color: var(--CorporateBlue);color: #fff;padding-left: 12px;padding-top: 40px;
  padding-bottom:20px;margin-bottom: 64px;position: relative;}
.mainMachine__box::before{
  content: "";display: block;background-color: var(--CorporateBlue);position: absolute;
  top: 0;bottom: 0;right: 0;left: 0;margin-left: calc(50% - 50vw);z-index: -1;
  }
.mainMachine__box::after{
  content: "";display: block;background-color: var(--CorporateBlue);clip-path: polygon(50% 0, 0 0, 0 100%);
  width: 200px;height: 100%;position: absolute;right: -200px;top: 0;
}
.mainMachine__box > p{
  width: 52%;line-height: 1.85;
}
.mainMachine__headLine{margin-bottom: 20px;}
.mainMachine__headLine .headLine__innerTxt--ja .innerTxt-large{
  font-size: 36px;
}
.mainMachine__headLine .headLine__innerTxt--ja{
  border-bottom: 1px solid #fff;
}
.mainMachine__headLine .headLine__innerTxt--ja .innerTxt-small{
  font-size: 22px;
}

.mainMachine__imageList,.otherMachine__imagelist{flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}
.mainMachine__imageListItem,.otherMachine__imagelistItem{width: 44%;}
.space-eqpimg{margin-bottom: 18px;}
.imageListItem_txt{position: relative;padding-left: 16px;font-weight: 700;}
.imageListItem_txt::before{content: "";display:block;width: 10px;height: 10px;background-color: var(--RecruitOrange);
position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.space__ItemTxt{margin-bottom: 18px;}.imageListItem__none_box{padding-left: 0;}
.imageListItem__none_box::before{content: none;}
.intro__MachiningCenter .mainMachine__imageList .mainMachine__imageListItem:nth-child(2){
  margin-bottom: 56px;
}
/* ----------ワイヤー加工機など */
.otherMachine__head{
  background-color:var(--CorporateBlue);
  color: #fff;
  margin-bottom: 40px;
  padding: 16px 2.5%;align-items: center;justify-content: space-between;
}
.otherMachine__head-imgNone{margin-bottom: 80px;}
.otherMachine__head .otherMachine__headTxt{
  font-size: 24px;font-weight: 700;
}
.otherMachine__headTxt,.otherMachine__namelist{ width: 43.5%;
}
.otherMachine__namelistItem{
  padding-left: 3%;
  position: relative;
  line-height: 1.5;}

/* ----------------メールフォームでのお問い合わせ */
.contact{
  margin-top: 80px;
}
.contactWrap{
  max-width: 680px;
  margin: auto;
}
.contact__noticeTxt{
  margin: 36px 0;
  line-height: var(--ge_lineH);
}
.contact__noticeTxt span,.requiredMark{
  color: red;
}

.contactformListItem{
  margin-bottom:36px;
}
.contact_label{
  display: inline-block;
  vertical-align: text-top;
  width: 30%;
}
.inputArea,textarea{
  width: 70%;
  border: 1px solid #333333;
}
.inputArea{
    height: 24px;
}
.contactBtn{
  height: 42px;
  background-color: var(--CorporateBlue);
}

/* ----------------------------採用コンテンツ */
.entry,.recruit__outer{
  margin-top: 32px;
}
.recruitContainer-2{
  max-width: 760px;
  margin:0 auto 64px;
}
/* ----------採用ページナビ */
.recrit__nav{
  padding-bottom:72px;
}
.recrit__navList{
  justify-content: center;
}
.recrit__navList .recrit__navListItem{
  width: 24.25%;
  border-bottom: 4px solid #e4e4e5;
  text-align: center;
}
.recrit__navList .recrit__navListItem:not(:last-child){
  margin-right: 1%;
}
.recrit__navList .currentItem{
  border-bottom: 4px solid var(--RecruitOrange);
}
.recrit__navList .recrit__navListItem a{
  display: inline-block;
  padding-bottom: 8px;
  font-weight:600;
  color: var(--RecruitOrange);
}
/* -------------見出し */
.recruit__headline{
  color: var(--RecruitOrange);
  text-align: center;
  margin-bottom: 28px;
}
.recruit__headline .innerTxt{
  display: inline-block;
}
/* ---------------------人材育成の取り組みページ */
/* -----------ごあいさつ */
.recruit__greet{
  margin-bottom:100px
}
.recruit__greetWrap{
  max-width: 1000px;
  margin:0 auto;
}
.recruit__greetOnlyHead{font-size: 34px;}
.recruit__greetOnlyHead span{
  display:block;line-height: 1.5;
}
.recruit__greetFlex{
  margin-top: 40px;justify-content: space-between;align-items:flex-end;
}
.recruit__greet-left{
width: 70%;
}
.recruit__greet-left .recruit__greetTxt,.recruit__greet-left .seniorManagingDirector{
  line-height: 2.2;
}
.recruit__greet-left .seniorManagingDirector{
  font-weight: 700;text-align:right;
}
.recruit__greet-left .seniorManagingDirector span{
  font-size: 22px;
}
.recruit__greet-right{width: 28%;}
/* -----------人材育成の取り組み*/
.traning__bgi{
  background-image: url(../images/recruit/training_bgi.jpg);
  padding-top: 63.3%;margin-bottom: 128px;
}
.training__inner{
  max-width: 1000px;margin: 0 auto;background-color: #fff;
  position: absolute;bottom:-80px;left: 0;right: 0;
}
.traning__headLine{
  padding-top: 36px;padding-bottom: 12px;
  background-color: var(--RecruitOrange);
  color: #fff;
}
.traning__headLine .headLine__innerTxt--ja{
  border-bottom: 1px solid #fff;
}
.traning__subHead{
  color:var(--RecruitOrange);
  font-size: 36px;text-align:center;margin-top: 44px;margin-bottom: 20px;
}
.traning__readTxt{
  text-align: center;font-size: 18px;margin-bottom: 36px;
}
.traning__readTxt span{
  display: block;line-height: 1.7;
}
/* -------入社後のキャリアパス */
.carrerPass__flowList{
  width: 90%;margin: 0 auto 56px;
}
.carrerPass__flowListItem{
  border: 1px solid var(--RecruitOrange);
}
.carrerPass__flowListItem-left{
  width: 28%;
  justify-content: center;
  align-items: center;
  background-color:var(--RecruitOrange);
  color: #fff;font-size: 20px;
}
.carrerPass__flowListItem-middle{
  width: 37.5%;
  margin: auto;
  flex-direction: column;
  text-align: center;
  align-items:center;
}
.carrerPass__flowListItem-middle .innerTxt{
  line-height: 1.8;
  text-align:left;
}
.carrerPass__flowListItem-right{
  width: 34.5%;
}
.space_triangle{
  margin-bottom: 40px;position: relative;
}
.space_triangle::after{
  content: "";
  width: 48px;
  height: 20px;
  background-color: #f08500;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  position: absolute;
  bottom: -32px;left: 0;right: 0;margin: auto;
}
/* --------技能検定 */
.certification .traning__subHead .innerTxt{
  display: block;line-height: 1.5;
}

/* -------技能検定有資格者一覧 */
.certificateHolder__box{
  padding: 40px 14%;
  background-color:#f8f6e7;
  margin-bottom: 68px;
}
.certification__Head{
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: var(--CorporateBlue);
}
.certificateHolder__box .pentagonHead,.certificateHolder__box .pentagonHead::after{
  background-color:var(--RecruitOrange);
}
.certificateHolder__box .pentagonHead::after{
  height: 28px;
  bottom: -28px;
}
/* -------習得者一覧表 */
.table__technical_skill{
 color:#1d2088;width: 100%;
}
.table__technical_skill-1{
  margin-bottom: 56px;
}
.table__technical_skill-2{
  margin-bottom: 20px;
}
.table__technical_skillCaption{
  font-weight: 700;
  font-size: 18px;padding-bottom: 4px;padding-left: 2%;
}
.table__technical_skill tr{
  border-bottom: 1px solid #4d4398;
  text-align: center;
}
.table__technical_skill tr:nth-child(1){
  border-top: 1px solid #4d4398;
}
.table__technical_skill tr td{
  padding: 16px 0;vertical-align: middle;line-height: 1.4;
}
.table__technical_skill tr td:nth-child(1){
  width:12%;background-color:#1d2088;color:#ffffff;
}
.table__technical_skill tr td:nth-child(2),.table__technical_skill tr td:nth-child(3){
  width: 33.5%;
}
.table__technical_skill tr td:nth-child(2){
background-color:#d2cce6;
}
.table__technical_skill tr td:nth-child(3){
background-color:#ffffff;
}
.table__technical_skill tr td:nth-child(4){
  width:12%;background-color:#fff100;
}

/* -------------エントリーボタン */
.entryLinkBtn{
  background-color:var(--RecruitOrange);
  font-size: 20px;
  color: #fff;
  height: 56px;line-height: 56px;
  text-align: center;
  margin-bottom: 120px;
}
.entryLinkBtn .innerTxt{
  font-weight: 700;
}

/* ------------募集要項/エントリー */
/* -------募集要項 */
.jobDescList{
  border-top: 1px solid #000;
  padding: 16px 0;
  align-items: center;
}
.jobDescList-last{
  border-bottom: 1px solid #000;
}
.jobDescList dt,.jobDescList dd, .jobDescList dd p{
  line-height:var(--ge_lineH);
}
.jobDescList dt{
  width: 30%;
  padding-left: 12px;
}
.jobDescList dd{
  width: 70%;
}
/* ---------エントリー */
.entryForm .recruit__headline{
  margin-bottom: 36px;
}
.entryForm__readTxt{
  font-size: 14px;
  line-height:var(--ge_lineH);
}
.entryFormArea{
  margin-top: 36px;
}
.entryFormList{
  margin-bottom: 48px;
}
.entryFormListItem{
  margin-bottom: 24px;
}
.entryForm__left,.entryForm__radio,.interestedPosition_Block{
  display:inline-block;
  vertical-align: top;
}
.entryForm__left{
  width: 35%;
}
.entryForm__radio{
  vertical-align: inherit;
  margin-right: 8px;
}
.radioLabel{
  margin-right: 24px;
}
.interestedPosition_Block{
  width: 60%;
}
.interestedPosition_Block p{
  margin-bottom: 16px;
  line-height: 1.5;
  word-break:break-all;
}
.interestedPosition_Block input{
  width: 100%;
}
.entryForm__InputTxt,.selectType{
  height: 24px;
}
.entryForm__InputTxt{
  width: 60%;
}
.entryForm__InputTxt-narrow{
  width: 10%;
}
.selectType{
  width: 22%;
}
.entryForm__para{
  vertical-align: middle;
}
.entryBtn{
  height: 56px;
  background-color: var(--RecruitOrange);
  font-size: 20px;
  font-weight: 600;
}
/* ---------hover */
@media (hover: hover) {
  .header__navListItem a,.footer__navListItem a{
    position: relative;
  }
  .header__navListItem a::after,.footer__navListItem a::after{
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--CorporateBlue);
    position: absolute;
    left: 0;
    bottom: -8px;
    transition: 0.3s;
  }
  .header__navListItem a:hover::after,.footer__navListItem a:hover::after{
    content: "";
    width: 100%;
  }
  .cta__formBtn{
    transition: 0.5s;
  }
  .cta__formBtn:hover .innerTxt{
    text-decoration: underline;
  }
  .entryLinkBtn:hover{
    color: #555;
  }
}
@media screen and (max-width:1199px) {
  /* -----------recruitInfo */
  .recruitInfo .flex{
    padding-left: 0;
  }

  /* --------------------営業/総務 */
  .salesIntroInner, .affairsIntroInner{
    bottom: -400px;
  }
}
@media screen and (max-width:959px){
  /* ---------------------------------共通 */
  .tabSpOnly{display: none;}
  .container{
    width: 100%
  }
  /* --------------背景画像 */
  .fullwiseBgi{
    position: static;
    transform: translateX(0%);
    background-position-x:center;
    background-size:100% auto;
  }
  /* -----------------みだし */
  .common__headLine .headLine__innerTxt--ja{
    font-size: 32px;
  }
  /* ------------見出し下の文章 */
  .common__readTxt{
    font-size: 16px;
  }
  /* ------------position:absolute解除 */
  .commonIntroInner{
    position: static;
    padding: 40px 8.5% 0;
  }

  /* ---------------アクセスカウンター */
.count_Wrap{
  left: 3vw;
  top: auto;
  bottom: -100px;
}

  /* --------------header */
  .header__wrap{
    padding: 16px 3vw 40px;
    width: 100%;
    background-color: var(--white);
  }
  .header__corporateName{
    width: 50%;min-width: 277px;
  }
  .header__corporateName .header__corporateLogo{
    max-width: 40px;width: auto;
  }
  /* -----------ヘッダーナビ */
  .header__nav{
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,0.7);
    visibility: hidden;
    position: fixed;
    left: 0;top: 0;
    z-index: 999;
  }
  .header__navList{
    flex-direction: column;align-items: center;row-gap:40px;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
  }
  .header__navList .header__navListItem{
    font-size: 20px;
  }
  .header__navList .header__navListItem:not(:last-child){
    margin-right:0;
  }
  /* -------------jsでクラス追加 */
  .header__nav.open{
    visibility: visible
  }
  /* -------------cssでフィルターをかける */
  .js-filterArea{transition: 0.8s;}
  .js-filterArea.open{filter: blur(5px);}
  /* -------------toggle */
  .toggle,.toggle span{
    display: block;
  }
  .toggle{
    position: fixed;
    right: 3vw;top: 3vw;z-index: 9999;
    width: 5vw;height: 22px;
  }
  .toggle span{
    width: 100%;
    height: 2px;
    background-color: var(--CorporateBlue);
    transition: 0.8s;
    position: absolute;
  }
  .toggle span:first-child{top: 0;}
  .toggle span:nth-child(2){top: 10px; }
  .toggle span:last-child{bottom: 0;}
  /* -------------toggle開いているとき */

  /* .toggle.open span{position: absolute;} */
  .toggle.open span:first-child{transform: rotate(45deg);top: 10px;}
  .toggle.open span:nth-child(2){ opacity: 0;}
  .toggle.open span:last-child{transform: rotate(-45deg);bottom: 10px;}

  /* --------recruitInfo */
  .recruitInfo .flex{
    padding: 3vw;
    gap:0;
  }
  .recruitInfo__leftContent{
    width: 48%;
  }
  /* --------cta */
  .cta__section .flex{
    padding:32px 3vw;
    flex-direction: column;row-gap:32px;
  }
  .cta__flexLeftContents{
    width: 100%;
    text-align:center;
    padding-right: 0%;
  }
  .cta__flexLeftContents::before{
    content: none;
  }

  .cta__flexrightContents{
    margin-left:0;
    width: 100%;
  }
  .cta__flexrightContents p{
    text-align: center;
  }
  /* --------------footer */
  .footer__wrap{
    padding: 32px 3vw 0;
  }
  .footer__wrap > .flex{
    flex-direction: column-reverse;
  }
  .footer__leftArea{
    width: 35%;
  }
  .corporateAdressTxt{
    margin-bottom: 20px;
  }
  .footer__wrap .footer__navList{
    justify-content: space-around;flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .footer__leftArea{
    margin: auto;text-align: center;
  }
  .footer__rightsTxt{
    text-align: center;
    padding-bottom: 4%;
  }
  .footer__corporateLogo{width: 30px;height: 43px;}
/* ---------------------------home */
/* -------------heroView */
.heroView{
  margin-top: 0;
}
.heroTxtBlock{ width: 50%;}.heroHead{font-size: 40px;}.heroHead .innerTxt{line-height: 1.4;}
.heroTxtBlock p .innerTxt{font-size: 18px;line-height: 1.75;}
/* -------------各ブロック */
.home__ServiceBlock{padding-bottom: 80px;}
.home__ServiceDesc{ position: static;}
/* ---------------------------会社概要 */
/* ----------------ごあいさつ */
.greet_left-box{
  margin: 0 auto 60px;
}
.greet_left-box .greet__space{
  height:auto;
}
.greet_left-box .greet__space,.greet_left-box .greet_img{
  float:none;
}
.greet_left-box .greet_img{text-align: center;}
.greet_txt{padding-right: 0;padding-top: 24px;}.leaderName{text-align:right;margin-top: 16px;}
/* ---------------社是 */
.managementPolicy_Txt{font-size: 26px;}
/* ---------------会社概要 */
.outline__box{
  margin: 24px 3vw 0;
}
/* ---------------沿革 */
.history_table{
  margin: 16px 3vw 0;font-size: 14px;
}
.history_table tr td:nth-child(2){
  padding-right: 16px;
}
/* ----------------工場 */
.factory{
  padding: 0 3vw;
}
.factory__container{
  height: auto;max-height: 860px;
}
/* --------------------働くチームの紹介 */
  .team__navList{ justify-content: center;flex-wrap: wrap; }
  .team__navList .team__navListItem{ width: 20%; }
  /* ------------------製造チーム */
  .manufacturingTeam__mainView{
    margin-bottom: 80px;
  }
  .Intro__manufacturingTeam .commonIntroInner{
    padding: 40px 0 0;
  }
  .manufacturingTeam__intro{min-height: 220px;}
  .manufacturingTeamIntro__headLine .headLine__innerTxt--ja{
    font-size: 28px;padding-bottom: 8px;
  }
  .manufacturingTeamIntro__headLine{
    margin-bottom: 16px;width: 70%;
  }
  .manufacturingTeamIntro__readTxt{
    font-size: 15px;
  }
  .manufacturingTeam__intro-left{
    width: 55%;
  }
  /* --------旋盤チーム */
  .manufacturingTeam__intro-right{width: 45%;}
  .manufacturingTeam__grid .flex{
    padding: 0 10vw;
  }
  .manufacturingTeam__gridElms-2{
    align-self: center;
  }
  /* -------加工実績 */
  .achievementWrap{
    width: 100%;padding: 0 9vw;
  }

  /* --------------------設計チーム */
  .designTeam__mainView{
    margin-bottom: 60px;
  }
  .designTeam_img01,.designTeam_img02{
    margin-bottom: 32px;
  }
  /* -------流れ */
  .productFlow_list{
    padding: 0 3vw 40px;
  }
  .productFlow_list .productFlow_listItem:not(:last-child)::after{
    right: -15.5%;
  }
  .flow_listItem_head{
    font-size: 18px;
  }
  /* --------製品一覧 */
  .designedProduct .designedProductList{
    padding: 0 3vw;gap:4%;
  }
  .designedProduct .designedProductList .designedProduct__ListItem{
    width: 48%;padding-bottom: 4%;
  }
  /* --------------------品質管理チーム */
  .qualityManagementTeam__mainView{
    margin-bottom: 60px;
  }
  /* --------------------営業/総務 */
  .salesTeam__mainView, .affairsTeam__mainView{
    margin-bottom: 60px;
  }
  .Intro__salesTeam .flex, .Intro__affairsTeam .flex{
    justify-content:center;
    column-gap:4%;
  }
  .Intro__salesTeam .common__readTxt, .Intro__affairsTeam .common__readTxt{
    width: 60%;
  }
  .Intro__salesTeam .sales_images,.Intro__affairsTeam .affairs_images{
    width: 33%;
  }
  /* -----------------------製品実績 */
  .product__metalProcessing,.product__assembly{
    padding: 0 3vw;
  }
  /* -----------------------設備案内 */
  .equipment__mainView{margin-bottom: 80px;}
  .mainMachine__imageList, .otherMachine__imagelist{
    padding: 0 3vw;
  }
  .mainMachine__imageListItem, .otherMachine__imagelistItem,.otherMachine__headTxt, .otherMachine__namelist{
    width: 48%;
  }
  /* -----------切り抜き画像 */
  .intro__mainMachine .mainMachine__outer::after{right: 3vw;bottom: 0;margin: auto;}
  .intro__multiTaskingMachine .mainMachine__outer::after{width: 320px;height: 206px;}
  .intro__NCLatheMachine .mainMachine__outer::after{ width: 380px;height: 190px;}
  .intro__MachiningCenter .mainMachine__outer::after{width: 300px;height: 243px;}
  /* -----------説明等 */
  .mainMachine__box{ padding-left: 3vw;}
  .mainMachine__box > p{width: 60%;}
  .imageListItem_txt{font-size: 15px;}.space__ItemTxt{margin-bottom: 14px;}
  .otherMachine__head{padding: 16px 3vw;}
  .otherMachine__namelistItem{padding-left: 5%;}
  /* -----------------------お問い合わせ */
  .contact{padding: 0 3vw;}
  /* -----------------------採用コンテンツ ---------------- */
  .recrit__nav{padding-bottom: 64px;}

  /* -----------------------人材育成の取り組みページ */
  /* ---------------ごあいさつ */
  .recruit__greet{margin-bottom: 80px;}
  .recruit__greetWrap{ padding: 0 3vw; }
  .recruit__greetFlex{
    flex-direction: column;
  }
  .recruit__greetOnlyHead{
    font-size: 30px;
  }
  .recruit__greet-left,.recruit__greet-right{
    width: 100%;
  }
  .recruit__greet-right{text-align:center;}.recruit__greet-right img{width: 50%;}
  /* --------------人材育成の取組 */
  .traning__bgi{margin-bottom: 80px;}
  .training__inner{position: static;}
  .traning__headLine{padding-top: 24px;padding-bottom: 24px;}
  /* --------------キャリアパス */
  .carrer > .container{padding: 0 3vw;}
  .carrerPass__flowList{width: 100%;} .entryLinkBtn{width: 70%;margin-bottom: 60px;}

  /* -----------------------募集要項/エントリー */
  .recruitContainer-2{max-width: inherit;padding: 0 3vw;}

  /* ---------------募集要項 */
  .jobDescList dt{width: 26%;}.jobDescList dd{width: 74%;}
  .recrit__navList .recrit__navListItem{min-width: 220px;}
}
/* @media screen and (max-width:680px){


} */
/* @media screen and (min-width:521px) and (max-width:767px){

} */
@media screen and (max-width:520px){

  .container{padding: 0 5vw;}

  /* -----------見出し */
  .subHead{line-height: 1.4;}
  .common__headLine .headLine__innerTxt--ja{width: 68%;}
  .product__headLine{height: 48px;line-height: 48px;font-size: 20px;}
  /* ------------テキスト調整 */
  .common__readTxt,.detailTxt,.traning__readTxt{text-align: inherit;}
  .common__readTxt span,.home_service__readTxt span,.detailTxt span{display: inline;}

    /* ---------------アクセスカウンター */
.count_Wrap{
  left: 5vw;
}

  /* -----------header */
  .header__corporateName{ width: 100%; }
  .header__wrap{padding:16px 5vw 40px;}
  .header__corporateName .header__corporateLogo{height:auto;}
  .header__corporateName > .header__corporateLogo > img{vertical-align: inherit;}
  /* -----------toggle */
  .toggle{top: 4.5vh;right: 5vw;width: 8vw;}

  /* -----------採用情報 */
  .recruitInfo .flex{ flex-direction: column-reverse; padding: 5vw;}
  .recruitInfo__leftContent,.recruitInfo__rightContent{ width: 100%;}
  .recruitInfo__leftContent h4{text-align: center;}
  .recruitInfo__leftContent h4 .recruit__ja{font-size: 18px;}
  .recruitInfo__leftContent h4 .recruit__en{ font-size: 40px;margin-top: 16px;margin-right: 16px; }
  .recruitInfo__btn{margin:20px auto 0;}

  /* -----------CTA */
  .cta__section .flex{padding: 32px 5vw;}
  .ctr__headLine{font-size: 24px;}.cta__readTxt{line-height: 1.5;}
  .cta__phoneNumber, .cta__faxNumber, .cta__email{
    font-size: 24px;width: 64vw;
  }
  .cta__flexrightContents p{text-align: left;}
  .cta__phoneIcon, .cta__faxIcon, .cta__mailIcon{
    width: 8.5vw;height: 8.5vw;margin-right: 4.2vw;
  }
  /* -----------footer */
  .footer__wrap .footer__navList{gap:4% 3%;}
  .footer__navList .footer__navListItem:not(:last-child){margin-right: 0;}
  .footer__navList .footer__navListItem:nth-child(1),.footer__navList .footer__navListItem:nth-child(2){margin-bottom: 6%;}
  .footer__leftArea{width: 100%;}

  /* --------------------------ホーム*/
  /* ----------------heroView */
  .heroHead{font-size: 28px;}.heroTxtBlock{width: 100%; row-gap:12px;}
  .heroTxtBlock p .innerTxt{font-size: 14px; }
  .home__headLine{ font-size: 36px; }
  .ourService__headline, .news__headLine{
    font-size: 24px;
  }
  /* -------------各チーム紹介 */
  .home__ServiceBlock{padding-bottom: 0;}
  .home__ServiceDesc{padding: 20px 3vw 40px; }
  .home_service__readTxt{ font-size: 15px;}
  .fastQuality__bgi{padding-top: 38%;}

  /* ------------新着情報 */
  .newsBlock_Wrap{margin: 0 5vw 80px;}
  .news__DescList{width: 100%; padding:12px 0;}
  .news__DescList dt, .news__DescList dd{display: block;}
  .news__time{padding-right: 0;padding-bottom: 8px;}

  /* -----------採用情報 */
  .recruitInfo{margin-bottom: 80px;}

  /* --------------------------会社概要 */
  /* -----------ごあいさつ */
  .greet_left-box{max-width: 100%;}
  .greet_txt{letter-spacing: 0.08em;}
  /* -----------社是 */
  .managementPolicyArea{ padding: 24px 5vw; }
  .managementPolicy_Txt{font-size: 22px;}
  /* -----------会社概要 */
  .outline__box{margin:24px 5vw 0;}
  .outline__dscl dt{width: 42%;}.outline__dscl dd{width: 58%;}
  /* -----------沿革 */
  .history_table{margin: 16px 5vw 0;}
  /* -----------工場 */
  .factory__Head{line-height: 1;}
  .factory__container{display: block;max-height: inherit;}
  .first__factoryBox,.second__factoryBox,.third__factoryBox{
    margin-bottom: 40px;}
  /* -----------アクセス */
  .accessMapBox{padding-top: 66.6%;}
  .access__txt{margin:0 5vw;line-height: 1.5;}
  /* --------------------------製品実績 */
  .Intro__product{margin: 40px 0;}
  .products__List{margin-bottom: 40px;}
  .products__List .products__ListItem{ padding-bottom: 40px; }

  /* ---------------------- 働くチームの紹介 ------------------------- */
  .teamIntroduction{margin-top: 20px;}
  .team__nav{padding-left: 5vw;padding-right: 5vw;}
  .team__navList{justify-content: space-between;row-gap:20px;}
  .team__navList .team__navListItem{ width: 48%;}
  .team__navList .team__navListItem:not(:last-child){margin-right: 0;}
  .Intro__manufacturingTeam .commonIntroInner,
  .Intro__designTeam .commonIntroInner,
  .Intro__qualityManagementTeam .commonIntroInner,
  .salesIntroInner,.affairsIntroInner{padding: 40px 5vw 0;}

  /* --------------------------製造チーム */
  .manufacturingTeam__section{margin-bottom: 80px;}
  .manufacturingTeam__intro{flex-direction: column-reverse;padding: 0vw;}
  .manufacturingTeam__intro-left,.manufacturingTeam__intro-right{width: 100%;}
  .manufacturingTeamIntro__headLine{width: 90%;}
  .manufacturingTeam__intro-left{padding: 40px 0;}

  /* -------------旋盤チーム,マシニングチーム */
  .manufacturingTeam__grid{padding-top: 40px;}
  .manufacturingTeam__grid .flex{flex-direction:column;row-gap:40px;padding: 0 5vw;}
  .manufacturingTeam__grid .flex__lathe .manufacturingTeam__gridElms-p,
  .manufacturingTeam__grid .flex__lathe .manufacturingTeam__gridElms-2,
  .manufacturingTeam__grid .flex .manufacturingTeam__gridElms-3, .manufacturingTeam__grid .flex .manufacturingTeam__gridElms-4,
  .flex__machining .manufacturingTeam__gridElms-p,.flex__machining .manufacturingTeam__gridElms-2{width: 100%;}

  /* --------------------------設計チーム */
  .productFlow_headLine{font-size: 28px;}
  .designTeam_img01, .designTeam_img02,.detailTxt{margin-bottom: 48px;}
  /* ----------設計までの流れ */
  .flow_listItem_head{font-size: 20px;margin-bottom: 16px;}
  .productFlow_list{ padding: 0 0 60px;flex-direction: column; }
  .productFlow_list .productFlow_listItem{width: 100%;}
  .productFlow_list .productFlow_listItem:nth-child(2){margin: 0;}
  .productFlow_list .productFlow_listItem:not(:last-child){margin-bottom: 60px;}
  .productFlow_list .productFlow_listItem:not(:last-child)::after{
    right: 0;left: 0;top: auto;bottom: -35px;margin:auto;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    width: 30px;height: 20px; }
  .flow_listItem_txt{letter-spacing: 0.05em;}
  /* -----------主要設備 */
  .equipment__mainView{margin-bottom: 60px;}
  .equipment__mainView .commonIntroInner{padding-top: 40px;}
  .intro__mainMachine .mainMachine__outer,.otherMachine__imagelist,
  .intro__otherMachine .container{padding: 0;}

  .mainMachine__box{width: 100%;padding-left: 5vw;padding-right: 5vw;}
  .mainMachine__box::after{ content: none; }
  .mainMachine__box > p{width: 100%;padding-bottom: 55vw;}

  .intro__multiTaskingMachine .mainMachine__outer::after{
    top: auto;
  }
  .intro__NCLatheMachine .mainMachine__outer::after{
    width: 90%;
    height: 35%;bottom: 7%;
  }
  .intro__MachiningCenter .mainMachine__outer::after{
    width: 73%;
    height: 45%;
  }
  .intro__mainMachine .mainMachine__outer::after{left: 0;right: 0;margin: auto;}
  .mainMachine__imageList, .otherMachine__imagelist{flex-direction: column;margin-bottom:16px;}
  .space-eqpimg{margin-bottom: 12px;}
  .mainMachine__imageListItem, .otherMachine__imagelistItem{margin-bottom: 32px;}
  .mainMachine__imageListItem, .otherMachine__imagelistItem, .otherMachine__headTxt, .otherMachine__namelist{
    width: 100%; }
  .otherMachine__head{ flex-direction: column;padding: 16px 5vw;}
  .otherMachine__head .otherMachine__headTxt{margin-bottom: 12px;}
  .otherMachine__imagelist{padding: 0 5vw;}

  /* ----------設計・組み立て製品 */
  .achievementWrap{padding: 0 5vw;}
  .designedProduct .designedProductList{padding: 0;}
  .achievement_list{row-gap:20px;}
  .achievement_list .achievement_listItem{width: 48%;}

  /* --------------------------品質管理チーム */
  .pentagonHead{max-width: 300px;}
  .secondH3ad{font-size: 28px;line-height: 1.2;}
  /* --------------------------営業/総務 */
  .sales__headLine, .affairs_headLine{
    margin-bottom: 40px;}
  .Intro__salesTeam .flex, .Intro__affairsTeam .flex{flex-direction: column;}
  .Intro__salesTeam .common__readTxt, .Intro__affairsTeam .common__readTxt,.Intro__salesTeam .sales_images, .Intro__affairsTeam .affairs_images{width: 100%;}
  .Intro__salesTeam .common__readTxt, .Intro__affairsTeam .common__readTxt{margin-bottom: 24px;}

  /* --------------------------お問い合わせ */
  .contact{margin-top: 40px;}
  .contact_label{display: block;}
  .contact_label,.inputArea, textarea{width: 100%;}
  .contact_label{margin-bottom: 16px;}

  /* ----------------------採用コンテンツ------------------ */
  .recrit__nav{ padding-bottom: 40px;}
  .recrit__navList{ flex-direction: column;align-items: center; }
  .recrit__navList .recrit__navListItem:not(:last-child){ margin-bottom: 20px;margin-right: 0;}

  /* --------------------------採用情報 */
  .recruit__greetWrap{padding:0 5vw; }
  /* ---------ごあいさつ */
  .recruit__greetOnlyHead{font-size: 25px;}
  .recruit__greetFlex{margin-top: 30px;}
  .seniorManagingDirector{margin-top: 8px;}
  .recruit__greet-right img{width: 80%;}
  /* ---------人材育成の取組 */
  .traning__bgi{margin-bottom: 40px;}
  .traning__headLine .headLine__innerTxt--ja{ width: 90%; }
  .traning__subHead,.traning__readTxt{padding: 0 5vw;}
  .traning__subHead{font-size: 28px;line-height: 1.3;}.traning__readTxt{font-size: 16px;margin-bottom: 0;}
  .traning__readTxt span{display: inline;}
  /* ---------入社後のキャリアパス */
  .carrer > .container,.certification > .container{padding: 0;}
  .carrerPass__flowList{padding: 0 5vw;}
  .carrerPass__flowListItem{flex-direction: column;}
  .carrerPass__flowListItem-left,.carrerPass__flowListItem-middle,.carrerPass__flowListItem-right{width: 100%;}
  .carrerPass__flowListItem-left,.carrerPass__flowListItem-middle{padding: 12px 0;}
  .space_triangle{margin-bottom: 60px;}.space_triangle::after{bottom: -40px;}

  .certification .traning__readTxt{margin-bottom: 40px;}
  .certificateHolder__box{padding: 40px 5vw;}

  .entryLinkBtn{margin-bottom: 40px;font-size: 14px;}

  /* --------------------------募集要項/エントリー */
  .recruitContainer-2{padding: 0 5vw;}

  /* ----------------募集要項 */
  .jobDescList dt{width: 35%}.jobDescList dd{width: 65%;}
  /* ----------------エントリーフォーム */
  .entryForm__left, .interestedPosition_Block{ display: block; }
  .entryForm__left,.entryForm__InputTxt,.interestedPosition_Block,.selectType{width: 100%;}
  .entryForm__left,.interestedPosition_Block p{margin-bottom: 10px;}
  /* .interestedPosition_Block p .Position{width:20%;} */
  .entryForm__InputTxt-narrow{width: 20%;}
  .radioLabel{margin-right: 0;}
  /* ---------------ラジオボタン創作 */
  .entryForm__radio{visibility: hidden;margin-right:0;} .radioLabel{padding-left: 24px;}
  .entryForm__radio + .radioLabel{position: relative;}
  .entryForm__radio + .radioLabel::before{
    content: "";
    display: block;
    width: 13px;height: 13px;border-radius: 50%;cursor: pointer;
    position: absolute;top: 0;left: 0;bottom: 0;margin: auto;border: 1px solid #595959;
  }
  .entryForm__radio:checked + .radioLabel::after{
    content: "";
    width: 7px;height: 7px;border-radius: 50%;background-color: var(--CorporateBlue);
    position: absolute;left: 3px;top: 8px;
  }

  /* ------------エントリーボタン */
  .entryBtn{height:48px;}
}
@media screen and (max-width:321px) {
  .header__corporateName .header__NameTxt{font-size: 21px;}
  .header__corporateName .header__corporateLogo{max-width: 30px;}
}