/*
Theme Name: ツツミ鋼材事業部
Version: 1.0
*/

@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css);

/*####################################################################################

  	WP

　####################################################################################*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
.main{
	overflow-wrap: break-word;
	word-wrap: break-word;
}
*/

.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}

strong{font-weight: bold;}



/*####################################################################################

  	HOME

　####################################################################################*/


/* コンテンツ */


	.mainimage{
		width:100%;
		height:640px;
		background-image:url("/images/img_main5.jpg");
		background-position: 50% 50%;
		background-size: auto 100%;
	}
/*
	.mainimage img{
		width:100%;
		height:auto;
	}
*/

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

	.mainimage{
		height: 400px;
	}
}

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

	.mainimage{
		height: 300px;
	}
}

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

	.mainimage{
		height:230px;
	}

}

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

	.mainimage{
		height: 150px;
	}

}

/* 共通 */

		.stdsec h2{
			margin-bottom:20px !important;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.1em;
		}

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

		.stdsec h2{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.stdsec h2{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.stdsec h2{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.stdsec h2 + p{
				margin:0;
				padding-left:5px;
			}

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

			.stdsec h2 + p{
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.stdsec h2 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.stdsec h2 + p{
				font-size:0.7em;
			}

		}



/* Index main */

	.index main{
		background-image:url("/images/bg_mainbody.png");
		background-repeat: no-repeat;
		background-position: 50% -100px;
	}

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

	.index main{
		clear: both;
		background-size: 120% auto;
	}

}

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

	.index main{
		background-size: 130% auto;
		background-position: 50% -100px
	}

}

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

	.index main{
		background-size: 140% auto;
	}

}



	/* 主要コンテンツリンク */

	.contentslist{
		width: 100%;
		height: 230px;
		margin-bottom:-240px ;
		padding-top: 10px;
		position: relative;
		top:-280px;
		z-index:110;
		overflow: hidden;
	}

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

	.contentslist{
		top:-240px;
	}

}

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

	.contentslist{
		top:-200px;
	}

}

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

	.contentslist{
		top:-170px;
	}

}

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

	.contentslist{
		height: 340px;
		margin-bottom:-390px ;
		top:-370px;
	}

}


	/* コンテントリストバナー */

		.contentslist ul{
			max-width:1200px;
			width:90%;
			margin: 0 auto;
		}

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

		.contentslist ul{
			width: 210px;
		}

	}

			.contentslist li{
				float: left;
				max-width: 360px;
				width:30%;
				margin-right:5%;
				list-style: none;
				position: relative;
			}
			.contentslist li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.contentslist li{
				width:100%;
				height:72px;
				margin:0 auto 8px;
				list-style: none;
				overflow: hidden;
				border-radius: 6px;
			}

		}




				.contentslist li a{
					text-decoration: none;
				}


				.contentslist li img{
					width:100%;
					height: auto;
					line-height: 0;
 					transition:0.5s all;
					border-radius: 10px;
				}
				.contentslist li img:hover{
					transform:scale(1.1,1.1);
					transition:0.5s all;
				}	

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

				.contentslist li img{
					border-radius:0;
				}

			}

				.contentslist li p{
					margin:8px 0 3px;
					color:#c58080;
					text-align: center;
					font-weight: 700;
					line-height: 1em;
				}

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

				.contentslist li p{
					margin:3px 0 3px;
				}

			}

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

				.contentslist li p{
					margin:3px 0 1px;
					font-size:0.85em;
					letter-spacing: 0;
				}

			}

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

				.contentslist li p{
					font-size:0.8em;
				}

			}


				.contentslist li h3{
					margin: 0;
					color:#036;
					text-align: center;
					font-weight: 700;
				}

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

				.contentslist li h3{
					font-size:0.9em;
				}

			}


/* メインバナー */



/* NEWS */

	.topnews .innerwrapper{
		padding:60px 0 0;
		position: relative;
		z-index: 100;
	}

		.topnews .topinfo{
			max-width:1150px;
			width:calc(90% - 50px);
			margin: -130px auto 80px;
			padding:15px 25px 0;
			background-color: #fff;
			position: relative;
display: none;
		}

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

		.topnews .topinfo{
			width:calc(86% - 50px);
			margin-bottom: 70px;
			padding-left: 4%;
		}

	}

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

		.topnews .topinfo{
		}

	}

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

		.topnews .topinfo{
			width:90%;
			margin: -40px auto 10px;
			padding:30px 0 40px;
			/*top:0;*/
		}

	}

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

		.topnews .topinfo{
			margin-bottom: 30px;
		}

	}

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

		.topnews .topinfo{
		}

	}

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

		.topnews .topinfo{
			margin-bottom: 40px;
		}

	}

			.topnews .inner .newsleft{
				width:60px;
				min-height: 160px;
				color:#fff;
				float: left;
    			text-align: center;
				background-color: #359fb1;
			}

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

			.topnews .inner .newsleft{
				min-height: 240px;
			}

		}

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

			.topnews .inner .newsleft{
				width:100%;
				height:30px;
				min-height: 30px;
				margin-bottom: 20px;
				float: none;
			}

		}



			.topnews .inner .newsleft .title{
				display:flex;
				justify-content: center;
				align-items:center;
				width:100%;
				height: 100px;
				font-family:sans-serif;
				font-size:0.8em;
				writing-mode: vertical-rl;
				background-color:#66bccc;
			}

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

			.topnews .inner .newsleft .title{
				min-height: 180px;
			}

		}

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

			.topnews .inner .newsleft .title{
				width:calc(100% - 80px);
				height:100%;
				min-height:100%;
				writing-mode:horizontal-tb;
				float:left;
			}

		}

			.topnews .inner .newsleft .link{
				display:flex;
				justify-content: center;
				align-items:center;
				width:100%;
				height: 60px;
				color:#fff;
				font-family:sans-serif;
				font-size:0.8em;
				text-decoration: none;
				writing-mode: vertical-rl;
				background-image: url("/shared/img_yajirushi-white4.png");
				background-position:calc(100% - 1px) 50%;
				background-repeat: no-repeat;
			}

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

			.topnews .inner .newsleft .link{
				width:80px;
				height:100%;
				writing-mode:horizontal-tb;
				float:right;
			}

		}

.topnews .inner{zoom:1;}
.topnews .inner::after{
  content: ""; 
  display: block; 
  clear: both;
}

.topnews .inner .newsleft{zoom:1;}
.topnews .inner .newsleft::after{
  content: ""; 
  display: block; 
  clear: both;
}


				
		.newslist{
			width:calc(100% - 80px);
			margin: 0;
			position: relative;
			float: right;
		}

	@media screen and (max-width:770px){
				
		.newslist{
			width:100%;
			margin: 0;
			float:none;
		}

	}

			.newslist li{
				margin: 0;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
				background-image: url("/shared/bg_newslist.png");
				background-position: 100% 50px;
				background-repeat:repeat-y;
			}
			.newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

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

			.newslist li:nth-of-type(3){
				display: none;
			}

		}

			.newslist li a,
			.newslist li span{
				display: block;
				width:calc(99% - 25px);
				height: 100%;
				padding:13px 25px 13px 1%;
				background-image: url("/shared/img_yajirushi-white4.png");
				background-position:calc(100% - 4px) 50%;
				background-repeat: no-repeat;
			}

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

			.newslist li a,
			.newslist li span{
				padding:10px 25px 10px 1%;
			}

		}

			.newslist li a,
			.newslist li span{zoom:1;}
			.newslist li a::after,
			.newslist li span::after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}



			.newslist li p.date{
				width: 120px;
				margin: 0;
				/*padding-top: 13px;*/
				color:#999;
				font-size:0.9em;
				float:left;
			}

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

			.newslist li p.date{
				/*padding-top:5px;*/
			}

		}



			.newslist li p.title{
				width: calc(100% - 130px);
				margin: 0;
				float:right;
			}

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

			.newslist li p.title{
				clear: both;
				width: 100%;
				float:none;
			}

		}

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

			.newslist li p.title{
				font-size:0.9em;
			}

		}

