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

/* ------------------------------------　下層ページ共通 　------------------------------------*/
#pageimage {
	width: 100%;
	height: 380px;
	/*background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../image/underlayer/image_faq.jpg);*/
	background-position: 0 0,0 0;
	background-size: cover;
	background-repeat: no-repeat, no-repeat;
}
.pi_about {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../image/underlayer/image_about.jpg);
	height: 100vh!important;
	width: 100%!important;
	display: flex;
	align-items: center;
}
.pi_indoor {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../image/underlayer/image_indoor.jpg");
}
	.pi_indoor .ul_midashi {
		text-indent: 11px;
	}
.pi_outdoor {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../image/underlayer/image_outdoor.jpg");
}
	.pi_outdoor .ul_midashi {
		text-indent: 11px;
	}
.pi_allstar {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("../image/underlayer/image_allstarplus.jpg");
}
	.pi_allstar .ul_midashi {
		text-indent: 11px;
	}
.pi_profile {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../image/underlayer/image_profile.jpg);
}
	.pi_profile .ul_midashi {
		text-indent: 7px;
	}
.pi_official {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../image/underlayer/image_official.jpg);
}
	.pi_official .ul_midashi {
		text-indent: 11px;
	}
.pi_works {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../image/underlayer/image_works.jpg);
}
.pi_faq {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../image/underlayer/image_faq.jpg);
}
.pi_contact {
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../image/underlayer/image_contact.jpg);
}

	.ul_midashi_e {
	    font-size: 2em;
		line-height: 1.4;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		text-align: center;
	    padding-top: 170px;
		color: #fff; 
	}
	.ul_midashi {
		font-size: 1em;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 6px;
		text-indent: 10px;
		color: #fff;
		text-align: center;
		width: 100%;
	}

	
.indent_one {
  padding-left:1em;
  text-indent:-1em;
}




@media (min-width: 1000px) {
		.ul_midashi_e {
			font-size: 60px;
			line-height: 60px;
			padding-top: 170px;
		}
		.ul_midashi {
			font-size: 20px;
			letter-spacing: 6px;
			text-indent: 10px;
		}
	
}



/* ------------------------------------　スポーツコートとは 　------------------------------------*/
.ul_aboutmidashi_wrap {
	width: 80%;
	margin: 0 auto;
}
	.ul_aboutmidashi_img {
		width: 100%;
		text-align: center;
	}
		.ul_aboutmidashi_img img {
			width: 100%;
		}
	.ul_aboutmidashi_e {
		width: 100%;
		text-align: center;
		color: #FFFFFF;
		font-size: 1.4em;
		margin-top: 2em;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
	}
	.ul_aboutmidashi_j {
		font-size: 0.7em;
		width: 100%;
		text-align: left;
		color: #FFFFFF;
		margin-top: 2em;
		line-height: 2.0;
	}
		.ul_aboutmidashi_j br {
			display: none;
		}


#ul_about01 {
	padding: 40px 0 ;
}
	#ul_about01 li {
		position: relative; 
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 60px 0;
		border-bottom: 1px solid rgba(0,0,0,0.50);
	}
	#ul_about01 li:last-child {
		border-bottom: none;
	}
		.about01_flexleft {
			position: relative;
			width: 100%;
			margin-right: 0;
			text-align: center;
		}
			.about01_icon {
			}
				.about01_icon img {
					width: 100px; 
					height: auto;
				}
			.about01_titlee {
				font-size: 1em;
				margin-top: 0.2em;
				font-family: 'Roboto', sans-serif;
				font-weight: 600;
			}
			.about01_titlej {
				font-size: 1.2em;
				margin-top: 0.1em;
				font-weight: 600;
			}

		.about01_flexright {
			position: relative;
			padding: 20px 0 0 0;
			box-sizing: border-box;
			flex: 1;
		}
			.about01_text {
				font-size: 1.1em;
				margin-top: 0.1em;
			}
			.about01_img {
				margin-top: 20px;
				text-align: left;
			}
				.about01_img img {
					width: 100%;
				}
			.about01_sansyo {
				font-size: 0.8em;
				margin-top: 0.1em;
			}

#ul_about02 {
	padding: 80px 0 ;
	background-color: #333;
	background-image: linear-gradient(to right bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url(../image/underlayer/image_about02.jpg);
}
	.about02_midashi {
		font-size: 1.4em;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 6px;
		text-indent: 6px;
		color: #fff;
		text-align: center;
		width: 100%;
	}
	.about02_submidashi {
		font-size: 1.2em;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		color: #fff;
		text-align: center;
		width: 100%;
	}
	.about02_tbl {
		width: 100%;
		margin-top: 40px;
		font-size: 1rem;
	  }
		.about02_tbl tr {
			vertical-align: top;
		  }
		.about02_tbl tr:nth-child(odd) {
			background: rgba(0,0,0,0.70);
		}
			.about02_tbl th {
				width: 100%;
				padding-left: 1em;
				padding-right: 1em;
				text-align: left;
				display: block;
				font-weight: 600;
				box-sizing: border-box;
				margin-top: 1em;
				color: #fff;
			  }
			.about02_tbl td {
				padding-left: 1em;
				padding-right: 1em;
				text-align: left;
				display: block;
				box-sizing: border-box;
				color: rgba(255,255,255,0.80);
			  }
			.about02_td01 {
				width: 100%;
				padding-bottom: 0.5em;
			  }
			.about02_td02 {
				width: 100%;
				padding-bottom: 1.5em;
			  }


#ul_about03 {
	padding: 80px 0;
}
	.about03_midashi {
		font-size: 1.4em;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 6px;
		text-indent: 6px;
		color: #333;
		text-align: center;
		width: 100%;
	}
	#ul_about03 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 3em;
	}
		#ul_about03 li {
			position: relative;
			margin-bottom: 20px;
			width: 100%;
			height: inherit;
			overflow: hidden;
			background-color: #fff;
			text-align: center; 
		}
		.sp_click{
			background: #3085a3;
			text-align: center;
			display: block;
		}
			.sp_click p{
				padding-top: 40%;
			}
		
			#ul_about03 li img {
				width: 100%; 
			}
			/*.prd_titlewaku {
				overflow: hidden;
				padding: 20px 20px;
				box-sizing: border-box; 
			}
				.prd_title {
					font-size: 0.9em;
					line-height: 1em;
					font-weight: 600;
					color: #333;
					text-align: left;
					font-family: 'Roboto', sans-serif;
				}
				.prd_subtitle {
					font-size: 1.1em;
					font-weight: 600;
					margin-top: 0;
					color: #333;
					height: inherit;
					text-align: left; }
				.prd_subtxt {
					font-size: 0.9em;
					line-height: 1.4em;
					padding-top: 0.6em;
					font-weight: 600;
					margin-top: 0;
					color: #333;
					height: inherit;
					text-align: left;
					letter-spacing: 0.0em;
				}*/

	#ul_about03 .grid figure figcaption {
		padding: 5em 1em;
		display: flex;
		align-items: center;
	}


