@charset "utf-8";





/* 基本設定

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

body {

	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif,Helvetica, Arial;

	line-height: 1.8em;

	color: #000;

	font-size: 16px;

	-webkit-text-size-adjust: 100%;

}

#wrapper{

	margin:0 auto;

	padding:0;

	width:100%;

	overflow:hidden;

}





/* リンク設定

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

a{color:#0042be;text-decoration:none;}

a:hover{color:#fd7e21;}

a:active, a:focus{outline:0;}



/* ヘッダー

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

#header{

	padding:10px 0;

	background-color:#000;

	color:#fff;

	position:relative;

}

.logo_top{

	position:absolute;

	top:0;

	left:0;

	z-index:9999;

	width:40%;

	max-width:550px;

}

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

		.logo_top{display:none;}

	}



#header .inner{

	width:95%;

	max-width:1100px;

	margin:auto;

}

#header .inner:after{

    content: "";

    clear: both;

    display: block;

}

.h_logo{

	float:left;

	margin-right:15px;

	font-weight:bold;

	font-size:26px;

	line-height:1em;

}

.h_logo a{

	color:#fff;

}



#header h1{

	float:left;

	font-size:12px;

	line-height:1.2em;

	padding-top:13px;

}

#header.top h1{

	padding-top:5px;

}

.h_info{

	float:right;

	padding-top:5px;

}

.h_info li{

	display:inline-block;

	margin-left:10px;

}

.h_info li a{color:#000;}

.h_info li a:hover{color:#fd7e21;}



.pc{}

.sp{display:none;}



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

		#header{ border-bottom: solid 1px #999;}

		.h_logo{width:80%;}

		#header h1,.h_info{display:none;}

		.pc{display:none;}

		.sp{display:block;}

	}





/* フッター 

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

#footer{

	background-color:#000;

	background-image:url(../img/common/f_line.jpg);

	background-position:top center;

	background-repeat: repeat-x;

	width:100%;

	padding-top:60px;

	color:#fff;

}

#footer a{color:#fff;}

#footer a:hover{ color:#fd7e21;}

#footer .inner{

	width:1500px;

	margin:0 auto 30px;

}

.f_menu{

	float:right;

	width:700px;

}

.f_menu div{

	display: table-cell;

	vertical-align:top;

}

.f_navi{

	text-align:right;

	width:300px;

	padding-right:20px;

}

.f_navi a{

	display:block;

}

.f_navi span {font-size:75%; }

.f_add{

	width:360px;

}

.f_info{

	float:left;

	width:350px;

	text-align:center;

}

.f_info p{margin-bottom:10px;}

.copy{

	background-color:#fff;

	color:#000;

	font-size:12px;

	line-height:1.2em;

	text-align:center;

	padding:8px 0;

}

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

		  #footer .inner{width:90%;}

		  .f_menu{

			  float: none;

			  width:100%;

		  }

		  .f_menu div{ display: block;}

		  .f_navi{

			  text-align: left;

			  padding-right:0;

			  margin:0 auto 30px;

			  border-top:solid 1px #808080;

		  }

		  .f_navi a{

			  display:block;

			  border-bottom: solid 1px #808080;

			  padding:8px 0;

		  }

		  .f_add{

			  width:100%;

			  text-align:center;

			  max-width:390px;

			  margin:20px auto;

		  }

		  .f_info{

			  float: none;

			  margin:20px auto;

			  width:100%;

			  max-width:350px;

		  }

	  }

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

			  #footer{padding-top:30px;}

			  .f_menu div.f_navi{display:none;}

		  }



	/* 電話番号リンクをスマホのみ有効にする */

	a[href*="tel:"] {

		cursor: pointer;

		color:inherit;

		text-decoration: none;

	}

	@media (min-width: 641px) {

		a[href*="tel:"] {

			pointer-events: none;

			cursor: default;

			color:inherit;

			text-decoration: none;

		}

	}







/*  ページトップへ */

#pageTop{

	position:fixed;

	bottom:80px;

	right:20px;

	}

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

				#pageTop{bottom:120px;}

		  }