.white .newslist li span{
	color: #333;
}


	/* トピックス */

		.topnews .toptopics{
			max-width:1200px;
			width:90%;
			margin:0 auto 50px;
		}

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

		.topnews .toptopics{
		}

	}

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

		.topnews .toptopics{
			margin: -20px auto 10px;
		}

	}

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

		.topnews .toptopics{
			margin: -40px auto 0;
		}

	}



		.topicslink{
			clear: both;
			width: 100%;
			margin:0 auto;
			/*padding-top:80px;*/
		}

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

		.topicslink{
			max-width:420px;
			width: 100%;
			margin-bottom: 15px;
		}

	}

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

		.topicslink{
			margin: 20px 0 0;
			top:0;
		}

	}


		.topicslink{zoom:1;}
		.topicslink:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

			.topicslink li{
				width:30%;
				margin-right:5%;
				list-style: none;
				float: left;
			}
			.topicslink li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.topicslink li{
				width:48%;
				margin-right:4%;
				list-style: none;
				float: left;
			}
			.topicslink li:nth-of-type(2n){
				margin-right: 0;
			}
			
		}

				.topicslink li a{
					text-decoration: none;
				}

				.topicslink li img{
					width: 100%;
					height: auto;
				}

				.topicslink li p{
					margin: 5px 0 0;
					color:#006f82;
					font-size: 1.2em;
					font-weight: 700;
					text-align: center;
				}

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

				.topicslink li p{
					margin: 0;
					color:#006f82;
					font-size: 1.0em;
					font-weight: 700;
					text-align: center;
					position: relative;
					top:-5px;
				}

			}

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

				.topicslink li p{
					margin: 0 0 10px;
				}

			}

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

				.topicslink li p{
					font-size:0.9em;
				}

			}










	/* TOPツツミの強み */

	.topstrongpoint{
		clear: both;
	}

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

	.topstrongpoint{
		margin-bottom: 20px;
		position: relative;
		top:20px;
	}

}

	.topstrongpoint .innerwrapper{
		position: relative;
		background-color: #ad456d;
		background-image: url("/images/bg_top-strongpoint.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.topstrongpoint .innerwrapper{
		background-position: 50% 50%;
		background-size: auto 100%;
	}

}


	.topstrongpoint .inner{
		max-width: 1000px;
		width:90%;
		height: 340px;
		margin: 0 auto;
		padding-top:60px;
	}

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

	.topstrongpoint .inner{
		width:86%;
		padding-left: 4%;
	}

}
@media screen and (max-width:1000px){

	.topstrongpoint .inner{
		width:90%;
		padding-left: 0;
	}

}


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

	.topstrongpoint .inner{
		height: 280px;
		padding-top:40px;
	}

}

	.topstrongpoint h2{
		color:#fff;
	}
		.topstrongpoint h2 + p{
			color:#fff;
			opacity: 0.70;
		}

	.topstrongpoint .note{
		margin-top:50px;
		color:#fff;
		line-height: 1.7em;
		text-shadow:0 0 10px #ae456e,0 0 10px #ae456e,0 0 10px #ae456e,
			0 0 5px #ae456e,0 0 5px #ae456e,0 0 5px #ad456d;
	}

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

	.topstrongpoint .note{
		margin-top:20px;
	}

}

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

	.topstrongpoint .note{
		font-size:0.9em;
	}

}


		.topstrongpoint .note ol{
			margin-left: 25px;
		}


		.topstrongpoint .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin-top: 40px;
			color: #ad456d;
			font-size:1.2em;
			background-image:url("/shared/bg_clear-white50.png");
			border-radius: 5px;
		}

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

		.topstrongpoint .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 35px;
			font-size:1.1em;
		}

	}

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

		.topstrongpoint .linkbtn{
			font-size:1.0em;
		}

	}



	/* TOP事業部概要 */

	.topoutline{
		max-width: 1200px;
		width: 90%;
		margin:0 auto;
		padding-top: 80px;
	}

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

	.topoutline{
		padding-top: 50px;
	}

}

.topoutline{zoom:1;}
.topoutline:after{
  content: ""; 
  display: block; 
  clear: both;
}


	.topoutline > img{
		width:50%;
		height: auto;
		float: right;
	}

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

	.topoutline > img{
		width:40%;
		height: auto;
	}

}

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

	.topoutline > img{
		display: block;
		max-width: 360px;
		width:90%;
		height: auto;
		margin: 0 auto;
		float: none;
	}

}



	.topoutline > .inner{
		width:37.5%;
		margin-left:7.5%;
		padding-top:67px;
		float: left;
	}

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

	.topoutline > .inner{
		width:90%;
		margin: 0 auto 30px;
		padding-top: 10px;
		float: none;
	}

}

	.topoutline h2{
		color:#006f82;
	}

	.topoutline .note{
		margin-top:50px;
		color:#00414d;
		line-height: 1.7em;
	}

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

	.topoutline .note{
		margin-top:30px;
	}

}

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

	.topoutline .note{
		margin-top:20px;
	}

}

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

	.topoutline .note{
		font-size:0.9em;
	}

}
		

		.topoutline .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin-top: 40px;
			color: #00414d;
			font-size:1.2em;
			background-color:#d2f4fa;
			border-radius: 5px;
		}

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

		.topoutline .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 25px;
			font-size:1.1em;
		}

	}

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

		.topoutline .linkbtn{
			margin: 25px auto 0;
		}

	}

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

		.topoutline .linkbtn{
			font-size:1.0em;
		}

	}



	/* TOP加工フロー */

	.topflow{
		max-width: 1200px;
		width: 90%;
		margin:0 auto;
		padding: 80px 0;
	}

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

	.topflow{
		padding: 50px 0;
	}

}


