@charset "utf-8";

/* HTML5 ? Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #595757; }

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #3e6fee; text-decoration: none;  }
a:focus { outline: thin dotted; text-decoration: none;  }
a:hover, a:active { outline: 0; text-decoration: none;  }

a:link,
a:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

img { -ms-interpolation-mode: bicubic; }


/* ===================================================
    Author: Kim
   =================================================== */

html {
  font-size: 9px; /* sp基準値 */
  -webkit-text-size-adjust: 100%;
}
 
@media (min-width: 480px) {
　　html {
　　  font-size: 10px; /* pc基準値 */
　　}
}


body{ 
	font-size: 1.6rem;
	color: #595757;
	
	@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
	}
		
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	line-height: 2;
	background: #fff;
 }

h2,h3,h4 {margin: 0; padding: 0;}
p {margin: 0; padding: 0;}
ul, li { margin: 0; padding: 0; list-style: none;}
dl, dt, dd { margin: 0; padding: 0;}


/* スマホ&PC各セクション */

img {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

* {
	margin: 0;
	padding: 0;
}

.svg-inline--fa {
	margin-right: 6px;
}


/* transition */
a.trans {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

#topBlue {
	width: 100%;
	background: #EAF6FD;
	overflow: hidden;
	padding: 30px 0;
}

h2.en, h2.en02 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 300%;
	color: #0068B7;
	text-align: center;
}

h4 {
	width: 100%;
	text-align: center;
	color: #fff;
	background: #425CC7;
	font-size: 180%;
	margin-bottom: 20px;
	font-weight: normal;
}

.ullist {
	background: #f2f2f2;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-radius: 10px;
	width: 100%;
}

.textArea {
	margin-bottom: 20px;
	line-height: 1.5;
}

.t-center {
	text-align: center;
}



.linkBtn a {
	display: block;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #0099D9;
}

.linkBtn a:hover {
	background: #2365c7;
}

.DownloadBtn {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto 2em;
	}

.DownloadBtn a {
	display: block;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #0099D9;
}

.DownloadBtn a:hover {
	background: #2365c7;
}

footer {
	width: 100%;
	padding: 30px 0;
	background: #000;
	color: #fff;
	overflow: hidden;
	margin-top: 40px;
}

footer a {
	color: #fff;
}

.dl3 dt {
	margin: 0;
}

.dl3 dd {
	padding: 15px 0 30px;
}

.dl4 dt {
	margin: 0;
}

.dl4 dd {
	padding: 15px 0 30px;
}

ul.subCategory {
	width: 100%;
	overflow: hidden;
}

ul.subCategory li a {
	display: block;
	background: #307dc8;
	color: #fff;
	text-align: center;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 6px;
}

ul.subCategory li.current a {
	background: #31bf77;
}

ul.subCategory li a:hover {
	background: #6ea5da;
}

ul.recruitCategory {
	width: 100%;
	overflow: hidden;
}

ul.recruitCategory li a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 6px;
}

li.work a {
	background: #EA5514;
}

li.guide a {
	background: #0068B7;
}

li.voice a {
	background: #00913A;
}

li.contact a {
	background: #A3A3A3;
}

ul.recruitCategory li.current a {
	background: #31bf77;
}

ul.recruitCategory li a:hover {
	background: #6ea5da;
}

