@charset "utf-8";

/*---------------------------------

	■ 全体
	|
	|- margin/padding
	|- 文字色/文字の強調
	|- 背景色/背景画像
	|- 効果(シャドウ等)
	|- フォント
	|- タイトル
	|- ボタン
	|- テーブル
	|- アンカーナビゲーション
	
	■ header
	
	■ footer
	
	★ トップページ
	|
	|- ● section00 - 共通
	|- ● section01 - メインイメージ
	|- ● section02 - 事業紹介
	|- ● section03 - 各ページバナー
	|- ● section04 - ニュース&トピックス

	★ 事業内容
	
	★ 加工実績
	
	★ 会社案内
	
	★ ニュース&トピックス
	
	★ お問合せ

---------------------------------*/
/*---------------------------------------------------------------------------------------------------- ■ 全体 */
/* ---  margin/padding */
.space40{padding:40px 0;}
.space80{padding:80px 0;}
.spaceBtn80{ padding-bottom:80px;}
.mT0{ margin-top:0 !important;}
.mT16{ margin-top:16px !important;}
.mT24{ margin-top:24px;}
.mB32{ margin-bottom:32px;}
.mT32{ margin-top:32px;}
.mT40{ margin-top:40px;}
.mT48{ margin-top:48px;}
.mT60{ margin-top:60px;}
@media screen and (max-width:896px) {
.space40{padding:30px 0;}
.space80{padding:48px 0;}
.spaceBtn80{ padding-bottom:48px;}
.mT16{ margin-top:12px !important;}
.mT24{ margin-top:20px;}
.mB32{ margin-bottom:28px;}
.mT32{ margin-top:28px;}
.mT40{ margin-top:36px;}
.mT48{ margin-top:44px;}
.mT60{ margin-top:56px;}
}
@media screen and (max-width:480px) {
.space40{padding:20px 0;}
.space80{padding:32px 0;}
.spaceBtn80{ padding-bottom:32px;}
.mT16{ margin-top:8px !important;}
.mT24{ margin-top:16px;}
.mB32{ margin-bottom:24px;}
.mT32{ margin-top:24px;}
.mT40{ margin-top:32px;}
.mT48{ margin-top:40px;}
.mT60{ margin-top:52px;}
}

/* ---  フォント */
.ggfont{ font-family: 'Oswald', sans-serif;}

/* ---  背景 */
.bgDots {
	background-image:url(../images/common/dot_bg.jpg);
}
.bgGrid{
	background-image:url(../images/common/grid_bg.jpg);
	}
.bgStripe {
	background-image:url(../images/common/stripe_bg.jpg);
}
.bgService{
	background-image:url(../images/common/service_bg.jpg);
	background-repeat:repeat-x;
	background-position:center bottom;}
