@charset "utf-8";
/*
Theme Name:  fake_tcd074 Child
Template:  fake_tcd074              
*/

/* ----------------------------------------------------------------------
共通
---------------------------------------------------------------------- */
/*ブロックを全幅にする*/
.alignfull {
  width:100vw;
  margin-left:calc( ( 100% - 100vw ) / 2 );
}

/*ヘッダーのフェードインを無くす*/
.pc #header, #page_header .catch, #page_header .desc, #page_header .headline {
  opacity: 1;
}
.pc #header.animate, #page_header .catch.animate, #page_header .desc.animate {
  animation: none;
}


/*画面左下にページタイトルを表示*/
.title_fixed {
  position: fixed;
  color: #fff;
  background-color: #000;
  padding: 3px 10px;
  text-align: center;
  bottom: 0;
  left: 0px;
  font-size: 0.8em;
  z-index: 5;
}

.title_fixed_s {
  font-size: 0.6em;
}

.title_fixed2 {
  position: fixed;
  color: #fff;
  background-color: #000;
  padding: 10px 15px;
  text-align: center;
  bottom: 80px;
  right: 0;
  font-size: 1em;
  z-index: 5;
border-radius: 18px;
}

/*投稿ページのパンくずリストを消す*/
#bread_crumb {
	display:none;
}

/* テキスト --------------------------------- */
/*テーマのpのCSSをリセット*/
body p { 
  line-height:2 !important;/*強調*/
  margin: 0px 0px 0px 0px !important;/*強調*/
/*	text-align: initial !important;/*強調*/
}


.cb{  
  clear: both;/* floatを解除 */
}

/*見出しh2*/
.h2 {
  text-align:center;
  width: 100%;
}

.h2_small {
  font-size:0.7em;
}

.h2_large {
  font-size:1.5em;
}

/*リード文(太字青文字)*/
.lead {
  font-size:1.9em;
	color: #191970;
	font-weight: bold;
	padding: 20px 0px 20px 0px;	
}

.text {
	padding-bottom: 50px;
}
p.title_fixed {
    display: none;
}

/* ボタン --------------------------------- */
/*ボタン黒*/
.button {
  width: 150px;
  margin: 0 auto;
  text-align:center;
  display: inline-block;
  padding:20px 40px;
  border: solid 1px #707070;
  background: rgba(0,0,0,0.0);
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
}

.button a {
  color: #707070;
}

.button:hover{
  background: rgba(0,0,0,0.1);
}

/*ボタン白*/
.button_white {
  color: #fff;
  width: 150px;
  padding: 20px 40px;
  text-align: center;
  display: inline-block;
  border: solid 1px #FFFFFF;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
}

.button_white:hover{
  background: rgba(0,0,0,0.2);
}

/*お問い合わせボタン*/
.contact_button {
	width: 250px;
	height: 60px;
	color:white;
    background-color: #707070;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.contact_button:hover {
  background-color: #dcdcdc;
}

/* 枠線 --------------------------------- */
/*実線黒枠*/
.frame_solid {
  border: 1px solid #000;
  padding: 40px;
}

/*フッター --------------------------------- */
.footer_wrap {
  width: 80%;
  margin: 0 auto;
	overflow: hidden;
}

.footer_ti {
  font-weight: bold;
}

.footer_container {
  font-size: 18px;
  text-align: center;
}

.footer_container_add {
  float: left;
}

.footer_container_tel {
	float: right;
}

.footer_add {
  padding: 15px 0px;
}

.footer_tel {
  font-size: 32px;
  font-weight: bold;
}

