@charset "utf-8";
/* CSS Document */

/*シャドウ効果*/
.shadow{
	border:1px solid #c8c8c8;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: #c8c8c8 0px 0px 5px;
	-moz-box-shadow: #c8c8c8 0px 0px 5px;
	box-shadow: #c8c8c8 0px 0px 5px;
	behavior: url("./pie/PIE.htc");
}
.shadow01{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: #c8c8c8 0px 0px 5px;
	-moz-box-shadow: #c8c8c8 0px 0px 5px;
	box-shadow: #c8c8c8 0px 0px 5px;
	behavior: url("./pie/PIE.htc");
}


/**************************************
		TOPページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
@media only screen and (max-width: 767px) {

	#Main #contents .main{
		padding: 0 0.1rem;
		float:none;
	}


}
	#Main #contents .main{
		padding-left:10px;
		float:left;
		
	}
	#Main #contents .main .box01{
		position:relative;
		width:206px;
		height:auto;
		float:left;
		background:#fff;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
		}
		#Main #contents .main .box01 .box_inner{
		padding:0px 14px 20px;
		background:#FFF;
		
	}
	#Main #contents .main .box01 h2{
		border-bottom:1px solid #c8c8c8;
		margin-bottom:13px;
	}
	#Main #contents .main .box01 .box_inner h3{
		font-size:100%;
		color:#003399;
		text-decoration:underline;
	}
	#Main #contents .main .box01 .box_inner p{
		font-size:90%;
	}
	
	#Main #contents .main .box02{
		position:relative;
		width:652px;
		height:auto;
		background:#fff;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
		}
	#Main #contents .main .box02 .box_inner{
		padding:30px;
	}
	#Main #contents .main .box02 h2{
		background:url(../images/common/bg_title01.jpg) repeat-x;
		height: 27px;
		padding-top: 8px;
		border-bottom:1px solid #c8c8c8;
		padding-left:11px;
	}
	#Main #contents .main .box02 h2 img{
		vertical-align:-5px;
	}
	#Main #contents .main .box02 .info{
		position:absolute;
		left: 470px;
		top: 11px;
		width:152px;
	}
	/**************************************
			定義リスト
	**************************************/
	@media (max-width: 767px) {
		dl.list03{
			width: 92%;
		}
		dl.list03 dd {
			padding-left: 10em;
		}
		dl.list01 dt{
			width: 10em;
		}
		dl.list04{
			font-size: 95%;
		}
		dl.list04 dd {
			width: calc(100% - 160px);
		}
		dl.list04 dt {
			width: 150px;
		}
		dl.list04 dt img {
	   		width: 90%;
           		padding: 0 5% 1em 5%;
		}
		dl.list04 dt h4{
                	padding: 12px 0 12px 12px;
		}
		
	}
	@media (min-width: 768px) and (max-width: 999px) {
		dl.list03 {
			width: 54vw;
		}
		dl.list03 dd {
			padding-left: 17vw;
		}
		dl.list04{
			font-size:100%;
		}

		dl.list04 dd {
			width: 34.7vw;
		}
		dl.list04 dt {
			width: 21vw;
		}
		dl.list04 dt img {
	   		width: 18vw;
           		padding: 0 1.3vw 1vw 1.2vw;
		}
		
		dl.list04 dt h4{
                	padding: 1.2vw;
		}

	}

	@media screen and (min-width:1000px){
		dl.list03{
			width: 540px;
		}
		dl.list03 dd {
			padding-left:170px;
		}
		dl.list04{
			font-size:100%;
		}
		dl.list04 dd {
			width: 347px;
		}
		dl.list04 dt {
			width:210px;
		}
		dl.list04 dt img {
	   		width: 180px;
           		padding: 0 13px 10px 12px;
		}
		dl.list04 dt h4{
                	padding: 12px;
		}

	}
	/*list01*/
	* html body dl.list dd div{
	   display:inline-block;
	}
	
	dl.list01{
		font-size:100%;
		
	}
	dl.list01 dt {
	   float:left;
	   padding-top:12px;
	   padding-right:0;
	   color:#FF6600;
	}
	
	dl.list01 dd {
	   padding-top:12px;
	   padding-bottom:12px;
	   padding-left:8em;
	   border-bottom:1px dashed #c8c8c8;
	   text-decoration:underline;
	}
	dl.list01 dt.first,dl.list01 dd.first {
		padding-top:0;
	}
	
	
	dl.list02{
		font-size:100%x;
		color:#333;
	}
	dl.list02 dt {
	   float:left;
	   padding-top:10px;
	   padding-right:0;
	}
	
	dl.list02 dd {
	   padding-top:10px;
	   padding-bottom:10px;
	   padding-left:185px;
	   border-bottom:1px dashed #c8c8c8;
	}
	dl.list02 dt.first,dl.list01 dd.first {
		padding-top:0;
	}
	
	dl.list03{
		font-size:100%;
		border:1px solid #000;
		padding:18px 12px;
		margin-bottom:30px;
		background:url(../images/bg_manu02.jpg) repeat;
	}
	dl.list03 dt {
	   float:left;
	   padding-top:10px;
	   padding-bottom:10px;
	   padding-right:0;
	}
	
	dl.list03 dd {
	   padding-top:10px;
	   padding-bottom:10px;
	   
	   border-bottom:1px dashed #c8c8c8;
	}
	dl.list03 dt.first,dl.list01 dd.first {
		padding-top:0;
	}
	
	/* list04 */
	dl.list04, dl.list04 dt, dl.list04 dd {
		box-sizing: border-box;
	}
	dl.list04{
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
	   	background:#fafafa;
		/* display: table; */
		display: flex; 
 		flex-wrap: wrap;
	}
	dl.list04_last{
		border-bottom:1px solid #cccccc;
	}
	dl.list04 dt h4{
		font-weight:normal;
		font-size:100%;
	}
	dl.list04 dt {
	   border-right: 1px solid #cccccc;
	   display: table-cell;

	}
	
	
	dl.list04 dd {
          display: table-cell;
	  padding: 10px 0 10px 10px;
          background: #fff;
	  border-left: 1px solid #cccccc; 
	  overflow: hidden;
	}
	dl.list04 dd address{
		font-style:normal;
		margin-bottom:5px;
	}
	dl.list04 dd img {
		vertical-align:0px;
		margin-right:5px;
	}
	dl.list04 dt.first,dl.list01 dd.first {
		padding-top:0;
	}
	dl.list04 ul.map li{
		float:left;
		margin-right:15px;
	}
	
	/* list05 */
	dl.list05{
		font-size:100%x;
		width:594px;
		margin-bottom:54px;
	}
	dl.list05_last{
		border-bottom:1px solid #cccccc;
	}
	dl.list05 dt {
		color:#FF6600;
	   float:left;
	   padding-top:10px;
	   padding-bottom:10px;
	   padding-right:0;
	   padding-left:2px;
	   line-height:140%;
	}
	
	dl.list05 dd {
	   padding-top:10px;
	   padding-bottom:10px;
	   padding-left:95px;
	   border-bottom:1px dashed #c8c8c8;
	   line-height:140%;
	}
	/**************************************
			asideコンテンツ
	**************************************/
	
	@media screen and (max-width:767px){
		#Main #contents .aside{
			display: none;
			float: unset;
			width: 0px;
			margin: 0px;
		}
	}
	@media (min-width: 768px) and (max-width: 999px) {
		#Main #contents .aside{
			width: 26.5vw;
			float: right;
			margin-right: 0.5vw;
		}
		#Main #contents .aside ul li{
			margin-bottom: 1vw;
		
		}

	}
	@media screen and (min-width: 1000px) {
	#Main #contents .aside{
		width:265px;
		float:right;
		margin-right:5px
	}
	#Main #contents .aside ul li{
		margin-bottom:10px;
		
	}
}
/**************************************
		newsページ
**************************************/
@media screen and (max-width:767px){
#New #contents .main .main_inner{
		padding: 0 0.1rem;
		width: 100%;
	}

	#New #contents .main h2.title{
		width: 98vw;
		line-height:42px;
		padding-left:28px;
	}
	#New #contents .main .main_inner .news_box, #New #contents #single .main_inner .news_box{
		padding:0 5vw 5vw 5vw;
	}
	.article_time{
		margin-right: 3vw;
	}
	.article_title{
		display: flex;
		width: calc(100vw - 129px);
	}
	#New #contents #single .main_inner .news_box p img{
		float: none;
}


}
@media (min-width: 768px) and (max-width: 999px) {
	#New #contents .main .main_inner{
		padding: 0;
		width: 70.3vw;
	}
	#New #contents .main h2.title{
		width: 67.6vw;
		line-height:4.2vw;
		padding-left:2.8vw;
	}
	#New #contents .main .main_inner .news_box{
		padding:0 5vw 5vw 5vw;
		width: 60.2vw;
	}
	.article_title{
		display: flex;
		width: calc(100vw - 126px);
	}
	.article_time{
		margin-right:30px;
		width: 150px;
	}
	#New #contents #single .main_inner .news_box{
		padding:3vw 7vw 7vw;
		width: 56.3vw;
	}


}
@media screen and (min-width: 1000px) {
	#New #contents .main .main_inner{
		padding:0;
		width: 703px;
	}
	#New #contents .main h2.title{
		width:676px;
		line-height:42px;
		padding-left:28px;
	}
	#New #contents .main .main_inner .news_box{
		padding:0 50px 50px 50px;
		width:602px;
	}
	.article_time{
		width: 120px;
	}
	#New #contents #single .main_inner .news_box{
		padding:30px 70px 70px;
		width:563px;
	}

}

	#New #contents .main h2.title{
		background:url(../images/common/h2_bg01.jpg) no-repeat;
		margin-bottom:0px;
		border:none;
	}
	#New #contents .main .main_inner .news_box .title_year{
		clear:both;
		background:url(../images/common/bg_news.png) repeat;
		color:#fff;
		line-height:30px;
		padding-left:12px;
		margin-top:50px;
	}
	.article_list{
		background:url(../images/common/border_bottom.png) repeat-x bottom left;
		padding-bottom:5px;
		margin-bottom:10px;
		display: flex;
		flex-direction: row;
		
	}
	.article_time{
		color:#FF6600;
	
	}
	#single .main_inner .news_box .post_title{
		text-align:center;
		margin-top:50px;
		margin-bottom:35px;
	}