h2.jp {
	font-size: 180%;
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

table.recruitTable th {
	text-align: left;
	padding: 30px 20px;
	background: #F5F0F3;
	border: none;
	border-bottom: 1px solid #ccc;
}

table.recruitTable td {
	text-align: left;
	padding: 30px 20px;
	border: none;
	border-bottom: 1px solid #ccc;
}

table.recruitTable td.leftLine {
	border-left: 1px solid #ccc;
}

/* ======トップページ====== */

h3.topCopy {
	font-size: 200%;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 15px;
}

.topContents dl {
	float: left;
	overflow: hidden;
	padding-top: 40px;
	margin-right: 2%;
}

.topContents dl:last-child {
	margin-right: 0;
}

.topContents dl dt {
	border-top: 1px solid #425CC7;
	border-left: 1px solid #425CC7;
	border-right: 1px solid #425CC7;
	margin-bottom: 10px;
	text-align: center;
}

.topContents dl dt span {
	display: block;
	text-align: center;
	margin: -15px auto 0;
	color: #425CC7;
	font-size: 140%;
	background: #EAF6FD;
	width: 50%;
}

.topContents dl dd p.text {
	padding: 20px 0;
	line-height: 1.5;
}

/* ======一貫生産====== */

.ikkanDl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

.ikkanDl dl {
	display: block;
	width: 33%;
}
@media (max-width: 797.98px) {
.ikkanDl dl {
	width: 100%;
	margin: 0 0 2em;
	}
}

.ikkanDl dl dt {
	margin-bottom: 10px;
}

.ikkanDl dl dt img {
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.ikkanDl dl dd h5 {
	border-top: 1px solid #425CC7;
	border-left: 1px solid #425CC7;
	border-right: 1px solid #425CC7;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	text-align: center;
}

.ikkanDl dl dd h5 span {
	margin-bottom: 10px;
	display: block;
	text-align: center;
	margin: -15px auto 0;
	color: #425CC7;
	font-size: 140%;
	background: #fff;
	width: 50%;
}

.ikkanDl dl dd p {
	padding: 10px 0;
}

.ikkanDl dl dd p strong {
	display: block;
	text-align: center;
}

.ikkanDl dl dd {
	border-bottom: 1px solid #425CC7;
}

.flow p {
	text-align: center;
	margin-bottom: 30px;
}

.flow dt {
	text-align: center;
	color: #EA5514;
	font-weight: bold;
	border-bottom: 2px solid #EA5514;
	margin-bottom: 20px;
	font-size: 150%;
}

.flow dd {
	padding: 5px;
}

/* ======会社情報====== */

p.tanaka {
	text-align: right;
	padding: 50px 0;
	font-size: 130%;
	line-height: 1.5;
}

p.tanaka span {
	display: block;
	font-size: 70%;
}

.factoryInfo {
	text-align: center;
	margin-bottom: 50px;
}

/* ======採用情報====== */

ul.recruitContents li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}

h3.jpReed {
	text-align: center;
	line-height: 1.5;
	font-size: 180%;
	color: #0068B7;
	margin-bottom: 20px;
	font-weight: normal;
}

.orange h3 {
	color: #EA5514;
	margin-bottom: 20px;
	line-height: 1.5;
	font-weight: normal;
	font-size: 140%;
}

.orange h3 span {
	float: left;
	font-size: 400%;
	display: block;
	font-family: 'Ubuntu Condensed', sans-serif;
	margin-right: 20px;
	line-height: 0.8;
}

.orange article {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px solid #EA5514;
}

.voiceBox {
	font-size: 85%;
}

.voiceTitle {
	width: 30%;
	background: #000;
	color: #fff;
	padding: 10px;
	box-sizing: border-box;
}

.voiceBox .voiceHeader {
	background: #00913A;
	color: #fff;
	width: 100%;
	overflow: hidden;
}

.voiceBox .voiceHeader .voiceNumber {
	width: 25%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	font-size: 600%;
	font-weight: bold;
	line-height: 1;
}

.voiceBox .voiceHeader .voiceName {
	width: 75%;
	padding: 10px;
	box-sizing: border-box;
	float: right;
}

.voiceBox .voiceHeader .voiceName span {
	font-size: 150%;
	margin-bottom: 10px;
}

.voiceBox .voiceBody {
	clear: both;
	background: #8FC31F;
	color: #fff;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.voiceBox .voiceBody article {
	margin-bottom: 20px;
}

.contactAddress {
	border-top: 1px solid #425CC7;
	border-bottom: 1px solid #425CC7;
	padding: 15px 0;
}

.contactAddress dl {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #425CC7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.contactAddress dl dt {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.contactAddress dl dd {
	float: right;
	width: 50%;
	padding: 10px;
	padding-left: 30px;
	box-sizing: border-box;
	border-left: 2px solid #425CC7;
}

.contactAddress p {
	text-align: center;
}

h5 {
	border-left: 4px solid #425CC7;
	padding-left: 10px;
	font-size: 120%;
	margin-bottom: 15px;
}

h5 span {
	margin-left: 6px;
	color: #ff0000;
}

.formBox {
	padding: 20px 20px 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	line-height: 2;
}

.formBox input[type="radio"] {
	margin-right: 5px;
}

.formBox input[type="text"] {
	width: 50%;
}

.formBox input.short[type="text"] {
	width: 30%;
	margin-left: 10px;
}

.formBox textarea {
	width: 50%;
	height: 100px;
}

/* 	ブログサイドバー
-------------------------*/
#sidebar-blog h2{
	font-size: 1rem;
	margin-bottom: 20px;
}
#sidebar-blog h2:before{
	content: '◯';
	color: #389B3C;
	margin-right: 5px;
}
.sidebar-widget > div{
	margin-bottom: 30px;
}
.sidebar-widget > div > ul{
	padding: 0;
}
.sidebar-widget > div > ul > li{
	margin-bottom: 10px;
}
span.post-date{
	font-size: 0.7rem;
}

