/* =============================================================================
	CSS
============================================================================= */
/* ---------------------------------------------------------
	タブレット
--------------------------------------------------------- */
@media screen and (max-width: 999px) {

* {
	font-size:14px;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
}

.wrap {
	width:95%;
}

/*ヘッダー*/

.logo {
	float:left;
	width:calc(100% - 250px);
	max-width:600px;
}

.header_contact {
	float:right;
}
/*
.header_contact .tel {
	display:inline-block;
	padding-right:10px;
}

.header_contact .mail {
	display:inline-block;
}
*/

/*セクション*/

nav a {
	font-size:14px;
}

table td {
	font-size:12px;
}

/*製品*/

.ntac3g_cell.space {
	width:30px;
}

#product .circle {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:12px;
}

#product .square {
	width:10px;
	height:20px;
}

#product .square.cross {
	width:4px;
	left:13px;
}

#product .tab_change {
	display:block;
}

#product .tab_change .image_area {
	display:block;
	margin:0 auto 20px;
}

#product .tab_change .text_area {
	display:block;
	padding-left:0;
}




/*ソリューション*/

.solution_cell {
	float:none;
	display:table;
}

.solution_cell .circle {
	display:table-cell;
	vertical-align:middle;
	width:80px;
	height:80px;
}

.solution_cell .circle span {
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	line-height:16px;
	font-size:12px;
	width:80px;
	height:80px;
}

.caption {
	width:auto;
	font-size:14px;
	vertical-align:middle;
	display:table-cell;
	padding:0 0 0 10px;
}

.solution_cell.space {
	width:70px;
	padding:0 0 10px;
}

.arrow::before {
	top:0;
	left:35px;
	width:10px;
	height:10px;
	background:#72aec8;
}

.arrow::after {
	top:30px;
	left:30px;
	width:0;
	height:0;
	border-top: solid 10px #72aec8;
	border-right: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 10px transparent;
}

@-moz-document url-prefix() {
	.arrow::after {
		top:5px;
	}
}

/*工場*/

#factory .tab_change {
	display:block;
}

#factory .tab_change .image_area {
	display:block;
	margin:0 auto 20px;
}

#factory .tab_change .text_area {
	display:block;
	padding-left:0;
}

table.no_change td.month span {
	font-size:12px;
}

.sub_image .image_area_sub {
	float:left;
	max-width:240px;
	width:47%;
	margin-right:6%;
}



/*お問い合せ*/

.contact .tel {
	font-size:28px;
	line-height:30px;
	background:url("../img/tel.png") no-repeat 0 50%;
	background-size:30px auto;
	padding-left:40px;
}

.contact .tel a {
	font-size:28px;
	text-decoration:none;
	color:#253595;
}

.contact .tel_caption {
	font-size:14px;
	padding-left:40px;
}

.contact .mail {
	display:block;
	padding:10px 0 10px 60px;
	line-height:30px;
	font-size:20px;
	background:#9ddc38 url("../img/mail.png") no-repeat 20px 50%;
	background-size:30px auto;
}

.mail_caption {
	font-size:14px;
}

/*クロスカット試験*/

.trial_cell {
	float:left;
	width:47%;
	margin-right:6%;
	margin-bottom:30px;
}

.trial_cell:nth-child(2n) {
	margin-right:0;
}

.trial_cell .inner .image_area {
	margin-left:auto;
	margin-right:auto;
}

.trial_cell_check .inner {
	display:block;
}

.trial_cell_check .inner .text_area,
.trial_cell_check .inner .image_area {
	display:block;
}

.trial_cell_check .inner .text_area {
	margin-bottom:10px;
	padding-right:0;
}

.trial_cell_check .inner .image_area {
	margin:0 auto;
}



/*フッター*/

.footer_left p,
.footer_right p {
	font-size:12px;
}