.topflow{zoom:1;}
.topflow:after{
  content: ""; 
  display: block; 
  clear: both;
}


	.topflow > img{
		width:50%;
		height: auto;
		float: left;
	}

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

	.topflow > img{
		width:40%;
		height: auto;
	}

}

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

	.topflow > img{
		display: block;
		max-width: 360px;
		width:90%;
		height: auto;
		margin: 0 auto;
		float: none;
	}

}


	.topflow > .inner{
		width:37.5%;
		margin-right:5%;
		padding-top:67px;
		float: right;
	}

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

	.topflow > .inner{
		width: 45%;
		margin-right:0;
		padding-top: 15px;
	}

}

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

	.topflow > .inner{
		width: 55%;
		padding-top: 10px;
	}

}

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

	.topflow > .inner{
		width:90%;
		margin: 0 auto 30px;
		padding-top: 10px;
		float: none;
	}

}

	.topflow h2{
		color:#006f82;
	}


	.topflow .note{
		margin-top:50px;
		color:#00414d;
		line-height: 1.7em;
	}

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

	.topflow .note{
		margin-top:30px;
	}

}

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

	.topflow .note{
		margin-top:20px;
	}

}

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

	.topflow .note{
		font-size:0.9em;
	}

}
		

		.topflow .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin-top: 40px;
			color: #00414d;
			font-size:1.2em;
			background-color:#d2f4fa;
			border-radius: 5px;
		}

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

		.topflow .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 25px;
			font-size:1.1em;
		}

	}

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

		.topflow .linkbtn{
			margin: 25px auto 0;
		}

	}

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

		.topflow .linkbtn{
			font-size:1.0em;
		}

	}
		
		


	/* 会社紹介 */

	.totsutsumi .inner{
		max-width: 1000px;
		width:100%;
		margin: 0 auto;
	}

	.totsutsumi .innerwrapper{
		height:640px;
		padding: 120px 0;
		background-image: url("/images/img_to-tsutsumi.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}

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

	.totsutsumi .innerwrapper{
		height:400px;
		padding: 100px 0;
	}

}

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

	.totsutsumi .innerwrapper{
		height:330px;
		padding: 70px 0;
	}

}

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

	.totsutsumi .innerwrapper{
		height:210px;
		padding: 60px 0;
	}

}

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

	.totsutsumi .innerwrapper{
		height:160px;
		padding: 60px 0;
	}

}

	.totsutsumi .innerwrapper div{
		width:100%;
		height:170px;
		margin-top: 200px;
		font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
		text-align: center;
		background-image:url("/images/img_to-tsutsumi2.png");
		background-position: 50% 100%;
		background-repeat: no-repeat;
	}

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

	.totsutsumi .innerwrapper div{
		margin-top: 100px;
	}

}

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

	.totsutsumi .innerwrapper div{
		height:160px;
		margin-top: 50px;
	}

}

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

	.totsutsumi .innerwrapper div{
		height:150px;
		margin-top: 60px;
	}

}

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

	.totsutsumi .innerwrapper div{
		height:150px;
		margin-top: 15px;
	}

}

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

	.totsutsumi .innerwrapper div{
		height:100px;
		margin-top:20px;
		background-size: 30px auto;
	}

}


		.totsutsumi strong{
			color:#fff;
			font-size:4.8em;
			font-weight: 400;
			position: relative;
			letter-spacing: 0.1em;
		}


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

		.totsutsumi strong{
			font-size:4.0em;
		}

	}

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

		.totsutsumi strong{
			font-size:3.2em;
		}

	}

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

		.totsutsumi strong{
			font-size:2.2em;
		}

	}

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

		.totsutsumi strong{
			font-size:2.0em;
		}

	}

		.totsutsumi .linkbtn{
			display:flex;
			justify-content: center;
			align-items:center;
			max-width: 360px;
			width:80%;
			height: 50px;
			margin:0 auto;
			color:#006f82;
			font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", "M PLUS Rounded 1c",sans-serif;
			font-size:1.2em;
			text-align: center;
			border-radius: 5px;
			background-color: transparent;
			background-image:url("/shared/bg_clear-white80.png");
		}

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

		.totsutsumi .linkbtn{
		}

	}

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

		.totsutsumi .linkbtn{
			max-width: 300px;
			height: 40px;
		}

	}

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

		.totsutsumi .linkbtn{
			font-size:1.1em;
		}

	}






/*####################################################################################

   コンテンツ

　####################################################################################*/







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








/* ################################################################################

   ツツミの強み

####################################################################################*/

	.strongpoint main > header{
		padding: 0 !important;
		text-align:left !important;
	}


	.strongpoint main > header .innerwrapper{
		position: relative;
		background-color: #ad456d;
		background-image: url("/images/bg_top-strongpoint.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.strongpoint main > header .innerwrapper{
		background-size: auto 100%;
	}

}



	.strongpoint main > header .inner{
		max-width: 1000px;
		width:90%;
		height:260px;
		margin: 0 auto;
		padding-top:140px;
	}

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

	.strongpoint main > header .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.strongpoint main > header .inner{
		width:90%;
		padding-left: 0;
	}

}

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

	.strongpoint main > header .inner{
		height: 185px;
		padding-top:115px;
	}
}

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

	.strongpoint main > header .inner{
		width:88%;
		height: 150px;
		padding-top:80px;
	}

}

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

	.strongpoint main > header .inner{
		width:86%;
		height: 100px;
		padding-top:50px;
	}

}

	.strongpoint main > header h2{
		color:#fff;
	}
		.strongpoint main > header h2 + p{
			color:#fff;
			opacity: 0.70;
		}


		.pointlist{
			
		}

			.pointlist .catch{
				max-width: 1200px;
				width: 96%;
				margin: 0 auto;
				padding: 60px 0;
				color: #ad456d;
				font-size:3.2em;
				font-weight:500;
				font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
				font-feature-settings: "palt" 1;
				text-align: center;
				line-height: 1.5em;
				letter-spacing: 0.03em;
			}

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

			.pointlist .catch{
				font-size:3.0em;
			}

		}

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

			.pointlist .catch{
				padding: 50px 0;
				font-size:2.4em;
			}

		}

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

			.pointlist .catch{
				padding: 40px 0;
				font-size:1.8em;
			}

		}

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

			.pointlist .catch{
				padding: 40px 0 50px;
			}

		}

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

			.pointlist .catch{
				font-size:1.6em;
			}

		}

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

			.pointlist .catch{
				font-size:1.4em;
				letter-spacing: 0.03em;
			}

		}

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

			.pointlist .catch{
				font-size:1.3em;
			}

		}

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

			.pointlist .catch{
				font-size:1.2em;
				letter-spacing: 0em;
			}

		}

			.pointlist .inner{
				max-width: 1200px;
				width: 90%;
				margin: 0 auto;
			}


			.pointlist ol{
			}

				.pointlist ol li{
					width:92%;
					padding:15px 0 75px 8%;
					list-style: none;
					background-position: 0 0;
					background-repeat: no-repeat;

				}
				.pointlist ol li:nth-of-type(1){background-image: url("/images/img_num1.png");}
				.pointlist ol li:nth-of-type(2){background-image: url("/images/img_num2.png");}
				.pointlist ol li:nth-of-type(3){background-image: url("/images/img_num3.png");}

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

				.pointlist ol li{
					padding:11px 0 40px 8%;
					background-size: 40px auto;
				}

			}

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

				.pointlist ol li{
					width:100%;
					padding:13px 0 40px;
				}

			}

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

				.pointlist ol li{
					padding:0 0 60px;
				}

			}

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

				.pointlist ol li{
					background-size: 34px auto;
					background-position: 0 2px;
				}

			}

				.pointlist ol li h3{
					margin-bottom: 50px;
					color: #00414d;
					font-size:3.0em;
					font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
					line-height: 1.3em;
				}

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

				.pointlist ol li h3{
					margin-bottom: 40px;
					font-size:2.4em;
				}

			}

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

				.pointlist ol li h3{
					font-size:2.0em;
				}

			}

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

				.pointlist ol li h3{
					width: calc(100% - 55px);
					padding-left: 55px;
					font-size:1.6em;
				}

			}

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

				.pointlist ol li h3{
					width: calc(100% - 50px);
					padding-left: 50px;
					margin-bottom: 30px;
				}

			}

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

				.pointlist ol li h3{
					width: calc(100% - 45px);
					padding-left: 45px;
					font-size:1.4em;
				}

			}


					.pointlist ol li img{
						width:25%;
						min-width:240px;
						margin:0 0 20px 4.5%;
						height: auto;
						float: right;
						position: relative;
						top:5px;
					}

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

					.pointlist ol li img{
						display: block;
						width:240px;
						margin: 0 auto 30px;
						float: none;
						top:0;
					}

				}

					.pointlist ol li h4{
						margin-bottom:-8px;
						color:#006f82;
						font-size:1.6em;
						font-weight:700;
					}

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

					.pointlist ol li h4{
						font-size:1.4em;
					}

				}

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

					.pointlist ol li h4{
						font-size:1.2em;
					}

				}


			.pointimage{
				max-width: 1200px;
				width:100%;
				margin: 0 auto;
			}

				.pointimage img{
					width:100%;
					height: auto;
				}


		.pointnote{
			margin:80px auto 90px;
			max-width: 1000px;
			width:90%;
		}

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

		.pointnote{
			width:86%;
			padding-left: 4%;
		}

	}
	@media screen and (max-width:1000px){

		.pointnote{
			width:90%;
			padding-left: 0;
		}

	}

		.pointnote div{
			font-size:1.2em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			line-height: 2.1em;
		}
		.pointnote div span{
			color:#f00;
		}

	@media screen and (max-width:1000px){
		
		.pointnote{
			margin:60px auto 70px;
		}
		.pointnote div{
			font-size:1.1em;
			line-height: 2.0em;
		}

	}

	@media screen and (max-width:640px){
		
		.pointnote{
			margin:40px auto 40px;
			font-size:1.0em;
			line-height: 1.9em;
		}

	}


		.pointlist ol li .linkbtn,
		.pointnote .linkbtn{
			max-width: 360px;
			width: 80%;
			height: 50px;
			margin: 40px auto 0;
			color: #fff;
			font-size:1.2em;
			background-color:#fe9929;
			border-radius: 5px;
		}
		.pointnote .linkbtn{
			margin-top: 50px;
		}

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

		.pointlist ol li .linkbtn,
		.pointnote .linkbtn{
			max-width: 300px;
			height: 40px;
			margin-top: 35px;
			font-size:1.1em;
		}
		.pointnote .linkbtn{
			margin-top: 45px;
		}

	}

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

		.pointlist ol li .linkbtn,
		.pointnote .linkbtn{
			font-size:1.0em;
		}

	}



	.strongpoint #globalfooter{
		border-top:1px solid #ccc;
	}