/* ==|== media queries ====================================================== */

/* ===================
    スマホ
   =================== */

@media only screen and (max-width: 479px) {
	
html {
  font-size: 8px; /* sp基準値 */
  -webkit-text-size-adjust: 100%;
}
	
.pcView {
	display: none;
}

header#spHeader {
	width: 100%;
	height: 50px;
	padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #ccc;
	z-index:1;
}

header#spHeader #spLogo {
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

header#spHeader #spLogo img {
	width: 100%;
	height: auto;
}

.menu-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}

.menu-btn span {
    color: #000;
}

.menu-btn .svg-inline--fa {
	margin-right: 0;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
    background: 
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}

.menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
}

.menu ul {
    display: table-cell;
    vertical-align: middle;
}

.menu li {
	width: 60%;
    margin: 20px auto;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
}

.menu li a {
    display: block;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    background: #2b6db0;
    color: #fff;
    text-align: center;
    border-radius: 10px;
}

.menu li.contact a {
	background: #44bd77;
}

.menu li a:hover {
   background:  #4face1;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
    cursor: url(/web/20240623140907im_/https://www.tanakagiken.co.jp/wp-content/themes/images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

	
/* ======メインビジュアル====== */

/* ===================================================================
スライダー
=================================================================== */

/* 設定 */
.container {width: 100%; height: 100%; overflow-x: hidden; padding-top: 50px;}
.slide_all {width: 100%; margin: 0 auto; height: 350px; position: relative;}
.slide_wrap {width: 300%; position: absolute; left: 100%; margin-left: -100%;}
.slide_body {width: 100%;}
.slide {width: 100%;}
.slide img {width: 100%; vertical-align: bottom;}
/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px; border:1px solid #fff;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls {position: absolute;bottom: 15px;z-index: 100;width: 100%;}
.bx-controls img {margin: 0;padding:0;}


/* ======共通====== */

h2.en {
	background: url(/web/20240623140907im_/https://www.tanakagiken.co.jp/wp-content/themes/jiik_theme/img/common/h2_bg.png) center center no-repeat;
	background-size: 100%;
	width: 90%;
	margin: 0 auto 15px;
	font-size: 150%;
}

.commonBox {
	width: 90%;
	margin: 0 auto 30px;
	overflow: hidden;
}

.slimBox {
	width: 90%;
	margin: 0 auto 30px;
	overflow: hidden;
}

.harfBox {
	margin-bottom: 20px;
}

.linkBtn a {
	font-size: 160%;
}

body.page #pageContents {
	padding-top: 60px;
}

.photoBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}

.photoBox img {
	width: 70%;
	height: auto;
}

.textBox {
	width: 100%;
	overflow: hidden;
}

table {
	width: 100%;
}

table th {
	text-align: right;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 25%;
}

table td {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

table td dl {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	overflow: hidden;
}

table td dl:last-child {
	border-bottom: none;
}

table td dl dt {
	float: left;
	width: 15%;
}

table td dl dd {
	float: right;
	width: 85%;
}

table.history th {
	width: 10%;
}

/* ======toppage====== */

#topics dl {
	border-bottom: 1px solid #ccc;
	padding: 15px;
	width: 100%;
	overflow: hidden;
}

#topics .archive {
	text-align: right;
	padding: 20px 0;
}

