/* =============================================================================
	CSS
============================================================================= */

/* ---------------------------------------------------------
	初期化
--------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
	line-height:1.5;
	outline:0;
	box-sizing:border-box;
}

img {
	border:none;
}

br {
	letter-spacing:0;
}



/* ---------------------------------------------------------
	floatクリア
--------------------------------------------------------- */
br.clear {
	font-size:0;
	line-height:0;
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}

/*\*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/**/



/* ---------------------------------------------------------
	基本
--------------------------------------------------------- */
html {
/*	background:#253595;*/
	background:#fff;
	overflow-y:scroll;
}

.wrap {
	margin:0 auto;
	width:1000px;
}

/*上に戻る*/

#button-totop a {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:1000;
	background:rgba(36,53,150,0.4);
	width:50px;
	height:50px;
	padding-top:20px;
	border-radius:25px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	text-indent:-9876px;
}

#button-totop a span.icon {
	margin:0 auto;
	display:block;
	width:15px;
	height:15px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#button-totop a:hover {
	background:rgba(36,53,150,1);
	text-decoration:none;
}



/* ---------------------------------------------------------
	ヘッダー
--------------------------------------------------------- */

header {
	padding:20px 0;
	background:#fff;
/*
	width:100%;
	position:fixed;
	z-index:1000;
*/
}

.logo {
	float:left;
	width:600px;
}

.logo_wrap {
	position:relative;
	width:100%;
	height:0;
	padding:9.2% 0 0;
	background: url("../img/logo.png") no-repeat 0 0;
	background-size:100% auto;
}

.logo_group {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:46.8%;
	height:0;
	padding:5.8% 0 0;
	text-indent:-9876px;
/*	background:rgba(255,200,200,0.8);*/
}

.logo_company {
	display:block;
	position:absolute;
	top:0;
	left:58%;
	width:42%;
	height:0;
	padding:8.8% 0 0;
	text-indent:-9876px;
/*	background:rgba(255,255,200,0.8);*/
}

.header_contact {
	width:220px;
	float:right;
}

.header_contact .tel {
	font-weight:bold;
	font-size:20px;
	color:#253595;
	line-height:30px;
	background:url("../img/tel.png") no-repeat 5px 50%;
	background-size:20px auto;
	padding-left:30px;
}

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

.header_contact .mail {
	display:block;
	padding:5px 5px 5px 30px;
	border-bottom:2px solid #6f9a27;
	line-height:20px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:#9ddc38 url("../img/mail.png") no-repeat 5px 50%;
	background-size:20px auto;
	text-decoration:none;
}

.header_contact .mail:hover {
	background-color:#a6e73d;
	border-color:#86b930;
}



/* ---------------------------------------------------------
	メインイメージ
--------------------------------------------------------- */

.mainimage {
	background:#eee;
}

.mainimage .wrap {
	background:#fff;
	height:300px;
	position:relative;
}

.mainimage .wrap img {
	height:300px;
}

.mainimage .wrap h1 {
	position:absolute;
	top:60px;
	left:40px;
	z-index:5000;
	color:#fff;
	font-size:24px;
	line-height:32px;
	text-shadow:0 0 2px #000,0 0 5px #000;
}

.mainimage .wrap h1 span {
	font-size:20px;
	line-height:24px;
	letter-spacing:5px;
	display:block;
}

.mainimage .wrap h1 strong {
	font-size:60px;
	line-height:70px;
	letter-spacing:2px;
	display:block;
	margin-bottom:10px;
}

.mainimage .slider_area {
	position:relative;
	overflow:hidden;
	width:100%;
	height:300px;
	z-index:0;
}

.mainimage .slider_area img {
	display:none;
	position:absolute;
	top:0;
	left:calc(50% - 500px);
}


/* ---------------------------------------------------------
	グロナビ
--------------------------------------------------------- */

nav {
	padding-top:5px;
	background:#fff;
}

nav a {
	position:relative;
	float:left;
	display:block;
	width:33%;
	margin-right:0.5%;
	background:#253595;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:30px 0;
}