/*####################################################################################

   事業部概要

　####################################################################################*/

	.outline main > header{
		padding: 100px 0 75px;
		text-align: center;
	}

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

	.outline main > header{
		padding: 50px 0 50px;
	}

}

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

	.outline main > header{
		padding: 20px 0 30px;
	}

}

		.outline .selectcontent{
		max-width: 890px;
		width:90%;
		margin: 75px auto 10px;
	}

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

	.outline .selectcontent{
		margin-top:50px;
	}

}

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

	.outline .selectcontent{
		margin-top: 30px;
	}

}

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

	.outline .selectcontent{
		margin-top: 20px;
	}

}


.selectcontent{zoom:1;}
.selectcontent:after{
  content: ""; 
  display: block; 
  clear: both;
}

		.outline .selectcontent li{
			display:flex;
			justify-content: center;
			align-items:center;
			width:48%;
			height: 70px;
			color:#000;
			font-size:1.2em;
			font-weight:700;
			list-style: none;
			float: left;
			background-color: #f8f8f8;
			box-shadow: 0 0 0 1px inset #ccc;
		}
		.outline .selectcontent li:nth-last-of-type(1){
			float:right;
		}

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

		.outline .selectcontent li{
			height:60px;
			font-size:1.0em;
		}

	}

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

		.outline .selectcontent li{
			height:50px;
		}
		.outline .selectcontent li span{
			display: none;
		}

	}


		.outline .selectcontent li a{
			display:flex;
			justify-content: center;
			align-items:center;
			width:100%;
			height:100%;
			color:#00414d;
			text-decoration: none;background-color: #fff;
			box-shadow: 0 0 0 1px inset #ccc;
		}


		.outline .division .organization{
			width: 100%;
			overflow-y: auto;
		}
		.outline .division .organization img{
			width: 100%;
			min-width:500px;
			height: auto;
			/*margin: 0 5%;*/
		}


		.outline .division h3{
			margin-bottom:80px;
			color:#00414d;
			text-align: center;
			font-size:2.4em;
			font-weight: 700;
		}

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

		.outline .division h3{
			margin-bottom:60px;
			font-size:1.8em;
		}

	}

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

		.outline .division h3{
			margin-bottom:40px;
			font-size:1.6em;
		}

	}

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

		.outline .division h3{
			font-size:1.4em;
		}

	}



		.outline .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
		}

		.outline .division dl{
			padding-bottom:90px;
		}

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

		.outline .division dl{
			padding-bottom:70px;
		}

	}

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

		.outline .division dl{
			padding-bottom:50px;
		}

	}


			.outline .division dt{
				margin:80px 0 45px;
				padding:0 0 10px 25px;
				color:#00414d;
				font-size:1.6em;
				font-weight:700;
				background-image: url("/shared/dot_box-red.png");
				background-repeat: no-repeat;
				background-position: 0 12px;
				background-size: 10px 3px;
				border-bottom: 1px solid #ccc;

			}

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

			.outline .division dt{
				margin:70px 0 30px;
				padding:0 0 9px 20px;
				font-size:1.4em;
				background-position: 0 13px;
				background-size: 7px 2px;
			}

		}

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

			.outline .division dt{
				margin:60px 0 25px;
				padding:0 0 8px 15px;
				font-size:1.3em;
				background-position: 0 12px;
			}

		}

			.outline .division dd{
			}

			.outline .division dd{zoom:1;}
			.outline .division dd:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}


				.outline .division dd img{
					width:30%;
					height: auto;
					float: left;
				}

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

				.outline .division dd img{
					display: block;
					max-width:300px;
					width:100%;
					height: auto;
					margin: 0 auto 20px;
					float:none;
				}

			}

				.outline .division dd .description{
					width:65%;
					float:right;
				}

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

				.outline .division dd .description{
					width:100%;
					float:none;
				}

			}


					.outline .division dd .description .catch{
						margin: 0 0 10px;
						color:#00414d;
						font-size:1.2em;
						font-weight:700;
					}

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

					.outline .division dd .description .catch{
						margin: 0 0 8px;
						font-size:1.1em;
					}

				}

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

					.outline .division dd .description .catch{
						font-size:1.0em;
					}

				}

					.outline .division dd .description .note{
						margin: 0;
						line-height:1.7em;
					}


				.outline .division dd ul{
					clear: both;
					max-width: 750px;
					width:100%;
					margin: 0 auto;
					padding-top: 40px;
				}

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

				.outline .division dd ul{
					max-width: 320px;
					padding-top: 20px;
				}

			}


					.outline .division dd ul li{
						width:48%;
						height: 50px;
						list-style: none;
						float: left;
						border-radius: 5px;
						background-color: #fe9929;
					}

					.outline .division dd ul li:nth-of-type(2){
						float:right;
					}

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

					.outline .division dd ul li{
						width:100%;
						height: 50px;
						margin-top: 15px;
						float:none;
					}

					.outline .division dd ul li:nth-of-type(2){
						float:none;
					}

				}

					.outline .division dd ul li a{
						display:flex;
						justify-content: center;
						align-items:center;
						width: 100%;
						height: 100%;
						color:#fff;
						font-weight: 700;
						font-size:1.2em;
						text-decoration: none;
					}

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

					.outline .division dd ul li a{
						font-size:1.1em;
					}

				}

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

					.outline .division dd ul li a{
						font-size:1.0em;
					}

				}






	/* 特約メーカー */

	.manufacturer{
		background-color: #e3f2f2;
	}

	.manufacturer > .inner{
		max-width: 1000px;
		width: 90%;
		margin:0 auto;
		padding: 110px 0 90px;
	}

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

	.manufacturer > .inner{
		max-width:calc(1000px - 4%);
		width:86%;
		padding:100px 0 80px 4%;
	}

}

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

	.manufacturer > .inner{
		padding:100px 0 80px 4%;
	
	}

}

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

	.manufacturer > .inner{
		max-width: 1000px;
		width: 90%;
		padding:90px 0 75px;
	}

}

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

	.manufacturer > .inner{padding:80px 0 70px;}

}

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

	.manufacturer > .inner{padding:60px 0 60px;}

}

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

	.manufacturer > .inner{padding: 50px 0 55px;}

}

	.manufacturer.stdsec h2{
		color:#00414d;
	}

	.manufacturer.stdsec h2:nth-of-type(2){
		margin-top: 80px;
	}

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

	.manufacturer.stdsec h2:nth-of-type(2){
		margin-top: 60px;
	}

}

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

	.manufacturer.stdsec h2:nth-of-type(2){
		margin-top: 40px;
	}

}



		.manufacturer.stdsec h2 + p{
			margin-bottom: 40px;
			color:#60b1bf;
		}

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

		.manufacturer.stdsec h2 + p{
			margin-bottom:35px;
		}

	}

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

		.manufacturer.stdsec h2 + p{
			margin-bottom:30px;
		}

	}

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

		.manufacturer.stdsec h2 + p{
			margin-bottom:25px;
		}

	}


		.manufacturer.stdsec h2 + p + p{
			margin: 0;
		}


		.manufacturer.stdsec ul{
		}

		.manufacturer.stdsec ul{zoom:1;}
		.manufacturer.stdsec ul:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.manufacturer.stdsec ul li{
				margin-right: 20px;
				list-style: none;
				float: left;
			}



	/* 建設業登録 */

	.registration{
	}

	.registration > .inner{
		max-width: 1000px;
		width: 90%;
		margin:0 auto;
		padding: 110px 0 80px;
	}

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

	.registration > .inner{
		max-width:calc(1000px - 4%);
		width: 86%;
		padding:100px 0 70px 4%;
	}

}

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

	.registration > .inner{
		padding:100px 0 70px 4%;
	}

}

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

	.registration > .inner{padding:90px 0 65px;}

}

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

	.registration > .inner{padding:80px 0 60px;}

}

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

	.registration > .inner{padding:60px 0 50px;}

}

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

	.registration > .inner{padding: 50px 0 45px;}

}

	.registration.stdsec h2{
		color:#00414d;
	}

		.registration.stdsec h2 + p{
			margin-bottom: 40px;
			color:#60b1bf;
		}

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

		.registration.stdsec h2 + p{
			margin-bottom:35px;
		}

	}

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

		.registration.stdsec h2 + p{
			margin-bottom:30px;
		}

	}

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

		.registration.stdsec h2 + p{
			margin-bottom:25px;
		}

	}



	/* 社屋増設 */

	.topics{
		max-width:1200px;
		width:100%;
		margin: 0 auto;
		background-color: #fef2e5;
		background-image: url("/images/lbl_topics.png");
		background-position: 100% 0;
		background-repeat: no-repeat;
	}

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

	.topics{
		background-size: 30% auto;
	}

}

	.topics > .inner{
		max-width: 1000px;
		width: 90%;
		margin:0 auto;
		padding: 60px 0 ;
	}

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

	.topics > .inner{
		max-width:calc(1000px - 4%);
		width: 86%;
		padding:60px 0 60px 4%;
	}

}

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

	.topics > .inner{
		padding:50px 0 50px 4%;
	}

}

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

	.topics > .inner{
		padding:40px 0 30px;
	}

}

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

	.topics > .inner{
		padding:35px 0 25px;
	}

}



		.topics.stdsec h3{
			width:100%;
			margin:0 0 20px;
			color: #c33;
			font-size:2.0em;
			font-weight: 700;
			line-height: 1.5em;
		}


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

		.topics.stdsec h3{
			font-size:1.8em;
		}

	}

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

		.topics.stdsec h3{
			font-size:1.6em;
		}

	}

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

		.topics.stdsec h3{
			max-width: 100%;
			width: 100%;
			margin-bottom: 15px;
			font-size:1.5em;
		}

	}

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

		.topics.stdsec h3{
			width:75%;
			font-size:1.4em;
		}

	}

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

		.topics.stdsec h3{
			font-size:1.2em;
		}

	}


		.topics.stdsec ul{
			max-width: 880px;
			width:100%;
			margin: 25px auto 0;
		}

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

		.topics.stdsec ul{
			max-width: 300px;
			margin: 20px auto 0;
		}

	}

		.topics.stdsec ul{zoom:1;}
		.topics.stdsec ul:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.topics.stdsec li{
				width:45%;
				float: left;
				list-style: none;
			}

			.topics.stdsec li:nth-of-type(2n){
				float: right;
			}

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

			.topics.stdsec li{
				width:48%;
			}

		}

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

			.topics.stdsec li,
			.topics.stdsec li:nth-of-type(2n){
				width:100%;
				margin-bottom: 10px;
				float: none;
			}

		}

			.topics.stdsec li img{
				width: 100%;
				height: auto;
			}

			.topics.stdsec li p{
				margin: 0;
				color:#00414d;
				font-weight: 700;
				text-align: center;
			}






