@charset "utf-8";
.sp {
	display: none;
}
.br_sp {
	display: none;
}
.br_tab {
	display: none;
}
.br_note {
	display: none;
}
.br_pc {
	display: block;
}
.sp_nav{
	display:none;}
img {
	max-width:100%;
	height:auto;
	}
input.gsc-search-button-v2 {
    width: auto!important;
    height: auto!important;
    padding: 6px 27px;
    min-width: 13px;
    margin-top: 2px;
}
#gsc{
    width:190px;
    margin:0 auto;
    position:relative;
}
#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:27px !important;
	background-image:none!important;
	background-color: rgb(240, 240, 240)!important;
	padding-left:3px!important;
	padding-right:3px!important;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif!important;
border: none !important;
}
#gsc input[type="text"]:focus {
    border: none !important;
    outline: 0 !important;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}
#gsc #gs_tti0 input:focus {
    border: none !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* ボタンの色 */
#gsc input.gsc-search-button {
/*background: #008ee1 !important;*/
    height:27px !important;
	max-width:10px !important;
background-image: url(img/common/search.png);
background-repeat:no-repeat;
border: none !important;
background-position:right 5px center;
background-color: rgb(240, 240, 240)!important;

}
/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -18px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
    position:absolute;
    top:3px;
    left:185px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}
@media screen and (max-width: 1140px) {

/* container
------------------------------------------------------------ */
	.container {
   width: 94%;
	
}

.container2,.recruit_pr .box {
	width: 94%;
}

/* ------------------------------------------------------
    single archive 
--------------------------------------------------------- */
#archive {
	width: 94%;
	margin: 0 auto 56px;
}
/* ------------------------------------------------------
    kizi 
--------------------------------------------------------- */
#single {
	width: 94%;
	margin: 0 auto 64px;
}
/* ------------------------------------------------------
    index 
--------------------------------------------------------- */
#front_petatekku .box_right{
	float:right;
	margin-left:2.777777777777778%;
	margin-right:1.777777777777778%;
	width:32.40740740740741%;
	}
/* ------------------------------------------------------
   footer
--------------------------------------------------------- */
.f_bg .inner {
	width: 94%;
	padding-bottom: 40px;
}
/* ------------------------------------------------------
    kasou
--------------------------------------------------------- */
.kasou_title .box {
	width: 94%;
}
#pankuzu {
	width:94%;
	}
	}
@media screen and (max-width: 1080px) {
/* header
------------------------------------------------------------ */
#top_header {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
}


#top_header .inner h1 {
	font-size: 10px;
	float: none;
	margin-bottom:15px;
	padding:45px 4% 0;/*中国英語ボタン復活*/
	padding:10px 4% 0; 
	
}
#top_header .inner.nav_re{
	position:relative;
	overflow:inherit;
	padding-top:5px;
	padding-bottom:10px;
	}
#top_header .inner .language {
	width: 100%;
	float:none;
	overflow: hidden;
	margin-bottom: 0;
	position:absolute;
	top:0;
	left:0;
	
}

#top_header .inner .language li {
	width: 50%;
	float: left;
}
#top_header .inner .logo {
	width: 126px;
	float: none;
	overflow:hidden;
	margin-left: 4%;
    margin-right: 4%;
	margin-bottom:15px;
	
}

#top_header .inner .logo  a img{
	max-width:100%;
	height:auto;
	}
#top_header .inner .add.ta_r {
	float: none;
	margin-right: 0;
	text-align:left;
	font-size: 12px;
	padding-left:4%;
	padding-right:4%;
}
#top_header .inner .search {
	
	display:block;
	margin-right:2%;
}
/* nav */
.nav_bg {
	display:none;
	
}

/*nav*/
.sp_navbtn {
	z-index: 10;
    display: inline-block;
    position: absolute;
    right: 3%;
    top: -3px;
    color: #333;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.sp_navbtn.menuOpen {
	
}
.sp_nav {
	position: absolute;
	left: 0;
	top: 47px; /* 開閉メニュー開始位置 */
	z-index: 100;
	width: 100%;
}
.sp_nav ul li {
	position: relative;
	background: #005d97;
	border-bottom:1px solid #fff;
}
.sp_nav ul li a {
	padding: 0 15px;
	text-align: left;
	font-size: 13px;
	color: #fff;
	
	width: 100%;
	display: block;
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	-webkit-tap-highlight-color: transparent;
}

