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

.contents.ex{
	width:100%;
	margin-bottom:100px;
}

/* comming soon */
.contents.ex > h2{
	text-align:center;
	font-weight:100;
}
.contents.ex > h2 span{
	display:block;
	font-size:80%;
}
.contents.ex > h5{
	text-align:center;
	font-weight:100;
	font-size:1.1rem;
	margin:10vh 0;
}


/* mainV_ex */
.mainV_ex{
	width:100%;
	height:80vh;
	overflow:hidden;
	min-height:800px;
	max-height:900px;
	position:relative;
}
.mainV_ex img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:bottom;
}
.mainV_ex .title{
	color:#fff;
	position:absolute;
	bottom:0;
	top:0;
	left:5%;
	margin:auto;
	height:fit-content;
}
.mainV_ex .title.fadein {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
}
.mainV_ex .title.fadein.is-active{
	opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 3s;
}

.mainV_ex .title h3{
	font-size:1.5rem;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mainV_ex .title h1{
	font-size:0.9rem;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) 
}


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

}

/* ----------599px–---------- */

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

/* ep_text */
.ep_text{
	width:90%;
	max-width:1000px;
	margin:auto;
	padding:20vh 0;
	display:flex;
	justify-content:space-between;
}
.ep_text .title{
	width:40%;
}
.ep_text .title h3{
	font-weight:100;
	font-size:1rem;
	margin-bottom:10px;
}
.ep_text .title h1{
	font-weight:100;
	font-size:1.8rem;
	text-align:unset;
}
.ep_text .text{
	width:60%;
}
.ep_text .text h4{
	font-weight:100;
	font-size:1.2rem;
	margin-bottom:1em
}

/* ----------899px–---------- */
@media screen and (max-width: 899px) {
	.ep_text{
		display:block;
		justify-content:unset;
	}
	.ep_text .title{
		width:100%;
	}
	.ep_text .text{
		width:100%;
	}
}



/* images */
.images{
	width:100%;
	height:100vh;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	margin-bottom:5px
}
.images li{
	list-style:none;
	overflow:hidden;
	padding:5px
}
.images li img{
	width:100%;
	height:100%;
	vertical-align:bottom;
	object-fit:cover;
}
.images li:nth-child(1){
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.images li:nth-child(2){
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.images li:nth-child(3){
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.images li:nth-child(4){
	grid-column: 3 / 4;
	grid-row: 1 / 3;
}
.images li:nth-child(5){
	grid-column: 4 / 5;
	grid-row: 1 / 2;
}
.images li:nth-child(6){
	grid-column: 4 / 5;
	grid-row: 2 / 3;
}
.images li:nth-child(7){
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}
.images li:nth-child(8){
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}
.images li:nth-child(9){
	grid-column: 2 / 3;
	grid-row: 3 / 5;
}
.images li:nth-child(10){
	grid-column: 3 / 4;
	grid-row: 3 / 4;
}
.images li:nth-child(11){
	grid-column: 3 / 4;
	grid-row: 4 / 5;
}
.images li:nth-child(12){
	grid-column: 4 / 5;
	grid-row: 3 / 5;
}

/* ----------1399px–---------- */
@media screen and (max-width: 1399px) {
	.images{
		grid-template-columns: 1fr 1fr;
		grid-template-rows:unset;
		height:unset;
	}
	.images li{
	}
	.images li:nth-child(1){
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.images li:nth-child(2){
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.images li:nth-child(3){
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.images li:nth-child(4){
		grid-column: 2 / 3;
		grid-row: 3 / 5;
	}
	.images li:nth-child(5){
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	.images li:nth-child(6){
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}
	.images li:nth-child(7){
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}
	.images li:nth-child(8){
		grid-column: 2 / 3;
		grid-row: 6 / 7;
	}
	.images li:nth-child(9){
		grid-column: 1 / 2;
		grid-row: 5 / 7;
	}
	.images li:nth-child(10){
		grid-column: 1 / 2;
		grid-row: 7 / 8;
	}
	.images li:nth-child(11){
		grid-column: 1 / 2;
		grid-row: 8 / 9;
	}
	.images li:nth-child(12){
		grid-column: 2 / 3;
		grid-row: 7 / 9;
	}
}


/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.images{
		width:100%;
		height:100%;
		display: block;
		grid-template-columns:unset;
	}
	.images li{
	}
}
	

/* address */
.address{
	width:100%;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.address .detail{
	width:50%;
	align-items:center;
	display:flex;
	padding:100px 0;
}
.address .detail .inner{
	width:80%;
	max-width:600px;
	margin:auto;
}
.address .detail .inner h4{
	font-size:1.3rem;;
	font-weight:100;
	margin-bottom:1em;
}
.address .detail .inner table{
	line-height:1.8em;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:20px;
}
.address .detail .inner table tr{
	border-top:0.9px solid #000;
}
.address .detail .inner table tr td{
	padding:10px
}
.address .detail .inner table tr td:nth-child(1){
	width:7em;
}
.address .detail .inner table tr td a{
	text-decoration:none;
	color:#000;
}
.address .detail .inner table tr:last-child{
	border-bottom:0.9px solid #000;
}
.address .detail .inner .care{
	font-size:90%;
	line-height:1.9em;
}
.address .map{
	width:50%;
}
.address .map iframe{
	width:100%;
	height:100%;
	filter:grayscale(70%);
	-webkit-filter:grayscale(70%)
}


/* ----------899px–---------- */
@media screen and (max-width: 899px) {
	.address{
		width:100%;
		margin:auto;
		display:block;
		justify-content:unset;
	}
	.address .detail{
		width:100%;
		padding:100px 0;
	}
	.address .map{
		width:100%;
		aspect-ratio: 1 / 1;
	}
}