/**************************************
		製品案内ページ
**************************************/
	.common .main_inner .article{
		overflow:hidden;
		padding-bottom:40px;
		background:url(../images/common/border_bottom.png) repeat-x left bottom;
		margin-bottom:30px;
	}
	.common .main_inner .article .article_inner{
		float:left;
		width:280px;
	}
  	.common .main_inner .article .title{
		font-size:18px;
		margin-bottom:18px;
	}
	.common .main_inner .article a{
		text-decoration:underline;
	}
/**************************************
		企業情報ページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
	@media (max-width:767px){
		.common #contents .main {
			width: 100%;
			float: none;
		}
		.common #contents .main .box01{
			width: 98%;
			float: none;
			margin-bottom:0.1em;
		}
		.common #contents .main .box02 {
			width: 98%;
			margin-bottom:0.1em;
		}
		.common #contents .main .mainimg{

			width: 100% !important;
			height: auto;
		}
		.box01{
			height: auto;
		}
		.MB14 {
			width: 95%;
    			height: auto;
    			margin: 0 auto 1.2em;
		}
		.common #contents .main h2.title {
    			background: url(../images/common/h2_bg01.jpg) no-repeat;
    			width: 98vw;
    			margin-bottom: 0px;
		}
		#corp #contents #gree .main_inner, #corp .main_inner , .main_inner {
			padding: 1em 0.5em;
			width: 95%;
		}
		#corp #contents #gree .main_inner img{
			width: 98%;
			height: 35%;
		}
		.common #contents .main .main_inner .greet{
			margin-left: 60px;
		}
		
		.common #contents .main .main_inner .PL30{
			padding-left: 0px;
			font-size: 95%;
		}
		#corp-pro {
			margin: 1em 0;
			display: flex;
			flex-direction: column;
		}
		.common #contents .main .main_inner .table01 {
			width: 95%;
        		margin: 0 auto;
			
		}
		#corp-pro-h3 {
			margin: 1em;
		}
		.fl_col{
			flex-direction: row;
		}
		.corp-pro-logo{
			width: 95%;
			max-width: 567px;
			margin: 0 1em 1em;
		}
		.main_inner #history-top{
			display: flex;
			flex-direction: column;
		}
		.history-topline {
			width: 100%;
        		margin: 1em 0;
		}
		.sp-none, .pc{
			display: none;
		}
		.TACenter img{
			width: 100%;
			height: auto;
		}
		.mechanism {
			margin: 1em;
			font-weight: normal;
			line-height: 1.4;
		}
		.common #contents .main .box02 #MB14{
			width: 95%;
    			height: auto;
    			margin: 0 auto 1.2em;
			float: none;
		}

		.common #contents .main .box02 .disc {
			width: 100%;

			margin-left: 0px;
		}
		.glo_spimg {
			width: 100%;
			height: auto;
		}
		.glo_spimg2 {
			width: 90%;
			height: auto;
		}

		.map_jp , #corp #contents .desc , .gloworldmap{
			display: none;
		}
		#corp #contents #glo .main_inner{
			padding: 0;
			width: 100%;
		}
		#corp #contents #glo .main_inner .glo_contents{
			width: 95%;
			margin:1em 0 1em 1em;		
		}
		#corp #contents #glo .main_inner .glo_contents .area_navi ul {
			float: none;
    			margin: 1em 1em 25px;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_L{
			width: 100%;
			float: none;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_R{
			width: 100%;
			float : none;
			margin-top: 2em;
		}
		#corp #contents #glo .main_inner .decal_box03{
			padding: 1em 0 1em 1em;
        		width: 92%;
        		margin: 0.5em 0;
		}

		#corp #contents #glo .main_inner .decal_box03 .MB10{
			margin: 1em 0;
		}
		#corp #contents #glo .glo_desc{
			margin-top: 1em;
		}
		#corp #contents #glo .contents_inner .box03{
			padding: 1.5em;
        		width: 90%;
        		margin: 0.5em 0;
		}	
		.common #contents .main .main_inner .corp_img{
			width: 38vw;
			height: auto;
		}

					
	}
	@media (min-width: 768px) and (max-width: 999px) {
		.common #contents .main{
			width: 71vw;
			float:left;
			margin-right: 1vw;
		}
		.common #contents .main .box01{
			width: 21.5vw;
			float: left;
			font-size: 100%;
			margin-bottom: 1.3vw;
		}
		.common #contents .main .mainimg{

			width: 100% !important;
			height: auto;
		}

		.common #contents .main h2.title{
			background:url(../images/common/h2_bg01.jpg) no-repeat;
			width: 67.6vw;
			margin-bottom: 1.7vw;
		}
		#corp #contents #gree .main_inner{
			padding: 5vw 4vw;
			width: 62.3vw;
		}
		.common #contents .main .main_inner{
			width: 58.3vw;
			padding:5vw 6vw;
		}
		.common #contents .main .main_inner .table01 {
			width: 95%;
        		margin: 0 auto;
			float: none;
		}
		#corp-pro-h3 {
			margin: 1em;
		}
		.fl_col{
			flex-direction: row;
		}
		.corp-pro-logo{
			width: 95%;
			max-width: 567px;
			margin: 0 1em 1em;
		}

		.tb_img{
			width: 100%;
			height: auto;
		}
		.main_inner #history-top{
			display: flex;
			flex-direction: row;
		}
		.history-topline{
			max-width: 34.9vw;
		}
		.TAimg{
			width: 58.1vw;
			max-width: 58.1vw!important;
		}
		
		
		#corp #contents #glo .main_inner{
			padding: 0;
			width: 70.3vw;
		}
		#corp #contents #glo .main_inner .glo_contents .area_navi ul{
			margin-bottom: 2.5vw;
		}
		.sp_br, .pc{
			display: none;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_L{
			float: none;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_R{
			float: none;
		}
		#corp #contents #glo .main_inner .glo_contents{
			width: 58vw;
			margin: 4vw auto;		
		}
		#corp #contents #glo .main_inner .decal_box03{
			padding: 3vw;
			border:1px solid #cccccc;
			width: 50.6vw;
			margin-bottom: 1.8vw;
			overflow: hidden;
		}
		#corp #contents #glo .contents_inner .box03{
			width: 28vw;
			padding: 2.8vw;
		}
		.common #contents .main .box02{
			width: 33.6vw;
			margin-bottom: 1.3vw;
		}
		.common #contents .main .box02 .disc {
			width: 160px;
    			margin-left: 14px;
		}
		#corp #contents #glo .main_inner{
			padding: 0;
			width: 70.3vw;
		}
		
		.glo_spimg {
			display:block;
			width: 100%;
			height: auto;
		}
		.glo_spimg2 {
			display:block;
			width: 90%;
			height: auto;
		}

		.map_jp , #corp #contents .desc, .gloworldmap{
			display: none;
		}
		.box_tb{
			width: 336px !important;
		}

	}

	@media screen and (min-width: 1000px){
	
		.common #contents .main{
			width:710px;
			float:left;
			margin-right:10px;
		}
		.common #contents .main .box01{
			width:220px;
			float:left;
			font-size:100%;
			margin-bottom:13px;
		}
		.common #contents .main h2.title{
			background:url(../images/common/h2_bg01.jpg) no-repeat;
			width:676px;
			margin-bottom:17px;
		}
		#corp #contents #gree .main_inner{
			padding:50px 40px;
			width:623px;
		}
		.common #contents .main .main_inner{
			width:583px;
			padding:50px 60px;
		}
		.common #contents .main .main_inner .table01{
			width:400px;
			float:left;
		}
		.fl_col{
			flex-direction: column;
		}
		.main_inner #history-top{
			display: flex;
			flex-direction: row;
		}

		.history-topline{
			max-width: 349px;
		}
		.TACenter img{
			max-width: 581px ! important;
		}
		.common #contents .main .box02{
			width:336px;
			margin-bottom:13px;
		}
		.common #contents .main .box02 .disc {
   			width: 160px;
    			margin-left: 14px;
		}
		.glo_spimg, .glo_spimg2, .tbsp {
			display: none;
		}
		#corp #contents #glo .main_inner{
			padding: 0;
			width: 703px;
		}
		#corp #contents #glo .main_inner .glo_contents .area_navi ul{
			margin-bottom:25px;
		}
		.sp_br, .tbsp{
			display: none;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_L{
			width:280px;
			float:left;
		}
		#corp #contents #glo .main_inner .glo_contents .gl_box01_R{
			width: 300px;
			float :right;
		}
		#corp #contents #glo .main_inner .glo_contents{
			width:580px;
			margin:40px auto;		
		}
		#corp #contents #glo .main_inner .decal_box03{
			padding:30px;
			border:1px solid #cccccc;
			width:506px;
			margin-bottom:18px;
			overflow:hidden;
		}
		#corp #contents #glo .contents_inner .box03{
			width:284px;
			padding:28px;
		}

	}
	.common #contents .main .mainimg{
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.common #contents .main .main_inner{
		overflow:hidden;
		background-color:#FFF;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.common #contents .main h2.title{
		background:url(../images/common/h2_bg01.jpg) no-repeat;
		line-height:42px;
		padding-left:28px;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	
	
	.common #contents .main .contents_inner{
		padding:22px 5px 5px 5px;
		overflow:hidden;
	}
	.common #contents .main .box01{
		border:1px solid #c8c8c8;
		background:#fff;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.common .box_inner p{
		line-height:150%;
	}
	.common #contents .main .box01 .box_inner{
		padding: 18px;
		background:#FFF;
	}
	.common #contents .main .main_inner .greet{
		font-size:16px;
		line-height:158%;
		padding-top:50px;
	}
	/*沿革*/
	.common #contents .main .main_inner .history{
		font-size:100%;
		line-height:158%;
	}
	.common #contents .main_inner p{
		font-size:100%;
		line-height:180%;
	}
	.common #contents .main .main_inner h3.history_title{
		border-bottom:1px solid #c8c8c8;
	}
	/*会社概要*/
	.common #contents .main .main_inner .corp_img{
		padding-top: 23px;
	}
	.common #contents .main .main_inner .table01{
		font-size:100%;
		border:1px solid #c8c8c8;
	}
	.common #contents .main .main_inner .table01 th{
		text-align:left;
		width:123px;
		padding:10px 15px;
		border:1px solid #c8c8c8;
		background:#f5f5f5;
	}
	.common #contents .main .main_inner .table01 td{
		text-align:left;
		padding:10px 15px;
		border:1px solid #c8c8c8;
	}
	.common #contents .main .main_inner .table01 .bank01{
		padding:10px 0 10px 10px;
		border:none;
		width:122px;
	}
	.common #contents .main .main_inner .table01 .bank02{
		padding:10px 0;
		border:none;
		width:122px;
	}
	.fl_col{
		display:flex;
	}
	/*グローバル展開*/
	#corp #contents #glo .glo_desc{
		font-size:100%;
		line-height:180%;
		padding-left:18px;
	}
	#corp #contents #glo .contents_inner .box03{
		float:left;
		background:#fff;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	#corp #contents .desc{
		font-size:95%;
		color:#FF6666;
		padding-left:13px;
		margin-top:12px;
	}
	#corp #contents #glo .contents_inner .box03 p{
		line-height:150%;
	}
	#corp #contents #glo .contents_inner .box03 img,
	#corp #contents #glo .contents_inner .box03 h2{
		margin-bottom:18px;
		color:#003366;
	}
	#corp #contents #glo .contents_inner .box03 h2 a{
		color:#003366;
	}
	
	#corp #contents #glo .main_inner .glo_contents .area_navi h4{
		margin-bottom:6px;
	}
	#corp #contents #glo .main_inner .glo_contents .area_navi img{
		vertical-align:-4px;
		margin-left:3px;
	}
	* html #corp #contents #glo .main_inner .glo_contents .area_navi img{
		vertical-align:-2px;
	}
	* html #corp #contents #glo .main_inner .glo_contents .area_navi ul li {
		line-height:18px;
	}
	#corp #contents #glo .main_inner .glo_contents .area_navi img.number{
		margin-right:3px;
		margin-left:0;
	}
	
	#corp #contents #glo .main_inner .glo_contents .area_navi ul li{
		margin-bottom:3px;
	}
	
	#corp #contents #glo .main_inner .decal_box03{
		border:1px solid #cccccc;
		overflow:hidden;
	}
	#corp #contents #glo .main_inner .decal_box03 address{
		font-style:normal;
		line-height:120%;
	}
	.list_img{
		vertical-align:-2px;
	}
	.decal_box03 ul {
		overflow:hidden;
		margin-top:10px;
		margin-bottom:10px;
		zoom: 1;
		}
	.decal_box03 ul:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		line-height: 0;
		content: ".";
	}
	.decal_box03 ul li{
		float:left;
		margin-right:15px;
	}
	ul li.google{
		background:url(../images/list_corp24.png) no-repeat left center;
		text-indent:1.0em;
	}
	ul li.web{
		background:url(../images/list_corp23.png) no-repeat left center;
		text-indent:1.3em;
	}
	.description .web{
		background:url(../images/list_corp23.png) no-repeat left center;
		padding-left:16px;
		margin-left:10px;
			}
	#eu{
	position:absolute;
	left: 17px;
	top: 92px;
	}
	#asia{
	position:absolute;
	left: 217px;
	top: 122px;
	}
	#america{
	position:absolute;
	left: 519px;
	top: 110px;
	}

	/**************************************
			asideコンテンツ
	**************************************/
	@media screen and (max-width: 767px) {
		#sp-only{
			display: none;
			width: 0px;
			float: none;
		}
	}
	@media (min-width: 768px) and (max-width: 999px) {
		
		.common #contents .aside{
			width: 24vw;
			float: left;
		}
		.common #contents .aside .aside_menu{
			width: 24vw;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			-webkit-box-shadow: #c8c8c8 0px 0px 0.5vw;
			-moz-box-shadow: #c8c8c8 0px 0px 0.5vw;
			box-shadow: #c8c8c8 0px 0px 0.5vw;
			behavior: url("./pie/PIE.htc");
		}
		.common #contents .aside .aside_menu .menu li:last-child {
			border-bottom:1px solid #c8c8c8;
		}
		.common #contents .aside .aside_menu .menu li{
			display:block;
			background:url(../images/common/bg_sub_list.png) no-repeat;
			height: vw;
			border-left:1px solid #c8c8c8;
			border-bottom:1px dashed #c8c8c8;
			border-right:1px solid #c8c8c8;
		}
		.common #contents .aside .aside_menu .menu .other a{
			background:url(../images/common/bg_sub_list03.jpg) no-repeat;
			line-height: 120%;
			padding-top: 1.5vw;
			padding-bottom: 1.4vw;
		}
		.common #contents .aside .aside_menu .menu .other a:hover{
			background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
		}
	
		.common #contents .aside .aside_menu .menu li a{
			display:block;
			padding-left: 3.5vw;
			text-decoration:none;
		}
		.common #contents .aside .aside_menu .menu li a:hover{
			background:url(../images/common/bg_sub_list_on.png) no-repeat;
		}
		.common #contents .aside .aside_menu .menu .sub_menu li{
			background:url(../images/common/bg_sub_list02.jpg) no-repeat;
		}
		.common #contents .aside .aside_menu .menu .sub_menu li.child{
			border-bottom:1px dashed #c8c8c8;
		}
		.common #contents .aside .aside_menu .menu .sub_menu li a{
			padding-left: 5vw;
		}
		.common #contents .aside .aside_menu .menu .sub_menu li a:hover{
			background:url(../images/common/bg_sub_list02_on.png) no-repeat;
		}
		.common #contents .aside .aside_menu .menu li.active{
			background:url(../images/common/bg_sub_list_on.png) no-repeat;
		}
		.common #contents .aside .aside_menu .menu li a.active{
			background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
		}
		.common #contents .aside .aside_menu .menu .sub_menu li.active{
			background:url(../images/common/bg_sub_list02_on.png) no-repeat;
		}
	
		.common #contents .aside .aside_menu h2{
			background:url(../images/common/bg_aside_title01.jpg) repeat-x;
			line-height: 4.2vw;
			border:1px solid #c8c8c8;
			padding-left: 1.5vw;
		}
	
		.aside .aside_menu{
			width: 24vw;
			background-color:#fff;
			border:1px solid #c8c8c8;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			-webkit-box-shadow: #c8c8c8 0px 0px 0.5vw;
			-moz-box-shadow: #c8c8c8 0px 0px 0.5vw;
			box-shadow: #c8c8c8 0px 0px 0.5vw;
			behavior: url("./pie/PIE.htc");
		}
		.aside .aside_menu h2{
			background:url(../images/common/bg_aside_title01.jpg) repeat-x;
			line-height: 4.2vw;
			padding-left: 1.5vw;
			border-bottom: 1px solid #c8c8c8;
		}
		.aside .aside_menu .menu li a {
			display: block;
			/* background: url(../images/common/bg_sub_list.png) no-repeat; */
			height: 30px;
			padding-left: 3.5vw;
			padding-top: 1.6vw;
		}
		*html .aside .aside_menu .menu li a{
			height: 30px;
			padding-top: 1.8vw;
		}
		.aside .aside_menu .menu li a:hover{
			background:url(../images/common/bg_sub_list_on.png) no-repeat;
			text-decoration:none;
		}
		.aside .aside_menu .menu .sub_menu a{
			background:url(../images/common/bg_sub_list02.jpg) no-repeat;
			padding-left: 5.5vw;
		}
		*html .aside .aside_menu .menu .sub_menu a{
			height: 2.8vw;
			padding-top: 1.6vw;
		}
		.aside .aside_menu .menu .sub_menu a:hover{
			background:url(../images/common/bg_sub_list02_on.jpg) no-repeat;
		}
		.aside .aside_menu .menu .sub_menu .last a,
		.aside .aside_menu .menu .last a{
			border:0;
		}
  	/*.aside .aside_menu .menu li:last-child a{border:none}*/
		.aside .aside_menu .menu li.active a,
		.aside .aside_menu .menu a.active{
			background:url(../images/common/bg_sub_list_on.png) no-repeat;
		}
		.aside .aside_menu .menu .sub_menu li.active a{
			background:url(../images/common/bg_sub_list02_on.jpg) no-repeat;
		}
		.aside .aside_menu .menu .sub_menu li.child a{
			border-bottom: 1px dashed #c8c8c8;
		}
		.aside .aside_menu .menu li.other a{
			background:url(../images/common/bg_sub_list03.jpg) no-repeat;
			height: 4.3vw;
			padding-top: 1.6vw;
			line-height: 1.8vw;
		}
		.aside .aside_menu .menu li.other a:hover{
			background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
		}
		.aside .aside_menu .menu li.other .active{
			background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
		}


	}
	@media (min-width: 1000px){

		.common #contents .aside{
			width: 240px;
			float: left;
		}
	
		.common #contents .aside .aside_menu{
			width:227px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			-webkit-box-shadow: #c8c8c8 0px 0px 5px;
			-moz-box-shadow: #c8c8c8 0px 0px 5px;
			box-shadow: #c8c8c8 0px 0px 5px;
			behavior: url("./pie/PIE.htc");
		}
	
		.common #contents .aside .aside_menu .menu li.last {
			border-bottom:1px solid #c8c8c8;
		}
		.common #contents .aside .aside_menu .menu li:last-child {
			border-bottom:1px solid #c8c8c8;
		}
		.common #contents .aside .aside_menu .menu li{
			display:block;
			background:url(../images/common/bg_sub_list.png) no-repeat;
			height:44px;
			border-left:1px solid #c8c8c8;
			border-bottom:1px dashed #c8c8c8;
			border-right:1px solid #c8c8c8;
		}
	
	.common #contents .aside .aside_menu .menu .other a{
		background:url(../images/common/bg_sub_list03.jpg) no-repeat;
		line-height:120%;
		padding-top:15px;
		padding-bottom:14px;
	}
	.common #contents .aside .aside_menu .menu .other a:hover{
		background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
	}
	
	.common #contents .aside .aside_menu .menu li a{
		display:block;
		height:100%;
		padding-left:35px;
		text-decoration:none;
	}
	.common #contents .aside .aside_menu .menu li a:hover{
		background:url(../images/common/bg_sub_list_on.png) no-repeat;
	}
	.common #contents .aside .aside_menu .menu .sub_menu li{
			background:url(../images/common/bg_sub_list02.jpg) no-repeat;
		}
	.common #contents .aside .aside_menu .menu .sub_menu li.child{
			border-bottom:1px dashed #c8c8c8;
		}
	.common #contents .aside .aside_menu .menu .sub_menu li a{
			padding-left:50px;
		}
	.common #contents .aside .aside_menu .menu .sub_menu li a:hover{
		background:url(../images/common/bg_sub_list02_on.png) no-repeat;
	}
	.common #contents .aside .aside_menu .menu li.active{
		background:url(../images/common/bg_sub_list_on.png) no-repeat;
	}
	.common #contents .aside .aside_menu .menu li a.active{
		background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
	}
	.common #contents .aside .aside_menu .menu .sub_menu li.active{
		background:url(../images/common/bg_sub_list02_on.png) no-repeat;
	}
	
	.common #contents .aside .aside_menu h2{
		background:url(../images/common/bg_aside_title01.jpg) repeat-x;
		line-height:42px;
		border:1px solid #c8c8c8;
		padding-left:15px;
	}
	
	.aside .aside_menu{
		width:227px;
		background-color:#fff;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.aside .aside_menu .menu li a {
		display: block;
		background: url(../images/common/bg_sub_list.png) no-repeat;
		height: 28px;
		padding-left: 35px;
		padding-top: 16px;
		border-bottom: 1px dashed #c8c8c8;
	}
	*html .aside .aside_menu .menu li a{
		height: 26px;
		padding-top: 18px;
	}
	.aside .aside_menu .menu li a:hover{
		background:url(../images/common/bg_sub_list_on.png) no-repeat;
		text-decoration:none;
	}
	.aside .aside_menu .menu .sub_menu a{
		background:url(../images/common/bg_sub_list02.jpg) no-repeat;
		padding-left:55px;
	}
	*html .aside .aside_menu .menu .sub_menu a{
		height: 28px;
		padding-top: 16px;
	}
	.aside .aside_menu .menu .sub_menu a:hover{
		background:url(../images/common/bg_sub_list02_on.jpg) no-repeat;
	}
	.aside .aside_menu .menu .sub_menu .last a,
	.aside .aside_menu .menu .last a{
		border:0;
	}
  	/*.aside .aside_menu .menu li:last-child a{border:none}*/
	.aside .aside_menu .menu li.active a,
	.aside .aside_menu .menu a.active{
		background:url(../images/common/bg_sub_list_on.png) no-repeat;
	}
	.aside .aside_menu .menu .sub_menu li.active a{
		background:url(../images/common/bg_sub_list02_on.jpg) no-repeat;
	}
	.aside .aside_menu .menu .sub_menu li.child a{
		border-bottom: 1px dashed #c8c8c8;
	}
	.aside .aside_menu .menu li.other a{
		background:url(../images/common/bg_sub_list03.jpg) no-repeat;
		height:43px;
		padding-top:16px;
		line-height:18px;
	}
	.aside .aside_menu .menu li.other a:hover{
		background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
	}
	.aside .aside_menu .menu li.other .active{
		background:url(../images/common/bg_sub_list03_on.jpg) no-repeat;
	}
}
/**************************************
		商社機能ページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
	@media only screen and (max-width: 767px) {
		 .halfimg{		
			width: 47%;
			margin-right: 1%;
		}
		#Tra #contents .description p{
			width: 48%;
			text-align:center;
			margin-right:2%;
			padding: 0;
			margin-bottom: 1em;
		}
		#Tra .custom .main .main_inner{
			width: 100%;
			padding: 1em 0.5em;
		}
		#Tra #contents.custom .left{
			width: 80%;
		}
		#Tra #contents.custom .right{
			width: 80%;
		}
		#Tra #contents .left{
			float: none;
			width: 90%;
			margin: 1em ;
		}
	#Tra #contents .right{
			width: 90%;
			float: none;
			margin: 1em ;
		}

	#Tra #contents #returntop {
			width: 9px;
		}
	#Tra #contents .h3_title {
			margin-right: 1em;
		}
	}
	@media (min-width: 768px) and (max-width: 999px) {
		
		#Tra #contents img{
			max-width: 27vw;
			height: auto;
		}

		#Tra #contents .description p{
			width: 27vw;
			text-align:center;
			margin-right: 1.5vw;
			padding: 1vw 0;
			margin-bottom: 1vw;
		}
		#Tra .custom .main .main_inner{
			width: 64.3vw;
			padding: 3vw 0 6vw 3vw;
		}
		#Tra #contents.custom .left{
			width: 32.3vw;
		}
		#Tra #contents.custom .right{
			width: 31vw;
		}
		#Tra #contents .left{
			float:left;
			width: 29vw;
			margin-right: 1vw;
			font-size: 90%;
		}
		#Tra #contents .right{
			width: 29vw;
			float: left;
			font-size:90%;
		}

	}
	@media screen and (min-width: 1000px){
		#Tra #contents img{
			max-width: 276px;
			height: auto;
		}

		#Tra #contents .description p{
			width: 276px;
			text-align:center;
			margin-right:15px;
			padding:10px 0;
			margin-bottom:10px;
		}
		#Tra .custom .main .main_inner{
			width: 643px;
			padding: 30px 0 60px 30px;
		}
		#Tra #contents.custom .left{
			width: 323px;
		}
		#Tra #contents.custom .right{
			width: 310px;
		}
		#Tra #contents .left{
			float:left;
			width:290px;
			margin-right:10px;
			font-size:90%;
		}
		#Tra #contents .right{
			width:290px;
			float:left;
			font-size:90%;
		}

	}

	#Tra .custom .main .main_inner{
		overflow: hidden;
		background-color: #FFF;
	}
	#Tra #contents .description{
		overflow:hidden;
	}
	
	#Tra #contents .description p{
		text-align:center;
	}
	#Tra #contents h3.asc{
		font-size:90%;
	}
		

	#Tra .main_inner .sub_title{
		border-bottom:1px solid #ccc;
		margin-bottom:25px;
		padding-bottom:10px;
	}
	/**************************************
			asideコンテンツ
	**************************************/