ul.contactBtn {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

ul.contactBtn li {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
}


/* ======フッター====== */

#footerContents {
	width: 90%;
	margin: 0 auto;
	color: #fff;
	overflow: hidden;
}

#footerContents ul {
	width: 100%;
	overflow: hidden;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	margin: 0 auto 20px;
}

#footerContents ul li {
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid  #fff;
	float: left;
	font-size: 80%;
}

#footerContents ul li a {
	display: block;
	text-align: center;
	width: 100%;
	color: #fff;
}

#footerContents ul li a:hover {
	background: #fff;
	color: #000;
	font-weight: bold;
}

#footerContents #footerLogo {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

#footerContents .address {
	text-align: center;
	font-size: 60%;
}

#subFooter {
	width: 100%;
	max-width: 1200px;
	padding: 30px 0;
	overflow: hidden;
	margin: 0 auto;
}

#subFooter ul.sns {
	width: 40%;
	margin: 0 auto 20px;
	overflow: hidden;
}

#subFooter ul.sns li {
	float: left;
	width: 33.3%;
	font-size: 200%;
	box-sizing: border-box;
	margin: 0;
	text-align: center;
}

#subFooter ul.subNavi {
	text-align: center;
	margin-bottom: 10px;
}

#subFooter ul.subNavi li {
	display: inline-block;
	margin: 0 5px;
}

#subFooter address {
	font-size: 80%;
	font-style: normal;
	text-align: center;
}


 #saisentan {
	width: 100%;
	background: #030311;
	text-align: center;
}

#saisentan img {
	width: 100%;
	height: auto;
}

ul.subCategory li {
	margin-bottom: 10px;
}

/* ======工場紹介====== */

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.chinaPhoto {
	width: 90%;
	margin: 0 auto 30px;
	overflow: hidden;
}

/* ======採用情報====== */

ul.recruitCategory li {
	margin-bottom: 15px;
}

ul.recruitContents li a {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 40px 20px;
	font-size: 140%;
	text-align: center;
}

#recruitTitle {
	padding-top: 50px;
}

.voiceBox {
	margin-bottom: 30px;
}

  
}

/* ===================
    タブレット
   =================== */

@media only screen and (min-width:479px) and (max-width:1024px) {
	
html {
  font-size: 9px; /* sp基準値 */
  -webkit-text-size-adjust: 100%;
}
	
.pcView {
	display: none;
}


}


/* ===================
   PC
   =================== */
   
@media only screen and (min-width: 1025px) {
	
	.spView {
		display: none;
	}

/* ======ヘッダー====== */

header {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 5px;
}

header h1#logo {
	float: left;
	width: 40%;
}

nav#gNavi {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
	background: #465aa3;
}

body.page nav#gNavi {
	margin-bottom: 30px;
}

.topv {
	margin-bottom: 0px !important;
}

nav#gNavi ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

nav#gNavi ul li {
	float: left;
	width: calc(100% / 9);
	margin-right: 1%;
	overflow: hidden;
	font-size: 90%;
}

nav#gNavi ul li a {
	display: block;
	text-align: center;
	border-radius: 2px;
	width: 100%;
	box-sizing: border-box;
	background: linear-gradient(#465aa3, #3086c6);
	color: #fff;
}

nav#gNavi ul li a:hover {
	background: linear-gradient(#465aa3, #abd5ff);
}

ul#headerContact {
	overflow: hidden;
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	margin-top: 10px;
}

ul#headerContact li {
	float: left;
	background: #EA5514;
	padding: 7px;
}

ul#headerContact li:first-child {
	border-radius: 4px 0 0 4px;
	padding-left: 15px;
}

ul#headerContact li:last-child {
	border-radius: 0 4px 4px 0;
	padding-right: 15px;
}

ul#headerContact li a {
	color: #fff;
	text-align: center;
	border-radius: 2%;
}

ul#headerContact li a:hover {
	color: #ffde00;
}

/* ======メインビジュアル====== */
/* ===================================================================
スライダー
=================================================================== */