nav a:last-child {
	margin-right:0;
}

nav a:hover {
	background:#495cc9;
}

nav a span.icon {
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-14px;
	display:block;
	width:15px;
	height:15px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

br.spbr {
	display:none;
}




/* ---------------------------------------------------------
	セクション汎用
--------------------------------------------------------- */

section {
	background:#fff;
	padding-top:60px;
}

h2 {
	border-left:6px solid #253597;
	background:#e2ebfc;
	margin-bottom:30px;
}

h2 span {
	display:block;
	border-left:6px solid #798ada;
	font-size:24px;
	color:#253595;
	line-height:50px;
	padding-left:20px;
}

h3 {
	border-left:6px solid #253597;
	margin-bottom:20px;
}

h3 span {
	display:block;
	border-left:6px solid #798ada;
	font-size:20px;
	color:#253595;
	line-height:30px;
	padding-left:20px;
}

h3 strong {
	display:inline-block;
	background:#798ad8;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	line-height:30px;
	padding:0 10px;
	vertical-align:top;
}

.block_area {
	background:#f5f5f5;
	float:left;
	width:47%;
	margin-right:6%;
	margin-bottom:30px;
}

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

.block_area h3 {
	background:#798ad8;
	border:none;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	line-height:40px;
	margin:0;
}

.block_area p {
	color:#253595;
	padding:20px;
}

.text_area p {
	margin-bottom:1em;
}

.text_area p:last-child {
	margin-bottom:0;
}

.color_area {
	background:#f5f5f5;
}

.color_area h4 {
	background:#798ad8;
	border:none;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	line-height:40px;
	margin:0;
}

.color_area .inner {
	padding:20px;
}

table {
	border-collapse:collapse;
	width:100%;
}

table th {
	background:#72aec8;
	color:#fff;
	font-size:18px;
	line-height:40px;
	font-weight:normal;
	border-right:2px solid #fff;
}

table td {
	background:#c2deea;
	padding:10px 20px;
	font-size:14px;
	border-right:2px solid #fff;
	vertical-align:top;
}

table td.nowrap {
	white-space:nowrap;
}

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

table th:last-child,
table td:last-child {
	border:none;
}

h5 {
	color:#253595;
	font-size:18px;
	margin-bottom:10px;
}

.image_area {
	font-size:0;
}

p.list {
	padding-top:10px;
	padding-left:1em;
	text-indent:-1em;
}




/* ---------------------------------------------------------
	粉体塗装とは
--------------------------------------------------------- */

.feature {

}

#about .area_set {
	display:table;
}

#about .area_set .text_area {
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
}

#about .area_set .image_area {
	display:table-cell;
	width:240px;
}



/* ---------------------------------------------------------
	日鉄防食の粉体塗装
--------------------------------------------------------- */

#acc .area_set {
	display:table;
}

#acc .area_set .image_area {
	display:table-cell;
	width:300px;
}

#acc .color_area h4 {
	line-height:20px;
	padding:10px 0;
}

#acc .area_set .text_area {
	vertical-align:top;
	display:table-cell;
	padding-left:30px;
}

.right_text {
	text-align:right;
}

#acc .read ul {
	padding-left:20px;
}

#acc .read ul li {
	margin-bottom:10px;
}

#acc .read ul li:last-child {
	margin-bottom:0;
}


/* ---------------------------------------------------------
	製品
--------------------------------------------------------- */

#product {
	padding-bottom:60px;
}

.ntac3g_set {
	margin-left:auto;
	margin-right:auto;
	display:table;
}

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

.ntac3g_cell.space {
	width:70px;
}

.circle {
	background:#72aec8;
	border-radius:50%;
	width:120px;
	height:120px;
	color:#fff;
	line-height:120px;
	text-align:center;
}

.square {
	width:50px;
	height:50px;
	position:relative;
	background:#72aec8;
	font-size:0;
}

.square.cross {
	width:8px;
	left:30px;
}

.cross::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	background:#72aec8;
}