/* ################################################################################

   取扱品目/建材製品

####################################################################################*/


	.itemlist.stdsec h2{
		color:#00414d;
	}

		.itemlist.stdsec h2 + p{
			margin-bottom: 20px;
			color:#60b1bf;
		}

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

		.itemlist.stdsec h2 + p{
			margin-bottom:15px;
		}

	}


		.outline .itemlist{
			padding-bottom: 100px;
		}

.outline .itemlist{zoom:1;}
.outline .itemlist:after{
  content: ""; 
  display: block; 
  clear: both;
}

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

		.outline .itemlist{
			padding-bottom: 90px;
		}

	}

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

		.outline .itemlist{
			padding-bottom: 70px;
		}

	}

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

		.outline .itemlist{
			padding-bottom: 50px;
		}

	}

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

		.outline .itemlist{
			padding-bottom: 40px;
		}

	}



			
			
		.outline .itemlist h3{
			margin-bottom:80px;
			color:#00414d;
			text-align: center;
			font-size:2.4em;
			font-weight: 700;
		}


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

		.outline .itemlist h3{
			margin-bottom:60px;
			font-size:1.8em;
		}

	}

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

		.outline .itemlist h3{
			margin-bottom:40px;
			font-size:1.6em;
		}

	}

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

		.outline .itemlist h3{
			font-size:1.4em;
		}

	}


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

		.outline .itemlist .inner{
			padding-left: 4%;
		}

	}

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

		.outline .itemlist .inner{
			padding-left: 0;
		}

	}



		.outline .itemlist h4{
			margin-bottom:20px !important;
			color:#00414d;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.1em;
		}

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

		.outline .itemlist h4{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.outline .itemlist h4{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.outline .itemlist h4{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.outline .itemlist h4 + p{
				margin:0 0 20px;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.outline .itemlist h4 + p{
				margin:0 0 15px;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.outline .itemlist h4 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.outline .itemlist h4 + p{
				font-size:0.7em;
			}

		}


		.outline .itemlist dl{
			padding-bottom:90px;
		}

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

		.outline .itemlist dl{
			padding-bottom:70px;
		}

	}

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

		.outline .itemlist dl{
			padding-bottom:50px;
		}

	}


			.outline .itemlist dt{
				margin:50px 0 40px;
				padding:0 0 10px 25px;
				color:#00414d;
				font-size:1.6em;
				font-weight:700;
				background-image: url("/shared/dot_box-red.png");
				background-repeat: no-repeat;
				background-position: 0 12px;
				background-size: 10px 3px;
				border-bottom: 1px solid #ccc;

			}

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

			.outline .itemlist dt{
				margin:45px 0 35px;
				padding:0 0 9px 20px;
				font-size:1.4em;
				background-position: 0 13px;
				background-size: 7px 2px;
			}

		}

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

			.outline .itemlist dt{
				margin:40px 0 30px;
				padding:0 0 8px 15px;
				font-size:1.3em;
				background-position: 0 12px;
			}

		}

			.outline .itemlist dd{zoom:1;}
			.outline .itemlist dd:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

				.outline .itemlist ul{
					margin-left: 30px;
				}

					.outline .itemlist ul li{
						float: left;
						margin: 0 60px 10px 0;
						font-size:1.1em;
					}

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

					.outline .itemlist ul li{
						margin: 0 50px 10px 0;
						font-size:1.0em;
					}

				}


	.items + #globalfooter{
		border-top:1px solid #ccc;
	}



