body {
overflow-x: hidden;
position: relative;
margin: 0;
font-family: 'Noto Sans JP',Meiryo,メイリオ,sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.6;
color: #000;
}
@media screen and (max-width: 1554px) {
	body {
	width: 1553px;
	overflow-x: inherit;
	}
}

* {
margin: 0px;
padding: 0px;
border: 0;
outline: 0;
box-sizing: border-box;
-webkit-text-size-adjust:none; /*iPhone対策*/
list-style: none; /*動画リストポイント非表示対策*/
}

table {
border-collapse: collapse;
border-spacing: 0;
word-break : break-all;
}

ol, ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.3;
}

a {
display: inline-block;
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
}

section:after {
content:" ";
display:block;
clear:both;
}



/*---------------------------------------------------------------------
 共通設定
---------------------------------------------------------------------*/
.clearfix:after {
content:" ";
display:block;
clear:both;
}

.wrap {
position: relative;
margin-right: auto;
margin-left: auto;
}
.wrap:after {
content:" ";
display:block;
clear:both;
}



/*
@media screen and (max-width: 767px) {
	.wrap img {
	width: 100%;
	}
}
.wrap img {
max-width: 100%;
height: auto;
display: block;
margin: auto;
}

.wrap a:hover img {
opacity: 0.7;
transition: all 0.5s;
}
*/



/*---------------------------------------------------------------------
 TOPページ
---------------------------------------------------------------------*/
#top {
}
#top a {
}
#top .wrap {
}
@media screen and (max-width: 1300px) {
	#top .wrap {
	/*width: 100%;
	margin-right: 30px;
	margin-left: 30px;*/
	}
}



/* ヘッダー */
header {
z-index: 9999;
position: fixed;
width: 100%;
top: 0;
background-color: #171717;
}
h1 {
display: none;
/*position: absolute;
top: 78px;
left: 82px;
font-size: 10px;
font-weight: normal;
color: #ccc;*/
}
.header_wrap {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 1820px) {
	.header_wrap {
	}
}
@media screen and (max-width: 1553px) {
	.header_wrap {
	width: 1553px;
	}
}
header .logo {
width: 44%;
padding: 0 10px;
}
header .logo img {
display: block;
	width: 300px;
/*max-width: 100%;*/
height: auto;
}
@media screen and (max-width: 1820px) {
	header .logo img {
	max-width: inherit;
	/*width: 100%;*/
	}
}


.pc-navi { /* gnavi */
width: 56%;
}
@media screen and (max-width: 1820px) {
	header .logo {
	width: 30%;
	}
	.pc-navi {
	width: 70%;
	background-color: #000;
	}
}
.pc-navi_ul {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}
.pc-navi_ul img {
display: block;
width: auto;
height: 20px;
margin: auto;
margin-bottom: 5px;
}
.pc-navi_ul>li {
position: relative;
}
.pc-navi_ul>li:nth-of-type(1) {
width: 13%;
}
.pc-navi_ul>li:nth-of-type(2) {
width: 11%;
}
.pc-navi_ul>li:nth-of-type(3) {
width: 13%;
}
.pc-navi_ul>li:nth-of-type(4) {
width: 11%;
}
.pc-navi_ul>li:nth-of-type(5) {
width: 12%;
}
.pc-navi_ul>li:nth-of-type(6) {
width: 12%;
}
.pc-navi_ul>li:nth-of-type(7) {
width: 14%;
}
.pc-navi_ul>li:nth-of-type(8) {
width: 14%;
}
.pc-navi_ul>li>a {
display: block;
width: 100%;
height: 100px;
}
.pc-navi_ul>li .in_box {
width: 100%;
top: 50%;
position: absolute;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
font-size: 13px;
color: #fff;
}
.pc-navi_ul_li {
}
.pc-navi_ul_li.en {
background-color: #373737;
}
.pc-navi_ul_li.mail {
background-color: #505050;
}
.pc-navi>ul>li:hover {
opacity: 1;
background-color: #ff0000;
transition: all 0.5s;
}

.sp-navi,
.toggle {
display: none;
}


.dropdown-container { /* ドロップダウン */
display: inline-block;
position: relative;
}
.dropdown-container:hover {
background-image: url(../img/navMaker.png);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: bottom center;
}