.read {
	margin-bottom:20px;
}

#product .area_set {
	display:table;
}

.area_set .image_area {
	display:table-cell;
	width:240px;
}

.area_set .wide_image {
	width:300px;
}

.area_set .text_area {
	vertical-align:top;
	display:table-cell;
	padding-right:30px;
}

.area_set .image_area p {
	padding-top:10px;
}

.area_set_float .image_area_right {
	float:right;
	width:240px;
}

.inner .middle_image,
.inner .full_image,
.area_set .image_area,
.area_set_float .image_area_right {
	line-height:0;
}

.area_set_float .text_area_left {
	float:left;
	width:-webkit-calc(100% - 240px) ;
	width:calc(100% - 240px);
	padding-right:30px;
}

.area_set_float .image_area_right p {
	padding-top:10px;
}

#product .color_area {
	padding:20px;
}

.color_area .text_area {
	padding-right:0;
	padding-left:30px;
}

#product .product_area {
	padding:0;
}

.product_area  h4 {
	line-height:30px;
	padding:5px 0;
}

.product_area h4 span {
	display:block;
	font-size:14px;
}

.product_area h4 span.pcspace {
	display:inline;
	font-size:14px;
}

/*ピカポール*/

.point_set {
	display:table;
}

.point_left,
.point_right {
	display:table-cell;
	width:50%;
}

.point_left {
	padding-right:20px;
}

.point_right {
	padding-left:20px;
}

.point_set ul {
	padding-left:20px;
}

.point_set ul li {
	margin-bottom:20px;
	font-size:14px;
}

.point_set ul li sup {
	font-size:0.7em;
}

.point_set ul li strong {
	display:block;
	font-size:16px;
}

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

.trial_set p {
	font-size:14px;
}

.trial_set p.small {
	font-size:12px;
}

.trial_set p.red {
	color:#c00;
}

.trial_set p.center_text {
	text-align:center;
}

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

.trial_cell_check {
	margin-right:0;
	width:65%;
}

.trial_cell:last-child {
	margin-right:0;
}

.trial_cell .inner .image_area {
	width:260px;
}

#product .trial_cell .color_area,
#product .trial_cell_check .color_area {
	padding:0;
}

.trial_cell_check .inner {
	display:table;
}

.trial_cell_check .inner .text_area,
.trial_cell_check .inner .image_area {
	display:table-cell;
	vertical-align:top;
}

.trial_cell_check .inner .text_area {
	padding:0 30px 0 0;
}

.trial_cell_check .inner .image_area {
	width:240px;
}

#product .color_area h4 {
	position:relative;
}

#product a.linkbtn {
	position:absolute;
	top:11px;
	right:10px;
	display:block;
	width:32px;
	text-decoration:none;
	line-height:0;
}



/* ---------------------------------------------------------
	ソリューション
--------------------------------------------------------- */

#solution {
	padding-top:0;
}

.solution_area {
	text-align:center;
}

.solution_set {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}

.solution_cell {
	float:left;
}

.solution_cell.space {
	width:70px;
	text-align:left;
	padding-top:30px;
}

.solution_cell .circle {
	text-align:center;
	line-height:normal;
}

.solution_cell .circle span {
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	line-height:20px;
	width:120px;
	height:120px;
}

.arrow {
	position:relative;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	text-decoration:none;
	font-size:0;
}

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

.arrow::before {
	top:20px;
	left:15px;
	width:20px;
	height:20px;
	background:#72aec8;
}

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

@media all and (-ms-high-contrast: none){
	.arrow::after {
		top:20px;
	}
}

@supports (-ms-ime-align: auto) {
	.arrow::after {
		top:20px;
	}
}

.caption {
	width:120px;
	padding-top:10px;
	font-size:14px;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align:left;
}

.middle_image {
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
}






/* ---------------------------------------------------------
	大泉工場
--------------------------------------------------------- */

#factory .color_area {
	padding:20px;
}

#factory .area_set {
	display:table;
	width:100%;
}