/* ################################################################################

   加工フロー

####################################################################################*/

	.proseccing main > header{
		padding: 0 !important;
		text-align:left !important;
	}


	.proseccing main > header .innerwrapper{
		position: relative;
		background-color: #ad456d;
		background-image: url("/images/bg_proseccingB.jpg");
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

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

	.proseccing main > header .innerwrapper{
		background-size: auto 100%;
	}

}



	.proseccing main > header .inner{
		max-width: 1000px;
		width:90%;
		height:260px;
		margin: 0 auto;
		padding-top:140px;
	}

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

	.proseccing main > header .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.proseccing main > header .inner{
		width:90%;
		padding-left: 0;
	}

}

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

	.proseccing main > header .inner{
		height: 185px;
		padding-top:115px;
	}
}

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

	.proseccing main > header .inner{
		width:88%;
		height: 150px;
		padding-top:80px;
	}

}

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

	.proseccing main > header .inner{
		width:86%;
		height: 100px;
		padding-top:50px;
	}

}

	.proseccing main > header h2{
		color:#fff;
	}

		.proseccing main > header h2 + p{
			color:#fff;
			opacity: 0.70;
		}


/* 加工設備 */

	.equipment{
		margin:0 auto;
		padding: 110px 0 80px;
	}

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

	.equipment{padding:100px 0 50px;}

}

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

	.equipment{padding:90px 0 40px;}

}

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

	.equipment{padding:80px 0 40px;}

}

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

	.equipment{padding:60px 0 20px;}

}

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

	.equipment{padding: 50px 0 20px;}

}




	.equipment .stdsec > .inner{
		max-width: 1000px;
		width:90%;
		margin: 0 auto;
	}

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

	.equipment .stdsec > .inner{
		width:86%;
		padding-left: 4%;
	}

}

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

	.equipment .stdsec > .inner{
		width:90%;
		padding-left: 0;
	}

}


	.equipment .stdsec > .inner > h3{
		color:#006f82;
	}

		.equipment .stdsec > .inner > h3 + p{
			color:#60b1bf;
		}
		.equipment .stdsec > .inner > h3{
			margin-bottom:20px !important;
			color:#006f82;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.1em;
		}

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

		.equipment .stdsec > .inner > h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.equipment .stdsec > .inner > h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.equipment .stdsec > .inner > h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.equipment .stdsec > .inner > h3 + p{
				margin:0 0 20px;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.equipment .stdsec > .inner > h3 + p{
				margin:0 0 15px;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.equipment .stdsec > .inner > h3 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.equipment .stdsec > .inner > h3 + p{
				font-size:0.7em;
			}

		}



	.equipment ul{
		width:100%;
		margin: 70px auto 0;
	}
	.equipment ul + ul{
		margin: 0 auto 0;
	}

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

	.equipment ul{
		margin: 60px auto 0;
	}

}

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

	.equipment ul{
		margin: 50px auto 0;
	}

}

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

	.equipment ul{
		max-width: 420px;
		width:100%;
		margin: 40px auto 0;
	}

}