.footer_right a {
	font-size:12px;
	text-decoration:none;
	color:#000;
}













}
/* ---------------------------------------------------------
	スマホ
--------------------------------------------------------- */
@media screen and (max-width: 767px) {

header {
	padding:10px 0;
}

.mainimage .wrap h1 {
	top:50px;
	left:30px;
}


.logo {
	float:none;
	width:100%;
	max-width:100%;
}

.header_contact {
	float:none;
}

.header_contact .tel {
	display:inline-block;
	padding-right:10px;
}

.header_contact .mail {
	display:inline-block;
}

.block_area {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:30px;
}

.color_area,
.block_area {
	border:1px solid #ddd;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.logo {
	padding-bottom:10px;
}

.header_contact {
	width:auto;
	float:right;
}

.header_contact .tel {
	vertical-align:top;
	font-size:18px;
}

.header_contact .mail {
	width:40px;
	padding:5px;
	vertical-align:top;
	background:#9ddc38 url("../img/mail.png") no-repeat 50% 50%;
	background-size:20px auto;
	font-size:0;
}

nav a {
	font-size:12px;
	line-height:16px;
}

nav a span.icon {
	top:65%;
	right:50%;
	margin:0;
	margin-right:-7.5px;
	margin-bottom:10px;
}

br.spbr {
	display:inline;
}

nav a br.spbr {
	line-height:16px;
}

h2 span {
	font-size:18px;
	line-height:24px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

h3 span {
	font-size:16px;
	line-height:24px;
	padding-left:10px;
}

.block_area h3 {
	font-size:16px;
	line-height:40px;
}

.color_area h4 {
	font-size:16px;
}

h5 {
	font-size:16px;
}

#about .area_set {
	display:block;
}

#about .area_set .text_area {
	display:block;
	padding:0 0 20px;
}

#about .area_set .image_area {
	display:block;
	margin:0 auto;
}

table.sp_change .thead {
	display: none;
}

table.sp_change tr,
table.sp_change td {
	display: block;
	width:100%;
	border:none;
	position:relative;
}

table.sp_change td {
	background:#c2deea;
	padding:10px 10px 10px 80px;
	font-size:12px;
}

table.sp_change tr:nth-child(2n+1) td {
	background:#c2deea;
}

table.sp_change td:nth-child(2n),
table.sp_change tr:nth-child(2n+1) td:nth-child(2n) {
	background:#ddeff7;
}

table.sp_change td:before {
	content:attr(data-title) " ";
	background:#72aec8;
	box-sizing:border-box;
	color:#fff;
	font-size:12px;
	width:65px;
	line-height:16px;
	padding:4px 0;
	text-align:center;
	position:absolute;
	top:7px;
	left:5px;
	display:block;
	border:none;
}

table.sp_change td.set {
	padding:40px 10px 10px 10px;
}

table.sp_change td.set:before {
	width:auto;
	padding:4px 8px;
}

table.sp_change tr {
	margin-bottom:20px;
}

table.sp_change tr:last-child {
	margin-bottom:0;
}








#acc .area_set {
	display:block;
}

#acc .area_set .text_area {
	display:block;
	padding:0;
}

#acc .area_set .image_area {
	display:block;
	width:100%;
	max-width:300px;
	padding:0 0 20px;
	margin:0 auto;
}

.right_text {
	font-size:12px;
	text-align:left;
}

/*製品*/

#product .area_set {
	display:block;
}

#product .area_set .image_area {
	display:block;
	margin:0 auto;
}

#product .area_set .wide_image {
	width:100%;
	max-width:300px;
}

#product .area_set .text_area {
	display:block;
	padding-right:0;
	padding-left:0;
}


.ntac3g_cell.space {
	width:21px;
}

#product .circle {
	width:60px;
	height:60px;
	font-size:12px;
	line-height:60px;
}

#product .square {
	width:16px;
	height:16px;
}

#product .square.cross {
	width:4px;
	left:9px;
}

#product .area_set_float .image_area_right {
	float:none;
	margin:0 auto 20px;
}

#product .area_set_float .text_area_left {
	float:none;
	width:auto;
	padding-right:0;
}

#product .product_area h4 {
	min-height:85px;
}

#product .product_area h4 span {
	font-size:12px;
}

#product .product_area h4 span.pcspace {
	display:none;
}