.dropdown-container > ul {
overflow: hidden;
width: 250px;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
display: none;
}
.dropdown-container:hover > ul {
z-index: 999;
display: block;
height: auto;
}
.dropdown-container:hover > ul li {
}
.dropdown-container:hover > ul li a {
padding: 10px 5px;
width: 100%;
margin: 0;
color: #fff;
font-size: 90%;
background-color: #303030;
}
.dropdown-container:hover > ul li:last-child {
}
.dropdown-container:hover > ul li:hover a {
background-color: #ff0000;
transition: all 0.5s;
}
.dropdown-container:hover a {
display: block;
}



/* サイドバー領域確保 */
.topcontent {
background-color: #303030;
}
.topcontent_wrap {
margin-left: 130px;
}



/* サイドバー */
#sidebar1,
#sidebar2 {
z-index: 1;
width: 130px;
height: 100vh;
position: fixed;
left: 0;
}
#sidebar1 .in1,
#sidebar2 .in1 {
position: relative;
height: 100vh;
background-color: #303030;
}
#sidebar1 .in1 a,
#sidebar2 .in1 a {
width: 100%;
height: 100%;
}
#sidebar1 .in1 img,
#sidebar2 .in1 img {
display: block;
width: 13.5px;
height: auto;
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
margin: auto;
}
#sidebar1 .in2,
#sidebar2 .in2 {
}



/* 全画面表示メニュー */
.side_toggle {
z-index: 999;
width: 130px;
height: 12vh;
position: fixed;
bottom: 0;
left: 0;
background-color: #b60000;
}
.side_toggle .menu {
}

.menu_title{
    text-align: center;
    padding-top: 13px;
    color: #fff;
}

/*menu*/
.menu{
z-index: 99;
width: 30px;
height: 20px;
position: absolute;
top: 53%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
text-align: center;
}


.menu__line{
width: 100%;
display: block;
height: 2px;
position: absolute;
background: #fff;
transition:transform .3s;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}
.menu__line--top.active{
top: 8px;
transform: rotate(45deg);
}
.menu__line--center.active{
transform:scaleX(0);
}
.menu__line--bottom.active{
bottom: 10px;
transform: rotate(135deg);
}
/*gnav*/
.gnav{
z-index: 98;
display: none;
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.8);
}
.gnav__wrap{
align-items:center;
display: flex;
width: 100%;
height: 100%;
position: absolute;
justify-content: center;
}
.gnav__wrap ul {
display: flex;
width: 650px;
align-items: center;
flex-wrap: wrap;
}
.gnav__menu__item{
width: 45%;
}
.gnav__menu__item a{
width: 90%;
margin: 20px;
padding: 30px;
font-size: 2em;
font-weight: bold;
text-decoration: none;
color: #fff;
border: 1px solid #fff;
text-align: center;
}
.gnav__menu__item a:hover{
background: red;
transition: .5s;
}



/* スライド */
#bx-bg {
z-index: 0;
position: relative;
margin: auto;
background: #fff;
}
.bx-wrapper img {
display: block;
box-sizing: border-box;
}
.bx-wrapper .bx-pager {
width: 110px !important;
z-index: 99;
right: 0;
left: 0;
bottom: 15px !important;
margin: auto;
}
.bx-wrapper {
margin: auto;
}
.bx-controls {
display: none; /*ページャーを消す*/
}
#bx-bg:hover .bx-pager {
display: block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 15px !important;
height: 15px !important;
background: #ccc !important;
border-radius: 50% !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #ff3c1f !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
margin: 0 10px !important;
}

.bx_catch { /* キャッチコピーimg */
z-index: 99;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 90px;
}
.bx_catch p {
position: relative;
z-index: 99;
padding-right: 20px;
padding-left: 20px;
font-size: 3.5vw;
}
.bx_catch p img {
display: block;
width: auto;
height: 183px;
}
@media screen and (max-width: 1553px) {
	.bx_catch {
	right: inherit;
	left: 140px;
	}
	.bx_catch p img {
	width: 60vw;
	height: auto;
	}
}