.bgNews{
	    background-size: cover;
	background-image:url(../images/common/news_bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;}
	
/* ---  効果 */
.anchorNav,
.tmbBtn,
.newsWrap,
.greeting_box,
.philosophy_box,
.card,
.serviceCard_tmb,
.serviceCard_cont,
.boxShadow{	box-shadow:0px 2px 15px 1px rgba(0,0,0,0.1);}

.mainVisual_left_box,
.pageTtl_ttl,
.textShadow{text-shadow: 0px 1px 3px rgba(0,0,0,0.1);}

/* ---  タイトル */
.pageTtl{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#6fabd4;
	position:relative;
	}
	.pageTtl-company{ background-image:url(../images/common/pagettl_company_bg_pc.jpg);}
	.pageTtl-product{ background-image:url(../images/common/pagettl_product_bg_pc.jpg);}
	.pageTtl-service{ background-image:url(../images/common/pagettl_service_bg_pc.jpg);}
	.pageTtl-contact{ background-image:url(../images/common/pagettl_contact_bg_pc.jpg);}
	.pageTtl-weblog{ background-image:url(../images/common/pagettl_weblog_bg_pc.jpg);}
	.pageTtl:after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:0;
		background: -o-linear-gradient(45deg, rgba(111, 171, 212, 0.8) 0%, rgba(123, 213, 215, 0.8) 100%);
		background: linear-gradient(45deg, rgba(111, 171, 212, 0.8) 0%, rgba(123, 213, 215, 0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fabd4', endColorstr='#007bd5d7', GradientType=1);
		}
		.pageTtl .inner{
			z-index:1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding:128px 0;
			}
			.pageTtl_ttl{
				font-size:3.4rem;
				color:#FFF;
				}
				.pageTtl_en{
					font-size:1.6rem;
					display:block;
					font-family: 'Oswald', sans-serif;
					font-weight: 400;
					margin-bottom:16px;
					vertical-align:middle;
					}
			.pageTtl_mark{
				}
				.pageTtl_mark img{
					height:120px;
					display:inline-block;
					}
@media screen and (max-width:896px) {
.pageTtl-company{ background-image:url(../images/common/pagettl_company_bg_sp.jpg);}
.pageTtl-product{ background-image:url(../images/common/pagettl_product_bg_sp.jpg);}
.pageTtl-service{ background-image:url(../images/common/pagettl_service_bg_sp.jpg);}
.pageTtl-contact{ background-image:url(../images/common/pagettl_contact_bg_sp.jpg);}
.pageTtl-weblog{ background-image:url(../images/common/pagettl_weblog_bg_sp.jpg);}
.pageTtl .inner{
	text-align:center;
	display:block;
	padding:80px 0;
	}
.pageTtl_ttl{
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:24px;
	margin-bottom:24px;
	}
.pageTtl_mark img{
	height:80px;
	}
}
@media screen and (max-width:480px) {
.pageTtl .inner{
	padding:40px 0;
}
.pageTtl_ttl{
	padding-bottom:16px;
	margin-bottom:16px;
	}
}
.ttlPt01{
	font-size:2.8rem;
	line-height:1em;
	margin-top:80px;
	margin-bottom:40px;
	position: relative;
	}
	.ttlPt01 span {
		position: relative;
		z-index: 2;
		display: inline-block;
		padding-right:24px;
		background-color: #fff;
		}
		.ttlPt01 span:first-letter{
			font-size:3.6rem;
			color:#37aaaa;
			}
			.ttlPt01::before {
				position: absolute;
				top: 50%;
				z-index: 1;
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: #37aaaa;
				}
.ttlPt02{
	margin-bottom:16px;
	font-size:2rem;
	padding-bottom:10px;
	color:#37aaaa;
	line-height:1em;
	border-bottom:1px solid #ddd;}

@media screen and (max-width:896px) {
.ttlPt01{
	line-height:1.2em;
	margin-top:48px;
	margin-bottom:32px;
	}
	.ttlPt01 span {
		padding-right:24px;
		}
}
@media screen and (max-width:480px) {
.ttlPt01{
	line-height:1.2em;
	margin-top:48px;
	margin-bottom:24px;
	}
	.ttlPt01 span {
		padding-right:16px;
		}
}

/* ---  アンカーナビゲーション */
.anchorNav{
	margin-top:-40px;
	background-color:#fff;
	border-radius:100px;
	padding:32px;
	}
	.anchorNav ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		line-height: 1em;
		}
		.anchorNav ul li{
			margin-right:32px;
			line-height: 1em;
			}
			.anchorNav ul li:last-child {
				margin-right:0;
				}
				.anchorNav ul li a{
					font-size:1.4rem;
					line-height:1em;
					font-weight:bold;
					}
@media screen and (max-width:896px) {
.anchorNav{
	padding:16px;
	border-radius:3px;
	margin-top:-24px;
	}
	.anchorNav ul{
		display:block;
		-webkit-box-pack: normal;
		    -ms-flex-pack: normal;
		        justify-content: normal;
		-webkit-box-align: normal;
		    -ms-flex-align: normal;
		        align-items: normal;
		}
		.anchorNav ul:after {
			content: " ";
			display: block;
			clear: both;
			}
			.anchorNav ul li{
				border-bottom:1px solid #f5f5f5;
				border-right:1px solid #f5f5f5;
				width:50%;
				float:left;
				margin-right:0;
				}
			  .anchorNav ul li:nth-of-type(2n){
					border-right:none;
					}
					.anchorNav ul li:last-child {
						border-bottom:none;
						}
						.anchorNav ul li a{
							display:block;
							padding:16px;
							text-align:center;
							}
}
@media screen and (max-width:480px) {}

/* ---  テーブル */
.basicTbl{
	width:100%;
	}
	.basicTbl th,
	.basicTbl td{
		border:1px solid #CCC;
		padding:24px;
		vertical-align: middle;
		}
		.basicTbl th{
			background-color:#f5f5f5;
			width:20%;
			text-align:left;
			}
			.basicTbl td{
				}
.basicTbl-fixed{
	table-layout:fixed;
	}

@media only screen and (max-width:896px) {
  .basicTbl th,
  .basicTbl td {
    display: block;
    width: 100%;
    margin-bottom: -1px;
  }
	
.basicTbl-fixed {
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
	}
	.basicTbl-fixed tbody {
		width: 100%;
		display:table;
		}
		.basicTbl-fixed  th,
		.basicTbl-fixed  td {
			display:table-cell;
			width: auto;
			margin-bottom:0;
			}
.basicTbl-fixed::-webkit-scrollbar{height: 5px;}
.basicTbl-fixed::-webkit-scrollbar-track {background: #F1F1F1;}
.basicTbl-fixed::-webkit-scrollbar-thumb {background: #BCBCBC;}

}
@media only screen and (max-width:480px) {
  .basicTbl th,
  .basicTbl td {
    padding: 16px;
  }
}

/* ---  ボタン */
.basicBtn{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:16px;
	border-radius: 100px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	}
	.basicBtn-grad{
		background: rgb(111,171,212); /* Old browsers */
		background: -moz-linear-gradient(45deg, rgba(111,171,212,1) 0%, rgba(123,213,215,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, rgba(111,171,212,1) 0%,rgba(123,213,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, rgba(111,171,212,1) 0%,rgba(123,213,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fabd4', endColorstr='#7bd5d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
		.basicBtn-grad:hover{
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#62c6c8+0,6fabd4+100 */
			background: rgb(98,198,200); /* Old browsers */
			background: -moz-linear-gradient(45deg,  rgba(98,198,200,1) 0%, rgba(111,171,212,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg,  rgba(98,198,200,1) 0%,rgba(111,171,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg,  rgba(98,198,200,1) 0%,rgba(111,171,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c6c8', endColorstr='#6fabd4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}


/*---------------------------------------------------------------------------------------------------- ■ header */

/*　fatnav.cssに記載　*/

.language{
	position:absolute;
	top:50%;
	left:334px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	letter-spacing:-0.4em;
	}
.language li{
	display:inline-block;
	letter-spacing:normal;
	margin-right:8px;
	}
.language li:last-child {
	margin-right:0;
	}
.language li a{
	font-weight:bold;
	font-size:1.2rem;
	line-height:1;
	width:32px;
	height:32px;
	text-align:center;
	line-height:32px;
	display:block;
	border-radius:50%;
	}
.language li a:hover{
	color:#FFF;
	background-color:#37aaaa;
	}
.language-jp{
	color:#FFF;
	background-color:#37aaaa;
	}
.language-en{
	color:#37aaaa;
	background-color:#f5f5f5;
	}
@media only screen and (max-width:1200px){
.language{
	left:auto;
	right:64px;
	}
}
	


/*---------------------------------------------------------------------------------------------------- ■ footer */
.copyright{
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
	background-color:#333;
	padding:16px;
	color:#FFF;
	}

/*---------------------------------------------------------------------------------------------------- ● トップページ */
/* --- ● 共通 */
.ttlTop{
	text-align:center;
	margin-bottom:32px;
	}
.ttlTop_jp{
	line-height:1em;
	font-size:1.4rem;
	display:block;
	margin-bottom:16px;
	}
.ttlTop_en{
	line-height:1em;
	font-size:3.8rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	}
.ttlTop__en_ch{
	color:#37aaaa;
	}
.ttlTop + p{
	text-align:center;
	font-size:1.4rem;
	line-height:1.8em;
	margin-bottom:56px;
	text-shadow:0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff;
	}
.ttlTop-white{ color:#FFF;}
@media only screen and (max-width:896px) {
.ttlTop{
	margin-bottom:16px;
	}
.ttlTop_jp{
	margin-bottom:8px;
	}
.ttlTop + p{
	margin-bottom:32px;
	}
	}
@media only screen and (max-width:480px) {
.ttlTop + p br{
	display:none;
	}	
	}
	
/* --- ● メインイメージ */
.mainVisual{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	}
.mainVisual_left,
.mainVisual_right{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	width:50%;
	}
.mainVisual_left{
	background-image:url(../images/mainvisual_left_tmb.jpg);
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height:680px;
	font-weight:bold;
	color: #FFF;
	}
	.mainVisual_left_box{
		width:100%;
		padding:0 4%;
		position:relative;
		z-index:1;
		}
	.mainVisual_left_box_catch {
		font-size: 4.0rem;
		line-height: 1.2em;
		margin-bottom: 24px;
		}
	.mainVisual_left_box_txt {
  	line-height: 1.8em;
		}
	.mainVisual_left_mark{
		position: absolute;
		z-index:99;
		bottom:20px;
		right:20px;
		}
	.mainVisual_left:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		background: -o-linear-gradient(45deg, rgba(111, 171, 212, 0.8) 0%, rgba(123, 213, 215, 0.8) 100%);
		background: linear-gradient(45deg, rgba(111, 171, 212, 0.8) 0%, rgba(123, 213, 215, 0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fabd4', endColorstr='#007bd5d7', GradientType=1);
		}
	.mainVisual_left_box{
		}
.mainVisual_right{
	background-image:url(../images/mainvisual_right_tmb.jpg);
	}
@media only screen and (max-width:1200px) {
	.mainVisual_left{
		width:100%;
		}
	.mainVisual_right{
		display:none;
		}
	}
@media only screen and (max-width:896px) {
	.mainVisual_left{
		display:block;
		height:auto;
		padding:128px 4%;
		text-align:center;
		}
	.mainVisual_left_box{
		padding:0;
		}
	.mainVisual_left_mark{
		margin-top:24px;
		position:relative;
		z-index:99;
		bottom:0px;
		right:0px;
		}
	.mainVisual_left_mark img{
		display:inline-block;
		}
	}
@media only screen and (max-width:480px) {
	.mainVisual_left{
		padding:64px 4%;
		}
	.mainVisual_left_box_txt br{
		display:none;
		}
	.mainVisual_left_mark{
		margin-top:16px;
		}
	}

.movie{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#37aaaa+0,2d8b8b+40,2d8b8b+100 */
	background: #37aaaa; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #37aaaa 0%, #2d8b8b 40%, #2d8b8b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #37aaaa 0%,#2d8b8b 40%,#2d8b8b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #37aaaa 0%,#2d8b8b 40%,#2d8b8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37aaaa', endColorstr='#2d8b8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.1);
	display:flex;
	align-items: center;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	}
.movie_ttl{
	color:#fff;
	width:40%;
	text-align: center;
	padding:20px;
	}
	.movie_ttl h2{
		font-size:2.2rem;
		line-height:1em;
		}
		.movie_ttl p{
			margin-top:10px;
			font-size:1.5rem;
			}
.movie_cont{
	width:60%;
	}
@media only screen and (max-width:480px) {
	.movie{
		display:block;
		}
		.movie_ttl{
			padding:30px 20px;
			}
		.movie_ttl,
		.movie_cont{
			width:100%;
			}
	}
	
/* --- ● 事業紹介*/
.ServiceDeco{
	position:absolute;
	}
.ServiceDeco-left{
	left:4%;
	top:100px;
	}
.ServiceDeco-right{
	right:4%;
	top:60px;
	}
.serviceCard{
	position:relative;
	}
	.serviceCard_tmb{
		width:100%;
		height:auto;
		}
		.serviceCard_cont{
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 50%, rgba(252,252,252,1) 50%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 50%,rgba(252,252,252,1) 50%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(135deg,  rgba(255,255,255,1) 50%,rgba(252,252,252,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			z-index:999;
			position:relative;
			background-color:#FFF;
			padding:48px 24px 24px;
			margin:-80px auto auto auto;
			width:92%;
			text-align:center;
			}
			.serviceCard_cont_ttl{
				font-size:2.2rem;
				padding-bottom:32px;
				border-bottom:1px dashed #ccc;
				margin-bottom:24px;
				}
				.serviceCard_cont_ttl span{
					display:block;
					color:#666;
					margin-top:8px;
					font-size:1.4rem;
					}
					.serviceCard .basicBtn{
						font-size:1.4rem;
						border-radius:100px;
						line-height:1em;
						}
@media only screen and (max-width:1200px) {
.ServiceDeco{
	position:absolute;
	top:60px;
	}
.ServiceDeco-left{
	left:2%;
	}
	.ServiceDeco-left img{
		height:200px;
		}
.ServiceDeco-right{
	right:2%;
	}
	.ServiceDeco-right img{
		height:200px;}
}
@media only screen and (max-width:896px) {
.ServiceDeco{
	display:none;
	}
.serviceCard_cont{
	padding:32px;
	margin:-40px auto auto auto;
	width:92%;
	}
.serviceCard_cont_ttl{
	padding-bottom:16px;
	margin-bottom:16px
	}
	}
@media only screen and (max-width:480px) {
.serviceCard{
	margin-bottom:16px;
	}
.serviceCard_cont{
	padding:24px;
	margin:-32px auto auto auto;
	}
	}
/* --- ● 各ページボタン */
.tmbBtn{
	display:block;
	}
	.tmbBtn:hover{
		opacity: 1;
		}
		.tmbBtn:hover .tmbBtn_box_tmb_caption {
			opacity: 1;
			}
.tmbBtn_box{
	display:table;
	width:100%;
	background-color:#FFF;
	border:1px solid #f5f5f5;
	}
	.tmbBtn_box_tmb,
	.tmbBtn_box_ttl{
		vertical-align:middle;
		display:table-cell;
		}
		.tmbBtn_box_tmb {
			position: relative;
			overflow: hidden;
			width:160px;
			height:160px;
			}
			.tmbBtn_box_tmb_caption {
				color:#FFF;
				font-size:1.2rem;
				font-weight:bold;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				background: rgba(111,171,212,0.8);
				-webkit-transition: 0.4s;
				transition: 0.4s;
				opacity: 0;
				}
				.tmbBtn_box_tmb_caption span{
					line-height:160px;
					text-align:center;
					display: block;
					}
					.tmbBtn_box_ttl{
						background: rgb(255,255,255); /* Old browsers */
						background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 50%, rgba(252,252,252,1) 50%); /* FF3.6-15 */
						background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 50%,rgba(252,252,252,1) 50%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(135deg,  rgba(255,255,255,1) 50%,rgba(252,252,252,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
						padding:20px;
						line-height:1em;
						text-align:center;
						font-weight:bold;
						}
						.tmbBtn_box_ttl span{
							display:block;
							color:#7bd5d7;
							margin-top:8px;
							line-height:1em;
							font-size:1.0rem;
							font-family: 'Oswald', sans-serif;
							}
@media only screen and (max-width:896px) {

.tmbBtn_box_tmb {
	width:144px;
	height:144px;
	}
.tmbBtn_box_tmb_caption span{
	line-height:144px;
	}
}
@media only screen and (max-width:480px) {
.tmbBtn_box_tmb {
	width:128px;
	height:128px;
	}
.tmbBtn_box_tmb_caption span{
	line-height:128px;
	}
	}
/* --- ● ニュース&トピックス */
.newsWrap{
	border-radius: 3px;
	padding:40px;
	background-color:#FFF;
	}
.news {
  width: 100%;
	height: 100%;
	max-height: 223px;
	overflow-y: auto;
	}
	.news_list {
		border-top: 1px solid #CCC;
		font-size: 1.4rem;
		font-weight: bold;
		}
		.news_list:last-child {
			border-bottom: 1px solid #CCC;
			}
			.news_list_link{
				color: #333;
				display: table;
				width: 100%;
				padding: 24px;
				position: relative;
				}
				.news_list_link:after {
					font-family: "FontAwesome";
					content: "\f0da";
					position: absolute;
					right: 16px;
					top: 50%;
					margin-top: -1em;
					}
					.news_list_link:hover {
						background-color: #fafafa;
						}
/*カテゴリー/日付*/				
.news_list_link_date {
  display: table-cell;
  width: 236px;
}
/* 時間の設定 */
.news_list_link_date_time {
  display: table-cell;
  vertical-align: top;
  width: 116px;
}
/* カテゴリの設定 */
.news_list_link_date_cate {
  display: table-cell;
  vertical-align: middle;
	width: 120px;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  padding: 8px 0px;
  line-height: 1em;
	font-size:1.2rem;
	}
	.news_list_link_date_cate-b {
		background-color: #6fabd4;
		}
/*タイトル*/
.news_list_link_ttl {
  display: table-cell;
  padding-left: 24px;
  vertical-align: middle;
}

@media only screen and (max-width:896px) {
.newsWrap{
	padding:32px;
	}
  .newsLeft {
    width: 100%;
    float: none;
  }
  .newsRight {
    margin-top: 16px;
    width: 100%;
    float: none;
  }

.news {
	max-height: 270px;
	}
/* --- ● 新着情報 */
/*タイトル*/
.news_list_link{
	display:block;
	padding:16px;
	}			
.news_list_link_date {
	display:block;
	letter-spacing:-0.4em;
	width:auto;
}
.news_list_link_date_time,
.news_list_link_date_cate{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	width:auto;
	}
.news_list_link_date_time {
	margin-right:16px;
}
.news_list_link_date_cate{
	min-width:120px;
	}
.news_list_link_ttl {
	display:block;
  padding-left: 0;
	margin-top:8px;
	overflow: hidden;
	width: 100%;
}
.news_list_link_ttl span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

}
@media only screen and (max-width:480px) {
.newsWrap{
	padding:24px;
	}
.news_list_link_date_cate{
	min-width:80px;
	}
}

/*---------------------------------------------------------------------------------------------------- ★ 事業内容 */
.service_catch{
	font-size:2.4rem;
	font-weight:bold;
	margin-bottom:24px;
	line-height:1em;
	}
.machineTbl{
	width:100%;
	table-layout:fixed;
	}
	.machineTbl th,
	.machineTbl td{
		padding:16px;
		font-size:1.4rem;
		border:1px solid #ccc;
		line-height:1em;
		}
		.machineTbl th{
			background-color:#f5f5f5;
			text-align:left;
			}
			.machineTbl .machineTbl_th{
				background-color:#6fabd4;
				text-align:center;
				color:#FFF;
				font-size:1.6rem;
				}
				.machineTbl td{
					text-align:center;
					}
@media only screen and (max-width:896px) {
.service_catch{
	margin-bottom:16px;
	line-height:1.2em;
	}
	}
@media only screen and (max-width:480px) {

	}
	
/*---------------------------------------------------------------------------------------------------- ★ 加工実績 */
.card{
	background-color:#FFF;
	}
	.card_tmb{
		}
		.card_cont{
			padding:32px;
			}
			.card_cont p{
				color:#37aaaa;
				font-weight:bold;
				text-align:center;
				}
				.card_cont span{
					display:block;
					color:#666;
					font-size:1.4rem;
					}
.picup{
	text-align:center;
	margin-top:16px;
	padding:40px;
	border:5px solid #f5f5f5;
	}
	.picup .basicBtn{
		max-width:240px;
		margin:0 auto;
		padding:8px;
		}
@media screen and (max-width:896px) {
.card_cont{
	padding:24px;
	}
.picup{
	padding:32px;
	}
	}
@media screen and (max-width:480px) {
.card_cont{
	padding:16px;
	font-size:1.4rem;
	line-height:1.4em;
	}
.picup{
	padding:24px;
	border:3px solid #f5f5f5;
	}
	}
/*---------------------------------------------------------------------------------------------------- ★ 会社案内 */
.philosophy {
  background: rgb(111, 171, 212);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fabd4', endColorstr='#7bd5d7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  padding: 80px;
}
.philosophy_box {
  background-color: #FFF;
  padding: 80px 56px;
  text-align: center;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.philosophy_txt {
  font-size: 3.4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  line-height: 1em;
}
.philosophy_txt-ch1 {
  color: #6ca6ce;
}
.philosophy_txt-ch2 {
  color: #7bd5d7;
}
.philosophy_txt_sc {
  margin: 0 16px;
}
.philosophy_jp {
  display: inline-block;
  line-height: 1em;
  margin-top: 24px;
  font-weight: bold;
  color: #666;
}
@media screen and (max-width:896px) {
  .philosophy {
    padding: 48px;
  }
  .philosophy_box {
    padding: 48px 32px;
  }
  .philosophy_txt {
    line-height: 1.2em;
  }
  .philosophy_txt_sc {
    margin: 0;
    display: block;
    line-height: 1em;
  }
  .philosophy_jp {
    line-height: 1.2em;
  }
}
@media screen and (max-width:480px) {
  .philosophy {
    padding: 24px;
  }
  .philosophy_box {
    padding: 32px;
  }
  .philosophy_jp {
    margin-top: 16px;
  }
}
.greeting {
  background-color: #f5f5f5;
}
.greeting .inner {
  background-image: url(../images/company/greeting_ceo_pc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 600px;
}
.greeting_box {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  padding: 56px;
  background-color: #6fabd4;
  max-width: 600px;
  width: 100%;
}
.greeting_txt {
  color: #FFF;
  text-align: justify;
  font-weight: bold;
  padding-bottom: 32px;
  border-bottom: 1px solid #4583ac;
  margin-bottom: 32px;
  line-height: 1.8em;
}
.greeting_name {
  display: inline-block;
  float: right;
}
@media screen and (max-width:1200px) {
  .greeting_box {
    max-width: 520px;
  }
}
@media screen and (max-width:896px) {
  .greeting {
    background-color: transparent;
  }
  .greeting .inner {
    background-image: none;
    height: auto;
  }
  .greeting_tmb img {
    width: 100%;
  }
  .greeting_box {
    box-shadow: none;
    position: static;
    transform: none;
    -webkit- transform: none;
    top: auto;
    padding: 32px;
    max-width: 100%;
  }
  .greeting_txt {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width:480px) {
  .greeting_box {
    padding: 24px;
  }
  .greeting_txt {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.companyTbl {
  width: 100%;
}
.companyTbl tr:first-child {
  border-top: 1px dashed #ccc;
}
.companyTbl th,
.companyTbl td {
  vertical-align: middle;
  border-bottom: 1px dashed #ccc;
  padding: 32px;
}
.companyTbl th {
  width: 20%;
  color: #37aaaa;
  text-align: left;
  position: relative;
}
.companyTbl th:after {
  display: block;
  content: "";
  width: 30px;
  height: 1px;
  background-color: #37aaaa;
  position: absolute;
  top: calc(50% - 1px);
  right: 32px;
}
.companyTbl td {}
@media screen and (max-width:896px) {
  .companyTbl th,
  .companyTbl td {
    display: block;
    width: 100%;
    padding: 24px;
  }
  .companyTbl th {
    background-color: #f8fdff;
    position: static;
  }
  .companyTbl th br,
  .companyTbl th:after {
    display: none;
  }
}
@media screen and (max-width:480px) {
  .companyTbl th,
  .companyTbl td {
    padding: 16px;
  }
}


				
/*---------------------------------------------------------------------------------------------------- ★ ニュース&トピックス */



/*---------------------------------------------------------------------------------------------------- ★ お問合せ */
.formNotes {
  border: 5px solid #f5f5f5;
  padding: 24px;
}
.requiredTxt {
  color: #d52d41;
  font-weight: bold;
}
.requiredBg {
  background-color: #f8ffeb !important;
}
.requiredTag {
  color: #FFF;
  font-weight: 800;
  background-color: #d52d41;
  padding: 4px;
  line-height: 1em;
  display: inline-block;
  font-size: 1.0rem;
  vertical-align: middle;
  white-space: nowrap;
}
/* --- ラジオボタン/チェックボックス */

/*
	●ラジオボタンの場合
	<div class="radioGroup">
	<label><input class="formRadio" name="way" type="radio" value="お問合せ"><span>お問合せ</span></label>
	<label><input class="formRadio" name="way" type="radio" value="資料請求"><span>資料請求</span></label>
	</div>
	●チェックボックスの場合
	<div class="checkGroup">
	<label><input class="formCheck" name="way" type="checkbox" value="お問合せ"><span>お問合せ</span></label>
	<label><input class="formCheck" name="way" type="checkbox" value="資料請求"><span>資料請求</span></label>
	</div>
*/

label {
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  background-color: #f5f5f5;
  margin-bottom: 5px;
}
.formRadio,
.formCheck {
  display: none;
}
.formRadio+span,
.formCheck+span {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.2em 0;
  padding: 0 0 0 1.2em;
  position: relative;
}
.formRadio+span::before,
.formCheck+span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  height: 16px;
  width: 16px;
}
.formRadio+span::before {
  border-radius: 50%;
}
.formCheck+span::before {
  border-radius: 2px;
}
.formRadio+span::after,
.formCheck+span::after {
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "";
}
.formRadio+span::after {
  -webkit-transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid transparent;
  border-radius: 50%;
  height: 8px;
  left: 4px;
  padding: 2px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.formCheck+span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid rgba(0, 0, 0, 0.32);
  border-left: 3px solid rgba(0, 0, 0, 0.32);
  display: block;
  height: 0.6em;
  left: 0;
  margin-top: -0.2em;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 1em;
}
.formRadio:checked+span::after,
.formCheck:checked+span::after {
  opacity: 1;
}
/* --- セレクト/テキスト/テキストエリア */

.formSelect,
.formText,
.formTextarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: inherit;
  font-family: inherit;
  padding: 8px;
  border-radius: 5px;
  width: 100%;
  font-size: 1em;
  background-color: #fff;
}
.formSelect:focus,
.formText:focus,
.textarea:focus {
  border: 1px solid rgba(0, 0, 0, 0.32);
}
.formSelect {
  background: transparent url(https://haniwaman.com/wp-content/uploads/2018/12/form-css-arrow.png) no-repeat center right 8px/8px 8px;
  cursor: pointer;
}
.formSelect::-ms-expand {
  display: none;
}
.formText-w30 {
  width: 30%;
}
.formText-w20 {
  width: 20%;
}
.formText-w10 {
  width: 10%;
}
.formTextarea {
  height: 200px;
}
.formFile {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  background: #6dbd63;
  color: #fff;
  padding: 8px;
  line-height: 30px;
  cursor: pointer;
}
.formFile:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.formFile input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.formFile_uploadValue {
  display: none;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding: 4px;
  color: #ffffff;
  font-size: 1.2rem;
}
/* --- ボタン */

.formButton {
  width: 100%;
  max-width: 440px;
  text-align: center;
  margin: 0 auto;
  background-image: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.8rem;
  padding: 16px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
}
.formButton:hover,
.formButton:focus {
  outline: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.formButton::-moz-foucus-inner {
  border: none;
  padding: 0;
}
.formButton--reset {
  background-color: #ddd;
}
.formButton--submit {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6fabd4+0,7bd5d7+100 */
  background: rgb(111, 171, 212);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(111, 171, 212, 1) 0%, rgba(123, 213, 215, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fabd4', endColorstr='#7bd5d7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}