#product a.linkbtn {
	top:auto;
	bottom:10px;
	right:10px;
	width:32px;
}



/*工場*/

#factory .area_set_float .image_area_right {
	float:none;
	margin:0 auto 20px;
}

#factory .area_set_float .text_area_left {
	float:none;
	width:auto;
	padding-right:0;
}

#factory a.linkbtn {
	padding:16px 0 14px;
	font-size:18px;
	line-height:20px;
}

table.no_change td {
	border:none;
	display:block;
	padding:10px;
}

table.no_change td.month {
	padding:7px 5px 0;
}

table.no_change td.month span {
	background:#72aec8;
	color:#fff;
	display:inline-block;
	padding:3px 5px;
	font-size:12px;
}

.sub_image .image_area_sub {
	float:none;
	max-width:240px;
	width:auto;
	margin:0 auto 20px;
}

.sub_image .image_area_sub:last-child {
	margin:0 auto 0;
}

/*お問い合せ*/

.contact h4 {
	font-size:12px;
}

.contact_inner {
	display:block;
	width:100%;
	padding:20px 10px;
}

.contact_left,
.contact_right {
	display:block;
	width:100%;
	padding:0;
	vertical-align:top;
}

.contact_left {
	padding-bottom:10px;
}

.contact .tel {
	font-size:28px;
	line-height:30px;
	background:url("../img/tel.png") no-repeat 10px 50%;
	background-size:30px auto;
	padding-left:50px;
}

.contact .tel_caption {
	font-size:12px;
	padding-left:50px;
}

.contact .tel_caption a {
	font-size:12px;
}

.contact .mail {
	display:block;
	padding:10px 0 10px 50px;
	line-height:30px;
	font-size:18px;
	background:#9ddc38 url("../img/mail.png") no-repeat 10px 50%;
	background-size:30px auto;
}

.mail_caption {
	font-size:12px;
}

/*ピカポール*/

.point_set {
	display:block;
}

.point_left,
.point_right {
	display:block;
	width:100%;
	padding:0;
}


/*クロスカット試験*/

.trial_cell {
	float:none;
	width:100%;
	margin-right:0;
}










/*フッター*/

.gray_area {
	padding-bottom:30px;
}

.gray_area .wrap {
	display:block;
}

.footer_left,
.footer_right {
	display:block;
	padding:0 10px;
	width:100%;
}

.footer_left {
	margin-bottom:10px;
}

.footer_logo {
	width:100%;
	max-width:300px;
	margin-bottom:10px;
}

.footer_link {
	text-align:left;
}

.footer_link a {
	display:block;
	background:#3242a2;
	padding:5px 10px;
	margin:0 0 10px;
}

.sitemap_navigation {
	border-top:1px solid #ddd;
	margin-top:30px;
	padding:20px 0 0;
}

.sn_block {
	display:block;
	padding:0;
}

.sn_block ul {
	padding-left:40px;
	padding-bottom:10px;
	display:none;
}

.sn_block a {
	display:block;
	background:#e9e9e9;
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding:5px 10px;
	margin-bottom:2px;
}

.sn_block a:hover {
	text-decoration:underline;
}

br.pcbr {
	display:none;
}

.sn_block ul ul {
	display:block;
	padding-left:0;
}

.sn_block strong {
	position:relative;
	display:block;
	padding-left:40px;
}

.sn_block strong span.close,
.sn_block strong span.open {
	position:absolute;
	top:12px;
	left:5px;
	display:block;
	background:#253595 url("../img/close.png") no-repeat 3px 3px;
	background-size:16px auto;
	border-radius:50%;
	width:22px;
	height:22px;
	cursor:pointer;
}

.sn_block strong span.close {
	background:#253595 url("../img/close.png") no-repeat 3px 3px;
	background-size:16px auto;
}

.sn_block strong span.open {
	background:#bbb url("../img/open.png") no-repeat 3px 3px;
	background-size:16px auto;
}







/*上書き*/

.sp_margin20 {
	margin-bottom:20px !important;
}

span.pc_space {
	display:none;
}



}