/* トップページ

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



.bg_home{

	background:url(../img/top/bg_top.jpg) center top repeat-y;

}

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

		 .bg_home{background:none;}

	 }



.bg_top01{

	width:100%;

	background:url(../img/top/bg_top01.png) top center no-repeat;

	text-align:center;

	padding:252px 0;

	position:relative;

}

.bg_top01 .inner{

	width:1300px;

	margin:auto;

	background:url(../img/top/top_lead_logo.png) left top no-repeat;

	padding-top:90px;

	padding-left:50px;

	text-align:left;

	color:#fff;

	text-shadow:0 0 8px #000;

}

.bg_top01 .copy01{

	font-size:55px;

	line-height:1.2em;

	font-weight:700;

	margin-bottom:20px;

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.bg_top01 .copy02{

	font-size:32px;

	line-height:1.4em;

	font-weight:normal;

	text-align:center;

	font-family:"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.n_space{

	clear:both;

	width:100%;

	height:150px;

}



.top02{

	position:relative;

	width:1600px;

	padding-top:100px;

	margin:40px auto;

}

.w_label{

	width:500px;

	text-align:center;

	padding:40px 0;

	background:#fff;

	position:absolute;

	left:550px;

	top:-100px;

	color:#3059b3;

	font-weight:bold;

}

.w_label span{

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size:30px;

	line-height:1.2em;

}











table.newslist{

	width:900px;

	margin:auto;

	color:#fff;

}

table.newslist tr{border-bottom:solid 1px #fff;}

table.newslist th{

	width:20%;

	padding:10px 0;

	vertical-align:top;

}

table.newslist td{

	width:80%;

	padding:10px 0;

	vertical-align:top;

}

table.newslist td a{display:block;}

.newMark{

	display:inline-block;

	border:1px solid #F00;

	padding:1px 4px;

	font-size:11px;

	line-height:100%;

	background:#F00;

	color:#fff;

	box-shadow:1px 1px 1px #999;

	border-radius:2px;

}

.tonews{

	width:100%;

	max-width:900px;

	margin:10px auto 0;

	text-align:right;

	color:#fff;

}

.top02 a{color:#fff;}

.top02 a:hover{color:#fd7e21;}



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

		.top02{width:90%; padding-top:50px; margin:20px auto;}

		.bg_top01{background-position:right top; padding:200px 0;}

		.bg_top01 .inner{

			width:90%;

			background-size:30% auto;

			padding-top:5vw;

			padding-left:2vw;

		}

		.bg_top01 .copy01{

			font-size:7vw;

			line-height:1.2em;

		}

		.bg_top01 .copy02{

			font-size:4.5vw;

			line-height:1.4em;

			text-align:left;

		}

		.bg_top01 .copy02 span{display:inline-block;}

		.todown{display:none;}

		.n_space{height:100px;}

		.w_label{

			width:50%;

			padding:20px 5%;

			left:30%;

			top:-60px;

		}

		.w_label span{font-size:20px;}

		table.newslist{width:100%;}

	}

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

			.bg_top01{background-position:80% top;}

			.top02{padding-top:0;}

			.n_space{height:50px;}

			.w_label{

				position:static;

				width:70%;

				padding:10px 5%;

				margin:0 auto 20px;

			}

			table.newslist th{padding-bottom:0;}

			table.newslist th,

			table.newslist td{

				display:inline-block;

				width:100%;

				font-size:90%;

				line-height:1.4em;

			}

		}



.top03{

	width:100%;

	background:url(../img/top/bg_top02.png) no-repeat;

	padding:60px 0;

	position:relative;

}

.top03 .inner{

	width:1400px;

	margin:auto;

}

.top_label{

	width:500px;

	text-align:center;

	padding:60px 0;

	background:url(../img/about/bg_aka_l.png) repeat-y;

	position:absolute;

	left:0;

	top:-80px;

	color:#fff;

	font-weight:bold;

	font-size:120%;

}

.box_waza{

	margin-left:auto;

	width:680px;

	color:#fff;

}

.box_waza .copy03{

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	margin-bottom:20px;

	font-size:36px;

	line-height:1.5em;

	color: #d71618;/* 非対応のブラウザでの文字色を設定 */

	background: -webkit-linear-gradient(0deg, #d71618, #d77315);/* 背景色にグラデーションを指定 */

				-webkit-background-clip: text;/*テキストでくり抜く*/

				-webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/

}

.box_waza .copy04{

	font-size:120%;

	font-weight:bold;

	margin:40px 0 10px;

	background:url(../img/top/kei_w.png) left center no-repeat;

}

.box_waza ul{margin:20px 0;}

.box_waza li{

	float:left;

	width:31.7%;

	margin-right:2.45%;

}

.box_waza li:last-child{

	margin-right:0;

}

.box_waza li a div{

	text-align:center;

	color:#fff;

	padding:10px 0;

	background-image:url(../img/top/bg_box_waza.png);

	background-size:100% 100%;

}





.box_waza .btn_suisen{ text-align:right;}



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

		.top03{

			background-size: auto 100%;

			padding:30px 0;

		}

		.top03 .inner{width:90%;}

		.top_label{

			width:400px;

			padding:20px 0;

			position: static;

			margin-bottom:30px;

		}

		.box_waza{width:100%;}

	}

	

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

			.top_label{

				width:70%;

				max-width:400px;

				padding:10px 5%;

				margin:0 auto 20px;

				font-size:100%;

			}

			.box_waza .copy03{font-size:8.5vw; line-height:1.4em;}

			.box_waza .copy03_2{

				text-shadow: 1px 1px 0px #444,

							 -1px 1px 0px #444,

							 1px -1px 0px #444,

							 -1px -1px 0px #444;

			}

			.box_waza li a div{font-size:80%; line-height:1.2em; padding:5px 0;}

		}





.top04{

	width:100%;

	background:url(../img/top/bg_top03.png) no-repeat;

	background-size:auto 100%;

	padding:50px 0;

}

.top04 .inner{

	width:1300px;

	margin:0 auto 30px;

	position:relative;

}

.top04 .copy05{

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size:36px;

	line-height:1.5em;

	color:#fff;

	margin-bottom:30px;

}



