/****

Deep Blue #0F4C75
Light Blue #3282B8

Black color: #0F4C75;

****/

div.ccm-page {

	.clPConly{display:block;}
	.clSPonly{display:none;}
	.clPConly-inline{display:inline;}
	.clSPonly-inline{display:none;}
	.clPConly-inline-block{display:inline-block;}
	.clSPonly-inline-block{display:none;}
	.clsmall90{font-size:90%;}
	.clsmall80{font-size:80%;}
	.clsmall70{font-size:70%;}
	.clfs14{font-size:14px;}

	.clbgGlayCont{
		padding:40px;
		background-color:#f5f5f5;
	}
	nav{
		ol.breadcrumb{
			margin-bottom:0px;
		}
	}

	dt,dd{line-height:1.8}

	.claddress:before{content:'\f041';font-family:FontAwesome;margin-right: 10px;};
	.cltel:before{content:'\f098';font-family:FontAwesome;margin-right: 10px;};
	.clmap:before{content:'\f279';font-family:FontAwesome;margin-right: 10px;};

  	.clIconLinkAngleRight:after{
  		content:'\f105';font-family:FontAwesome;position:absolute;right:10px;
/*
		content: "right";
		font-family: 'LigatureSymbols';
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-feature-settings: "liga" 1, "dlig" 1;
		position: absolute;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		      transform: translateY(-50%);
		right: 15px;
*/
  	}

  	.clIconDownload{position:relative;padding-left:1.3em;}
  	.clIconDownload:before{content:'\f019';font-family:FontAwesome;position:absolute;left:0px;top:-16px;}
  	.clLinkbtnwrap{
  		display:flex;
  		margin-bottom:70px;
  		justify-content: center;
  		.common__btn--10{
			background-color: #3282B8;
			color: #fff;
			text-align: center;
			font-weight: 700;
			display: block;
			border-radius: 30px;
			width: 50%;
			max-width: 230px;
			height: 55px;
			margin-right:20px;
			line-height: 55px;
			font-family: "Quicksand", sans-serif;
			/*  margin-bottom: 30px;*/
/*			margin-bottom: 70px;  /*1400px以下になると白文字とボタンが重なるので調整 2021.06.13 Take3*/
			letter-spacing: 0.05em;
			-webkit-transition: 0.3s;
			transition: 0.3s;
			position: relative;
  		}

		 .common__btn--10:hover {
   			-webkit-transition: 0.3s;
		    transition: 0.3s;
		    color: #fff;
		    background-color: #0F4C75;
		  }
  	}

	.common__btn--05{
		background-color: #3282B8;
	    color: #fff;
	    height: 50px;
	    line-height: 50px;
	    font-weight: 700;
	    display: block;
	    max-width: 250px;
	    width: 100%;
	    margin: 0 auto;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;	
	}
	.common__btn--05:hover{
		background-color: #0F4C75;
	}

	header{
		background-color:#fff;
	}


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

	.clCorpLinkArea{
		margin:20px auto;
		ul{
			display:flex;
			width:100%;
			justify-content:space-around;
			li{
				text-align:center;
				width:20%;
				a{
					position:relative;
				}
			}
		}
	}

	/*****	企業理念		*****/

	img.clKubotagroup{margin-bottom:10px;}
	ul.clSpirits{
		line-height:2.0;
		li{}
		li:before{
			content:"一、 ";
		}
	}

	.policy_cont h3{
    	margin-top: 40px;
    	color: #3282bb;
    }


	/*****	事業所（PC）	******/

	.clContwrap{
		.clContdetail{
			background-color:#f5f5f5;
			padding:40px 0px;
			.wrap{
				position:relative;
				padding-left: 80px;
				h2{border-bottom:2px solid #0F4C75;padding-bottom:5px;}
				dl{
					margin-top:20px;
					dt{color: #0F4C75;}

					dd{
						margin-bottom:20px;

						dl{
							margin:0px;
							dt{
								display:inline-block;
								width:14em;
								vertical-align:top;
								font-weight:400;
							}
							dd{
								display:inline-block;
								vertical-align:top;
								margin-bottom:5px;
							}
						}
					}

				}
				.clMap{}
				h4.ttl-en{
					position: absolute;
				    top: 50px;
				    left: 70px;
				    transform: rotate(90deg);
				    transform-origin: left top;
				    color: #fff;
				    font-size: 90px;
				    margin: 0px;
				    font-weight: 700;
				    font-family: "Roboto", sans-serif;
				    width:600px;
				}
			}
		}

	}

	/*****	事業所一覧（PC）	******/

	.clOfficeList{
		margin-bottom:40px;
		padding:40px 40px 60px;
		background-color:#f5f5f5;
		position:relative;
		h2{border-bottom:2px solid #0F4C75;padding-bottom:5px;}
		dl{
			margin-top:20px;
			dt{color: #0F4C75;}

			dd{
				margin-bottom:20px;

				dl{
					margin:0px;
					dt{
						display:inline-block;
						width:14em;
						vertical-align:top;
						font-weight:400;
					}
					dd{
						display:inline-block;
						vertical-align:top;
						margin-bottom:5px;
					}
				}
			}
		}
		h4{
			position: absolute;
		    bottom: -15px;
		    right: 0px;
		    color: #fff;
		    font-size: 70px;
		    margin: 0px;
		    font-weight: 700;
		    font-family: "Roboto", sans-serif;			
		}		
	}
/*
	.clOfficeList:nth-child(2n){
		background-color:#f5f5f5;
	}
*/



	/*****	製品一覧	*****/

	.category-list__content--wrap{
		li{
			margin-bottom:25px;
			a{
				span{
					-webkit-transform: translate(-50%, -50%);
    				transform: translate(-50%, -50%);
				}
			}
		}
	}


	/*****	製品詳細	*****/

	.clCategoryArea{
		display:flex;
		flex-wrap:wrap;
		margin-bottom:20px;
		.clCategoryMarket,.clCategoryMaterials,.clCategoryProblems{
			font-size:13px;
			color:#fff;
			border-radius:20px;
			margin:0px 5px 5px 0px;	
    		padding: 4px 15px 3px;
    		font-weight: normal;
    		line-height: 1;
		}		
		.clCategoryMarket{
    		background-color: #cd3b52;
		}
		.clCategoryMaterials{
    		background-color: #0F4C75;
		}
		.clCategoryProblems{
    		background-color: #546e7a;
		}
	}
	.clThumbnailArea{}



    .privacy_cont h3,.privacyinfo_cont h3{
    	color: #3282bb;
    	margin-top: 40px;
    	font-size:20px;    
    }


	/****	お知らせ	****/
	
	.clNewsTitle{color:#3282B8;}
	.clNewsContentBlock{

		padding:40px;
		background-color:#f0f0f0;
	}
	.clNewsDate{
		text-align:right;
		color:#0F4C75;
	}


	/****	お知らせ一覧	****/

	.ccm-block-page-list-wrapper{

		padding:40px 40px 20px;
		background-color:#f0f0f0;
		margin-bottom:40px;

		dt{color: #3282bb;}
		dd{font-size:17px;}
	}

	.st-next-previous-wrapper{
		margin-top:20px;
		width:100%;
		display: -webkit-flex;
    	display: flex;
    	-webkit-justify-content: space-between;
    	justify-content: space-between;

    	.st-next-previous-previous-link a:before{content:'\f100';font-family:FontAwesome;margin-right: 10px;}
    	.st-next-previous-next-link a:after{content:'\f101';font-family:FontAwesome;margin-left: 10px;}
	}

	.ccm-pagination-wrapper{

		text-align: center;
    	width: 100%;
    	margin: auto;
    	.pagination{width:auto;}

	}


	/****	資料ダウンロード		****/

	ul.clCertificate{
		border-top:1px solid #ccc;
		li{
			padding:20px;
			border-bottom: 1px solid #ccc;
		}
		a:nth-child(odd) li{
			background-color:#f8f8f8;
		}
		li:before{
			content: " ";
			background: url("/application/themes/nippla2/css/images/common/pdf_icon.png") no-repeat;
		    background-size: cover;
		    padding-right: 1.3em;
		    background-position: bottom;
		}
	}


}

@media only screen and (max-width: 768px) {


	div.ccm-page {

	    .clPConly{display:none;}
	    .clSPonly{display:block;}
	    .clPConly-inline{display:none;}
	    .clSPonly-inline{display:inline;}
	    .clPConly-inline-block{display:none;}
	    .clSPonly-inline-block{display:inline-block;}

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

		.clCorpLinkArea{
			margin:20px auto;
			ul{
				display:flex;
				flex-wrap:wrap;
				width:100%;
				justify-content:space-around;
				li{
					width:45%;
					text-align:center;
					margin-bottom:20px;
					a{
						position:relative;
					}
				}
			}
		}



	/*****	事業所（SP）	******/

		.clContwrap{
			.clContdetail{
				.wrap{
					position:relative;
					padding-left: 60px;
					h2{border-bottom:2px solid #0F4C75;padding-bottom:5px;}
					dl{
						margin-top:20px;
						dt{color: #0F4C75;}

						dd{
							margin-bottom:20px;

							dl{
								margin:0px;
								dt{
									display:inline-block;
									width:14em;
									vertical-align:top;
									font-weight:400;
								}
								dd{
									display:inline-block;
									vertical-align:top;
									margin-bottom:5px;
								}
							}
						}

					}
					.clMap{}
					h4.ttl-en{
						position: absolute;
					    top: 50px;
					    left: 50px;
					    transform: rotate(90deg);
					    transform-origin: left top;
					    color: #fff;
					    font-size: 70px;
					    margin: 0px;
					    font-weight: 700;
					    font-family: "Roboto", sans-serif;
					    width:600px;
					}
				}
			}
		}

	/*****	事業所一覧（SP）	******/

		.clOfficeList{
			margin-bottom:40px;
			h2{border-bottom:2px solid #0F4C75;padding-bottom:5px;}
			dl{
				margin-top:20px;
				dt{color: #0F4C75;}

				dd{
					margin-bottom:20px;

					dl{
						margin:0px;
						dt{
							display:inline-block;
							width:14em;
							vertical-align:top;
							font-weight:400;
						}
						dd{
							display:inline-block;
							vertical-align:top;
							margin-bottom:5px;
						}
					}
				}
			}		
		}



	}
}

@media only screen and (max-width: 480px) {

	div.ccm-page {
	  	.clLinkbtnwrap{
  			display:block;
  			text-align:center;
  			margin:40px auto;
  			.common__btn--10{
  				margin:10px auto;
  				width:80%;
  			}
  		}

	}

}