@media (min-width: 768px) and (max-width: 999px) {
	.tb_banner{
		width: 24vw;
		height: auto;
	}

}
	#Tra #contents .aside .banner_list {
		margin: 22px 0;
	}
/**************************************
		研究開発ページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
@media (max-width: 999px) {
	.spimg{
		width: 98%;
		height: auto;
	}
	#pcimg{
		display: none;
	}

}
@media (min-width: 1000px) {
	.spimg{
		display: none;
	}

}

	#Res #contents .main_inner .core_box01{
		width: 150px;
		padding:17px 9px;
		border:1px solid #666;
		text-align:center;
		float:left;
	}
	#Res #contents .main_inner .core_box01 img{
		max-width: 130px;
		height: auto;
		margin-bottom: 8px;
	}

	.common #contents .main .box02{
		float:left;
		font-size:100%;
		background:#fff;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.common #contents .main .box02 .box_inner{
		overflow:hidden;
		padding:18px;
		background:#FFF;
	}
	.common #contents .main .box02 .box_inner h2{
		color:#003366;
	}
	#Res #contents .main_inner .core_box02{
		float:left;
	}
	#Res #contents .main_inner .core_box03{
		float:left;
		width:350px;
		font-size:90%;
		line-height:160%;

	}
	#Res #contents .main_inner .core_box03 div{
		padding-top:13px;
		border:1px solid #666666;
		padding-left:45px;
	}
	.core_box03 .p1{
		background:url(../images/img_res15.jpg) no-repeat top left;
		height:185px;
		margin-bottom:11px;
	}
	.core_box03 .p2{
		background:url(../images/img_res16.jpg) no-repeat top left;
		height:145px;
		margin-bottom:11px;
	}
	.core_box03 .p3{
		background:url(../images/img_res17.jpg) no-repeat top left;
		height:180px;
		margin-bottom:12px;
			
	}
	.core_box03 .p4{
		background:url(../images/img_res18.jpg) no-repeat top left;
		height:200px;
		margin-bottom:12px;
	}
	.core_box03 .p5{
		background:url(../images/img_res19.jpg) no-repeat top left;
		height:93px;
	}
	#Res #contents .aside .banner_list{
		margin: 22px 0;
	}
/**************************************
		製造拠点ページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
@media (max-width: 767px) {
	#manu #contents .main .main_inner{
		width: 95%;
		padding: 1em 0.5em;
		
	}
	#show .MB30 {
		margin: 1em;
	}
	#show img{
		width: 95%;
		height: auto;
		margin: 0 0.5em;
		
	}
	#manu #contents .base .main_inner .decal_box03 {
		padding: 1em 0 1em 1em;
        	width: 90%;
        	margin: 0.5em;

	}
	#manu #contents .description p{
		width: 48%;
		text-align:center;
		margin-right:2%;
		padding: 0;
		margin-bottom: 1em;;
	}
	#manu #contents .base .main_inner .img_cap{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	.decal_img02 {
		width: 95%
	}
	#manu #contents .m2 {
		margin: 2em auto;
	}
	#manu #contents .MT80 {
		margin-top: 1em;
	}
	#manu #contents .base .main_inner .decal_box01 ul{
		width: 96%;
	}
	.decal_img04 {
		width: 95%;
		height: auto;
		margin: 0 auto;
	}
	.flcol{
		margin-bottom: 1em;

	}
	.screen_img{
		width: 95%;
		margin: 0 auto;
	}
	#manu #contents #yac .main_inner .yac_box01{
		width: 98%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 2em 1em 32px;
		
	}
	#manu #contents #yac .main_inner .yac_box01 p{
		width: 98%;
		max-width: 292px;
	}
	.yac_img{
		width: 80%;
        	height: auto;

	}
	#manu #contents .description02 p{
		width: 100%;
	}


}
@media (min-width: 768px) and (max-width: 999px) {
	#manu #contents .main .main_inner{
		width: 56.3vw;
		padding: 7vw;
		
	}
	#manu #contents .base .main_inner .decal_box03{
		padding: 3vw;
		width: 50.2vw;
	}
	#manu #contents .description p{
		width: 27vw;
		text-align: center;
		padding:10px 0;
		margin-bottom: 1vw;
	}
	.decal_img01 {
		width: 27vw;
	}
	#manu #contents .base .main_inner .img_cap{
		width: 62.6vw;
		position: relative;
		top: 40px;
		left:-20px;
	}
	#manu #contents .base .main_inner .decal_box01 ul{
		width: 56.1vw;
	}
	.flcol{
		margin-bottom: 6vw;

	}
	#manu #contents #yac .main_inner .yac_box01{
		width: 56.6vw;
	}
	#manu #contents #yac .main_inner .yac_box01 p{
		width: 29.2vw;
	}
	#show img {
		width: 56vw;
		height: auto;
	}
	#manu #contents .description02 p{
		width:56.7vw;
	}


}
@media (min-width: 1000px) {
	#manu #contents .main .main_inner{
		width: 563px;
		padding: 70px;
		
	}
	#manu #contents .base .main_inner .decal_box03{
		padding: 30px;
		width: 502px;
	}
	#manu #contents .description p{
		width:275px;
		text-align:center;
		padding:10px 0;
		margin-bottom:10px;
	}
	.decal_img01 {
		width: 276px;
	}
	#manu #contents .base .main_inner .img_cap{
		width: 626px;
		position: relative;
		top:40px;
		left:-20px;
	}
	#manu #contents .base .main_inner .decal_box01 ul{
		width: 561px;
	}
	.flcol{
		margin-bottom: 60px;

	}
	#manu #contents #yac .main_inner .yac_box01{
		width: 566px;
	}
	#manu #contents #yac .main_inner .yac_box01 p{
		width: 292px;
	}

	#show img{
		max-width: 566px;
		height: auto;
	}
	#manu #contents .description02 p{
		width:567px;
	}

}

	.common #contents .main .box03{
		width:688px;
		overflow:hidden;
		border:1px solid #c8c8c8;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: #c8c8c8 0px 0px 5px;
		-moz-box-shadow: #c8c8c8 0px 0px 5px;
		box-shadow: #c8c8c8 0px 0px 5px;
		behavior: url("./pie/PIE.htc");
	}
	.common #contents .main .box03 .box_inner{
		padding:18px;
		background:#FFF;
		overflow:hidden;
	}
	.common #contents .main .box03 .box_inner h2{
		color:#003366;
	}
	.icon .icon_des{
		display:block;
		float:left;
		text-align:center;
		width:65px;
		font-size:90%;
	}
	.icon .w68{
		width:68px;
	}
	.icongroup{
		display: flex;
		flex-wrap: wrap;
	}

	.flcol {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	/* 槌屋デカル工業 &　共通スタイル */
	
	#manu #contents .description{
		overflow:hidden;
	}
	
	#manu #contents .description02 p{
		text-align:center;
		padding:10px 0;
		margin-bottom:10px;
	}
	.decal_img01 {
		height: auto;
		max-width: 275px;
	}
	.decal_img02 {
		height: auto;
		max-width: 626px;
	}
	#manu #contents .left{
		float:left;
		width: 260px;
		margin-right:10px;
	}
	#manu #contents .right{
		width: 260px;
		float:left;
		margin-left:10px;
	}
	
	#manu #contents .base .main_inner{
		position:relative;
	}
	#manu #contents .base .main_inner .decal_box01{
		font-size:90%;
	}
	#manu #contents .base .main_inner .decal_box01 ul{
		border:1px solid #000;
		background:url(../images/bg_manu02.jpg) repeat;
		margin-bottom:9px;
		padding-top:11px;
		padding-bottom:17px;
	}
	#manu #contents .base .main_inner .decal_box01 li{
		padding-left:15px;
		margin-bottom:4px;
	}
	#manu #contents .base .main_inner .decal_box01 li.first{
		border-bottom:1px dashed #000;
		font-weight:bold;
		padding-bottom:11px;
		margin-bottom:10px;
	}
	#manu #contents .base .main_inner .decal_box02{
		width:244px;
		float:left;
		font-size:90%;
		letter-spacing:30%;
	}
	#manu #contents .base .main_inner .decal_box02 ul{
		border:1px solid #000;
		padding:30px;
	}
	#manu #contents .base .main_inner .decal_box02 ul li{
		border-bottom:1px dashed #000;
		padding-top:10px;
		padding-bottom:10px;
	}
	#manu #contents .base .main_inner .decal_box02 ul li span{
		font-size:70%;		
	}
	#manu #contents .base .main_inner .decal_box02 ul li.first{
		padding-top:0;
	}
	#manu #contents .base .main_inner .decal_box03{
		border:1px solid #cccccc;
		margin-bottom:16px;
		overflow:hidden;
	}
	#manu #contents .base .main_inner .decal_box03 address{
		font-style:normal;
	}
	#manu #contents .base .main_inner .decal_box03 .list_img{
		vertical-align:middle;
	}
	/*槌屋スクリーン工業*/
	#manu #contents #screen .main_inner{
		background:#fff;
	}
	.screen_img{
		max-width: 566px;
		height: auto;
	}
	/*槌屋ティスコ株式会社*/
	#manu #contents #tisco .main_inner{
		background:#fff;
	}
	/*槌屋ケミカル株式会社*/
	#manu #contents #chemi .main_inner{
		background:#fff;
	}
	/*槌屋マグネックス株式会社*/
	#manu #contents #mag .main_inner{
		background:#fff url(../images/bg_manu06.jpg) repeat-x 0px 565px;
	}
	/*槌屋ヤック株式会社*/
	#manu #contents #yac .main_inner{
		background:#fff url(../images/bg_manu07.jpg) repeat-x 0px 705px;
	}
	#manu #contents #yac .main_inner .yac_box01{
		overflow:hidden;
		margin-bottom:32px;
	}
		/*ショールーム*/
	#manu #contents #show .main_inner{
		background-image:none;
	}
	

	/**************************************
			asideコンテンツ
	**************************************/