#factory a.linkbtn {
	position:relative;
	display:block;
	width:100%;
	margin-right:0.5%;
	background:#798ad8;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:16px 0 14px;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	border-bottom:2px solid #566097;
}

#factory a.linkbtn:hover {
	background:#8597eb;
	border-color:#6571b1;
}

#factory a.linkbtn span.icon {
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-7px;
	display:block;
	width:15px;
	height:15px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform:rotate(135deg);
	transform:rotate(45deg);
}

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

.sub_image .image_area_sub {
	float:left;
	width:240px;
	margin-right:30px;
	line-height:0;
}

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

.sub_image .image_area_sub p {
	padding-top:10px;
}


/* ---------------------------------------------------------
	お問い合せ
--------------------------------------------------------- */

.contact h4 {
	background:#798ad8;
	font-weight:normal;
	color:#fff;
	text-align:center;
	padding:15px 10px;
}

.contact_inner {
	background:#e2ebfc;
	display:table;
	width:100%;
	padding:30px 20px;
}

.contact_left,
.contact_right {
	display:table-cell;
	width:50%;
	padding:0 10px;
	vertical-align:top;
}

.contact_left {
	padding:10px 0 0 30px;
}

.contact .tel {
	font-weight:bold;
	font-size:36px;
	color:#253595;
	line-height:40px;
	background:url("../img/tel.png") no-repeat 0 50%;
	background-size:40px auto;
	padding-left:50px;
}

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

.contact .tel_caption {
	font-size:14px;
	color:#253595;
	padding-left:50px;
}

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

.contact .mail {
	display:block;
	padding:10px 0 10px 80px;
	border-bottom:2px solid #6f9a27;
	line-height:40px;
	font-weight:bold;
	font-size:24px;
	color:#fff;
	background:#9ddc38 url("../img/mail.png") no-repeat 20px 50%;
	background-size:40px auto;
	text-decoration:none;
}

.contact .mail:hover {
	background-color:#a6e73d;
	border-color:#86b930;
}


.mail_caption {
	font-size:14px;
	color:#253595;
	padding-top:10px;
}



/* ---------------------------------------------------------
	ご注意とお願い
--------------------------------------------------------- */

.caution .wrap {
	background:#f5f5f5;
	padding:20px;
}

.caution h4 {
	text-align:center;
}




/* ---------------------------------------------------------
	フッター
--------------------------------------------------------- */

footer {
	background:#253595;
}

.gray_area {
	background:#f5f5f5;
	padding:30px 0 20px;
}

.blue_area {
	padding:10px;
}

.footer_link {
	text-align:center;
	margin-bottom:10px;
}

.footer_link a {
	display:inline-block;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	margin-right:20px;
}

.footer_link a:last-child {
	margin-right:0;
}

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

.copyright {
	font-size:12px;
	color:#fff;
	text-align:center;
}

.gray_area .wrap {
	display:table;
}

.footer_left,
.footer_right {
	display:table-cell;
	padding:0 20px;
	vertical-align:top;
	width:50%;
}

.footer_logo {
	width:300px;
	margin-bottom:20px;
}

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

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

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

.sn_block {
	display:table-cell;
	padding:0 10px;
}

.sn_block ul {
	list-style:none;
	padding-left:10px;
	padding-bottom:10px;
}

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

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

.sn_block strong {
	padding-top:10px;
	display:block;
}

.sn_block strong a {
	color:#253595;
}

.sn_block strong span {
	display:none;
}









/* ---------------------------------------------------------
	上書き
--------------------------------------------------------- */

.margin10 {
	margin-bottom:10px;
}

.margin20 {
	margin-bottom:20px;
}

.margin30 {
	margin-bottom:30px;
}

.margin60 {
	margin-bottom:60px;
}

.margin0 {
	margin-bottom:0;
}

.padding60 {
	padding-bottom:60px;
}

.bottom_border {
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}

.padding0 {
	padding-bottom:0;
}

ruby rt {
	font-size:0.5em;
}

span.pc_space {
	display:inline;
}