/*パララックス*/
.bgImage{
  width: 100%;
  /*min-height: 800px;*/
  /*color: #fff;*/
  /*display: table;*/
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; //画像をウィンドウサイズにフィット
}
/*.bgImage > * {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
}*/
@media screen and (min-width: 768px) {
  .bgImage {    
    background-attachment: fixed; //画像位置を固定
  }
}



@media (min-width: 1000px) {

.ul_aboutmidashi_wrap {
	width: 630px;
}
	.ul_aboutmidashi_e {
		font-size: 2.2em;
		margin-top: 2em;
		font-weight: 600;
	}
	.ul_aboutmidashi_j {
		font-size: 1.2em;
		margin-top: 2em;
		line-height: 2.0;
		text-align: center;
	}
		.ul_aboutmidashi_j br {
			display: block;
		}
	
	#ul_about01 {
	}
		#ul_about01 li {
			flex-direction: row;
		}
	
			.about01_flexleft {
				width: 300px;
				margin-right: 20px;
				text-align: center;
			}
			.about01_flexright {
				padding: 0 60px 0 0;
			}
				.about01_img {
					margin-top: 20px;
					text-align: left;
				}
					.about01_img img {
						width: inherit;
					}
	
				.about02_tbl th {
					width: 15%;
					padding-top: 1.0em;
					padding-left: 1em;
					padding-right: 2em;
					text-align: left;
					display: table-cell;
					margin-top: 0em;
				  }
				.about02_tbl td {
					padding-top: 1.0em;
					padding-left: 1em;
					padding-right: 2em;
					text-align: left;
					display: table-cell;
				  }
				.about02_td01 {
					width: 20%;
					padding-bottom: 1.0em;
				}
				.about02_td02 {
					padding-bottom: 1.0em;
				}
	
	
	
		.about02_midashi {
			font-size: 2.0em;
		}
	
	#ul_about03 {
		padding: 100px 0;
	}
		.about03_midashi {
			font-size: 2.0em;
		}
		#ul_about03 ul {
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			margin-top: 3em;
		}
			#ul_about03 li {
				width: 32.5%;
				/*height: 420px;*/ }
				#ul_about03 li img {
					width: 100%;  }
							.prd_title {
								font-size: 0.9em;
								text-align: left;
							}
							.prd_subtitle {
								font-size: 1.1em;
								text-align: left;
							}
							.prd_subtxt {
								font-size: 0.9em;
								text-align: left;
								letter-spacing: 0.1em;
							}
	#ul_about03 .grid figure figcaption {
		padding: 5em 1em;
	}

}






/* ------------------------------------　製品ページ 　------------------------------------*/

/*　製品インデックス　*/
#ul_pdindex {
	padding: 40px 0 0 ;
}
	.mark_profile{}
	
	.pd_midashicopy {
		font-size: 20px;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 6px;
		text-indent: 6px;
		color: #333;
		text-align: left;
		width: 100%;}
	.pd_midashicopy_s {
		margin: 20px auto 0;
		font-size: 0.8em;
		text-align: left;
		width: 100%;
		}
		
	#ul_pdindex ul {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 40px; 
	}
		#ul_pdindex li {
			position: relative;
			width: 100%;
			height: 480px;
			margin-bottom: 1em;
		}
			.pd_indextitleimg {
				width: 100%;  
			}
			#ul_pdindex li img {
				height: 250px;
				width: 100%;
				overflow: hidden;
				object-fit: cover;
				}
				.pd_indextitlewaku {
					overflow: hidden;
					padding: 0;
					box-sizing: border-box;
					/*position: absolute;*/
					width: 100%;
					/*margin: -40px 5% 0;*/
					margin: 0;
					background-color: #fff;
					display: inline-block;
					position: relative;
				}
					.pd_indextitle {
						font-weight: 600;
						color: #333;
						text-align: left;
						box-sizing: border-box;
						padding: 0 0 10px;
					}
						.pd_indextitle_e {
							font-size: 1.4em;
							font-weight: 600;
						}
						.pd_indextitle_j {
							font-size: 0.8em;
							line-height: 1.0em;
							font-weight: 600;
						}
					.pd_indextext {
						font-size: 0.9em;
						margin-top: 6px;
						height: inherit;
						text-align: left;
					}
						.pd_indextext_tbl{
							font-size: 0.9em;
							line-height: 1;
							border: 1px solid #ccc;
						}
							.pd_indextext_tbl th{
								background-color: #ccc;
								font-weight: 600;
								border-bottom: 1px solid #ccc;
								text-align: center;
								display: table-cell;
								padding: 4px;
							}
							.pd_indextext_tbl td{
								border-bottom: 1px solid #ccc;
								text-align: center;
								display: table-cell;
								padding: 4px;
							}
							.pd_indextext_tbl .center_tateline_l{
								border-left: 1px solid #aaa;
							}



/*　製品カラーラインナップ　*/
#ul_pdcolor {
	padding: 4em 0 4em ;
	margin-bottom: 8em;
}
	.pd_colormidashi {
		font-size: 2em;
		font-family: 'Noto Serif JP', serif;
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-weight: 600;
		letter-spacing: 6px;
		text-indent: 6px;
		color: #333;
		text-align: left;
		width: 100%;
	}
	#ul_pdcolor ul {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 1em; 
	}
		#ul_pdcolor li {
			position: relative;
			width: 24%;
			height: 160px; 
			padding: 0 0.4%;
		}
			/*空の要素*/
			#ul_pdcolor .empty {
			  height: 0;
			  margin: 0;
			  border-width: 0;
			}	

		.pd_colorimgwaku {
		}
			.pd_colorimg {
				overflow: hidden;
				object-fit: cover;
				width: 100%;
			}
		.pd_colorname {
			font-size: 0.8em;
			line-height: 1.0em;
			text-align: left;
		}
		.pd_colorundertext {
			font-size: 1.0em;
			line-height: 1.4em;
			text-align: left;
			padding-top: 2em;
			padding-bottom: 0.5em;
		}