/**************************************
		CSR
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
	@media only screen and (max-width: 767px) {
		#Csr #contents .main .main_inner{
			width: 95%;
			padding: 1em 0.5em;
	}
		.so_img {
			width: 98%;
			height: auto;
	}
}
	@media (min-width: 768px) and (max-width: 999px) {
		#Csr #contents .main .main_inner{
		width: 56.5vw;
		padding: 5vw 6.9vw 5vw 6.9vw;
	}

}
	@media only screen and (min-width: 1000px) {
		#Csr #contents .main .main_inner{
		width: 565px;
		padding: 50px 69px 50px 69px;
	}
}

	
	#Csr #contents .main .main_inner .quality li{
		list-style:decimal inside;
		line-height:180%;
		border-bottom:1px dashed #666666;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	#Csr #contents .main .main_inner .policy li{
		list-style:inherit inside;
		line-height:180%;
		border-bottom:1px dashed #666666;
		padding-bottom:10px;
		margin-bottom:10px;
		cursor:pointer;
	}
	#Csr #contents .main .main_inner .policy li.none{
		display:none;
		cursor:inherit;
		padding-left: 1em;
	}
	#Csr #contents .main .main_inner .environment li{
		list-style:decimal outside;
		margin-left:20px;
		line-height:180%;
	}
	#Csr #contents .main .main_inner .csr_title{
		font-size:100%;
		border-bottom:1px dashed #666666;
		padding-bottom:5px;
		margin-bottom:15px;
	}
	#contents .main .main_inner .lightgray_head{
	font-size:100%;
	font-weight:800;
	color:#ffffff;
	background-color:#999999;
	padding:7px;
	margin-top:60px;
	margin-bottom:10px;
	}
	#Csr #contents .main .main_inner .ISO{
		color:#FF9900;
	}
	
	/**************************************
			社会貢献
	**************************************/
	#Csr #contents .main .main_inner .society li{
		list-style:square inside;
		line-height:180%;
		border-bottom:1px dashed #666666;
		padding-bottom:10px;
		margin-bottom:10px;
		margin-left:20px;
	}