.top_label_r{

	width:500px;

	text-align:center;

	padding:60px 0;

	background:url(../img/about/bg_aka_l.png) repeat-y;

	position:absolute;

	left:1100px;

	top:-140px;

	color:#fff;

	font-weight:bold;

	font-size:120%;

}



.top_label_r span{

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size:36px;

	line-height:1.6em;

}





.list_kumi li{

	float:left;

	width:21%;

	margin-right:5%;

	text-align:right;

}

.list_kumi li:last-child{

	margin-right:0;

}

.list_kumi li a{ color:#fff;}



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

		.top04 .inner{

			width:90%;

			margin-bottom:20px

		}

		.top_label_r{

			width:400px;

			padding:20px 0;

			position: static;

			margin-bottom:20px;

			font-size:100%;

		}

			.top04 .copy05{font-size:4.5vw; line-height:1.5em;}

	}

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

			.top_label_r{

				width:70%;

				max-width:400px;

				padding:10px 5%;

				margin:0 auto 20px;

			}

			.top_label_r span{font-size:20px; line-height:1.5em;}

			.list_kumi {
				flex-wrap: wrap;
				display: flex;
			}
			.list_kumi li{
				font-size:90%;
				width: 45%;	
				margin-left: 2.5%;
				margin-right: 2.5%;
				margin-bottom: 20px;
			}

		}





.bg_siro{

	background-color:#fff;

	width:100%;

	padding:1px 0;

}

.bnr4{

	width:1350px;

	margin:auto;

	padding-top:20px;

}

.bnr4 li{

	float:left;

	width:400px;

	margin:0 25px;

	text-align:center;

}

.bnr4 li div{

	text-align:center;

	color:#fff;

	padding:8px 0;

	background-color:#3059b3;

}





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

		.bnr4{width:100%;}

		.bnr4 li{

			width:30%;

			margin:0 1.35%;

		}

	}

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

			.bg_siro{padding:0;}

			.bnr4 li{

				float:none;

				width:80%;

				margin:0 auto 15px;

			}



		}





/*　お知らせ　*/

.ttl_news{

	background-color:#fff;

	text-align:center;

	padding:20px 0;

	margin-top:50px;

	border-bottom:solid 1px #3059b3;

}

.ttl_news .inner{

	width:1040px;

	margin:auto;

	color:#3059b3;

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-size:36px;

	line-height:2.2em;

}



.post_inner{

	width:960px;

	margin:60px auto;

}

.post{

	clear:both;

	width:100%;

	padding-bottom:30px;

	border-bottom:dotted 1px #ABABAB;

	margin-bottom:50px;

}

.post_date{

	font-size:90%;

	margin-bottom:10px;

}

.post_ttl{

	font-size:130%;

	line-height:1.4em;

	padding-bottom:3px;

	border-bottom:solid 2px #999;

	margin-bottom:20px;

	

}

.detailUpfile img{margin:15px 0;}



/* Pager style（外部化可） */

.pager{

	text-align:right;

	padding:10px;

	clear:both;

}

/*ページャーボタン*/

.pager a{

    border: 1px solid #999;

    border-radius: 5px 5px 5px 5px;

    color: #333;

    font-size: 12px;

    padding: 3px 7px 2px;

    text-decoration: none;

	margin:0 1px;

}

/*現在のページのボタン*/

.pager a.current{

    background: #999;

    border: 1px solid #999;

    border-radius: 5px 5px 5px 5px;

    color: #fff;

    font-size: 12px;

    padding: 3px 7px 2px;

	margin:0 1px;

    text-decoration: none;

}

.pager a:hover{

    background:#999;

    color: #fff;

}

.overPagerPattern{

	padding:0 2px ;	

}

/* /Pager style */

.backORcloseBtn{

	text-align:center;

	line-height:100%;

	margin-top:15px;

}

.backORcloseBtn a{

	display:inline-block;

	padding:4px 15px;

	border:1px solid #aaa;

	color:#999;

	border-radius:6px;

	text-decoration:none;

	font-size:12px;

}

.pNav{

	font-size:11px;

	line-height:1.3em;

	margin-bottom:20px;

}





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

		.ttl_news{margin-top:0; padding:30px 0;}

		.ttl_news .inner{width:90%;}

		.post_inner{

			width:90%;

			margin:40px autol;

		}

	

	

	}