/*　製品詳細　*/
.ul_pddesc {
	padding: 40px 0 ;
	margin-bottom: 60px;
	border-top: 1px solid #ccc;
}
	.ul_pddesc_flexwrap {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap:wrap;
		flex-direction: column;
		margin-top: 40px; }
		.ul_pddesc_flexitem {
			position: relative;
			width: 100%;
			}
		.ul_pddesc_flexleft {
			position: relative;
			width: 100%;
			margin-right: 0;
			}
			.pddesc_partsimg {
				width: 100%;  
				position: relative;
				}
				.pddesc_partsimg .netiswrap {
					position: absolute;
					top: 10px;
					left: 10px;
					padding: 10px 20px;
					background-color: #E84248;
					text-align: center;
				}
					.pddesc_partsimg .netistext_l {
						font-size: 16px;
						font-weight: 600;
						color: #fff;
					}
					.pddesc_partsimg .netistext_s {
						font-size: 12px;
						font-weight: 600;
						color: #fff;
					}
				.pddesc_partsimg img {
					height: 250px;
					width: 100%;
					object-fit: cover;
					overflow: hidden;
				}
				
			/* 見出しパーツ*/
			.pddesc_partstitle {
				width: 100%;
				margin-top: 40px;
				padding: 10px 0;
				border-top: 2px solid #333;
				border-bottom: 2px solid #333;
				text-align: center;
				font-weight: 600;
			}
			
			/* サイズ画像*/
			.ul_expansion {
				position: relative;
				width: 100%;
				height: auto;
				overflow: hidden; 
				margin-top: 4px;
			}
				.ul_expansion a img {
					height: 350px;
					width: 100%;
					object-fit: cover;
					overflow: hidden;
					text-align: center;
				}
				.expansion_waku {
					display: block;
					position: relative;
				}
				.expansion_waku:hover .expansion_textwaku {
					opacity: 1;
					transition-duration: 0.125s
				}
				.expansion_textwaku {
					background-color: rgba(0,0,0,0.5);
					color: white;
					font-size: 0.75rem;
					line-height: 1rem;
					opacity: 0;
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					text-align: center;
					transition: opacity 0.25s;
				}
				.expansion_text {
					position: absolute;
					font-size: 26px;
					line-height: 34px;
					top: 50%;
					left: 1em;
					right: 1em;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}

				.fancybox-container{
					z-index: 999999999!important;
				}
				
				.fas_r{
					padding-right: 10px;
				}
			
		.ul_pddesc_flexright {
			flex: 1;
					min-width: 200px!important;
			position: relative; }
			
			/* 製品名*/
			.pd_desctitle {
				font-family: 'Noto Serif JP', serif;
				font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
				font-weight: 600;
				letter-spacing: 2px;
				text-indent: 2px;
				color: #333;
				text-align: left;
			}
				.pd_desctitle_e {
					font-size: 1.0em;
					line-height: 1.0em;
					font-weight: 600;
				}
				.pd_desctitle_j {
					font-size: 0.6em;
					line-height: 1.0em;
					padding: 0.2em 0;
					font-weight: 600;
				}


			/* 特徴*/
			.pd_indexdesc_tbl{
				width: 100%;
			}
				.pd_indexdesc_tbl th{
					background-color: #333;
					font-weight: 600;
					font-size: 12px;
					color: #fff;
					padding: 4px;
					width: 80px;
					margin: 6px 20px 0 0;
					display: block;
					border-radius: 6px;
					}
				.pd_indexdesc_tbl td{
					text-align: left;
					font-size: 0.8em;
					padding: 6px 0px 0px 0px;
					width: 100%;
					box-sizing: border-box;
					word-break: break-all;
				}
				
				/* 施工事例*/
				.pddesc_works {
					margin-top: 4px;
				}
					.pddesc_works ul {
						display: flex;
						-webkit-justify-content: space-between;
						justify-content: space-between;
						flex-wrap: wrap;
						margin-top: 40px; }
					.pddesc_works ul::before{
						content:"";
						display:block;
						width: 49.0%;
						height:0;
						order:1;
					}
					.pddesc_works ul::after{
						content:"";
						display:block;
						width: 49.0%;
						height:0;
					}		
						.pddesc_works li {
							position: relative;
							width: 48.0%;
							height: inherit;
							margin-bottom: 10px;
						}
							.pd_indextitleimg {
								height: 250px;
								overflow: hidden;
								}
							.pddesc_works li img {
								width: 100%;  
								height: 140px;
								object-fit: cover;
							}
								.pddesc_workstitlewaku {
									overflow: hidden;
									box-sizing: border-box;
									width: 90%;
									margin: -20px 5% 0;
									display: inline-block;
									position: relative;
									}
									.pddesc_workstitle {
										display: flex;
										align-items: center;
										font-size: 0.8em;
										line-height: 1.3em;
										font-weight: 600;
										color: #fff;
										text-align: left;
										box-sizing: border-box;
										width: 100%;
										padding: 0 1em;
										margin: 4px 0 0;
										background-color: #333;
										min-height: 50px;
										border-radius: 4px;
										}
									.pddesc_usestext {
										font-size: 14px;
										font-weight: 500;
										line-height: 18px;
										width: 100%;
										margin-top: 14px;
										color: #333;
										height: inherit;
										text-align: left;
										word-wrap: break-word;
										}
									.pddesc_sizetext {
										font-size: 14px;
										font-weight: 500;
										width: 100%;
										margin-top: 2px;
										color: #333;
										height: inherit;
										text-align: left;
										}



@media (min-width: 600px) {

	#ul_pdcolor {
	}
	
		#ul_pdcolor ul {
		}
			#ul_pdcolor li {
				position: relative;
				width: 15.5%;
				height: 160px; 
				padding: 0 0.4%;
			}
			/*空の要素*/
			#ul_pdcolor .empty {
			  height: 0;
			  margin: 0;
			  border-width: 0;
			}	

}