/* 設定 */
.container {width: 100%; height: 100%; overflow-x: hidden;}
.slide_all {width: 1200px; margin: 0 auto; height: 404px; position: relative;}
.slide_wrap {width: 3600px; position: absolute; left: 50%; margin-left: -1800px;}
.slide_body {width: 100%;}
.slide {width: 1200px;}
.slide img {width: 100%; vertical-align: bottom;}
/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px; border:1px solid #fff;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls {position: absolute;bottom: 15px;z-index: 100;width: 100%;}
.bx-controls img {margin: 0;padding:0;}
.bx-controls-direction {display: none;}


.topContents dl {
	width: 32%;
}

#saisentan {
	width: 100%;
	background: #030311;
	text-align: center;
}

#saisentan img {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#topics dl {
	border-bottom: 1px solid #ccc;
	padding: 15px;
	width: 100%;
	overflow: hidden;
}

#topics dl dt {
	width: 12%;
	float: left;
	overflow: hidden;
}

#topics dl dd {
	width: 88%;
	float: right;
	overflow: hidden;
}

#topics .archive {
	text-align: right;
	padding: 20px 0;
}

ul.contactBtn {
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
}

ul.contactBtn li {
	float: left;
	width: 46%;
	margin: 0 2%;
}

/* ======共通====== */

.commonBox {
	clear: both;
	width: 90%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto 60px;
}

.slimBox {
	clear: both;
	width: 70%;
	max-width: 1000px;
	overflow: hidden;
	margin: 0 auto 60px;
}

h2.en {
	background: url(/web/20240623140907im_/https://www.tanakagiken.co.jp/wp-content/themes/jiik_theme/img/common/h2_bg.png) center center no-repeat;
	background-size: 100%;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 15px;
}

h2.en02 {
	background: url(/web/20240623140907im_/https://www.tanakagiken.co.jp/wp-content/themes/jiik_theme/img/common/h2_02_bg.png) center bottom no-repeat;
	padding-bottom: 10px;
	background-size: 100%;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 15px;
}

.harfBox {
	width: 48%;
	overflow: hidden;
}

.photoBox {
	width: 28%;
	overflow: hidden;
	float: left;
}

.textBox {
	width: 68%;
	overflow: hidden;
	float: right;
}


.harfBoxLeft {float: left;}
.harfBoxRight {float: right;}
.harfBoxCenter {margin: 0 auto;}

#pageContents {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

.dl3 dl {
	width: 31%;
	float: left;
	margin-right: 3%;
	overflow: hidden;
}

.dl3 dl:last-child {
	margin-right: 0;
}

.dl4 dl {
	width: 22.5%;
	float: left;
	margin-right: 3%;
	overflow: hidden;
}

.dl4 dl:last-child {
	margin-right: 0;
}

table {
	width: 100%;
}

table th {
	text-align: right;
	padding: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 20%;
}

table td {
	text-align: left;
	padding: 15px;
	padding-left: 30px;
	border-bottom: 1px solid #ccc;
}

table td dl {
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	overflow: hidden;
}

table td dl:last-child {
	border-bottom: none;
}

table td dl dt {
	float: left;
	width: 15%;
}

table td dl dd {
	float: right;
	width: 85%;
}

/* ======フッター====== */

#footerContents {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	color: #fff;
	overflow: hidden;
}

#footerContents ul {
	width: 60%;
	overflow: hidden;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	margin: 0 auto 20px;
}

#footerContents ul li {
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid  #fff;
	float: left;
}

#footerContents ul li a {
	display: block;
	text-align: center;
	width: 100%;
	color: #fff;
}

#footerContents ul li a:hover {
	background: #fff;
	color: #000;
	font-weight: bold;
}

#footerContents #footerLogo {
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}

#footerContents .address {
	text-align: center;
	font-size: 80%;
}

#subFooter {
	width: 100%;
	max-width: 1200px;
	padding: 30px 0;
	overflow: hidden;
	margin: 0 auto;
}

#subFooter ul {
	float: left;
}

#subFooter ul li {
	float: left;
	margin-right: 20px;
}

#subFooter address {
	float: right;
	font-size: 80%;
	font-style: normal;
}