/* 共通

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

.contents{

	width:1600px;

	margin:40px auto 60px;

}

.bg_nami{

	background:url(../img/about/bg_nami.jpg) center top repeat-y;

	background-attachment:fixed;

}

.head_ttl{

	width:100%;

	padding:65px 0;

	margin-top:50px;

}

.head_ttl .inner{

	width:1600px;

	margin:auto;

	text-align:center;

	color:#fff;

	font-weight:bold;

	font-size:20px;

	line-height:1.4em;

	text-shadow: 0 0 8px #444;

	-webkit-text-shadow: 0 0 8px #444;

	-ms-text-shadow: 0 0 8px #444;

}

.head_ttl .inner span{
	
	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	font-size:42px;
	
	line-height:2.2em;
	
	
	
}
.bg_work01.head_ttl .inner span,.bg_work02.head_ttl .inner span,.ttl_img_chu{
	font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
}

.bg_about{background:url(../img/about/bg_about.jpg) center center no-repeat;}

.bg_work{background:url(../img/work/bg_work.jpg) center center no-repeat;}

.bg_work01{background:url(../img/work01/bg_work01.jpg) center center no-repeat;}

.bg_work02{background:url(../img/work02/bg_work02.jpg) center center no-repeat;}

.bg_work03{background:url(../img/work03/bg_work03.jpg) center center no-repeat;}

.bg_work04{background:url(../img/work04/bg_work04.jpg) center center no-repeat;}

.bg_work05{background:url(../img/work05/bg_work05.jpg) center center no-repeat;}

.bg_recruit{background:url(../img/recruit/bg_recruit.jpg) center center no-repeat;}

.bg_contact{background:url(../img/contact/bg_contact.jpg) center center no-repeat;}




.ttl_img{

	text-align:center;

	margin-bottom:30px;

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	font-weight:700;

	font-size:28px;

	line-height:1.4em;

	color:#3059b3;

}
.ttl_img_chu{
	font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
}

.font-change .ttl_img{
	font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;

}

.ttl_img.siro{color:#fff;}



.bg_gray{

	width:100%;

	background-color:#efeded;

	padding:5px 0;

}

.bg_kuro{

	width:100%;

	background-color:#000;

	padding:5px 0;

}

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

 		  .contents{width:90%;}

		  .bg_nami{ background:none;}

		  .head_ttl{

			  padding:15px 0;

			  margin-top:0;

		  }

		  .bg_recruit{background-position:65% center;}

		  .head_ttl .inner{width:90%;}

		  .head_ttl img{height:100px; width:auto;}

		  .ttl_img{font-size:24px; line-height:1.2em;}

		  .ttl_img span{display:inline-block;}

	 }



.ttl_img_icon01{

	text-align:center;

	background:url(../img/work01/bg_ttl_work01.png) top center no-repeat;

	background-size:contain;

	padding:53px 0;

	margin-bottom:30px;

	color:#fff;

	font-size:28px;

	line-height:1.2em;

	font-weight:bold;

	text-shadow: 2px 2px 3px #d71618,

				-2px 2px 3px #d71618,

				2px -2px 3px #d71618,

				-2px -2px 3px #d71618;

}

.ttl_img_icon02{

	text-align:center;

	background:url(../img/work01/bg_ttl_work02.png) top center no-repeat;

	background-size:contain;

	padding:80px 0;

	margin-bottom:30px;

	color:#fff;

	font-size:28px;

	line-height:1.2em;

	font-weight:bold;

	text-shadow: 2px 2px 3px #d71618,

				-2px 2px 3px #d71618,

				2px -2px 3px #d71618,

				-2px -2px 3px #d71618;

}

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

		.ttl_img_icon01{

			padding:20px 0;

			color:#fff;

			font-size:24px;

			line-height:1.2em;

		}

		.ttl_img_icon02{

			padding:30px 0;

			color:#fff;

			font-size:24px;

			line-height:1.2em;

		}

	}











/* 会社案内

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



.aisatu_l{

	float:left;

	width:600px;

	text-align:center;

	padding-bottom:30px;

}

.aisatu_r{

	float:right;

	width:900px;

	padding-right:100px;

}

.name_ceo{

	text-align:right;

	margin-top:20px;

	padding-right:1em;

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.name_ceo span{font-size:140%;}



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

	  .aisatu_l{width:35%;}

	  .aisatu_r{width:60%; padding:0;}

 }

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

		  .aisatu_l,

		  .aisatu_r{

			  float:none;

			  width:100%;

		  }

		  .aisatu_l img{width:80%; max-width:100%; height:auto;}

	 }



.a_box_l{

	float:left;

	width:48%;

	max-width:768px;

}

.a_box_r{

	float:right;

	width:48%;

	max-width:768px;

}

table.gaiyou{

	width:100%;

	border-collapse:separate;

	border-spacing:0 20px;

}

table.gaiyou th{

	width:25%;

	padding:20px;

	background:url(../img/about/bg_aka_s.png) center repeat-y;

	color:#fff;

	font-weight:bold;

	vertical-align:middle;

}

table.gaiyou td{

	background-color:#fff;

	padding:20px;

}

table.gaiyou td.space{

	padding:35px 20px;

}

table.gaiyou span{display:inline-block;}

.box_figure{text-align:center;}

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

		  .a_box_l,

		  .a_box_r{

			  float: none;

			  width:90%;

			  margin:0 auto ;

		  }

		  table.gaiyou td.space{padding: 20px;}

	 }

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

			  .a_box_l,

			  .a_box_r{ width:100%;}

			  table.gaiyou{

				  font-size:90%;

				  line-height:1.5em;

				  border-spacing:0 5px;

			  }

			  table.gaiyou th{width:30%;}

			  table.gaiyou th,

			  table.gaiyou td,

			  table.gaiyou td.space{padding:8px 1.5%;}

			   .box_figure {

				   overflow:auto;

				   -webkit-overflow-scrolling: touch;

				   padding-top:2px;

			   }

			   .box_figure div{width:600px; }

			   .box_figure .sp span{

				   border:solid 1px #999;

				   border-radius:3px;

				   box-sizing:border-box;

				   padding:2px 10px;

				   font-size:80%;

			   }

		   }



.iso_img{text-align:center;}

.iso_txt{padding-top:50px;}

.list_rinen{

	background-color:#fff;

	padding:20px;

	border-radius:10px;

	-ms-border-radius:10px;

	-webkit-border-radius:10px;

	font-size:20px;

	line-height:2em;

	max-width:500px;

}

table.enkaku{border-spacing:0 10px;}

table.enkaku td{background-color:#efeded;}

table.enkaku th,table.enkaku td{ padding:8px 20px;}

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

		 .iso_txt{padding-top:20px;}

		 .list_rinen{font-size:90%;}

	 }

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

			  table.enkaku{border-spacing:0 3px; }

			  table.enkaku th{ width:6em; font-weight:normal;}

			  table.enkaku th,table.enkaku td{ padding:5px 2%;}

		 }



.mapinfo{

	width:1060px;

	margin:0 auto 20px;

}

.mapinfo td{

	vertical-align:top;

}

.mapinfo td.add{

	width:520px;

	background-color:#fff;

}

.mapinfo td.gaikan{

	width:520px;

}

.mapinfo td.add .ttl{

	width:100%;

	padding:10px 0;

	text-align:center;

	color:#fff;

	font-weight:bold;

	margin-bottom:30px;

	background:url(../img/about/bg_aka_l.png) repeat-y;

}

.mapinfo td.add p{padding:0 20px;}

.mapinfo td.add span{display:inline-block;}

.g_map{

	clear:both;

	width:100%;

	max-width:1060px;

	margin:0 auto 40px;

}

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

		.mapinfo{width:100%;}

		.mapinfo td.add,

		.mapinfo td.gaikan{width:49%;}

		.mapinfo td.gaikan img{width:100%;}

		.mapinfo td.add .ttl{margin-bottom:10px;}

	}

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

			.mapinfo td{ display:inline-block; font-size:95%; line-height:1.4em;}

			.mapinfo td,

			.mapinfo td.add,

			.mapinfo td.gaikan{width:100%;}

			.mapinfo td.add p{padding:0 3% 3%;}

		}













/* 業務案内

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



.bg_gyomu01{

	background:url(../img/work/bg_w01.png) center top no-repeat;

	height:420px;

	padding-top:120px;

	margin-top:40px;

}

.g_inner{

	width:1200px;

	margin:auto;

}

.gyomu01_txt{

	width:680px;

	float: right;

	color:#fff;

}

.gyomu01_txt .waza{

	font-family:'Playfair Display',"Sawarabi Mincho","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	margin-bottom:40px;

	font-size:30px;

	line-height:1.5em;

}

.gyomu01_txt .waza span{

	display:inline-block;

}

.gyomu01_txt .waza .red{

	font-size:130%;

	line-height:1.5em;

	color: #d71618;/* 非対応のブラウザでの文字色を設定 */

	background: -webkit-linear-gradient(0deg, #d71618, #d77315);/* 背景色にグラデーションを指定 */

				-webkit-background-clip: text;/*テキストでくり抜く*/

				-webkit-text-fill-color: transparent;/*くり抜いた部分は背景を表示*/

}