.footer_button {
	width: 250px;
	height: 60px;
    background-color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.footer_button:hover {
  background-color: #dcdcdc;
}

/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
/*お悩みはありませんか*/
.toponayami {
	display: flex;
}

.toponayami_container {
	justify-content: center;
	background-color:#F2f2f2;
	padding:30px 40px;
	line-height: 2.2em;
	font-size: 1.3em;
	font-weight:bold;
	margin: 0 auto;
}

.marker-P-yellow {
	background: linear-gradient(transparent 60%, #ffffa8 0%);
	}

.toponayami_container ul {
  list-style: none;
}

/*画像の上余白を0pxに*/
img.aligncenter {
    margin-top: 0px !important;
}

/*錦西テックについて*/
.about_top_wrap {
  width: 100%;
  height: 850px;
  background: url(../../uploads/top_about.jpg)center bottom no-repeat;
}

.about_top_text {
  font-size: 16px;
  padding: 60px 0px;
  width: 100％;
  margin: 0 auto;
  text-align: center;
}

.about_photo_sp {
  display:none;/*パソコン画面の時には表示しない*/
}

/*事業内容メニュー*/
.businessmenu_wrapper {
	margin-top: 40px;
	height: 400px;
  position: relative;
}

.businessmenu_contents {
  display: flex;
	justify-content: center;/*左右中央*/
	align-items: center;/*上下中央*/
}

/*電子機器受託生産事業*/
.businessmenu_back1 {
  background:url(../../uploads/business_01_top.jpg)no-repeat;
  background-position: right center;
}
/*省力化機器設計事業*/
.businessmenu_back2 {
  background:url(../../uploads/business_02_top.jpg)no-repeat;
	background-position: right center;
}
/*プラスチック設計事業*/
.businessmenu_back3 {
  background:url(../../uploads/business_03_top.jpg)no-repeat;
  background-position: left center;
  margin-bottom: 50px;
}
/*ワイヤーハーネス事業*/
.businessmenu_back4 {	
  background:url(../../uploads/business_04_top.jpg)no-repeat;
  background-position: left center;
}

.businessmenu_container_right {
  position: absolute;  
  z-index: 1;/*重なり順を指定(文字やボタンは白いまま）*/
  width: 80%;
  text-align: right;
  text-shadow: 1px 2px 3px #000;
}

.businessmenu_container_left {
position: absolute;
z-index: 1;/*重なり順を指定(文字やボタンは白いまま）*/
width: 80%;
text-align: left;
text-shadow: 1px 2px 3px #000;
}

.businessmenu_title {
  color: #fff;
  font-size: 26px;
}

.businessmenu_text {
  color: #fff;
  font-size: 16px;
  padding: 20px 0px 40px 0px;
}

/*採用情報*/
.recruit_top_wrap {
  margin-top: 40px;
  height: 300px;
  text-align: center;
  background: url(../../uploads/top_recruit.jpg)center bottom no-repeat;
}

.recruit_top_wrap img {
  margin: 20px 0px 120px 0px;
}

.recruit_photo_sp {
  display: none;
}


/* ----------------------------------------------------------------------
錦西テックについて
---------------------------------------------------------------------- */
/*あなたが臨む世界でたった一つ*/
.about_text {
  text-align: center;
}

.about_wrapper {
  height: 520px;
  display: flex;
  justify-content: center; /*左右中央*/
  align-items: center;   /*上下中央*/
}

.about_back {
  background:url(../../uploads/about_employee.jpg)no-repeat;
  background-size: 100% auto;
}

.about_employee_photo_sp {
  display: none;
}

/*錦西テックの強み*/
.point_wrapper {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
  padding: 40px;
  margin: 40px 0px;
}

.point_title {
  font-size:1.2em;
  color:#191970;
  font-weight:bold;
}

.point_bold {
  font-size:1.5em;
  font-weight: bold;
  padding: 5px 0px;
}


/* ----------------------------------------------------------------------
企業情報
---------------------------------------------------------------------- */
/*社長挨拶*/
.topmessage_wrapper {
  height: 520px;
  display: flex;
  justify-content: center; /*左右中央*/
  align-items: center;   /*上下中央*/
}

.topmassage_back1 {
  background:url(../../uploads/company_message.jpg)no-repeat;
  background-size: 100% auto;
}

.topmassage_back2 {
  background:url(../../uploads/recruit_message.jpg)no-repeat;
  background-size: 100% auto;
}

.topmessage_container1 {
  width: 60%;
}

.topmessage_container2 {
  width: 60%;
  color: white;
}

.topmassage_photo_sp {
  display:none;/*パソコン画面の時には表示しない*/
}

/*経営理念背景*/
.philosophy_back {
padding:35px;
text-align: center;
font-size: 1.4em;
font-weight: bold;
line-height: 1.8em;
background:linear-gradient(to right,#DCF1F8, #8BDBFF);
}

/*経営方針テキスト*/
.policy_bold {
  font-size:1.2em;
  font-weight: bold;
  padding-bottom: 20px;
}


/* 会社概要等テーブル */

table th,td {
  border:none !important;/*強調*/
}

table th,td {
	background: #f5f5f5 !important;/*強調*/
}

table tr:nth-child(even) td {
	background: #fff !important;/*強調*/
}

table tr:nth-child(even) th {
	background: #fff !important;/*強調*/
}

.company_wrapper {
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
  padding: 40px;
}

/*会社案内ダウンロード*/
.guide_wrapper {
  border: solid 1px #070707;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:1em;
}

/* ----------------------------------------------------------------------
事業内容
---------------------------------------------------------------------- */
/*お悩み*/
.onayami {
	background-color:#f2f2f2;
	padding:20px;
	text-align:center;
}

.onayami_text {
	font-size:1.4em;
	font-weight:bold;
}

.otoiawase_btn {
	display: inline-block;
	width:100px;
	margin: 0 auto;
	background-color:#707070;
	padding:20px;
	margin:30px;
	text-align:center;
	color:white;
	font-size:1.2em;
}


/*事業内容メニュー*/
.businessmenu_s {
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: pointer;
  margin-top: 10px;
}

.businessmenu_s_bg {

}

.businessmenu_01_s_bg {
  background: url('../../uploads/business_01_s.jpg') center center / cover no-repeat;
  width: 100%;
  height: 150px;
  position: relative;
  z-index: 0;
  transition: .3s ease-in-out;
}

.businessmenu_02_s_bg {
  background: url('../../uploads/business_02_s.jpg') center center / cover no-repeat;
  width: 100%;
  height: 150px;
  position: relative;
  z-index: 0;
  transition: .3s ease-in-out;
}

.businessmenu_03_s_bg {
  background: url('../../uploads/business_03_s.jpg') center center / cover no-repeat;
  width: 100%;
  height: 150px;
  position: relative;
  z-index: 0;
  transition: .3s ease-in-out;
}

.businessmenu_04_s_bg {
  background: url('../../uploads/business_04_s.jpg') center center / cover no-repeat;
  width: 100%;
  height: 150px;
  position: relative;
  z-index: 0;
  transition: .3s ease-in-out;
}

.businessmenu_s_bg:hover {
  transform: scale(1.1);
}

.businessmenu_s_bg::before {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 70%);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.businessmenu_s_text {
  position: absolute;
  top: 10px;
  /*left: 20px;*/
  padding: 20px;
  text-align: center;
  pointer-events: none;
}

.businessmenu_s_text_ti {
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
}

.businessmenu_s_text_p {
  color: #fff;
  font-size: 0.9em;
  margin-top: 20px;
}

/*事業内容テキスト*/
.business_lead_left {
  font-size:1.7em;
	color: #191970;
	font-weight: bold;
	padding: 10px 25px 10px 0px;	
}

.business_lead_right {
  font-size:1.7em;
	color: #191970;
	font-weight: bold;
	padding: 10px 0px 10px 25px;	
}

.business_text_left {
  padding: 0px 25px 0px 0px;
}

.business_text_right {
  padding: 0px 0px 0px 25px;
}

/* ----------------------------------------------------------------------
採用情報
---------------------------------------------------------------------- */
.recruit_wrap {
	height: 300px;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
	background: url(../../uploads/recruit_guideline.jpg)center bottom no-repeat;
}

.recruit_button {
  margin: 0px 10px;
}

/* ----------------------------------------------------------------------
サイトマップ
---------------------------------------------------------------------- */
/*矢印（共通CSS）*/
.arrow{
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 16px;
}
.arrow::before,

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

/*矢印（1階層目）*/
.arrow_green::before{
  width: 12px;
  height: 12px;
  -webkit-border-radius: 25%;
  border-radius: 25%;
  background: #7a0;
}
.arrow_green::after{
  left: 5px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
}

.padding_left {
	padding-left: 50px;
}

/* ----------------------------------------------------------------------
ISO認証取得
---------------------------------------------------------------------- */

.iso_text01 { 
  font-size: 1.6em;
  color: #191970;
  font-weight: bold;
  padding-bottom: 30px;
}

.iso_back {
  background-color: #f5f5f5;
  margin-bottom: 40px;
}

.iso_wrapper {
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iso_text02 {

  font-size: 1.9em;
  color: #191970;
  font-weight: bold;

}

.iso_mark {
  padding: 60px;
  text-align: center;
}

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

.iso_box02 {
  display: flex;
  justify-content: start;
}

.iso_box_midashi {
  width: 160px;
}

.iso_box01 hr {
  border: none;
  border-top: 1px dotted #bebebe;
}



/* ----------------------------------------------------------------------
レスポンシブCSS（パソコン画面）
---------------------------------------------------------------------- */
@media screen and (min-width: 1025px){
  /*事業内容メニュー*/

  .businessmenu_wrapper:hover::before{
    background-color: rgba(0,0,0,0.2);/*透過した黒を上から重ねる*/
    position: absolute;/*重ね位置指定*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
  }
}

/* ----------------------------------------------------------------------
レスポンシブCSS（全幅部分）
---------------------------------------------------------------------- */
@media screen and (max-width: 1650px){
  /*------企業情報------*/
  /*社長挨拶*/
  .topmessage_wrapper h2 {
    text-align: center;
  }

  .topmessage_wrapper {
    height: auto;
  }

  .topmassage_back1 {
    background:none;	
  }

  .topmassage_back2 {
    background:none;
  }

  .topmassage_photo_sp {
    display:block;/*画面幅1650以下で画像を表示*/
    width: 100%;
    padding: 20px 0px;
  }

  .topmessage_container1 {
    text-align: center;
    width: 90%;
  }
    
  .topmessage_container2 {
    text-align: center;
    width: 90%;
    color: #000;
  }

  /*------錦西テックについて------*/
  /*あなたが臨む世界でたった一つ*/
  .about_wrapper {
    height: 0px;
  }

  .about_back {
    background: none;	
  }

  .about_employee_photo_sp {/*画面幅1650以下で画像を表示*/
    display:block;
  }
}

/* ----------------------------------------------------------------------
レスポンシブCSS（タブレット画面）
----------------------------------------------------------------------*/
@media screen and (max-width: 1025px){
  /*事業内容メニュー*/
  .businessmenu_container_right {
    text-align: center;
  }

  .businessmenu_container_left {
    text-align: center;
  }

  .businessmenu_back1 {
    background:url(../../uploads/business_01_top_sp.jpg)no-repeat;
    background-position: center;
  }

  .businessmenu_back2 {
    background:url(../../uploads/business_02_top_sp.jpg)no-repeat;
    background-position: center;
  }
  
  .businessmenu_back3 {
    background:url(../../uploads/business_03_top_sp.jpg)no-repeat;
    background-position: center;
  }
  
  .businessmenu_back4 {
    background:url(../../uploads/business_04_top_sp.jpg)no-repeat;
    background-position: center;
  }

  /*フッター*/
  .footer_wrap {
    width: 100%;
  }

  .footer_container_add {
    float: none;
  }

  .footer_container_tel {
    float: none;
  }

 /*ISO*/
  .iso_text01 { 
    padding: 30px 16px 30px 16px
  }

  .iso_wrapper {
    height: 100%;
  }

  .iso_text03 {
    padding: 0px 16px 30px 16px
  }
}

/* ----------------------------------------------------------------------
レスポンシブCSS（スマホ画面）
---------------------------------------------------------------------- */
/*------トップページ------*/
@media screen and (max-width: 480px){
    .lead {
      font-size:1.5em;
    }

    /*錦西テックについて*/
    .about_top_text {
      width: 97%;
    }

    .about_photo_sp {/*スマホサイズ用画像表示*/
      display:block;
    }

    .about_top_wrap {
      width: 100%;
      height: 550px;
      margin-bottom: 100px;
      background:none;
    }

    /*事業内容メニュー*/
    .businessmenu_container_right {
      width: 95%;
    text-align: center;
    }

    .businessmenu_container_left {
      width: 95%;
     text-align: center;
    }

    /*採用情報*/
    .recruit_top_wrap {
      width: 100%;
      background: url(../../uploads/top_recruit_sp.jpg)center bottom no-repeat;
    }

    /*------錦西テックについて------*/
    /*あなたが臨む世界でたった一つ*/
    .about_text {
      text-align: left;
    }

    .point_title {
      padding-top: 20px;
    }

    /*会社案内ダウンロード*/
    .guide_wrapper {
      display: block;
      text-align: center;
    }

    .topmessage_container1 {
      text-align: left;
    }
      
    .topmessage_container2 {
      text-align: left;
    }

    .table_responsive th,
    .table_responsive td {
      display: block;
      width: 90%;
      text-align: center;
    }

    /*画面左下にページタイトルを表示→非表示*/
    .title_fixed {
    display: none;
    }

    /*ISO*/

    .iso_mark {
      padding: 24px;
      text-align: center;
    }

    .iso_box02 {
      flex-direction:column
    }

    .iso_box_midashi {
      padding-bottom: 16px;
    }
  }

/*  カート機能　*/
.post_content p{
	/*padding-bottom: 30px;*/
	/*text-align: center;*/
}
.wqe-Attributes{
	padding-top: 60px;
}
.wqe-Form .wqe-Product>.wqe--info>.wqe--main>.wqe--note {
	color: black !important;
	padding-top: 10px;
	text-align: left;
}
.wqe-Form .wqe-Monitor.wqe-is-confirming>.wqe--entries>.wqe--entry>.wqe-for-quantity {
    text-align: right;
    flex: 0 1 50% !important;
    max-width: 50% !important;
	order: 3
}

.wqe-for-price, .wqe-for-unitPrice,.wqe-for-taxClass{
	display: none;
}
.wqe--price{
	display: none;
}
.wqe--footer{
	display: none;
} 

.wqe-Form .wqe-Button.wqe-belongs-navbar.wqe-for-showmonitor>span{
	display: none;
}