#top_news { /* NEWS */
z-index: 99;
width: 100%;
height: 12vh;
position: absolute;
bottom: 0;
font-size: 18px;
color: #fff;
background-color: rgba(0,0,0,0.8);
}
#top_news a {
color: #fff;
}
#top_news a:hover {
color: #f00;
transition: all 0.5s;
}
#top_news dl {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-left: 130px;
}
#top_news dt {
width: 20%;
display: flex;
align-items: center;
}
#top_news dd {
width: 80%;
display: flex;
align-items: center;
}
#top_news .txt1 {
width: 50%;
padding-right: 10px;
text-align: right;
}
#top_news .txt2 {
width: 50%;
text-align: center;
}
#top_news .txt3 {
width: 10%;
color: #f00;
}
#top_news .txt4 {
width: 60%;
}
#top_news .txt5 {
width: 20%;
}
#top_news .txt5 img {
display: block;
width: 128px;
height: auto;
}



/* TOP共通 */
.top_ttl {
text-align: center;
}
.top_ttl .ttl_inner {
position: relative;
display: inline-block;
}
.top_ttl .ttl_inner::after {
width: 100%;
height: 5px;
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
margin: auto;
background-color: #fff;
}
.top_ttl h2 {
}
.top_ttl h2 img {
display: block;
width: auto;
height: 45px;
}
.top_ttl .sub {
position: relative;
font-size: 20px;
font-weight: bold;
}


.see_more1,
.see_more2 {
text-align: center;
}
.see_more1 p,
.see_more2 p {
width: 128px;
display: inline-block;
background-image: url(../img/see_more1.png);
background-repeat: no-repeat;
background-size: 128px auto;
background-position: center;
}
.see_more2 p {
width: 146px;
background-image: url(../img/see_more2.png);
background-size: 146px auto;
}
.see_more1 p a,
.see_more2 p a {
width: 100%;
height: 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.see_more1 p:hover {
background-image: url(../img/see_more1_over.png);
}
.see_more2 p:hover {
background-image: url(../img/see_more2_over.png);
}
#lower .see_more1 {
text-align: right;
}




/* TOPコンテンツ */

/*事業内容*/
.top_unit01 {
position: relative;
margin-bottom: 120px;
padding-top: 180px;
padding-bottom: 50px;
color: #fff;
}
.top_unit01 a {
color: #fff;
}
.top_unit01::before {
width: 85%;
height: 65%;
position: absolute;
content: "";
left: 0;
top: 150px;
background-color: #b60000;
}
@media screen and (max-width: 1820px) {
	.top_unit01::before {
	height: 70%;
	}
}
.top_unit01_wrap {
width: 1670px;
display: flex;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1889px) {
	.top_unit01_wrap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}
.top_unit01 .in1 {
z-index: 1;
width: 45%;
padding: 0 110px;
}
.top_unit01 .in2 {
width: 65%;
display: flex;
flex-wrap: wrap;
margin-top: 35px;
margin-bottom: 10px;
}
.top_unit01 .in1 .top_ttl {
margin-top: 20px;
margin-bottom: 50px;
}
.top_unit01 .in1 .top_ttl h2 {
margin-bottom: 20px;
}
.top_unit01 .top_ttl .sub {
margin-bottom: 35px;
letter-spacing: 5px;
}
.top_unit01 .in1 .txt {
line-height: 2.5;
}
.top_unit01 .in2 a {
display: block;
}
.top_unit01 .in2 .in2_inner {
width: 33.3333%;
}
.top_unit01 .in2 .in2_box {
position: relative;
margin-bottom: 5px;
}
.top_unit01 .in2 .in2_box .in_img {
background-color: #fff;
}
.top_unit01 .in2 .in2_box .in_img img {
display: block;
width: 100%;
height: auto;
margin: auto;
border-right: 5px solid #b60000;
}
.top_unit01 .in2 .in2_box .in_txt {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
text-align: center;
font-weight: bold;
}
.top_unit01 .in2 .in2_box .in_txt .in_text_box {
display: inline-block;
padding: 0 30px;
font-size: 20px;
line-height: 1.4;
text-shadow: 0 0 10px #000;
background-image: url(../img/arrow1.png);
background-repeat: no-repeat;
background-position: center right;
background-size: auto 20px;
}
.top_unit01 .in2 .in2_box .in_txt .txt1 {
font-size: 25px;
}
.top_unit01 .in2 .in2_inner:hover a {
color: #ff0000;
opacity: 1 !important;
transition: all 0.5s;
}
.top_unit01 .in2 .in2_inner:hover a,
.top_unit01 .in2 .in2_box .in_txt .in_text_box:hover {
color: #ff0000;
transition: all 0.5s;
}
.top_unit01 .in2 .in2_box:hover img {
opacity: 0.8;
transition: all 0.1s;
}



