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






/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media print {

.spTopNavigation{display:none;}
.mainVisualSp{display:none;}

.hrTriangle{
	width:100%;
	text-align:center;
	position:absolute;
	z-index:5000;
	top:-1px;
	left:0px;
}


/* mainVisual
----------------------------------------- */
section.mainVisual{
	width:100%;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	background:#fff;
	margin-top:-85px;
}



/* section.concept
----------------------------------------- */
section.concept{
	width:100%;
	height:auto;
	padding:45px 0px 45px 0px;	
}
	section.concept .titleArea{
		padding:0px;
	}
		section.concept .titleArea h1{
			font-size:168%;
			font-weight:bold;
			padding:0px 0px 0px 0px;	
			margin:0px 0px 0px 0px;
			text-align:center;
		}
		section.concept .titleArea p.englishCopy{
			font-size:93%;
			color:#ccc;
			font-style:italic;
			text-align:center;	
		}
	
	section.concept p.copy{
		padding:30px 0px 0px 0px;
		line-height:2.34em;
		text-align:center;
	}





/* section.news
----------------------------------------- */
section.news{
	width:100%;
	height:auto;
	padding:45px 0px 45px 0px;
	border-bottom:1px solid #333;
	background:#ededed;
	position:relative;
}
	section.news .titleArea{
		padding:0px;	
	}
		section.news .titleArea h2{
			font-size:168%;
			font-weight:bold;
			padding:0px 0px 0px 0px;	
			margin:0px 0px 0px 0px;
			text-align:center;
		}
		section.news .titleArea p.englishCopy{
			font-size:93%;
			color:#666;
			font-style:italic;
			text-align:center;	
		}
	
	section.news .newsBlock{
		width:60%;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;	
	}
		.newsBlock ul{
			padding:20px 0px 0px 0px;
		}
			.newsBlock ul li{
				padding:5px 0px 10px 0px;
				margin:0px 0px 10px 0px;
				border-bottom:1px dotted #666;
				overflow:hidden;
			}
			.newsBlock ul li span.date{
				display:block;
				width:12%;
				height:auto;
				padding:3px 0px 0px 5px;
				float:left;	
				font-weight:bold;
			}
			.newsBlock ul li a{
				display:block;
				width:84%;
				padding:3px 0px 1px 10px;
				margin-left:2%;
				height:auto;
				float:left;	
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.newsBlock ul li a span.category{
					display:inline-block;
					margin-right:10px;
					padding:0px 5px;
					font-size:87%;
					font-weight:bold;
					color:#fff;	
				}
					
			
		.newsBlock .allView{
			width:18%;
			height:auto;
			margin:0px auto;
			padding:19px 0px 0px 0px;
		}
			.newsBlock .allView a{
				display:block;
				padding:8px 0px;
				color:#fff;
				text-align:center;
				background:#333;
				
				box-shadow:1px 1px 2px #666;
			}
			.newsBlock .allView a img{
				width:0.85em;
				height:auto;
				margin-right:4px;	
			}
	


/* section.about
----------------------------------------- */
section.about{
	width:100%;
	height:auto;
	padding:65px 0px 45px 0px;
	background:#fff;	
	position:relative;
}
	section.about .titleArea{
			padding:0px;
	}
		section.about .titleArea h2{
			font-size:168%;
			font-weight:bold;
			padding:0px 0px 0px 0px;	
			margin:0px 0px 0px 0px;
			text-align:center;
		}
		section.about .titleArea p.englishCopy{
			font-size:93%;
			color:#ccc;
			font-style:italic;
			text-align:center;	
		}
		
		
	section.about .aboutBlock{
		max-width:1220px;
		height:auto;
		margin:0px auto;
		padding:40px 0px 0px 0px;
		overflow:hidden;
	}
		.aboutBlock .aboutSet{
			width:31%;
			height:auto;
			margin-right:3.5%;
			float:left;
		}
			.aboutSet figure{
				width:100%;
				height:auto;
				line-height:0;	
			}
				.aboutSet figure img{
					width:100%;
					height:auto;
				}
		
			.aboutSet .aboutDetail{
				width:90%;
				height:auto;
				margin:0px auto;
				padding:15px 0px 0px 0px;
			}
				.aboutDetail h3{
					font-size:150%;
					font-weight:bold;
					padding:0px 0px 10px 0px;
					text-align:center
				}
				.aboutDetail .btnArea{
					padding:20px 0px 5px 0px;	
				}
					.aboutDetail .btnArea a{
						display:block;
						padding:10px 0px;
						text-align:center;	
						color:#fff;
						font-weight:bold;
						background:#1c8bd1;
						box-shadow:1px 1px 2px #666;
					}
						.aboutDetail .btnArea a img{
							width:0.85em;
							height:auto;
							margin-right:4px;	
						}
		
		
		

/* section.loopGallery
----------------------------------------- */
section.loopGallery{
	width:100%;
	height:auto;
	padding:40px 0px 0px 0px;
	background:#fff;	
	position:relative;
}		
		
	/* Loop Slider
	-------------------------------- */
	#loopslider {
		margin: 0 auto;
		width:100%;
		height:256px;
		text-align: left;
		position: relative;
		overflow: hidden;
	}
	 
		#loopslider ul {
			height:100%;
			float: left;
			display: inline;
			overflow: hidden;
		}
		 
		#loopslider ul li {
			width:415px;
			height:auto;
			float: left;
			display: inline;
			overflow: hidden;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
			#loopslider ul li a img{
				width:100%;
				height:auto;
				
			}
		#loopslider ul:after {
			content: ".";
			height: 0;
			clear: both;
			display: block;
			visibility: hidden;
		}
		 
		#loopslider ul {
			display: inline-block;
			overflow: hidden;
		}
	
		
		
		