.gyo_space{

	clear:both;

	width:100%;

	height:170px;

}

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

		.g_inner{width:90%;}

		.gyomu01_txt{

			width:100%;

			max-width:700px;

			float: none;

			margin:auto;

		}

		.bg_gyomu01 .waza{margin-bottom:30px;}

		.bg_gyomu01 .waza img{margin-bottom:10px;}

	}

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

			.bg_gyomu01{

				height:auto;

				padding:60px 0;

				background-position:30% top;

				background-size:auto 120%;

			}

			.gyomu01_txt .waza2{

				text-shadow: 1px 1px 1px #000,

							 -1px 1px 1px #000,

							 1px -1px 1px #000,

							 -1px -1px 1px #000;

			}

			.gyomu01_txt br{display:none;}

			.gyo_space{height:80px;}

		}

	

.bg_gyomu02{

	background:url(../img/work/bg_w02.png) center top no-repeat;

	position:relative;

	padding-top:520px;

	color:#fff;

}

.g_label{

	width:500px;

	text-align:center;

	padding:60px 0;

	background:url(../img/about/bg_aka_l.png) repeat-y;

	position:absolute;

	left:130px;

	top:-80px;

	font-family:/*"Sawarabi Mincho","游明朝", YuMincho, */"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	/*font-weight:700;*/

	font-size:40px;

	line-height:1.2em;

}

.g02_01{

	text-align:center;

	margin-bottom:40px;

}

.g02_02{

	text-align:right;

	margin-bottom:60px;

}

ul.g02_03{margin-bottom:60px;}

ul.g02_03 li.maru{

	float:right;

	width:34%;

	text-align:center;

	padding-top:10%;

}

ul.g02_03 li.img{

	float:left;

	width:66%;

}