@media (min-width: 1000px) {

	#ul_pdindex {
		padding: 50px 0; }
	.pd_midashicopy {
		font-size: 30px;
		text-align: center;
		width: 100%;}
	.pd_midashicopy_s {
		font-size: 1.1em;
		text-align: left;
		width: 70%;
		margin: 20px auto;
		padding-bottom: 40px;
		line-height: 2.0em;
	}
		.pd_midashicopy_s p {
			padding: 0;
			text-indent: 1em;
		}
	.mark_indoor .pd_midashicopy_s{
		width: 80%;
	}
	.mark_outdoor .pd_midashicopy_s{
		width: 80%;
	}
	.mark_allstar .pd_midashicopy_s{
		width: 80%;
	}
	.mark_profile .pd_midashicopy_s{
		width: 50%;
	}
	.mark_official .pd_midashicopy_s{
		width: 44%;
	}
		

	#ul_pdindex ul {
		display: flex;
		/*-webkit-justify-content: space-between;
		justify-content: space-between;*/
		/*justify-content: center;*/
		justify-content: space-between;
		margin-top: 40px; 
	}
		#ul_pdindex ul::before{
			content:"";
			display:block;
			width: 32.5%; 
			height:0;
			order:1;
		}
		#ul_pdindex ul::after{
			content:"";
			display:block;
			width: 32.5%; 
			height:0;
		}
		#ul_pdindex li {
			width: 32.5%; 
			padding: 0 0.4%;
			margin-bottom: 2em;
		}
			#ul_pdindex li img {
				height: 250px;
				width: 100%;
				overflow: hidden;
				object-fit: cover;
			}

	#ul_pdcolor {
	}
		#ul_pdcolor ul {
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: 1em; 
		}
			#ul_pdcolor li {
				position: relative;
				width: 9.9%;
				height: 160px; 
				padding: 0 0.4%;
			}
			/*空の要素*/
			#ul_pdcolor .empty {
			  height: 0;
			  margin: 0;
			  border-width: 0;
			}	
	
	
	
	.ul_pddesc {
	}
		.ul_pddesc_flexwrap {
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			flex-wrap: wrap;
			flex-direction: row;
			margin-top: 40px;
		}
			.ul_pddesc_flexitem {
				position: relative;
				width: 48%;
				}
			.ul_pddesc_flexleft {
				position: relative;
				width: 600px;
				margin-right: 60px;
				}
				.pddesc_partsimg {
					width: 100%;  
					}
					.pddesc_partsimg img {
						height: 300px;
						width: 100%;
						object-fit: cover;
						overflow: hidden;
					}
					

			/* 見出しパーツ*/
			.pddesc_partstitle {
				width: 100%;
				margin-top: 20px;
				padding: 10px 0;
				border-top: 2px solid #333;
				border-bottom: 2px solid #333;
				text-align: center;
				font-weight: 600;
			}

				/* サイズ画像*/
				.ul_expansion {
					position: relative;
					width: 100%;
					height: auto;
					overflow: hidden; 
					margin-top: 4px;
				}
					.ul_expansion a img {
						height: 400px;
						width: 100%;
						object-fit: cover;
						overflow: hidden;
					}
					
					
					
			.ul_pddesc_flexright {
				flex: 1;
				position: relative; }

				/* 製品名*/
				.pd_desctitle {
					font-size: 54px;
					font-family: 'Noto Serif JP', serif;
					font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
					font-weight: 600;
					letter-spacing: 2px;
					text-indent: 2px;
					color: #333;
					text-align: left;
					margin-bottom: 0.4em;
				}
	
					.pd_indexdesc_tbl td{
						text-align: left;
						font-size: 1em;
						padding: 6px 0px 0px 4px;
						width: 100%;
						box-sizing: border-box;
						display: table-cell;
						word-break:keep-all;
					}
					
					/* 施工事例*/
							.pddesc_works li {
								position: relative;
								width: 48.0%;
								height: 300px; 
							}
								.pddesc_works li img {
									width: 100%;  
									height: 200px;
									object-fit: cover;
								}

}






/* ------------------------------------　公認認定ページ 　------------------------------------*/
#ul_official {
	padding: 40px 0 80px ;
}

	.tbl_official {
		width: 100%;
	}
		.tbl_official .thead {
			display: none;
		}
			.tbl_official tr {
				width: 100%;
			}
				.tbl_official th, .tbl_official td {
					text-align: center;
					border-collapse: collapse;
					border-left:  0px;
					border-right:  0px;
					display: block;
					width: 100%;
					padding: 1em 1em!important;
					box-sizing: border-box!important;
				}
				.tbl_official th {
					vertical-align: bottom;
				}
				.tbl_official td:first-child {
					background: #000;
					color: #fff;
					font-weight: bold;
					text-align: center;
				}
				.tbl_official td:before {
					content: attr(data-label);
					float: left;
					font-weight: bold;
					margin-right: 100px;
					/*margin-bottom: 20px;*/
				}
				.tbl_official td:first-child:before {
					margin-bottom: 0;
				}
				.tbl_official th, .tbl_official td{
					display: block;	
				}
					.sport_areawrap {
						position: relative;
						margin-bottom: 2em;
					}
						.sport_arearogoworld {
							width: 100px;
							height: auto;
							margin: 0 auto;
						}
							.sport_arearogoworld img {
								width: 100%;
								height: auto;
								object-fit: cover;
							}
						.sport_arearogo {
							width: 60px;
							height: auto;
							margin: 0 auto;
						}
							.sport_arearogo img {
								width: 100%;
								height: auto;
								object-fit: cover;
							}
						.sport_areatext {
							font-size: 1.0em;
							line-height: 1.0em;
							font-family: 'Roboto', sans-serif;
							font-weight: 600;
						}



					.sport_namee {
						font-size: 2.0em;
						line-height: 1.0em;
						font-weight: 600;
						font-family: 'Roboto', sans-serif;
					}
					.sport_namej {
						font-size: 0.8em;
						line-height: 1.0em;
						padding-top: 0.2em;
						font-weight: 600;
					}

					.sport_officialwrap {
						position: relative;
						margin: 1em 0;
					}
					.sport_officialwrap a {
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						position: absolute;
					}
						.sport_officialrogo {
							width: 120px;
							height: auto;
							margin: 0 auto;
						}
							.sport_officialrogo img {
								width: 100%;
								height: auto;
								object-fit: cover;
							}
						.sport_officialnamee {
							font-size: 1.6em;
							line-height: 1.0em;
							font-family: 'Roboto', sans-serif;
							font-weight: 600;
						}
						.sport_officialnamej {
							font-size: 0.7em;
							font-weight: 600;
						}

#ul_official .pd_colorundertext {
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: right;
	padding-top: 2em;
	padding-bottom: 0.5em;
}