/**************************************
		プライバシーポリシー
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
	#Privacy #contents .main .main_inner .privacy{
		margin-left:20px;
		margin-bottom:20px;
	}
	#Privacy #contents .main .main_inner .privacy li{
		list-style:decimal inside;
	}
	#Privacy #contents .main .main_inner .pri_box01{
		background:url(../images/icon_pri01.jpg) no-repeat 0px 3px;
		padding-left:20px;
	}
	#Privacy #contents .main .main_inner .pri_box02{
		background:url(../images/icon_pri02.jpg) no-repeat 0px 3px;
		padding-left:20px;
	}
/**************************************
		採用情報ページ
**************************************/

	/**************************************
			Mainコンテンツ
	**************************************/
	#Rec #rec .title{
		margin-bottom:0;
	}
	#Rec #contents .main .contents_inner{
		padding:20px 5px 63px 5px;
		overflow:hidden;
	}
	#Rec #contents .main .box03 .box_inner{
		padding:30px 50px;
	}
	#Rec #contents .main .box03 .box_inner p{
		line-height:180%;
	}
/**************************************
お問い合わせページ　&　サイトマップ　&　応募フォーム
**************************************/
@media only screen and (max-width: 767px) {
		#Contact #contents .main .title_2{
		width: 100%;
	}
	#Contact #contents .main .contents_inner{
		width: 95%;
		padding: 1em;
	}
	#Contact #contents .main .contents_inner p img{
		width: 100%;
		height: auto;
	}
	#Contact #contents .main .contents_inner .site_navi{
		float: none;
	}

}
@media (min-width: 768px) and (max-width: 999px) {
		#Contact #contents .main .title_2{
			width: 92.2vw;
	}
		#Contact #contents .main .contents_inner{
			width: 81vw;
			padding: 6vw 7vw;
	}
		#Contact #contents .main .contents_inner .site_navi{
			width:22vw;
			float: left;
			margin-right:6.5vw;
	}
		#Contact #contents .main .contents_inner .last{
			width:23.5vw;
			margin-right:0;
	}


}
	@media only screen and (min-width: 1000px) {
		#Contact #contents .main .title_2{
			width: 922px;
	}
		#Contact #contents .main .contents_inner{
			width: 810px;
			padding: 60px 70px;
	}
		#Contact #contents .main .contents_inner .site_navi{
			width:220px;
			float:left;
			margin-right:65px;
	}
		#Contact #contents .main .contents_inner .last{
			width:235px;
			margin-right:0;
	}


}

	#Contact #contents .main{
		float:none;
		width:100%;
	}
	#Contact #contents .main .title_2{
		background:url(../images/common/h2_bg02.jpg) no-repeat;
		line-height:42px;
		padding-left:28px;
		margin-bottom:17px;
	}
	#Contact #contents .main .contents_inner p{
		line-height:180%;
	}
		#Contact #contents .main .contents_inner .site_navi h2{
		border-bottom:1px dashed #ccc;
		padding:10px 0;
		margin-bottom:15px;
		background:url(../images/common/list_footer01.png) no-repeat left center;
		padding-left:15px;
	}
	#Contact #contents .main .contents_inner .site_navi h3 a{
		text-decoration:none;
	}
	#Contact #contents .main .contents_inner .site_navi ul{
		margin-left:15px;
		margin-bottom:50px;
	}
	#Contact #contents .main .contents_inner .site_navi ul ul{
		margin-bottom:0;
	}
	#Contact #contents .main .contents_inner .site_navi ul li.li_second {
		background:url(../images/common/list02.gif) no-repeat 15px 2px;
		padding-left:30px;
	}
	#Contact #contents .main .contents_inner .site_navi ul li{
		background:url(../images/common/list_footer02.png) no-repeat left center;
		padding-left:15px;
	}
	#Contact #contents .main .contents_inner .site_navi ul li{
		margin-bottom:15px;
	}
	