ul.g02_04{margin-bottom:60px;}

ul.g02_04 li.maru{

	float:left;

	width:34%;

	text-align:center;

	padding-top:10%;

}

ul.g02_04 li.img{

	float:right;

	width:66%;

}

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

		.bg_gyomu02{

			background-position:60% top;

			padding-top:30px;

		}

		.g_label{

			width:300px;

			padding:20px 0;

			position: static;

			margin-bottom:400px;

		}

		.g02_01{

			text-align:left;

			margin-bottom:20px;

		}

		.g02_02{

			text-align: center;

			margin-bottom:40px;

		}

	}

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

			.bg_gyomu02{background-position:80% top;}

			.g_label{

				width:200px;

				padding:10px 0;

				font-size:28px;

				line-height:1.2em;

			}

			.g_label img{ height:25px; width:auto;}

			ul.g02_03, ul.g02_04{margin-bottom:40px;}

			ul.g02_03 li.maru,

			ul.g02_04 li.maru{

				float: none;

				width:50%;

				text-align: left;

				padding-top:0;

				margin:0 auto 10px;

			}

			ul.g02_03 li.img,

			ul.g02_04 li.img{

				float: none;

				width:100%;

			}

		}





.bg_gyomu03{

	background:url(../img/work/bg_w03.png) center top no-repeat;

	padding-top:520px;

	color:#fff;

}

.bg_gyomu02 .g_inner,.bg_gyomu03 .g_inner,.bg_gyomu04 .g_inner,.bg_gyomu05 .g_inner{ position:relative;}

.g_label_r{

	width:500px;

	text-align:center;

	padding:60px 0;

	background:url(../img/about/bg_aka_l.png) repeat-y;

	position:absolute;

	right:-220px;

	top:-600px;

	font-family:/*"Sawarabi Mincho","游明朝", YuMincho, */"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	/*font-weight:700;*/

	font-size:40px;

	line-height:1.2em;

}
.g_label_02{
	left: -220px;
}

.g_label_05{
	left: -220px;
}
.g_label_04{
	left:920px;
    top: -600px;
}

.bg_gyomu04{

	background:url(../img/work/bg_w04.png) center top no-repeat;

	position:relative;

	padding-top:520px;

	color:#fff;

}
.bg_gyomu05{

	background:url(../img/work/bg_w05.png) center top no-repeat;

	position:relative;

	padding-top:520px;

	color:#fff;

}



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

		.bg_gyomu03,

		.bg_gyomu04{

			background-position:60% top;

			padding-top:30px;

		}

		.g_label_r{

			width:300px;

			padding:20px 0;

			position: static;

			margin-bottom:400px;

		}

	}

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

			.bg_gyomu03,.bg_gyomu04{background-position:50% top;}

			.g_label_r{

				width:200px;

				padding:10px 0;

				margin-bottom:440px;

				font-size:28px;

				line-height:1.2em;

			}

			.g_label_r img{ height:25px; width:auto;}

		}





/* 業務案内　01　/　鋳造

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

.work_inner{

	width:1040px;

	margin:40px auto 80px;

}

.w01_lead{

	text-align:center;

	margin-bottom:40px;

}

.w01_lead_img{

	margin-bottom:40px;

}

.w01_lead_img li{

	float: left;

	width:22%;

	margin-right:4%;

}

.w01_lead_img li:last-child{

	margin-right:0;

}

.box_koka{

	border:solid 20px #ededed;

	box-sizing:border-box;

	margin-top:40px;

	padding:2%;

}

.box_koka .ttl{

	text-align:center;

	background-color:#ededed;

	padding:10px;

	margin-bottom:30px;

	font-weight:bold;

	line-height:1.3em;

}

table.koka{

	width:100%;

}

table.koka td{width:50%;}

table.koka td.bg_logo{

	background:url(../img/work01/bg_logo.png) center center no-repeat;

	font-size:115%;

}

table.koka td.bg_logo .ttl_sub{

	text-align:center;

	font-weight:bold;

	margin-bottom:20px;

}

table.koka td.bg_logo p{

	width:16em;

	margin:auto;

}

table.koka2 tr img{
	margin-bottom: 30px;
	max-width: 95%;
}

.koka_img{
	text-align: center;
}

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

		  .work_inner{width:90%;}

		  table.koka td.bg_logo{ background-size: auto 100%; font-size:100%;}

	  }

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

			  .ttl_img.icon img{ width:30%;}

			  .w01_lead_img li{

				  width:48%;

				  margin-bottom:15px;

			  }

			  .w01_lead_img li:nth-child(even){margin-right:0;}

			  .box_koka{ border-width:10px; padding:5% 3%;}

			  table.koka td{

				  display:inline-block;

				  width:100%;

			  }

			  .box_koka .ttl{	margin-bottom:15px;}

			  table.koka td.bg_logo{ margin-bottom:20px;}

			  table.koka td.bg_logo .ttl_sub{margin-bottom:8px;}

		  }





/* 生産の流れ */

.box_flow{

	width:1120px;

	margin:auto;

	position:relative;

}