@media (min-width: 1000px) {


		.tbl_official {
			margin-top: 10px;
			width: 100%;
			border-collapse: collapse;
			display: table;
		}
			.tbl_official .thead {
				display: table-row;
				width: 100%;
			}
				.tbl_official tr {
					width: 100%;
				}
					.tbl_official th, .tbl_official td {
						text-align: center;
						border-collapse: collapse;
						display: table-cell;
						width: 33%;
						padding: 1em 1em!important;
						box-sizing: border-box!important;
						border-left:  1px solid #ccc;
						border-right:  1px solid #ccc;
					}
					.tbl_official td:first-child {
						background: #fff;
						color: #333;
					}
					.tbl_official td:before {
						content:none;
						float: left;
						font-weight: bold;
						margin-right: 10px;
					}
	
	
	
}


/* ------------------------------------　施工例ページ 　------------------------------------*/
#ul_other {
	padding: 40px 0 ;
	margin-bottom: 60px;
}
#ul_worksindex {
    box-sizing: border-box;
	margin: 20px 0 0;
}
.ul_worksindexbg {
    padding: 30px 40px;
    box-sizing: border-box;
}

/* 絞り込み全体枠 */
.select_flexwrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
	.select_flexitem{
		width: 100%;
	}

/*==== 絞り込み機能 ====*/
.bl_selectBlock input{
  display: none;
}
.el_searchResult{
  text-align: center;
  color: #0073aa;
}
.js_target{
  display: none;
}
.js_target.js_selected{
   /*display: block; */
	display: inline-block;
	vertical-align: top;
}
.bl_selectBlock label{
  display: inline;
}
.bl_selectBlock input{
}
.bl_selectBlock_check label .el_checkbox{
  position: relative;
  top: 3px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #333;
}
.bl_selectBlock_check label .el_checkbox:after{
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
}
.bl_selectBlock_check label .el_radio{
  position: relative;
  top: 3px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 10px;
}
.bl_selectBlock_check label .el_radio:after{
  border-radius: 10px;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
}
.bl_selectBlock_check input[type=checkbox]:checked + label .el_checkbox:after{
  background-color: #0073aa;
}
.bl_selectBlock_check input[type=radio]:checked + label .el_radio:after{
  background-color: #0073aa;
}
.el_searchResult{
  margin-bottom: 20px;
}
.bl_selectBlock{
	font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
	background-color: #efefef;
	padding: 20px 40px;
	box-sizing: border-box;
	margin-bottom: 30px;
	font-size: 14px;
	/* letter-spacing: 0.1em; */
	font-weight: 600;
}
.bl_selectBlock_wrapper_wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
	padding: 1em 0 0.2em;
}
.bl_selectBlock_check label{
  cursor: pointer;
}

/* (場所)見出し */
.bl_selectBlock_ttl{
  width: 100px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
/* (用途等)見出し */
.select_flexitem .bl_selectBlock_ttl{
  width: 20%;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}

/* (場所)選択肢 */
.bl_selectBlock_content{
  width: calc(100% - 185px);
}
/* (用途等)選択肢 */
.select_flexitem .bl_selectBlock_content{
	width: 80%;
}

.bl_searchResultBlock{
}
.bl_searchResultBlock_item{
  padding: 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #bdbdbd;
}

/* (場所)選択肢 */
.bl_selectBlock_check{
	margin-right: 30px;
	display: inline-block;
	margin-bottom: 10px;
}
/* (用途等)選択肢 */
.select_flexitem .bl_selectBlock_check{
	margin-right: 15px;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

.bl_selectBlock_check:last-child{
  margin-right: 0;
}
.bl_selectBlock_release{
  text-align: center;
  color: #fff;
  background-color: #2A86D1;
  padding: 5px 0;
}
.js_release{
  cursor: pointer;
}

.bl_selectBlock_check input[type="checkbox"],
.bl_selectBlock_check input[type="radio"] {
	display: none; 
}

/*--- スマホ ---*/
@media screen and (max-width: 781px){
	
	/* (場所)選択肢 */
	.bl_selectBlock_check{
		margin-bottom: 4px;
		width: initial;
	}
	/* (用途等)選択肢 */
	.select_flexitem .bl_selectBlock_check{
		margin-right: 15px;
		display: inline-block;
		margin-bottom: 10px;
		width: 100%;
	}
	
	/* (場所)見出し */
	.bl_selectBlock_ttl{
		width: 20%;
		margin-bottom: 2px;
	}
	/* (用途等)見出し */
	.select_flexitem .bl_selectBlock_ttl{
		width: 20%;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	/* (場所)選択肢 */
	.bl_selectBlock_content{
		width: 80%;
	}
	/* (用途等)選択肢 */
	.select_flexitem .bl_selectBlock_content{
		width: 80%;
	}
	
	
	
}
/*==== 絞り込み機能 end ====*/



#ul_workslist ul {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 0; }
#ul_workslist ul::before{
	content:"";
	display:block;
	width: 32.5%;
	height:0;
	order:1;
}
#ul_workslist ul::after{
	content:"";
	display:block;
	width: 32.5%;
	height:0;
}		
	#ul_workslist li {
		position: relative;
		width: 100%;
		/*height: 400px; */
		margin-bottom: 2em;
	}
		#ul_workslist li img {
			width: 100%; 
			height: inherit;
		}
			.wks_list_img img{
				width: 100%;  
				height: 300px;
				object-fit: cover;
			}
				.wks_list_textwrap {
					overflow: hidden;
					box-sizing: border-box;
					/*position: absolute;*/
					width: 100%;
					/*margin: 10px 0;*/
					background-color: #fff;
					/*padding: 10px 0 0;*/
					}
					.wks_list_icon {
						text-align: left;
					}
						.wks_yoto {
							border-radius: 4px;
							color: #fff;
							font-size: 12px;
							line-height: 1;
							font-weight: 600;
							margin-right: 4px;
							padding: 4px 14px 6px;
							text-align: center;
						}

					.wks_list_title {
						font-size: 16px;
						font-weight: 600;
						text-align: left;
						box-sizing: border-box;
						margin-top: 4px;
						}
					.wks_list_text {
						font-size: 14px;
						height: inherit;
						text-align: left;
						}
					.wks_list_icon {
						text-align: left;
						}
						.wks_nenkenyoto {
							text-align: left;
						}
						.wks_nenkenyotoslash {
							padding: 0 0.1em;
						}



#ul_workslist figure.effect-apollo p {
	/*margin-top: 30%;*/
}