/**************************************
		404ページ
**************************************/
	#Contact .under_line{
		text-decoration:underline;
	}
/**************************************
		hamburger-menu
**************************************/
/* PC: 非表示 */
@media (min-width: 768px) {
  .sp { display: none; }
}

/* SP: 表示 */
@media (max-width: 767px) {

  /* ハンバーガーのボタン（右上固定） */
  .sp .hamburger-menu .menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1002; /* ボタンが最前面 */
    background-color: #015e3c;
    cursor: pointer;
  }

  .sp .menu-btn span,
  .sp .menu-btn span:before,
  .sp .menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
    transition: all .5s;
  }
  .sp .menu-btn span:before { bottom: 8px; }
  .sp .menu-btn span:after  { top: 8px; }

  /* 視覚的に非表示（display:noneは使わない） */
  .sp .hamburger-menu #menu-btn-check {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    clip: rect(0 0 0 0) !important;
    /* 位置はボタン外でOK（視覚非表示なので） */
  }

  /* メニュー本体（画面外に待機） */
  .sp .sp-nav {
    position: fixed;
    top: 60px;          /* ボタンの下から展開 */
    left: 100%;         /* 画面外に隠す */
    right: 0;
    bottom: 0;          /* 全高にしたいなら bottom:0 を推奨 */
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    transition: left 0.5s ease;
    z-index: 1000;      /* オーバーレイより下、ボタンより下 */
    overflow-y: auto;   /* メニュー縦スクロール */
    -webkit-overflow-scrolling: touch;
  }

  /* 背景オーバーレイ（クリックで閉じる） */
  .sp .sp-overlay {
    position: fixed;
    inset: 0;               
/* top:0; right:0; bottom:0; left:0; */
    background: rgba(0,0,0,.3);
    opacity: 0;
    pointer-events: none;   /* 初期はクリック不可 */
    transition: opacity .3s ease;
    z-index: 1001;          /* nav の上、ボタンの下 */
  }

  /* チェックON時の変化（セレクタを同スコープで統一） */
  .sp #menu-btn-check:checked ~ .menu-btn span { 
    background-color: rgba(255, 255, 255, 0); /* 中央線を透明に */
  }
  .sp #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  .sp #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* パネルを画面内へスライドイン */
  .sp #menu-btn-check:checked ~ #sp_nav {
    left: 0;
  }

  /* オーバーレイを有効化（タップで閉じられる） */
  .sp #menu-btn-check:checked ~ .sp-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  /* 任意：メニューテキスト（不要なら削除でOK） */
  .sp .menu-text { margin-top: 7vw; }
  .sp .menu-text::before {
    content: "MENU";
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 2.3vw;
  }

  /* メニュー内装飾（元の指定をスコープ化して調整） */
  .sp .menu-content {
    padding: 0 1vw 5vw;
    margin-bottom: 5vw;
    box-sizing: border-box;
  }
  .sp .menu-content ul { padding: 10px; }
  .sp .menu-content ul li { list-style: none; }
  .sp .menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
    box-sizing: border-box;
  }

   .sp .menu-content ul li a::after {
    content: '';
    width: 0.65em;
    height: 0.65em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.05em;
    box-sizing: border-box;
  }

  .sp .sp-nav .nav-top, .tsc-sp-nav .tsc-nav-top { border-bottom: 1px solid #fff; }
  .sp .sp-nav .nav-top ul li .jp, .sp-nav .nav-top ul li .fontB, .tsc-sp-nav .tsc-nav-top .jp { font-size: 3.6vw; }
  .sp #sp_nav .nav-top ul li .en { font-size: 2.6vw; }

  .sp #sp_nav .nav-bottom, .tsc-sp-nav .tsc-nav-bottom {
	 width: 75%;
	 margin: 0 auto; 
  }
  .sp #sp_nav .nav-bottom ul, .tsc-sp-nav .tsc-nav-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sp #sp_nav .nav-bottom ul li, .tsc-sp-nav .tsc-nav-bottom li {
    margin-bottom: 6vw;
    color: #fff;
    line-height: 1;
    width: 42.3%;
  }
  .sp #sp_nav .nav-bottom ul li:nth-child(3), .tsc-sp-nav .tsc-nav-bottom li:nth-child(3) {
    width: 100%;
    margin-bottom: 0;
  }
  .sp #sp_nav .nav-bottom ul li:nth-child(3) a, .tsc-sp-nav .tsc-nav-bottom li:nth-child(3) a{
    text-align: center;
    padding: 3vw 1vw;
    border: 1px solid #fff;
    display: block;
  }
}
/* PC幅では非表示（SP専用） */
@media (min-width: 768px) {
  .tsc-sp { display: none; }
}