/* 試作について～塚田理研工業のあゆみ */
.top_unit02 {
padding-top: 154px;
padding-bottom: 145px;
background-color: #ccc;
background-image: url(../topimg/top_bg1.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.top_unit02_wrap {
}
.top_unit02 .top_ttl {
}


.top_unit02_01 { /*試作について*/
width: 1670px;
display: flex;
flex-wrap: wrap;
margin-bottom: 270px;
margin-right: auto;
margin-left: auto;
color: #fff;
}
@media screen and (max-width: 1889px) {
	.top_unit02_01 {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}

.top_unit02_01 a {
color: #fff;
background-color: #fff;
}
.top_unit02_01 .in {
position: relative;
width: 50%;
}
.top_unit02_01 .in:nth-child(odd) {
padding-right: 3px;
}
.top_unit02_01 .in:nth-child(even) {
padding-left: 3px;
}
.top_unit02_01 .bnr {
}
.top_unit02_01 .in_img {
position: relative;
}
.top_unit02_01 .in_img::after {
content: "";
width: 5px;
height: 165px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-\ transform: translateY(-50%);
right: 0;
background: #f00;
}
.top_unit02_01 .in_img img {
display: block;
width: 100%;
height: auto;
margin: auto;
}
.top_unit02_01 .bnr_ttl {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
text-align: center;
}
.top_unit02_01 .bnr_ttl .sub {
display: inline-block;
padding: 10px 50px;
font-size: 20px;
background-color: rgba(65, 65, 65, 0.7);
background-image: url(../img/arrow1.png);
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 19.5px auto;
border: 1px solid #fff;
}
.top_unit02_01 .bnr_ttl h2 {
margin-bottom: 10px;
}
.top_unit02_01 .bnr_ttl h2 img {
display: block;
width: auto;
height: 58.5px;
margin: auto;
}
.top_unit02_01 .bnr_ttl sub {
}
.top_unit02_01 .in:hover .bnr_ttl .sub {
opacity: 0.8;
background-color: #ff0000;
background-image: url(../img/arrow2.png);
transition: all 0.5s;
}
.top_unit02_01 .in:hover img {
opacity: 0.8;
transition: all 0.5s;
}



.top_unit02_02 { /*塚田理研工業とは*/
width: 760px;
margin-bottom: 230px;
margin-right: auto;
margin-left: auto;
color: #fff;
}
.top_unit02_02 a {
color: #fff;
}
.top_unit02_02 .top_ttl {
display: flex;
align-items: end;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 5px solid #f00;
}
.top_unit02_02 .top_ttl h2 {
width: 70%;
text-align: left;
}
.top_unit02_02 .top_ttl h2 img {
display: block;
width: auto;
height: 65px;
}
.top_unit02_02 .top_ttl .sub {
width: 30%;
text-align: right;
text-shadow: 0 0 10px #000;
letter-spacing: 1px;
}
.top_unit02_02 .txt {
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
text-shadow: 0 0 10px #000;
line-height: 2.3;
}
.top_unit02_02 .see_more1 {
text-align: right;
}



.top_unit02_03 { /*塚田理研工業のあゆみ*/
margin-right: auto;
margin-left: auto;
}
.top_unit02_03 .inner {
position: relative;
}
.top_unit02_03 .in_img {
box-shadow: 0 0 20px #000;
}
.top_unit02_03 .in_txt {
width: 760px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin-bottom: 145px;
margin-right: auto;
margin-left: auto;
color: #fff;
}
.top_unit02_03 .in_txt a {
color: #fff;
}
.top_unit02_03 .in_img img {
display: block;
width: 100%;
height: auto;
margin: auto;
}
.top_unit02_03 .top_ttl {
margin-top: 50px;
}
.top_unit02_03 .top_ttl h2 {
margin-bottom: 20px;
}
.top_unit02_03 .top_ttl h2 img {
display: block;
width: auto;
height: 57px;
margin: auto;
}
.top_unit02_03 .top_ttl .sub {
}
.top_unit02_03 .see_more1 {
}



/*コンテンツ*/
.top_unit04 {
padding-top: 125px;
padding-bottom: 25px;
background-color: #efeff0;
background-image: url(../topimg/bg1.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.top_unit04_wrap {
width: 1670px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1889px) {
	.top_unit04_wrap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}
.top_unit04 .top_ttl {
margin-bottom: 120px;
}
.top_unit04 .top_ttl .ttl_inner::after {
background-color: #ff0000;
}
.top_unit04 .top_ttl .ttl_inner {
display: inline-block;
margin-bottom: 20px;
padding: 0 30px;
}
.top_unit04 .top_ttl h2 {
margin-bottom: 10px;
}
.top_unit04 .top_ttl h2 img {
display: block;
}
.top_unit04 .top_ttl .sub {
margin-bottom: 20px;
}
.top_unit04 .inner {
display: flex;
flex-wrap: wrap;
margin: 0 -45px;
}
.top_unit04 .col {
width: 33.3333%;
margin-bottom: 65px;
padding: 0 45px;
}
@media screen and (max-width: 1820px) {
	.top_unit04 .inner {
	margin: 0 -20px;
	}
	.top_unit04 .col {
	padding: 0 20px;
	}
}
.top_unit04 .in_img {
background-color: #fff;
}
.top_unit04 .in_img a {
display: block;
}
.top_unit04 .in_img img {
display: block;
width: 100%;
height: auto;
margin: auto;
}
.top_unit04 .in_txt {
}
.top_unit04 .col_ttl {
margin-top: 45px;
margin-bottom: 20px;
padding: 0;
font-size: 22px;
font-weight: bold;
line-height: 1.3;
letter-spacing: 0;
border: 0;
}
.top_unit04 .col_ttl::before {
display: none;
}
.top_unit04 .col_txt {
margin-bottom: 50px;
font-size: 15px;
line-height: 2;
}
.top_unit04 .see_more2 {
text-align: right;
}
.top_unit04 .in_img:hover img {
opacity: 0.8;
transition: all 0.3s;
}



/*採用情報*/
.top_unit05 {
padding-top: 140px;
padding-bottom: 150px;
color: #fff;
background-image: url(../topimg/recruit_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.top_unit05 a {
display: block;
color: #fff;
}
.top_unit05_wrap {
width: 1670px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1889px) {
	.top_unit05_wrap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}
.top_unit05 .box {
position: relative;
}
.top_unit05 .in_img {
background-color: #fff;
}
.top_unit05 .in_img img {
display: block;
width: 100%;
height: auto;
margin: auto;
border: 15px solid #fff;
}
.top_unit05 .in_txt {
width: 725px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
text-align: center;
}
.top_unit05 .top_ttl {
}
.top_unit05 .top_ttl .ttl_inner {
display: inline-block;
margin-bottom: 30px;
padding: 0 40px;
}
.top_unit05 .top_ttl .ttl_inner::after {
background-color: #ff0000;
}
.top_unit05 .top_ttl h2 {
margin-bottom: 10px;
}
.top_unit05 .top_ttl .sub {
margin-bottom: 20px;
}
.top_unit05 .txt {
font-size: 20px;
font-weight: bold;
text-align: left;
line-height: 2.5;
}
.top_unit05 .top_unit05_wrap:hover .in_txt {
opacity: 0.5;
transition: all 0.5s;
}
.top_unit05 .top_unit05_wrap:hover .in_img img {
opacity: 0.8;
border: 15px solid #ccc;
transition: all 0.5s;
}

/*SNS情報*/

.top_unit06 {
padding-top: 125px;
padding-bottom: 25px;
background-color: #000;
}
.top_unit06_wrap {
width: 1280px;
margin-right: auto;
margin-left: auto;
}

 .pc_facebook {
        display: block !important;
    }

.sp_facebook{
        display: none !important;
    }


@media screen and (max-width: 1889px) {
	.top_unit6_wrap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
  
    
}
.top_unit06 .top_ttl {
margin-bottom: 120px;
}
.top_unit06 .top_ttl .ttl_inner::after {
background-color: #FFFFFF;
}
.top_unit06 .top_ttl .ttl_inner {
display: inline-block;
margin-bottom: 20px;
padding: 0 30px;
}
.top_unit06 .top_ttl h2 {
margin-bottom: 10px;
}
.top_unit06 .top_ttl h2 img {
display: block;
    margin-left: auto;
    margin-right: auto;
}
.top_unit06 .top_ttl .sub {
margin-bottom: 20px;
    color: #fff;
}

.top_unit06 .top_ttl .ttl_inner::after {
width: 80%;
height: 5px;
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
margin: auto;
background-color: #fff;
}



.top_unit06 .inner {
display: flex;
flex-wrap: wrap;
margin: 0 -45px;
}

.top_unit06 .box {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.top_unit06 .col1 {
width: 480px;
text-align: center;
margin-bottom: 30px;
padding: 0 10px;
display: inline-block;
vertical-align: top;
}

.top_unit06 .col2 {
width: 796px;
margin-bottom: 30px;
padding: 0 10px;
display: inline-block;
vertical-align: top;
text-align: left;
}

.top_unit06 .col2 .bnr {
width: 45%;
display: inline-block;
height: auto;
margin: 0 5px 15px;
}

.top_unit06 .col3 {
width: 100%;
margin-bottom: 30px;
padding: 0 10px;
display: block;
vertical-align: top;
text-align: center;
}
.top_unit06 .col3 .bnr {
width: 32%;
display: inline-block;
height: auto;
margin: 0 5px 15px;
}


.top_unit06 .col2 .bnr img,
.top_unit06 .col3 .bnr img{
    width: 100%;
    height: auto;
}


@media screen and (max-width: 1820px) {
	/*.top_unit06 .inner {
	margin: 0 -20px;
	}*/
	
}

@media screen and (max-width: 767px) {
  .pc_facebook{
        display: none !important;
    }
     .sp_facebook{
        display: block !important;
         margin: 0px auto !important;
        text-align: center;
    }

.top_unit06_wrap {
        width: 100%;
    }    
.top_unit06 .col1 {
width: 95%;
text-align: center;
margin: 10px auto 30px;
padding: 15px 0px !important;
display: block;
}
    
    

.top_unit06 .col2,
.top_unit06 .col3  {
width: 95% !important;
margin: 15px auto;
padding: 0px !important;
display: block !important;
text-align: center !important;
}

.top_unit06 .col2 .bnr,
.top_unit06 .col3 .bnr{
width: 250px;
display: block;
height: auto;
margin: 5px auto 5px !important;
}
    
    .top_unit06 .col2 .bnr img{
        
    }    
.top_unit06 .top_ttl .sub {
        font-size: 15px !important;
    }    
    
 }




/*フッター*/
footer {
}
footer a {
color: #fff;
}
.foot_bg {
padding-top: 120px;
padding-bottom: 40px;
color: #fff;
background-image: url(../img/foot_bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
footer .top_ttl {
margin-bottom: 65px;
}
footer .top_ttl h2 {
margin-bottom: 5px;
}
footer .top_ttl img {
display: block;
height: 56.5px;
margin: auto;
}
footer .top_ttl .sub {
}


.sitemap {
width: 1380px;
margin-bottom: 130px;
margin-right: auto;
margin-left: auto;
}
.sitemap_ul {
display: flex;
}
.sitemap_li {
font-size: 22px;
font-weight: bold;
text-align: center;
border-left: 1px solid #fff;
}
.sitemap_li:nth-of-type(1) {
width: 23%;
}
.sitemap_li:nth-of-type(2) {
width: 26%;
}
.sitemap_li:nth-of-type(3) {
width: 19%;
}
.sitemap_li:nth-of-type(4) {
width: 16%;
}
.sitemap_li:nth-of-type(5) {
width: 16%;
border-right: 1px solid #fff;
}
.sitemap_li>a {
width: 100%;
padding: 7.5px 45px;
}
.sitemap_sub {
margin-top: 25px;
font-weight: normal;
text-align: left;
}
.sitemap_sub li {
font-size: 15px;
line-height: 1.3;
}
.sitemap_sub li>a {
width: 100%;
padding: 7.5px 45px;
}
.sitemap_li>a:hover {
width: 100%;
display: block;
background-color: #f00;
transition: all 0.5s;
}
.sitemap_sub li:hover {
width: 100%;
display: block;
background-color: #f00;
transition: all 0.5s;
}
@media screen and (max-width: 1553px) {
	.sitemap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
	.sitemap_li>a {
	width: 100%;
	padding: 7.5px 20px;
	}
	.sitemap_sub li>a {
	width: 100%;
	padding: 7.5px 20px;
	}
}


.foot_nav {
margin-bottom: 55px;
background-color: rgba(0,0,0,0.7);
}
.foot_nav ul {
width: 1450px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: auto;
margin-left: auto;
font-size: 22px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 1553px) {
	.foot_nav ul {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}
.foot_nav li a {
width: 100%;
padding: 60px 35px;
}
.foot_nav li:hover {
background-color: #f00;
transition: all 0.5s;
}

.foot_address {
/*display: flex;*/

    width: 100%;
/*justify-content: end;*/
margin-right: auto;
margin-left: auto;
}
.foot_address .logo {
width:auto;
display: inline-block;
padding-right: 40px;
padding-left: 10px;
text-align: right;
vertical-align: middle;
}
.foot_address .logo img {
display: block;
width: 300px;
height: auto;
margin: auto;
}
.foot_address .box1 {
display: inline-block;    
width: 550px;
/*display: flex;*/
font-size: 22px;
text-align: right !important
}
.foot_address .txt1 {
width: 15%;
display: inline-block;
vertical-align: middle;
height: 70px;
padding: 0 5px;
text-align: center;
line-height: 70px;
border: 1px solid #fff;
}
.foot_address .txt2 {
width: 84%;
padding-left: 20px;
display: inline-block;
vertical-align: middle;
}

.foot_address .box2 {
width: auto;
display: inline-block;
    vertical-align: middle;
font-size: 22px;
margin-left: 15px;
}

.foot_address .box2 .snsicon {
width: 40px;
display: inline-block;
vertical-align: middle;
margin: 0 4px;
}
.foot_address .box2 .snsicon img{
    width: 100%;
    height: auto;
}

@media screen and (min-width: 1850px) {
    .foot_address{
        text-align: right;
    }
}
@media screen and (max-width: 1849px) {
    .foot_address{
        text-align: center;
    }
     .foot_address{
      
    }
}
@media screen and (max-width: 1430px) {
    .foot_address{
        text-align: left;
    }
     .foot_address{
      
    }
}


.copyright {
margin-right: auto;
margin-left: auto;
padding: 30px;
line-height: 1.3;
text-align: center;
}
.copyright small {
font-size: 22px;
line-height: 1.3;
color: #505050;
}



/*---------------------------------------------------------------------
 下層共通
---------------------------------------------------------------------*/
#lower {
background-color: #fff;
background-image: url(../img/lower_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
background-attachment: fixed;
/*
background-color: #171717;
*/
}
#lower .wrap {
width: 1050px;
}
@media screen and (max-width: 1350px) {
	#lower .wrap {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	}
}
/*
@media screen and (max-width: 1100px) {
	#lower .container {
	}
	#lower .container3 {
	width: 1000px;
	}
}
*/

.main {
padding-top: 150px;
padding-bottom: 100px;
color: #000;
/*
color: #fff;
*/
}
@media screen and (max-width: 1919px) {
	.main {
	}
}
@media screen and (max-width: 11350px) {
	.main {
	}
}
@media screen and (max-width: 1100px) {
	.main {
	}
}


.main a {
color: #000;
text-decoration: underline;
}
.main a:hover {
color: #ff0000;
}


/* 下層コンテンツ部はaリンクに下線 
#lower .wrap a {
text-decoration: underline;
}
*/


/* スクロールすると画像を表示 */
.imgArea img, 
.scroll_anime img {
transition: .8s;
opacity: 0;
/*
transform: translate(0,60px); 
-webkit-transform: translate(0,60px); 
*/
}
.wcedit_400194760101 .imgArea img, 
.wcedit_400194760101 .scroll_anime img,
.wcselect_400194760101 .imgArea img, 
.wcselect_400194760101 .scroll_anime img,
.wcarea_400194760101 .imgArea img, 
.wcarea_400194760101 .scroll_anime img {
opacity: 1;
}


.scroll_anime_move img {
opacity: 1.0;
/*
transform: translate(0,0); 
-webkit-transform: translate(0,0);
*/
}

#ttlBnr.imgArea img,
.lower_info .imgArea img {
opacity: 1;
}


/*---------------------------------------------------------------------
特殊素材へのめっき
---------------------------------------------------------------------*/
.special_unit01 {
}
.special_unit09 {
}



/*---------------------------------------------------------------------
プラスチックへのめっき
---------------------------------------------------------------------*/
.products_unit01 {
}

.products_unit03 {
}
.products_unit03 .box2col .in {
padding-bottom: 0;
}

.products_unit11 {
}



/*---------------------------------------------------------------------
加飾めっき
---------------------------------------------------------------------*/
.decorative_unit01 {
}
.decorative_unit41 {
}



/*---------------------------------------------------------------------
機能めっき
---------------------------------------------------------------------*/
.function_unit01 {
}
.function_unit22 {
}



/*---------------------------------------------------------------------
基盤へのめっき
---------------------------------------------------------------------*/
.board_unit01 {
}



/*---------------------------------------------------------------------
試作について
---------------------------------------------------------------------*/
.trialpro_unit01 {
}
.trialpro_unit04 {
}



/*---------------------------------------------------------------------
素材別相性一覧
---------------------------------------------------------------------*/
.material_unit01 {
}
.material_unit02 {
}



/*---------------------------------------------------------------------
新技術
---------------------------------------------------------------------*/
.newtechnology_unit01 {
}
.newtechnology_unit14 {
}




/*---------------------------------------------------------------------
色別サンプル
---------------------------------------------------------------------*/
.sample_unit01 {
}
.sample_unit06 {
}



/*---------------------------------------------------------------------
採用情報
---------------------------------------------------------------------*/
.employment_unit01 {
}

.employment_unit04 .box2col .in {
vertical-align: bottom;
}
.employment_unit04 .box2col .in:nth-of-type(1) {
width: 70%;
}
.employment_unit04 .box2col .in:nth-of-type(2) {
width: 30%;
}


/*---------------------------------------------------------------------
新卒者情報
---------------------------------------------------------------------*/
.employment1_unit01 {
}
.employment1_unit05 {
}



/*---------------------------------------------------------------------
中途者採用
---------------------------------------------------------------------*/
.employment2_unit01 {
}
.employment2_unit02 {
}



/*---------------------------------------------------------------------
企業情報
---------------------------------------------------------------------*/
.company_unit01 {
}
.company_unit13 {
}



/*---------------------------------------------------------------------
設備一覧
---------------------------------------------------------------------*/
.facility_unit01 {
}
.facility_unit03 {
}



/*---------------------------------------------------------------------
品質管理
---------------------------------------------------------------------*/
.qualitymanage_unit01 {
}
.qualitymanage_unit01 .box2col_R .in_img {
width: 25%;
}
.qualitymanage_unit01 .box2col_R .in_txt {
width: 75%;
}

.qualitymanage_unit11 {
}



/*---------------------------------------------------------------------
環境への取組み
---------------------------------------------------------------------*/
.environment_unit01 {
}
.environment_unit01 .box2col_R .in_img {
width: 25%;
}
.environment_unit01 .box2col_R .in_txt {
width: 75%;
}

.environment_unit15 {
}



/*---------------------------------------------------------------------
最新情報
---------------------------------------------------------------------*/
.news_unit01 {
}
.news_unit02 {
}



/*---------------------------------------------------------------------
めっき体験会
---------------------------------------------------------------------*/
.experience_unit01 {
}
.experience_unit15 {
}



/*---------------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------------*/
.contact_unit01 {
}
.contact_unit04 {
}


.fs18 {
    font-size: 18px !important;
}
.fs19 {
    font-size: 19px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs21 {
    font-size: 21px !important;
}

.list1 .newslist{
    display:block;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
}
.list1 .newslist p{
    display:inline-block;
    vertical-align: top;
}

.list1 .newslist .days {
    width: 8.5em;
    
}

@media screen and (max-width:767px){
    
    .list1 .newslist{
    font-size: 17px;
    margin-bottom: 10px;
   
}
    .list1 .newslist .days{
        width: auto;
    }
    .list1 .newslist .days,
    .list1 .newslist .news_c{
    font-size: 16px;
    display: inline-block !important;
}
    .list1 .newslist p{
    display: block;
   
}
    }
	
	
.take01{
width: 20%;
height: 130px;
}