@media (min-width: 1000px) {

	.select_flexwrap{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
		.select_flexitem{
			width: 30%;
		}

  #ul_workslist ul {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 0; }
		#ul_workslist li {
			position: relative;
			width: 32.5%;
			/*height: 400px; */
			margin-bottom: 2em;
		}
			#ul_workslist li img {
				width: 100%; 
				height: 300px;
			}

}



.disptemp{
	display: none;
}





/* ------------------------------------　施工例詳細ページ 　------------------------------------*/
#ul_pddesc {
	padding: 40px 0 0 ;
	margin-bottom: 60px;
}
#ul_pddesc .container {
	max-width: 1000px;
}
	.wks_desc_name {
		font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
		font-size: 30px;
		font-weight: 600;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	
	/* スライダー */
	.wks_desc_img {
		margin-top: 40px;
		height: 100%;
		overflow: hidden;
	}
		.wks_desc_img .works_slider li img {
			width: 100%;  
			height: 300px;
			overflow: hidden;
			object-fit: cover;
		}
		.wks_desc_img .works_slider-nav {
			margin-top: 10px;
		}
			.wks_desc_img .works_slider-nav {
				margin-top: 10px;
			}
				.wks_desc_img .works_slider-nav li {
					height: 26px;
				}
				.wks_desc_img .works_slider-nav li img {
					width: 100%;  
					overflow: hidden;
					object-fit: cover;
					cursor: pointer;
				}
		.works_slider-nav .slick-track {
			transform:unset!important;
			background-color: #000;
		}
		@media all and (-ms-high-contrast:none){
			.works_slider-nav .slick-track {
			transform:none!important;
			background-color: #000;
			}
		}		
					.wks_desc_img .works_slider-nav .slick-active {
						opacity: 0.3;
					}
					.wks_desc_img .works_slider-nav .slick-current {
						opacity: 1.0;
					}

	/* スライダー下テキスト */
	.wks_desc_text_flexwrap {
		width: 100%;
		margin: 10px auto;
		position: relative;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: column;
		flex-wrap: wrap;
	}
		.wks_desc_comment {
			font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
			font-size: 16px;
			text-align: center;
			width: 100%;
			margin: 20px 0 40px;
		}
		.wks_desc_text_flexitem {
			position: relative;
			width: 100%;
			border-bottom: 1px solid #ccc;
		}
			.wks_desc_text_flexitem table {
				width: 100%;
				padding: 20px;
			}
				.wks_desc_text_flexitem table tr {
				}
					.wks_desc_text_flexitem table th {
						font-weight: 600;
						text-align: left;
						width: 30%;
						padding: 10px 0;
					}
					.wks_desc_text_flexitem table td {
						text-align: left;
						width: 70%;
						padding: 10px 0;
					}
		
				.wks_desc_icon {
					text-align: left;
					}
				.wks_desc_title {
					font-size: 16px;
					font-weight: 600;
					color: #333;
					text-align: left;
					box-sizing: border-box;
					margin-top: 10px;
					}
				.wks_desc_text {
					font-size: 14px;
					font-weight: 500;
					color: #333;
					height: inherit;
					text-align: left;
					}
				.wks_desc_icon {
					text-align: left;
					}



	/* スライダープラグインエリア */
	#slider {
		margin: 0;
		background-color: #000;
        overflow: hidden;
	}
	.works_slider .arrow_leftright {
		position: absolute;
		top:50%;
		margin-top: -18px; 
		z-index: 999;
		cursor: pointer;
		width: 24px;
		height: auto;
	}
	.works_slider .slick-dots {
		bottom: -35px!important;
	}
	.works_slider .slick-dots li button::before {
		font-size: 20px!important;
	}
		.works_slider .arrow_left {
			left: 10px!important;	}
		.works_slider .arrow_right {
			right: 10px!important; }
			
		.works_slider #slider .sld_listbox {
			position: relative;
			display: flex;
			align-items: center;
			width: auto;
			/*height: 100vh;*/
			height: 500px;
			}

			.works_slider .mymovie {
			  position: relative;
			  width: 100%;
			  height: 300px;
		      padding-top: 0;
			  overflow: hidden;
			}
				.works_slider .mymovie video {
				  position: absolute;
				  top: 0;
				  left: 0;
				  width: 100% !important;
				  height: 100% !important;
				  object-fit: cover;
				}		
			
			
			
		 /* IE11 */
		@media all and (-ms-high-contrast:none){
		.works_slider #slider .sld_listbox {
			position: relative;
			display: block;
			align-items: center;
			width: auto;
			height: 100vh;}
		}		
				
		.sld_img {
			display: flex!important;
			align-items: center!important; }
			.sld_img img {
				position: absolute;
				max-height: 100%;
				/*display: flex!important;
				align-items: center!important;*/
				object-fit: cover!important;
				width: 100%;
				height: 100vh!important; }



 /* 他の製品もみる */
.wks_other_name {
	margin-top: 20px;
	font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
	font-size: 24px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.wks_other_img {
	margin-top: 20px;
	height: 100%;
	overflow: hidden;
}
	.wks_other_img .other_slider li {
		padding: 2px;
	}
		.wks_other_img .other_slider li img {
			width: 100%;  
			height: 140px;
			overflow: hidden;
			object-fit: cover;
		}
	.other_slider .arrow_leftright {
		position: absolute;
		top:50%;
		margin-top: -70px; 
		z-index: 999;
		cursor: pointer;
		width: 24px;
		height: auto;
		padding: 20px 4px;
		background-color: #333;
	}
		.other_slider .arrow_left {
			left: 2px!important;	}
		.other_slider .arrow_right {
			right: 2px!important; }

								.other_slider .pddesc_workstitlewaku {
									overflow: hidden;
									box-sizing: border-box;
									width: 90%;
									margin: 0 5% 0;
									display: inline-block;
									position: relative;
									}
									.other_slider .pddesc_workstitle {
										font-size: 14px;
										font-weight: 600;
										color: #333;
										text-align: left;
										box-sizing: border-box;
										width: 100%;
										padding: 0;
										margin: 8px 0 0;
										background-color: #fff;
										}
									.other_slider .pddesc_sizetext {
										font-size: 12px;
										font-weight: 500;
										width: 100%;
										margin-top: 2px;
										color: #333;
										height: inherit;
										text-align: left;
										}



@media (min-width: 1000px) {

		.wks_desc_img {
			margin-top: 40px;
			height: 100%;
			overflow: hidden;
		}
			.wks_desc_img .works_slider li img {
				width: 100%;  
				height: 600px;
				overflow: hidden;
				object-fit: cover;
			}
					.wks_desc_img .works_slider-nav li {
						height: 60px;
					}
						.wks_desc_img .works_slider-nav li img {
							width: 100%;  
							height: inherit;
							overflow: hidden;
							object-fit: cover;
						}
						.wks_desc_img .works_slider-nav .slick-active {
							opacity: 0.5;
							background-color: #000;
						}
						.wks_desc_img .works_slider-nav .slick-current {
							opacity: 1.0;
							background-color: #000;
						}
			.works_slider .arrow_left {
				left: 20px!important;	}
			.works_slider .arrow_right {
				right: 20px!important; }
			
		.wks_desc_text_flexwrap {
			width: 100%;
			margin: 10px auto;
			position: relative;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			flex-direction: row;
			flex-wrap: wrap;
		}
			.wks_desc_text_flexitem {
				position: relative;
				width: 48%;
			}

				.works_slider .mymovie {
				  position: relative;
				  width: 100%;
				  height: 600px;
				  padding-top: 0;
				  overflow: hidden;
				}
					.works_slider .mymovie video {
					  position: absolute;
					  top: 0;
					  left: 0;
					  width: 100% !important;
					  height: 100% !important;
					  object-fit: cover;
					}		


}





/* ------------------------------------　FAQページ 　------------------------------------*/
#ul_faq {
	padding: 40px 0 ;
	margin-bottom: 60px;
}