.box_flow .bango{

	position:absolute;

	top:-50px;

	left:30px;

}

.kei_red{

	border:solid 5px #d74117;

	box-sizing:border-box;

	background-color:#fff;

	text-align:center;

	padding:30px 8%;

}

.kei_red .ttl{

	font-size:28px;

	color:#3059b3;

	font-weight:bold;

	margin-bottom:15px;

}

.box_flow .next_bar{text-align:center;}

.kei_red span.txt_l{

	display:block;

	max-width:900px;

	margin:auto;

	background-color:#3059b3;

	color:#fff;

	text-align:center;

	font-size:112%;

	line-height:2em;

}

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

			.box_flow{	width:95%;}

			.box_flow .bango{

				width:80px;

				top:-40px;

				left:20px;

			}

			.kei_red{padding:15px 3% 20px;}

			.kei_red .ttl{

				font-size:22px;

				margin-bottom:10px;

			}

			.kei_red span.txt_l{font-size:100%; line-height:1.8em;}

	  }

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

				.box_flow .bango{

					width:50px;

					top:-20px;

					left:15px;

				}

				.box_flow .next_bar img{ height:50px; width:5px; }

				.kei_red .ttl{

					font-size:16px;

					margin-bottom:7px;

				}

				.kei_red span.txt_l{font-size:70%; line-height:1.5em;}

		  }



table.hyou_setsubi{

	width:100%;

	max-width:1040px;

	margin:auto;

	border:solid 1px #000;

	background-color:#fff;

}

table.hyou_setsubi tr{

	border-bottom:solid 1px #000;

}

table.hyou_setsubi tr:last-child{

	border-bottom:none;

}

table.hyou_setsubi tr:first-child{

	background: url(../img/work01/bar_ll.jpg)  repeat-y ;

}

table.hyou_setsubi th{

	text-align:center;

	color:#fff;

	padding:8px 0;

}

table.hyou_setsubi th:first-child,

table.hyou_setsubi td:first-child{

	border-right:solid 1px #000;



}

table.hyou_setsubi td:first-child{

	padding:5px 20px;

}

table.hyou_setsubi td:last-child{

	width:25%;

	padding:5px 0;

	text-align:center;

}

table.hyou_setsubi td span{

	display:inline-block;

}





/* 業務案内　02　/　加工

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

.list_kakohin li{

	float:left;

	width:30.6%;

	margin-right:4.1%;

	margin-bottom:20px;

	text-align:center;

	background: url(../img/work02/bg_w02_banner.png);

	background-size:100% 100%;

	color:#fff;

	font-size:20px;

	padding:20px 0;

}

.list_kakohin li.ic01 span{

	background-image:url(../img/work02/w02_icon1.png);

	background-position:left center;

	background-repeat:no-repeat;

	padding:5px 0 5px 40px;

}

.list_kakohin li.ic02 span{

	background-image:url(../img/work02/w02_icon2.png);

	background-position:left center;

	background-repeat:no-repeat;

	padding:5px 0 5px 40px;

}

.list_kakohin li.ic03 span{

	background-image:url(../img/work02/w02_icon3.png);

	background-position:left center;

	background-repeat:no-repeat;

	padding:5px 0 5px 40px;

}





.list_kakohin li:last-child{margin-right:0;}

.ttl_kakohin{

	clear:both;

	text-align:center;

	color:#fff;

	background-color:#3059b3;

	padding:8px 0;

	margin-bottom:20px;

}

.list_kikai{

	width:100%;

	max-width:1040px;

	margin:40px auto;

}

.list_kikai li{

	float:left;

	width:49%;

	margin-right:2%;

	margin-bottom:20px;

}

.list_kikai li:last-child{

	margin-right:0;

}

.w_space{

	clear:both;

	width:100%;

	height:80px;

}

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

		.list_kakohin li,

		.list_kikai li{

			float: none;

			width:100%;

			text-align:center;

			margin-right:0;

		}

		.w_space{height:50px;}

	}





/* 業務案内　04　/　販売

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

.w04_toi{

	font-size:120%;

	line-height:2em;

	font-weight:bold;

	color:#3059b3;

	margin-top:20px;

}

.w04_info{

	width:100%;

	max-width:650px;

	margin:0 auto 30px;

}

.w04_info span{display:inline-block;}



.list_lamp li{

	float:left;

	width:30.6%;

	margin-right:4.1%;

	margin-bottom:20px;

	text-align:center;

}

.list_lamp li:last-child{

	margin-right:0;

}

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

		.list_lamp li{

			float: none;

			width:100%;

			text-align:center;

			margin-right:0;

		}

	}









/* 採用情報

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

.bg_rec_top{

	width:100%;

	background:url(../img/recruit/bg_recruit_top.png) center top no-repeat;

	padding:1px 0;

}

#r01, #r02{

	padding-top:100px;

}



.rec_navi{

	width:100%;

	max-width:910px;

	margin:auto;

}

.rec_navi li{

	float:left;

	width:38%;

	text-align:center;

	border: solid 1px #000;

	margin:5%;

}

.rec_navi li a{

	display:block;

	color:#000;

	padding:10px 0;

}

.rec_navi li a:hover{

	background-color:#efefef;

}

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

		#r01, #r02{padding-top:30px;}

		.rec_navi li{

			float: none;

			width:80%;

			margin:0 auto 20px;

		}

	}



/* 先輩の声 */