/* section.point
----------------------------------------- */
section.point{
	width:100%;
	height:auto;
	padding:45px 0px 0px 0px;
	background:#fff;	
	border-bottom:1px solid #333;
	position:relative;
}

	section.point .pointBlock{
		max-width:1096px;
		height:auto;
		margin:0px auto;
		padding:40px 0px 0px 0px;
		overflow:hidden;
	}
		.pointBlock .pointSet{
			width:100%;
			height:auto;
			padding:0px 0px 80px 0px;
			overflow:hidden;
		}
			.pointBlock .pointSet .pointLeft{float:left;}
			.pointBlock .pointSet .pointRight{float:right;}
			
			.pointSet .pointDetail{
				/*width:550px;*/
				width:50.1824%;
				height:auto;
				padding:12px 0px 0px 0px;
			}
				.pointDetail .titleArea{
					padding:0px;
				}
					.pointDetail .titleArea h2{
						font-size:168%;
						font-weight:bold;
						padding:0px 0px 0px 0px;	
						margin:0px 0px 0px 0px;
						text-align:left;
					}
					.pointDetail .titleArea p.englishCopy{
						font-size:93%;
						color:#ccc;
						font-style:italic;
						text-align:left;	
					}
				.pointDetail .subArea{
					padding:25px 0px 0px 0px;
				}
					.subArea h3{
						font-size:136%;
						font-weight:bold;
						padding:0px 0px 12px 0px;	
						margin:0px 0px 0px 0px;
						text-align:left;
						color:#1c8bd1;
					}
					.subArea p.copy{
						line-height:1.88em;
					}
					
				.pointDetail .btnArea{
					width:60%;
					padding:20px 0px 5px 0px;	
				}
					.pointDetail .btnArea a{
						display:block;
						padding:10px 0px;
						text-align:center;	
						color:#fff;
						font-weight:bold;
						background:#1c8bd1;
						box-shadow:1px 1px 2px #666;
					}
						.pointDetail .btnArea a img{
							width:0.85em;
							height:auto;
							margin-right:4px;	
						}
						
			.pointSet figure{
				/*width:511px;*/
				width:46.6240%;
				height:auto;
				line-height:0;	
			}
				.pointSet figure img{
					max-width:100%;
					height:auto;
				}
						
			
		
/* section.recommend
----------------------------------------- */
section.recommend{
	width:100%;
	height:auto;
	padding:65px 0px 45px 0px;
	background:#fff;	
	position:relative;
}		
	section.recommend .titleArea{
			padding:0px;
	}
		section.recommend .titleArea h2{
			font-size:168%;
			font-weight:bold;
			padding:0px 0px 0px 0px;	
			margin:0px 0px 0px 0px;
			text-align:center;
		}
		section.recommend .titleArea p.englishCopy{
			font-size:93%;
			color:#ccc;
			font-style:italic;
			text-align:center;	
		}
		
	section.recommend .recommendBlock{
		max-width:1160px;
		height:auto;
		margin:0px auto;
		padding:30px 0px 0px 0px;	
		overflow:hidden;
	}
		.recommendBlock .recommendSet{
			width:24.05%;
			height:auto;
			margin:0px 1.2% 25px 0px;
			float:left;	
		}
			.recommendSet h3{
				font-size:106%;
				font-weight:bold;
				padding:0px 0px 2px 0px;	
				margin:0px 0px 0px 0px;
				text-align:left;
				color:#1C8BD1;	
			}
				.recommendSet h3 a{
					color:#1C8BD1;	
				}
			.recommendSet p{
				line-height:1.56em;
				font-size:93%;
			}
					
				




.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top:0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom:15px !important;
    width: 100%;
	z-index:7777;
}
		
					
}