.faqcate_title {
	font-size: 1.0em;
	font-weight: 600;
	margin-top: 1em;
	background-color: #005EAE;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 0.2em;
}


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 1em auto 6em;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 10px 0;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label::before {
	position: absolute;
	left: -1px;
	font-weight: 600;
	content: 'Q';
	transition: opacity .4s;
	margin-left: 20px;
}
.cp_qa label {
	font-size: 1.0em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 60px 10px 60px;
	cursor: pointer;
}

.cp_qa .cp_actab-content::before {
	position: absolute;
	font-weight: 600;
	content: 'A';
	transition: opacity .4s;
	left: 22px;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 40px 0 0;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	opacity: 0;
	padding-left: 60px !important;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	/*z-index: 5;*/
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	right: 20px;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}




@media (min-width: 1000px) {
	.faqcate_title {
		font-size: 1.4em;
		font-weight: 600;
		margin-top: 1em;
		background-color: #005EAE;
		color: #fff;
		padding: 0.5em 1em;
		border-radius: 0.2em;
	}
	.cp_qa {
		overflow-x: hidden;
		margin: 1em auto 6em;
		color: #333333;
	}
	.cp_qa .cp_actab {
		padding: 20px 0;
		border-bottom: 1px dotted #cccccc;
	}
	.cp_qa label::before {
		position: absolute;
		left: -1px;
		font-weight: 600;
		content: 'Q';
		transition: opacity .4s;
		margin-left: 20px;
	}
	.cp_qa label {
		font-size: 1.2em;
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 60px 0 60px;
		cursor: pointer;
	}




}




/* ------------------------------------　会社概要 　------------------------------------*/
#ul_profile {
	padding: 20px 0 ;
	margin-bottom: 100px;
}
#ul_profile .container {
	max-width: 1000px;
}

.tbl_profile {
	width: 100%;
	margin-top: 40px;
	font-size: 1rem;
  }
	.tbl_profile tr {
		border-bottom: 1px solid #999;
		vertical-align: top;
	  }
		.tbl_profile th {
			width: 100%;
			padding: 1em 0 0;
			text-align: left;
			display: block;
			font-weight: 600;
		  }
		.tbl_profile td {
			padding: 0.2em 0 1em;
			text-align: left;
			display: block;
		  }

.tbl_map {
	width: 100%;
	margin: 0!important;
  }
	.tbl_map tr {
		border: 0;
	  }
		.tbl_map td {
			padding: 0!important;
		  }
		.tbl_map td .info {
			margin: 0 auto 0 0;
		  }
		.tbl_map td .button {
			width: 90px;
		  }

.com_h2 {
	margin-top: 6rem;
	position: relative;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
	font-weight: 600;
	text-indent: 6px;
	color: #333;
	text-align: left;
	width: 100%;
}
	.com_h2::before {
		border-bottom: 1px solid #333;
		content: "";
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 1px;
	}
	.com_h2 p {
		border-bottom: 3px solid #EB7823;
		display: table;
		padding-bottom: 2px;
		position: relative;
		margin-left: -5px;
	}

.com_h3 {
	margin-top: 3rem;
	position: relative;
	font-size: 1.6rem;
	font-family: 'Noto Serif JP', serif;
	font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
	font-weight: 600;
	color: #333;
	text-align: left;
	width: 100%;
}
	.com_h3 span {
		font-size: 14px;
		font-weight: 600;
		color: #EB7823;
	}

.tac_h2 {
	margin-top: 6rem;
	position: relative;
	font-size: 1.6em;
	font-family: 'Noto Serif JP', serif;
	font-family: "游ゴシック", 'Noto Sans JP', sans-serif;
	font-weight: 600;
	text-indent: 6px;
	color: #333;
	text-align: center;
	width: 100%;
}

.tbl_productlist {
	width: 100%;
	margin-top: 20px;
  }
	.tbl_productlist tr {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	  }
		.tbl_productlist th {
			width: 100%;
			padding: 1em 0 0;
			text-align: left;
			display: block;
			font-weight: 600;
		  }
		.tbl_productlist td {
			padding: 0.2em 0 1em;
			text-align: left;
			display: block;
			font-size: 0.8em;
		  }

.com_h3txt {
	margin-top: 1rem;
	font-size: 1em;
}
	.com_h3txt span {
		color: #EB7823;
	}

.profile_relation pre br {
	display: none;
}



@media (min-width: 1000px) {

		.tbl_profile th {
			width: 30%;
			padding: 1.5em 1em;
			text-align: left;
			display: table-cell;
		  }
		.tbl_profile td {
			padding: 1.5em 1em;
			text-align: left;
			display: table-cell;
		  }

	.tac_h2 {
		font-size: 2em;
	}

		.tbl_productlist th {
			width: 30%;
			padding: 1.5em 1em;
			text-align: left;
			display: table-cell;
			vertical-align: top;
		  }
		.tbl_productlist td {
			padding: 1.5em 1em;
			text-align: left;
			display: table-cell;
			font-size: 1em;
		  }

	
	
	
}