.equipment ul{zoom:1;}
.equipment ul:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.equipment ul li{
			width: 48%;
			list-style: none;
			float:left;
		}
		.equipment ul li:nth-of-type(2n){
			margin-right: 0;
			float:right;
		}

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

		.equipment ul li{
			width: 100%;
			float:none;
		}

	}

			.equipment ul li h4{
				margin-bottom:38px;
				padding-bottom: 10px;
				color:#00414d;
				font-size:1.8em;
				font-weight:700;
				border-bottom:1px solid #ccc;
			}

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

			.equipment ul li h4{
				margin-bottom:30px;
				font-size:1.6em;
			}

		}

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

			.equipment ul li h4{
				margin-bottom:20px;
				font-size:1.4em;
			}

		}

			.equipment ul li h4 span{
				font-size: 0.7em;
				font-weight: 400;
				position: relative;
				top:-3px;
				left:5px;
			}


			.equipment ul li img{
				width: 100%;
				height:auto;
			}

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

			.equipment ul li img{
				display: block;
				width:96%;
				margin: 0 auto;
			}

		}

			.equipment ul li p{
				width:96%;
				height:160px;
				margin: 5px auto 0;
				color:#00414d;
				line-height: 1.5em;
			}

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

			.equipment ul li p{
				height: auto;
				margin:15px auto 0;
				padding-bottom:40px;
			}

		}


	/* 動画 */

	.movies{
		background-color: #e3f2f2;
	}

	.movies > .inner{
		max-width: 1000px;
		width: 90%;
		margin:0 auto;
		padding: 110px 0 60px;
	}

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

	.movies > .inner{
		width:86%;
		padding: 110px 0 60px 4%;
	}

}

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

	.movies > .inner{padding:100px 0 50px;}

}

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

	.movies > .inner{
		width:90%;
		padding:90px 0 45px;
	}

}

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

	.movies > .inner{padding:80px 0 40px;}

}

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

	.movies > .inner{padding:60px 0 30px;}

}

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

	.movies > .inner{padding: 50px 0 25px;}

}


		.movies.stdsec > .inner > h3{
			margin-bottom:20px !important;
			color:#00414d;
			font-size: 3.2em;
			font-weight: 400;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			letter-spacing: 0.1em;
		}

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

		.movies.stdsec > .inner > h3{
			margin-bottom: 15px !important;
			font-size: 3.0em;
		}

	}

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

		.movies.stdsec > .inner > h3{
			margin-bottom: 5px !important;
			font-size: 2.0em;
		}

	}

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

		.movies.stdsec > .inner > h3{
			margin-bottom:2px !important;
			font-size:1.8em;
		}

	}

			.movies.stdsec > .inner > h3 + p{
				margin:0 0 20px;
				padding-left:5px;
				color:#60b1bf;
			}

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

			.movies.stdsec > .inner > h3 + p{
				margin:0 0 15px;
				font-size:0.9em;
				padding-left:3px;
			}

		}

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

			.movies.stdsec > .inner > h3 + p{
				font-size:0.8em;
				padding-left:1px;
			}

		}

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

			.movies.stdsec > .inner > h3 + p{
				font-size:0.7em;
			}

		}



	.flowwrap{

	}

		.flowwrap > .flowlabel{
			width:100%;
			height:100px;
			margin-bottom:10px;
			background-image: url("/images/img_ysjirushi.png");
			background-repeat: no-repeat;
			background-position: 50% 100%;
		}

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

		.flowwrap > .flowlabel{
			background-size: 27px auto;
		}
		
	}

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

		.flowwrap > .flowlabel{
			height:85px;
			margin-bottom:5px;
		}
		
	}

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

		.flowwrap > .flowlabel{
			height:73px;
		}
		
	}

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

		.flowwrap > .flowlabel{
			height:65px;
			margin-bottom:3px;
		}
		
	}


		.flowlabel div{
			display:flex;
			justify-content: center;
			align-items:center;
			width:100%;
			height:60px;
			color:#fff;
			font-size: 1.6em;
			font-weight: 700;
			background-color: #359fb1;
		}

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

		.flowlabel div{
			height:60px;
			font-size: 1.5em;
		}

	}

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

		.flowlabel div{
			height:50px;
			font-size: 1.4em;
		}

	}

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

		.flowlabel div{
			height:40px;
			font-size: 1.2em;
		}

	}

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

		.flowlabel div{
			height:35px;
			font-size: 1.0em;
		}
		
	}




		.flowwrap > .flowlabel:nth-last-of-type(1){
			margin-top: 10px;
			padding-top: 40px;
			background-position: 50% 0;
		}

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

		.flowwrap > .flowlabel:nth-last-of-type(1){
			margin-top: 5px;
			padding-top: 35px;
		}

	}

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

		.flowwrap > .flowlabel:nth-last-of-type(1){
			padding-top: 30px;
		}

	}

			.flow1{
				margin-bottom: 10px;
				padding: 30px 40px;
				box-shadow:0 0 0 2px #359fb1 inset;

			}
			.flow1 ul{
				margin-bottom: 30px;
			}

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

			.flow1{
				margin-bottom: 10px;
				padding: 20px 20px;
				box-shadow:0 0 0 2px #359fb1 inset;
			}

			.flow1 ul{
				padding-top: 0;
			}

		}


			.flow1 ul{zoom:1;}
			.flow1 ul:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.flow1 ul li{
				width: 30%;
				padding-right: 5%;
				list-style: none;
				float: left;
				background-image: url("/images/img_ysjirushi2.png");
				background-position: 97% 50%;
				background-repeat: no-repeat;
			}
			.flow1 ul li:nth-last-of-type(1){
				padding-right: 0;
				background-image: none;
			}

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

			.flow1 ul li{
				background-position: 96% 50%;
				background-size: 27px auto;
			}

		}

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

			.flow1 ul li{
				width:calc(88% / 3);
				padding-right: 6%;
				background-position: 96% 50%;
			}

		}

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

			.flow1 ul li{
				width:100%;
				/*margin-bottom: 5px;*/
				padding:0 0 35px;
				float: none;
				background-image: url("/images/img_ysjirushi.png");
				background-position: 50% 100%;
			}

			.flow1 ul li{zoom:1;}
			.flow1 ul li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}
			
			.flow1 ul li:nth-last-of-type(1){
				padding:0;
				background-image: none;
			}

		}

			.flow1 .note{
				padding-top: 20px;
				line-height: 1.7em;
			}

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

			.flow1 .note{
				/*width:calc(100% - 220px);*/
				width:100%;
				/*float: right;*/
				line-height: 1.5em;
			}

		}

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

			.flow1 .note{
				width:calc(100% - 140px);
			}

		}

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

			.flow1 .note{
				width:100%;
				float: none;
			}

		}


			.flow1 h4{
				margin-bottom: 5px;
				color:#00414d;
				font-size: 1.2em;
				font-weight:700;
				text-align: center;
			}

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

			.flow1 h4{
				/*text-align: left;*/
			}
			
		}

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

			.flow1 h4{
				font-size: 1.1em;
				text-align:center;
			}
			
		}

			.flow1 p{
				margin: 10px 0 0;
				color:#006f82;
				line-height: 1.5em;
			}


	.proseccing #globalfooter{
		border-top:1px solid #ccc;
	}





/*####################################################################################

  	

　####################################################################################*/

















	/* アクセス */

		.map{
			max-width: 1000px;
			width:100%;
			margin:0 auto;
			padding-top: 0;
		}

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

		.map{
			padding-top:20px;
		}

	}

		.map img{
			width:100%;
			height:auto;
		}

		.map + table{
			border-collapse: collapse;
			max-width:1000px;
			width:100%;
			margin:40px auto 0;
		}

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

		.map + table{
			margin:40px auto 0;
		}

	}

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

		.map + table{
			margin:30px auto 0;
		}

	}

			.map + table th{
				padding:15px 10px;
				border:1px solid #ccc;
				white-space: nowrap;
				line-height: 1.5em;
				vertical-align: top;
				background-color: #eee;
			}

			.map + table td{
				padding:15px 15px 10px;
				line-height: 1.5em;
				border:1px solid #ccc;
			}

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

			.map + table th{
				display: block;
				width:100%;
				padding:5px 0;
				border:none;
				line-height: 1.5em;
				text-align: center;
			}

			.map + table td{
				display: block;
				width:100%;
				padding:10px;
				border:none;
			}

		}


				.map + table td ul{
					margin-left: 20px;
				}

					.map + table td li{
						margin-bottom:10px;
					}