/* ======一貫生産====== */

.ikkanDl dl {
	width: 30%;
	margin-right: 4%;
	overflow: hidden;
}

.ikkanDl dl:last-child {
	margin-right: 0;
}

.flow p img {
	width: 80%;
	height: auto;
}

/* ======技術情報====== */

ul.subCategory li {
	float: left;
	width: 30.3%;
	margin: 0 1.5% 1.5%;
}

/* ======工場紹介====== */

.commonBox iframe {
	width: 100%;
}

.chinaPhoto {
	width: 90%;
	max-width: 500px;
	margin: 0 auto 30px;
	overflow: hidden;
}

/* ======採用情報====== */

ul.recruitCategory li {
	float: left;
	width: 22%;
	margin: 0 1.5%;
}

ul.recruitContents li a {
	float: left;
	width: 30.3%;
	margin: 0 1.5%;
	padding: 70px 20px;
	font-size: 160%;
	text-align: center;
}

#recruitTitle {
	width: 100%;
	background: #277ca9;
	text-align: center;
}

#recruitTitle img {
	width: 100%;
	max-width: 1200px;
	height: auto;
}

.page-id-59 nav#gNavi {
	margin-bottom: 0 !important;
}

.voiceBox {
	width: 46%;
	margin: 2%;
	float: left;
	overflow: hidden;
}

}
/*===============================
	お問合せ
=================================*/
.contact{
margin: 0 auto;
	width: 70%;

}

.laspace{
	margin-bottom: 50px !important;}

/* 必須マーク */
.must{
width: 0;
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #F92931;
	border-radius: 20px;
}

/* 任意マーク */
.free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #424242;
	border-radius: 20px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄を黄色にする */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: rgba(255, 255, 142, 0.46);
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	margin-top: 20px;
margin-left: 20px;
width: 100%;
	height: 50px;
	background:  #2E4FB5;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
border-radius: 20px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}



/*===============================
	投稿コンテンツ
=================================*/
#topics{
width: 90%;
	color: #333;
margin: 0 auto;
	text-align: left;
}


#post-contents{
width: 90%;
	color: #333;
margin: 0 auto;
	text-align: left;
}
#post-contents p{
	font-size: 1.2rem;
	color: #333;
}
#post-contents h1{
	font-size: 1.6rem;
	padding: 10px;
	margin-bottom: 20px;
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px;
}
#post-contents h2{
	margin-bottom: 20px;
}
#post-contents img{
	margin: 0 15px 15px 15px;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}
#post-contents ul li:before{
	content: url(https://web.archive.org/web/20240623140907im_/http://daikosenden.co.jp/aoki/images/aoki-16.png);
vertical-align: -10px;
}
#post-contents ul{
	padding-left: 0;
}

.post-title {
	width: 80%;
}
.post-title h1{
	padding-left: 0 !important;
}

.post-title h1 a{
	color: #389B3C;
}
.label-default{
	background: #bbb;
}

.gallery{
	float: left;
}

.gallery_tum img{
float: left;
 width:100px;
margin-right:20px}

.clear {
	clear:both;
}

.nav-back {
margin: 50px auto 0 auto;
	text-align: center;
 padding: 1em;
 width:10%;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}
/* ===================
   PC
   =================== */
   
@media only screen and (min-width: 1800px) {
	#pageVisual {
		background-position: center bottom no-repeat !important;
	}

}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Privacy Policy 20221107 追加 */
section.privacypolicy {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 4vw 100px;
	box-sizing: border-box;
	}

section.privacypolicy h2 {
	display: block;
	padding: 50px 0;
	text-align: center;
	}

section.privacypolicy h3 {
	display: block;
	padding: 2em 0 0;
	}



/*
     FILE ARCHIVED ON 14:09:07 Jun 23, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:30:56 Jan 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.513
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.009
  esindex: 0.008
  cdx.remote: 20.028
  LoadShardBlock: 93.303 (3)
  PetaboxLoader3.datanode: 173.939 (6)
  load_resource: 275.689 (2)
  PetaboxLoader3.resolve: 136.572 (2)
  loaddict: 46.813
*/