.sp_nav ul li:hover{
	background-color:#333;
	
	}

#title_technology {
	background-position:50% 0;

}
#title_interior {
	background-position:50% 0;
}
#title_industry {
	background-position:50% 0;
}
#title_clothes {
	background-position:50% 0;
}
#title_quality {
	background-position:50% 0;
}
#title_skill {
	background-position:50% 0;
}
#title_company {
	background-position:50% 0;
}
#title_recruit {
	background-position:50% 0;
}
#title_info {
	background-position:50% 0;
}
#title_contact {
	background-position:50% 0;
}

}

/*------------------------------------------------------------
      Target Devices # Tablet MobilePC #
------------------------------------------------------------ */
@media screen and (max-width: 1023px) {
.sp {
	display: none;
}
.br_sp {
	display: none;
}
.br_tab {
	display: none;
}
.br_note {
	display: block;
}
.br_pc {
	display: none;
}

.sp_navbtn {
	display:block;}
#main_image {
	position: relative;
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    min-width: 200%;
    border: 0;
}
#re {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.main_title {
	max-width:100%;
	position: absolute;
	bottom: 9.75%;
	left: 2.25%;
	right: 2.25%;
}
.main_title img{
	width:100%;
	height:auto;}
/* company
--------------------------*/
table.table3 th{
width:14.85185185185185%;
}
table.table3 td{
	width:84.14814814814815%;
	}
/* sitemap
------------------------------------------------------------ */
.inner.mb30 .main_page {
	width: 30%;
	margin-right: 1.85185185185185%;
}
.inner.mb30 .sub_page {
	width: 30%;
}
#top_header .inner .language{
	display:none;}
}
@media screen and (max-width: 800px){
.f_bg .f_nav_block {
    width: 100%;
    float: none;
	overflow: hidden;
	margin-bottom:30px;
}
.f_bg .f_add {
    width:100%;
    float: none;
}



}
/*------------------------------------------------------------
      Target Devices # Smart Phone and Tablet #
------------------------------------------------------------ */
@media screen and (max-width: 769px) {
.sp {
	display: block;
}
.br_sp {
	display: none;
}
.br_pc {
	display: none;
}
.br_tab{
	display:block;
	}
.top2 .box {
	width: 70%;
	margin:0 auto 40px;
	float: none;
}
.top2 .box.m_off {
    margin-right: auto;
}


.top1 .box h1 img{
	width:80%;
	height:auto;}
	
#front_petatekku{
	padding:40px 0 42px;
	margin-bottom:92px;
	}
#front_petatekku .container{
	width:70%;
	margin:0 auto;
	}
#front_petatekku .box_left{
	float:none;
	margin-left:0;
	width:100%;
	}
#front_petatekku .box_right{
	float:none;
	margin-left:0;
	width:100%;
	}
#front_petatekku .copy{
	margin-bottom:35px;}
.petakku_logo{
	width:100%;
	margin:0 auto 32px;
	}
.petakku_logo img,#front_petatekku a img{
	max-width:100%;
	height:auto;}
#front_petatekku a{
	margin-bottom:40px;
	display:block;
	overflow:hidden;}

.info {
	width: 80%;
	margin-right:auto;
	margin-left:auto;
	float: none;
	margin-bottom:56px;
}
.news {
	width: 80%;
	margin-right:auto;
	margin-left:auto;
	float: none;
}
/* footer
------------------------------------------------------------ */

.f_bg {
	padding-top: 40px;
}
/* container
------------------------------------------------------------ */

#contents {
	padding-top: 28px;
}

.container {
	margin-bottom: 28px;
}
.bg_container {
	padding-top:28px;
	padding-bottom:28px;
	margin-bottom: 28px;
}