/*####################################################################################

  	おしらせ

　####################################################################################*/

	.news main + #globalfooter{
		border-top:1px solid #ccc;
	}

		

	.news main > header{
		padding: 100px 0 75px;
		text-align: center;
	}

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

	.news main > header{
		padding: 50px 0 50px;
	}

}

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

	.news main > header{
		padding: 20px 0 30px;
	}

}



	.news .list{
		padding-bottom: 100px;
	}

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

	.news .list{
		padding-bottom: 80px;
	}

}

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

	.news .list{
		padding-bottom: 60px;
	}

}

	.news .list .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
	}

			.news .list .inner ul{
				width:100%;
			}




				.news .list .inner ul li{
					padding: 5px 0 5px 2%;
					color:#a76775;
					list-style: none;
					line-height: 1.7em;
					border-bottom:1px dashed #ccc;
				}
				.news .list .inner ul li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}
				.news .list .inner li{zoom:1;}
				.news .list .inner li::after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

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

				.news .list .inner ul li{
					padding: 5px 0 5px 3%;
					font-size: 0.9em;
				}

			}

				.news .list .inner ul li{zoom:1;}
				.news .list .inner ul li::after{
					content: ""; 
					display: block; 
					clear: both;
				}

				.news .list .inner ul li .date{
					width:100px;
					float:left;
				}

				.news .list .inner ul li .title{
					width:calc(100% - 110px);
					float:right;
				}

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

				.news .list .inner ul li .date{
					width:100%;
					float:none;
				}

				.news .list .inner ul li .title{
					width:100%;
					float:none;
				}

			}

				.news .list .inner ul li a{
					color:#a76775;
				}




	/* おしらせ詳細 */

	.news .detail{
		padding-bottom: 0;
	}


	.news .detail > .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
	}

	.news .detail h4{
		margin-bottom: 5px;
		padding:0 1% 7px;
		color:#326291;
		font-size: 1.3em;
		font-weight:700;
		border-bottom: 1px solid #326291;
		text-align: left;
	}

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

	.news .detail h4{
		font-size: 1.2em;
	}

}

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

	.news .detail h4{
		padding:0 1% 5px;
		font-size:1.0em;
	}

}

		.news .detail .date{
			margin:0 1% 30px;
			color:#666;
		}

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

		.news .detail .date{
			margin:0 1% 20px;
			font-size:0.9em;
		}

	}

		.news .detail .entrybody{
			padding:0 1% 50px;
		}

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

		.news .detail .entrybody{
			font-size:0.9em;
			padding:0 1% 20px;
		}

	}


/* 戻る */
	
	.news .detail .modoru{
		display:block;
		width:60px;
		height:60px;
		margin:0 auto 80px;
		color:#fff;
		font-size:2.2em;
		text-align:center;
		text-decoration:none;
		line-height:66px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.news .detail .modoru{
		width:50px;
		height:50px;
		margin:0 auto 30px;
		font-size:1.6em;
		line-height:54px;
		border-radius:25px;
	}

}




/*####################################################################################

  	アクセス

　####################################################################################*/

	.access{
		padding-top: 50px;
	}

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

	.access{
		padding:0 0 100px;
	}

}

	.access > .inner{
		max-width:1000px;
		width:90%;
		margin: 0 auto;
	}
	

		.access .map{
			max-width: 1000px;
			width:100%;
			padding-top:30px;
		}

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

		.access .map{
			padding:0 0 20px;
		}

	}

		.access .map img{
			width:100%;
			height:auto;
		}

		.access .map + table{
			border-collapse: collapse;
			max-width:1000px;
			width:100%;
			margin:40px auto 100px;
		}

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

		.access .map + table{
			margin:40px auto 100px;
		}

	}

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

		.access .map + table{
			margin:30px auto 50px;
		}

	}

			.access .map + table th{
				padding:15px 10px;
				border:1px solid #ccc;
				white-space: nowrap;
				line-height: 1.5em;
				vertical-align: top;
				background-color: #eee;
			}

			.access .map + table td{
				padding:15px 15px 10px;
				line-height: 1.5em;
				border:1px solid #ccc;
			}

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

			.access .map + table th{
				display: block;
				width:100%;
				padding:5px 0;
				border:none;
				line-height: 1.5em;
				text-align: center;
			}

			.access .map + table td{
				display: block;
				width:calc(100% - 20px);
				padding:10px;
				border:none;
			}

		}

				.access .map + table td ul{
					margin-left: 20px;
				}

					.access .map + table td li{
						margin-bottom:10px;
					}




/* Googleマップの場合 */

		.gmap{
			width:100%;
			height: 600px;
			margin-bottom:70px;
		}

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

		.gmap{
			padding-bottom:40px;
		}

	}

			.gmap iframe{
				widt:100%;
			}

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

		.gmap{
			height:400px;
		}
			.gmap iframe{
				height:400px;
			}
	}

	



	.linkbtn4{
		display:block;
		max-width:420px;
		width:90%;
		height:60px;
		color:#fff;
		font-weight: 700;
		line-height:61px;
		text-align:center;
		text-decoration:none;
		background-image: url("/shared/img_yajirushi_right.png");
		background-repeat:no-repeat;
		background-position:90% 50%;
		background-size:16px auto;
		border-radius:10px;
		cursor: pointer;
		float: none !important;
	}
	.linkbtn4:hover{
		color:#fc0;
	}

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

	.linkbtn4{
		height:50px;
		width:80%;
		line-height:51px;
		background-position:90% 50%;
		background-size:14px auto;
		border-radius:5px;
	}

}

		.contact #submit1{
			display:flex;
			justify-content: center;
			align-items:center;
			max-width:480px;
			width:80%;
			font-size:1.5em;
			margin:0 auto 80px;
			padding: 5px 0;
			border:none;
			line-height: 1.3em;
			background-color:#f90;
			background-position:98% 50%;
		}
		.mailform a{text-decoration: none;}

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

		.contact #submit1{
			margin:0 auto 65px;
			font-size:1.3em !important;
			line-height:30px;
		}

	}

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

		.contact #submit1{
			margin:0 auto 50px;
			font-size:1.0em !important;
		}

	}

		#submit2{
			max-width:500px;
			width:90%;
			font-size:1.0em;
			padding: 5px 0;
			border:none;
			line-height:40px;
			background-color:#036;
			background-image:url(/donations/shared/img_yajirushi-yellow2.png);
			background-position:2% 50%;
		}

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

		#submit1{
			font-size:0.9em;
			line-height:30px;
		}

	}

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

		#submit1{
			font-size:0.8em;
		}

	}







/**************************************************************/


ul.slick-dots{
	position:absolute;
	bottom:40px;
	z-index: 12000 !important;
}

@media screen and (max-width:1000px){
ul.slick-dots{
	bottom:30px;
}
}

@media screen and (max-width:640px){
ul.slick-dots{
	bottom:20px;
}
}

@media screen and (max-width:480px){
ul.slick-dots{
	bottom:15px;
}
}

ul.slick-dots li button:before{
	color:#fe9929 !important;
	font-size:50px!important;
	opacity:0.7;
	/*text-shadow:0 0 15px #202d39,0 0 15px #202d39;*/
}
ul.slick-dots li.slick-active button:before{
	color:#fff !important;
	opacity:1;
}