@charset "utf-8";

/* ------------------------------------------
	- COMMON SETTING
	- MAIN
		-- SLIDER
		-- EVENT
		-- DESCRIPTION
		-- LATEST WORKS
		-- NEWS
------------------------------------------ */

/* ==============================================================
	ABOUT
============================================================== */
.about p.header_img{
	margin-top:180px;
}
@media screen and (max-width:750px){
	.about .intro{
		width:90%;
		margin: 0 auto;
	}
	.about p.header_img{
		margin-top:80px;
	}
	.about p.header_img img{
		width:30%;
	}
}
.about h1{
	font-size: 30px;
	margin: 80px auto;
}
@media screen and (max-width:750px){
	.about h1{
		font-size: 26px;
		margin: 50px auto;
	}
}
.about h2{
	font-size: 18px;
	letter-spacing: 0.4em;
	margin-bottom: 50px;
	line-height: 1.7;
}
.about p{
	line-height: 2.5;
	letter-spacing: 0.1em;
}
.about .imgArea{
	margin: 70px auto 0;
}
.about .tableArea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 180px auto 0;
	width:1000px;
}
@media screen and (max-width:750px){
	.about .tableArea{
		display: block;
		margin: 80px auto 0;
		width:90%;
	}
}
.about .tableArea .table_item{
	width:480px;
	margin-bottom: 70px;
}
@media screen and (max-width:750px){
	.about .tableArea .table_item{
		width:100%;
		margin-bottom: 40px;
	}
}
.about .tableArea .table_item h3{
	font-size: 18px;
	margin: 30px auto;
}
@media screen and (max-width:750px){
	.about .tableArea .table_item h3{
		font-size: 16px;
		margin: 20px auto;
	}
}
.about .tableArea .table_item p{
	line-height: 2;
	letter-spacing: normal;
	text-align: left;
}





/* ==============================================================
	ACCESS
============================================================== */
.contentsArea{
	display: flex;
	align-items: stretch;
}
.contentsArea .block{
	width:50%;
}
@media screen and (max-width:750px){
	.contentsArea{
		flex-direction: column-reverse;
	}
	.contentsArea .block{
		width:100%;
	}
}

/* GOOGLE MAP
------------------------------------------------ */
.contentsArea .gMap iframe{
	width:100%;
	height: 100%;
}
@media screen and (max-width:750px){
	.contentsArea .gMap iframe{
		height: 250px;
	}
}

/*	INFORMATION
------------------------------------------------ */
.contentsArea .information img{
	width:100%;
}
.contentsArea .information .inner_block{
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:750px){
	.contentsArea .information .inner_block{
		margin: 30px auto;
	}
}
.contentsArea .inner_block .text{
	text-align: left;
	padding:0 1%;
}
.contentsArea .inner_block .text p.address{
	font-size: 18px;
}
@media screen and (max-width:750px){
	.contentsArea .inner_block .text p.address{
		font-size: 16px;
	}
}
.contentsArea .inner_block .text ul{
	margin-bottom: 20px;
}
.contentsArea .inner_block .text ul li{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.8;
}
@media screen and (max-width:750px){
	.contentsArea .inner_block .text ul li{
		font-size: 12px;
		line-height: 1.5;
	}
}


/* ----- SLIDESHOW -----*/

.information #slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
   height: 28.5vw; /* 画像の高さに合わせて記述 */
}
@media screen and (max-width:750px){
	.information #slideshow {
	   position: relative;
	   width:  100%; /* 画像の横幅に合わせて記述 */
	   height: 57vw; /* 画像の高さに合わせて記述 */
	}
}
.information #slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
	 width:100%;
}
.information #slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
.information #slideshow img.last-active {
   z-index: 9;
}


/* ==============================================================
	PRIVACY
============================================================== */
.privacy h1{
	font-size: 18px;
}
.privacy .textArea{
	width:900px;
	margin: 0 auto;
}
@media screen and (max-width:750px){
	.privacy .textArea{
		width:90%;
		margin: 0 auto;
	}
}
.privacy .textArea p{
	text-align: left;
	margin-bottom: 30px;
}
@media screen and (max-width:750px){
	.privacy .textArea p{
		font-size: 12px;
		margin-bottom: 20px;
	}
}