/* technology
------------------------------------------------------------ */
.technology_intro .img_block {
	width: 60%;
	float: none;
	margin-right: 0;
	margin:0 auto 20px;
}

.technology_intro .box {
	width: 60%;
	float: none;
		margin:0 auto 30px;

}
.technology_syosai.inner .box {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.technology_syosai.inner .box.m_off {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.technology_syosai.inner .box{
	margin-bottom:40px;}
.page_contact.container .inner .tel_area,.page_contact.container .inner .mail_area {
    display: block;
    margin-right:0;
    float: none;
	text-align:center;
	margin-bottom:20px;
}
/* skill
------------------------------------------------------------ */

.skill_list .inner .box_inner .name {
	font-size: 18px;
	}

/* company
------------------------------------------------------------ */
table.table3 th{
width:21.85185185185185%;
}
table.table3 td{
	width:77.14814814814815%;
	}
/* recruit
------------------------------------------------------------ */
.recruit_pr {
	background-position:50% 0;
}
/* contact
------------------------------------------------------------ */
.contact_box.inner li {
	width: 100%;
	float: none;
	margin-bottom:10px;
	
}
.contact_box.inner li a{
	font-size:12px;
	}
/* sitemap
------------------------------------------------------------ */
.inner.mb30 .main_page {
	width: 49%;
	margin-right: 1%;
}
.inner.mb30 .sub_page {
	width: 50%;
}
/* single archive
------------------------------------------------------------ */
#archive_list li .box .inner .blog_date {
	display: block;
	float: none;
}
}
@media screen and (max-width: 620px) {
/*inro*/
.container.inner.top1{
	width:92%;
	margin:0 auto;
	}
.top1 .img_block {
	width:100%;
	margin-right:0;
	float: none;
}
.top1 .img_block img {
	width: 100%;
	height: auto;
	margin-bottom:25px;
}
.top1 .box {
	float: none;
	width: 100%;
	margin-bottom:56px;
}
.top2 .box {
	width: 90%;
	margin:0 auto 40px;
	float: none;
}

.f_bg .f_nav_block {
	width:50%;
	float:left;
	
}
.f_bg .inner .f_nav,.f_bg .inner .f_nav_block #fnav1,.f_bg .inner .f_nav_block #fnav2{
	
	width:50%;
	margin-bottom:10px;
	}
.f_bg .f_add{
	width:50%;
	float:right;
	}
/* skill
------------------------------------------------------------ */
.skill_list .box_inner {
	width: 49%;
	margin-right: 0.7407407407407407%;
	    min-height: 180px;
}
.skill_list .inner .box_inner .name {
	font-size: 18px;
	padding: 30px 1.388888888888889%;
width:100%;
text-align:center;
display:block;
}
.skill_list .inner .box_inner.m_off {
	margin-right: 0;
}
/* company
------------------------------------------------------------ */

.company_link li {
	width: 31.48148148148148%;
    margin-right: 2.777777777777778%;
	margin-bottom:20px;
}
.company_link li:nth-child(3),.company_link li:nth-child(6){
	margin-right:0;
	}
/* access */
#access .inner .large_ment.lh22 {
	padding-top:0;
}
}
/*------------------------------------------------------------
      Target Devices # Smart Phone Only #
------------------------------------------------------------ */
@media screen and (max-width: 479px) {
	
.sp {
	display: block;
}
.br_sp {
	display: block;
}
.br_pc {
	display: none;
}
.fts18 {
    font-size: 1.4rem;
}
.title .webfont {
	display:none;
}
/* page top */
#pageTop {
	position: fixed;
	bottom: 32px;
	right: 24px;
	z-index: 500
}
/*.f_bg .f_nav_block {
	display:none;
	
}*/
.f_bg .f_add{
    width: 100%;
    float: none;
	
}
.f_logo.ta_r{
	text-align:center;}
.address.ta_r{
	text-align:center;}

.f_bg .f_nav_block {
	width:85%;
	float:none;
	margin:0 auto 20px;
	
}
.f_bg .inner .f_nav,.f_bg .inner .f_nav_block #fnav1,.f_bg .inner .f_nav_block #fnav2{
	
	width:60%;
	margin-bottom:10px;
	}