.senpai01{

	clear:both;

	width:100%;

	margin-bottom:30px;

	position:relative;

}

.senpai01 .name{

	position:absolute;

	right:0;

	bottom:0;

	width:390px;

	background:url(../img/recruit/bg_name.png)  bottom left no-repeat;

	font-size:120%;

	line-height:1.4em;

	font-weight:bold;

	color:#fff;

	padding:21px 0 21px 100px;

}

.senpai02_l{

	float:left;

	width:46%;

	margin-bottom:20px;

}

.senpai02_r{

	float:right;

	width:46%;

	margin-bottom:20px;

}

.senpai02_l dd, .senpai02_r dd{margin-bottom:15px;}

.ttl_q{

	background:url(../img/recruit/kei-ao.png) center repeat-x;

	color:#3059af;

}

.ttl_q span{

	background-color:#ededed;

	padding-right:10px;

}

.r_space{

	clear:both;

	width:100%;

	height:80px;

}

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

		  .senpai01 .name{

			  padding:10px 0 10px 80px;

		  }

		  .senpai02_l, .senpai02_r{

			  float:none;

			  width:100%;

		  }

	  }

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

			  .senpai01{margin-bottom:20px;}

			  .senpai01 .name{

				  position:static;

				  width:70%;

				  margin:0 0 0 auto;

				  padding:5px 5% 5px 15%;

				  font-size:100%;

				  line-height:1.2em;

				  text-align: left;

			  }

			  .senpai02_l, .senpai02_r{font-size:90%; line-height:1.6em;}

			  .r_space{

				  height:1px;

				  border-bottom: dashed 1px #444;

				  padding-top:30px;

				  margin-bottom:30px;

			  }

		  }



/* 募集要項 */

table.bosyu{

	width:100%;

	border-collapse:separate;

	border-spacing:0 20px;

	margin-bottom:40px;

}

table.bosyu th{

	width:25%;

	padding:20px;

	background-color:#3059a9;

	color:#fff;

	font-weight:bold;

	vertical-align:middle;

	border:solid 1px #999;

}

table.bosyu td{

	background-color:#fff;

	padding:20px;

	border:solid 1px #999;

}

.btn_toi a{

	display:block;

	width:90%;

	max-width:400px;

	margin:0 auto 20px;

	text-align:center;

	color:#fff;

	padding:20px 0;

	background-image:url(../img/work02/bg_w02_banner.png);

	background-repeat:no-repeat;

	background-size:100% 100%;

}

.btn_toi a:hover{

	opacity: 0.7;

	filter: alpha(opacity=70);

	-ms-filter: "alpha(opacity=70)";

}

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

			  table.bosyu{

				  font-size:90%;

				  line-height:1.5em;

				  border-spacing:0 5px;

			  }

			  table.bosyu th,

			  table.bosyu td{

				  display:inline-block;

				  width:90%;

				  padding:5px 5%;

			  }

		   }







/* お問い合わせ

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

.toi_lead{

	text-align:center;

}

.uketuke{

	margin-top:20px;

}

.uketuke span{display:inline-block;}

.mailform{

	width:100%;

	margin-bottom:30px;

	border:solid 1px #999;

	background-color:#fff;

}

.mailform tr{border-bottom:solid 1px #999;}

.mailform th{

	width:30%;

	background-color:#3059b3;

	border-left:solid 1px #999;

	color:#fff;

	font-weight:bold;

	padding:20px;

}

.mailform td{

	padding:20px;

}

.length_l{

	width:95%;

	padding:10px;

}

.length_m{

	width:60%;

	padding:10px;

}

.naiyou{

	width:95%;

	height:200px;

	padding:10px;

}

.btn{

	background: url(../img/contact/btn_sousin.png) center center no-repeat;

	width:80%;

	max-width:400px;

	height:65px;

	border:0px solid;

	cursor:pointer;

}

.btn:hover{

	opacity: 0.7;

	filter: alpha(opacity=70);

	-ms-filter: "alpha(opacity=70)";

}



.mailform input, .mailform select, .mailform textarea{

	font-size:110%;

	line-height:1.5em;

}



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

		.contact .ttl_img{font-size:20px; line-height:1.2em;}

		.toi_lead{text-align:left;}

		.mailform th,

		.mailform td{

			display:inline-block;

			width:90%;

			padding:5px 5%;

		}

		.length_m{width:95%;}

	}







/* プリントの表示設定 */

@media print{

	body{

        zoom: 0.60;

        -webkit-print-color-adjust: exact;

		width:1650px;

		margin:80px auto 0;

	}

	.works00 div{display:block;}

	[data-aos][data-aos-duration='1000'][data-aos], body[data-aos-duration='1000'] [data-aos]{

		opacity: 1.0;

		transform: translate(0,0);

		-webkit-transform: translate(0,0);

	}

	#header .logo_top,#header .h_logo{ position:static; display:none;}

}