/* SP幅で有効化 */
@media (max-width: 767px) {

  /* 視覚的に非表示：display:none は使わない（Safari対策） */
  .tsc-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  /* レイヤー順：ボタン(1003) > メニュー(1002) > オーバーレイ(1001) */
  .tsc-menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #015e3c;
    cursor: pointer;
    z-index: 1003;
  }

  /* 三本線アイコン（ベース） */
  .tsc-menu-icon,
  .tsc-menu-icon::before,
  .tsc-menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    transition: transform .5s ease, background-color .3s ease, top .3s ease, bottom .3s ease;
  }
  .tsc-menu-icon::before { bottom: 8px; }
  .tsc-menu-icon::after  { top: 8px;  }

  /* メニュー本体（初期は画面外） */
  .tsc-sp-nav {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 100%;   /* 画面外 */
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    transition: left .5s ease;
    z-index: 1002;     /* オーバーレイより上に（リンクをタップ可能に） */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* オーバーレイ（最背面。外側タップで閉じる） */
  .tsc-sp-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.3);
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
    z-index: 1001;     /* メニューより下にする */
  }

  /* 開く */
  #tscMenuToggle:checked ~ .tsc-sp-nav { left: 0; }
  #tscMenuToggle:checked ~ .tsc-sp-overlay { opacity: 1; pointer-events: auto; }

  /* 「×」化：真ん中線だけ透明にし、擬似要素でクロスを作る */
  #tscMenuToggle:checked ~ .tsc-menu-btn .tsc-menu-icon { background-color: transparent; }
  #tscMenuToggle:checked ~ .tsc-menu-btn .tsc-menu-icon::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  #tscMenuToggle:checked ~ .tsc-menu-btn .tsc-menu-icon::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* 体裁（必要に応じて調整） */
  .tsc-menu-content { padding: 0 1vw 5vw; margin-bottom: 5vw; box-sizing: border-box; }
  .tsc-sp-nav .tsc-menu-content ul { padding: 10px; margin: 0; }
  .tsc-sp-nav .tsc-menu-content li { list-style: none; }
  .tsc-sp-nav .tsc-menu-content li a {
    display: block; width: 100%;
    font-size: 15px; color: #fff; text-decoration: none;
    padding: 9px 15px 10px 0; position: relative; box-sizing: border-box;
  }

  .tsc-sp-nav .tsc-menu-content li a::after {
    content: '';
    width: 0.65em;
    height: 0.65em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.05em;
    box-sizing: border-box;
  }

  .tsc-sp-nav .tsc-nav-top { border-bottom: 1px solid #fff; }
  .tsc-sp-nav .tsc-nav-top .en { font-size: 2.6vw; margin-left: 10px; }
  
   }