.f_bg .inner .f_nav_block #fnav1,.f_bg .inner .f_nav_block #fnav3,.f_bg .inner .f_nav_block #fnav5{
	width:30%;
	margin-right:10%;
	text-align:left;}
.f_bg .f_add{
	width:100%;
	float:none;
	}
#gsc{
    width:100%;
    margin:0 auto;
    position:relative;
}
#top_header .inner.nav_re{
	padding-bottom:40px;}
#top_header .inner .search {
	width: 96%;
	float: none;
	margin:0 auto;
	position:absolute;
	left:2%;
	bottom:0;
}
#gsc .gsc-search-button {
    margin: 0 0 0 -18px !important;
    border-radius: 0;
}
/*----------------------------------------------------------
  kasou
------------------------------------------------------------ */
.kasou_title .page_title {
    font-size: 3.0rem;
}
/* technology
------------------------------------------------------------ */
.technology_intro .img_block {
	width: 92%;
}

.technology_intro .box {
	width: 92%;

}
.technology_syosai.inner .box {
	width: 92%;

}
.technology_syosai.inner .box.m_off {
	width: 92%;

}
.example.type_purple .list.inner li {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	width:100%;
	text-align:center;
}
.quality_ment li {
	font-size: 14px;}
.container.quality_page .inner.list li {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
	width:100%;
	text-align:center;
}
.quality_page h2 .fts18{
	font-size:14px;}
/* company
------------------------------------------------------------ */
table.table3{
	border-bottom:none;}
table.table3 tr {
	display:block;
	width:100%;
	
}
table.table3 th, table.table3 td {
	display:block;
	width:100%;
	border-bottom: 1px dotted #bfbfbf;
	    font-size: 1.4rem;
}
table.table3 td {
	display:block;
	width:100%;
	border-bottom: 1px solid #bfbfbf;
}
/* machine */
.container table.style02 {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.4rem;
}
/* thの指定 */
.container table.style02 th {
	background-color: #f2f7fa;
	border: 1px solid #bfbfbf;
	padding: 16px;
	width: 70%;
	text-align: left;
	padding-left: 24px;
	font-weight: normal;
}
/* tr tdの指定 */
.container table.style02 tr td {
	width: 30%;
	background-color: #FFFFFF;
	border: 1px solid #bfbfbf;
	text-align: right;
	padding-right: 16px;
}
#machine .inner .table_box {
	width: 100%;
	margin-right:0%;
	float: none;
	margin-bottom:30px;
}
#machine .inner .list {
	float: none;
	width: 100%;
}
#machine .inner .list li {
	width: 50%;
	margin:0 auto;
	margin-bottom: 30px;
}
/* access */
#access .inner .img_block {
	width: 100%;
	margin-right:0;
	float: none;
	margin-bottom:20px;
}
#access .inner .large_ment.lh22 {
	width: 100%;
	float: left;
	font-size:14px;
}
.ggmap {
position: relative;
height: 300px;
overflow: hidden;
}
/* recruit
------------------------------------------------------------ */

/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.container table.style01 {
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	font-size:1.4rem;
}
/* thの指定 */
.container table.style01 tr{
	display:block;
	}
.container table.style01 th {
	border: 1px solid #bfbfbf;
	width: 100%;
	display:block;
	font-weight: normal;
	border-bottom:none;
	        padding: 16px;
}
/* tr tdの指定 */
.container table.style01 tr td {
	width: 100%;
	display:block;
	border-bottom:none;
	        padding: 16px;
}
#message .inner .img_block {
	width: 100%;
	margin-right: auto;
	margin-left:auto;
	float: none;
	text-align:center;
}
#message .inner .box {
	width: 100%;
	float: none;
}
/* sitemap
------------------------------------------------------------ */
.inner.mb30 .main_page {
	width: 49%;
	margin-right: 1%;
}
.inner.mb30 .main_page:nth-child(even){
	margin-right:0;
	}
}