/* ------------------------------------　ニュースページ 　------------------------------------*/
#ul_news {
	background-color: #fff;
	padding: 0;
	position: relative;
	z-index: 9999; 
	margin-bottom: 60px;
}
/*  #ul_news ul {
    text-align: center; 
	}
    #ul_news li:first-child {
	position: relative;
      border-top: 1px dotted #ccc;
	  margin: 20px auto 0!important;}
    #ul_news li {
	  color: #333 !important;
	  width: 100%;
	  display: table;
	  border-bottom: 1px dotted #ccc;
	  text-decoration: none;
	  padding: 14px 8px;
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;}
    #ul_news li:hover {
	  color: #333 !important;
	  background-color: #ccc;}
	#ul_news .news_date, #ul_news .news_text {
		margin-bottom: 5px;
		display: table-cell;	}
	#ul_news .news_date {
		width: 16%;
		padding-right: 6%;
		font-size: 1.0em;	}
	#ul_news .news_text {
		width: 72%;
		text-align: left;
		font-size: 1.0em;	}
	#ul_news .news_text a {
		text-decoration: none;	}*/

.pnavi{
	text-align: center;
}
.pagination{
   margin:40px 0 0;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:20px;
   padding:20px 25px;
   color:#333;
   border-radius:3px;
   box-shadow:0 3px 3px #999;
   background:#fff;
}
.pagination .current{
   padding:20px 25px;
   background:#024487;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#024487;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}



/* ニュース詳細*/
.single_wrapper {
	width: 100%;
	margin: 0 auto;
}
	.singlewaku {
		width: 100%;
	}
		.singlewaku h2 {
			font-size: 24px;
			font-weight: 600;
			width: 100%;
		}
		.singlewaku .single_textarea {
			margin-top: 60px;
			font-size: 16px;
			width: 100%;
		}


/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}
.years {
  padding: 1em 0 2em;
}



#news .widget_archive ul {
	margin: 0.2em 0!important;
	margin-left: 2em!important;
}
#ul_news .widget_archive ul {
	margin: 0.2em 0!important;
	margin-left: 2em!important;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}



@media (min-width: 1000px) {

#ul_news {
	padding: 40px 0 ;
	margin-bottom: 60px;
}
	
	.single_wrapper {
		width: 100%;
		margin: 0 auto;
	}

}





/* ------------------------------------　お問い合わせページ 　------------------------------------*/
#ul_contact form {
	max-width: 800px;
	margin: 60px auto 60px;
}

#ul_contact form p {
	margin-bottom: 2em;
}
.horizontal-item + .horizontal-item {
    margin-left: inherit!important;
}

	/*タイトル*/
	.formtitle {
		font-weight: 600;
		margin-bottom: 0.2em;
		display: flex;
		align-items: center;
	}
	/*必須*/
	.required {
		border-radius: .21428571em;
		color: #fff;
		display: inline-block;
		padding-right: .5em;
		padding-left: .5em;
		background-color: #dd3333;
		font-size: 0.6em;
		line-height: 24px;
		margin-left: 0.6em;
	}
	/*送信ボタン*/
	.btn_wrap {
		margin: 40px auto;
	}
		.btn_contact {
			background-color: #005EAE;
			border-radius: .33333333em;
			border: 0px;
			color: #fff;
			font-size: 16px;
			display: block;
			height: calc(60em / 18);
			letter-spacing: .1em;
			margin-right: auto;
			margin-left: auto;
			width: calc(370em / 18);
		}
		.btn_contact:hover {
			background-color: #00549C;
			color: #fff!important;
		}

		.btn_contact_back {
			background-color: #aaa;
			border-radius: .33333333em;
			border: 0px;
			color: #fff;
			font-size: 16px;
			display: block;
			height: calc(60em / 18);
			letter-spacing: .1em;
			margin-right: auto;
			margin-left: auto;
			width: calc(370em / 18);
			float: left;
		}
		.btn_contact_back:hover {
			background-color: #787878;
			color: #fff!important;
		}





/* Larger than desktop */
@media (min-width: 1000px) {



}





/* ------------------------------------　お問い合わせ完了ページ 　------------------------------------*/
.message_wrap {
	margin: 60px 80px 200px;
	
}
	.message_wrap h2 {
		font-size: 2em;
		font-weight: 600;
		text-align: center;
	}
	.thanks_message {
		font-size: 16px;
		font-weight: 500;
		margin: 60px auto;
		text-align: center;
	}


.thanksbtn_wrap {
    margin: 40px auto;
}
	.thanksbtn_button {
		background-color: #00B3ED;
		border-radius: .33333333em;
		border: 0px;
		color: #fff;
		font-size: 16px;
		display: block;
		letter-spacing: .1em;
		margin-right: auto;
		margin-left: auto;
		width: calc(370em / 18);
	}
	.thanksbtn_button:hover {
		color: #fff;
		background-color: #0093C3;
	}
		.thanksbtn_wrap a {
			text-decoration: none;
			text-align: center;
			padding: 0.8em;
			font-weight: 600;
		}
	

.thanks_ad {
	width:100%;
	margin: 20px 0 0;
}
	.reco_flexwrap {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 0;
	}
		.reco_flexitem {
			width: 100%;
			display: flex;
			align-items: center;
			text-align: center;
			margin-bottom: 20px;
		}
		.reco_flexitem a {
			margin: 0 auto;
			text-decoration: none;
		}
		.reco_flexitem a:hover {
			margin: 0 auto;
			text-decoration: underline;
		}
			.reco_img {
				width: 100%;
				text-align: center;
			}
				.reco_img img {
					width: 100%;
				    border-radius: none;
					text-align: center;
				}
			.reco_txt {
				font-size: 16px;
				text-align: center;
			}
				/*.reco_txt a {
					color: #333!important;
					margin-top: 6px;
				}
					.reco_txt a:hover {
						color: #333!important;
						text-decoration: underline!important;
					}*/

@media (min-width: 1000px) {

	.reco_flexwrap {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: space-between;
			padding: 30px 80px;
		}
			.reco_flexitem {
				width: 33%;
				display: flex;
				align-items: center;
				text-align: center;
			}
				.reco_img {
					width: 100%;
					text-align: center;
				}
					.reco_img img {
						width: 200px;
						height: 200px;
						border-radius: 50%;
						object-fit: cover;
					}
				.reco_txt {
					text-align: center;
				}

}




@media (min-width: 750px) {
}
@media (min-width: 1000px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
}
@media (min-width: 1450px) {
}
@media (min-width: 1600px) {
}