.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
	color:#FFF;
	left:auto;
	right:0;
	font-family:'Work Sans',sans-serif;
		font-weight:200;
		text-shadow:none;
		width:40px;
		height:40px;
		font-size:40px;
		line-height:40px;
}


#psection1{/*background:#FFF;*/
background-color:#ccc;
width:100%;
height: auto !important;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
	padding: 0;
	position: relative;
}


#psection1 .fp-tableCell {
    vertical-align:top;
	
	overflow: hidden;
}
#psection1 .intro{
	width: 100%;
	max-width: 100%;
	height:100%;
	position:relative;
	overflow:hidden;
	 
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
margin:0;
padding:0;

}
#psection1.bg01 .intro{	/*background-image:url(../images/top/bg_main01.jpg)*/;}


/*#psection1 .intro::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	top:0;
	left: 0;
}
#psection1.single .intro::after{
	background:url(../images/common/pattern.png) 0 0 repeat;
	opacity: 0.8;
}
*/
	#psection1 h1	{
	margin:auto;
	padding:0 0;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:250px;
	height:250px;
	text-align:center;
	font-size:2.4em;
	color:#fff;
	line-height:1;
	z-index:100;
	}
#psection1 h1 img{
	width: 100%;
	height: auto;
}

#psection1 .commentop{
	position:absolute;
		top:10%;
		left:-400px;
	width: 100%;
	max-width: 400px;
	z-index: 100;
	padding: 0;
	text-align: left;
	opacity: 0;
}

#psection1 .commentop h2{
	font-size: 1.4em;
	color: #fff;
	text-align: left;
	font-weight: 100;
	background-color:rgba(57,10,11,0.6);
	margin: 0;
	padding: 0.5em 15px 0.4em;
	position: relative;
	font-family: "source-han-serif-japanese";
}
#psection1 .commentop h2::after{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background-color:rgba(57,10,11,1);
}
#psection1.setstart .commentop h2::after{
	width: 0;
	left: 100%;
	-moz-transition: all .5s ease-in 1.3s;
    -webkit-transition: all .5s ease-in 1.3s;
    -o-transition: all .5s ease-in 1.3s;
    -ms-transition: all .5s ease-in 1.3s;
    transition: all .5s ease-in 1.3s;
}
#psection1 .commentop h3{
	font-size: 0.8em;
	font-weight: 200;
	color: #fff;
	line-height: 1.7;
	text-align: left;
	margin: 0;
	padding: 0.8em 15px;
	background-color: rgba(0,0,0,0.5);
	position: relative
}
#psection1 .commentop h3::after{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background-color:rgba(0,0,0,1);
}
#psection1.setstart .commentop h3::after{
	width: 0;
	left: 100%;
	-moz-transition: all .5s ease-in 1.6s;
    -webkit-transition: all .5s ease-in 1.6s;
    -o-transition: all .5s ease-in 1.6s;
    -ms-transition: all .5s ease-in 1.6s;
    transition: all .5s ease-in 1.6s;
}
#psection1.setstart .commentop{
	left: 0;
	opacity: 1;
	-moz-transition: all .5s ease-in 1s;
    -webkit-transition: all .5s ease-in 1s;
    -o-transition: all .5s ease-in 1s;
    -ms-transition: all .5s ease-in 1s;
    transition: all .5s ease-in 1s;
}

@media all and (max-width: 768px) {
	#psection1 h1	{ width:200px;	height:200px;}	
}

@media all and (max-width: 480px) {
	#psection1 h1	{ width:150px;	height:150px;}	
}


.swiper-container.topslide   {
        width: 100%;
        height: 100%;
	 border:0px solid #fff;
	/*border-left: none;*/
	overflow: hidden;

    }


 .topslide .swiper-slide {
		width: 100%;
        height: 100%;		
        text-align: center;
        font-size: 18px;
	 overflow: hidden;
        background: none;
	  /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	 
	 position: relative;
								
    }
.topslide .swiper-slide::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	mix-blend-mode:multiply;
}
.topslide .swiper-slide::before {
	content: '';
	position: absolute;
	width: 104%;/*
	min-width: 300px;
	max-width: 500px;*/
	height: 100%;
	top:0;
	right: -2%;
/*	background-image: url(../images/common/top_open.svg);*/
	background-image: url(../images/common/top_bglogo.svg);
	background-position: center 82%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 99999;
	mix-blend-mode:color-dodge;
	opacity: 0;
}

.setstart .topslide .swiper-slide::before {
	width: 98%;
	right: 1%;
	opacity: 0.3;
	-moz-transition: all .8s ease .4s;
    -webkit-transition: all .8s ease .4s;
    -o-transition: all .8s ease .4s;
    -ms-transition: all .8s ease .4s;
    transition: all .8s ease .4s;
}

.topslide .swiper-slide .slideimg{
		width: 100%;
        height: 100%;
		overflow: hidden;
		background-position:center;
		background-repeat:no-repeat;
		-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;

position:relative;
		
	 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;  
box-sizing: border-box;
	transform: translate3d(0,0,0);
				}
				
				
		
				
		
.topslide .swiper-slide:not(.my-active) .slideimg{
	
 -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);		
				
}

.topslide .swiper-slide.my-active .slideimg{
	
-webkit-animation:animation-topslide 6.5s linear forwards;
-moz-animation:animation-topslide 6.5s linear forwards;
-ms-animation:animation-topslide 6.5s linear forwards;
    animation:animation-topslide 6.5s linear forwards;
				
}

@keyframes animation-topslide {
     
    from{
        -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);		
    }
    to{
       -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);		
    }
}

#scrolldown {
width:40px;
height:40px;
text-align:center;
	margin:0;
	padding: 0;
	z-index:100;
	cursor:pointer;
	text-indent: 9999px;
	overflow:hidden;
	position:absolute;
	bottom:15px;
	left:10px;
	border-radius: 50%;
	background-color:rgba(0,0,0,0.2);
	border:1px solid #fff;
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
#scrolldown::before{
	position: absolute;
	content: '';
	width:0px;
	height:38%;
	bottom:30%;
	left:50%;
	border-left:1px solid #fff;
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}
#scrolldown::after{
	position:absolute;
	content:'';
	width:0px;
	height:5px;
	bottom:30%;
	left:50%;
	margin-bottom: 0px;
	margin-left:-2px;
	border-left:1px solid #fff;
	-webkit-transform: rotate(-45deg) ;
	-ms-transform:rotate(-45deg) ;
	transform:rotate(-45deg) ;
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}

@media all and (min-width: 768px) {
	#scrolldown{background-color: rgba(0,0,0,0.1); left: 50%; margin-left: -20px;}
	#scrolldown:hover{background-color: rgba(0,0,0,0.2);}
	#scrolldown:hover::before{	bottom:26%;	height: 35%;}
	#scrolldown:hover::after{	bottom:26%;}
}

	





.section .intro{
	padding:6% 0;
	/*background-color: #f6f6f6;*/
	position: relative;
}


.section:not(#psection1) h2{
		width:90%;
		text-align:center;
		font-size: 4em;
		font-weight:600;
		letter-spacing:normal;
	line-height: 1.6;
		color:#111111;
		margin:20px auto 1%;
	position: relative;
	z-index: 11;
	}
.section .intro h3{
	font-size: 1.8em;
	line-height: 1.7;
/*	color: #222;*/
	color: #E7B900;
	font-weight: 100;
	letter-spacing: 0.06em;
	padding: 0;
	margin: 1% auto 5%;
	font-family: "source-han-serif-japanese";
}
.section .intro h3 strong{font-size: 1.4em;}

.section .intro p{font-weight: 200; line-height: 1.8;}



@media all and (max-width: 768px) {
	.section:not(#psection1) h2{font-size:  3.5em;}
	.section .intro h3{ font-size:  1.25em;}
}
@media all and (max-width: 480px) {
	.section:not(#psection1) h2{font-size:  3em;}
	.section .intro h3{ font-size:  1.1em;}
	
}

#psection2{
	position: relative;
	background-color:#55401B;
	padding: 7% 0;
background-image:url(../images/common/bg_greeting.jpg);
background-position:center top;
background-repeat:repeat;
-moz-background-size:300px 300px;
-webkit-background-size:300px 300px;
-o-background-size:300px 300px;
-ms-background-size:300px 300px;
background-size:300px 300px;
margin:0;
padding:0;

}
#psection2::before,
#psection2::after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 1px;
	background-color:rgba(231,185,0,0.75);
}
#psection2::before{top:20px;}
#psection2::after{bottom:20px;}
#psection2 .intro{
	/*background-color: #f6f6f6;*/
	position:relative;
	z-index: 1000;
}

#psection2 .intro p{color: rgba(255,255,255,0.9);  line-height: 2.4; text-align: left;
 max-width: 800px; margin-left: auto; margin-right: auto;}

#psection2 .intro p.right{text-align: right; position: relative;}
#psection2 .intro p.right img.faceimg{width: 130px; height: auto; float: right; margin-bottom: 30px;}
#psection2 .intro p.right span{padding-top:30px; display: block; }
#psection2 .intro p.right img.signimg{width: 170px; height: auto; position: absolute;
	right: 5px; bottom: 0;
}
#psection2 a.pressbtn{
	background-color: #111;
	display: block;
	width: 200px;
	height: 3em;
	font-size: 0.9em;
	margin:1em 0 -1em;
	color: #fff;
	text-decoration: none;
	
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	
	-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#psection2 a.pressbtn i{padding-right: 0.3em; font-size: 1.2em;}
#psection2 a.pressbtn:hover{
	background-color: #55401B;
}
@media all and (min-width: 769px) {
	#psection2 .intro p{font-size: 1.2em;}
}
@media all and (max-width: 480px) {
	#psection2 .intro p{font-size: 0.85em;}
}
#psection3{
	position: relative;
	background-color:#111111;
	padding: 0;
}

#psection3.section h2{color: #49311B;}

#psection3 ul{
width:100%;
	padding:0;
	margin:10px auto 10px;
	text-align: center;
}

#psection3 ul li{
	display:inline-block;
	margin:1%;
	padding: 0;
	width:18%;
	overflow:hidden;
	height:auto;
	position:relative;
	z-index:1;
	background:#000;
	
}
#psection3 ul li span{
	display: block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-position:center;
background-repeat:no-repeat;
	-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
	background-size: cover;
	-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}


#psection3 ul li a:hover span{
		filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

@media all and (max-width: 768px) {
	#psection3 ul li{ width: 30%;}
}
@media all and (max-width: 480px) {
	#psection3 ul li{ width: 45%; margin: 2%;}
}

#psection6{
	position: relative;
	background-color:#DAC49E;
	padding: 0;
}
#psection6 h4{font-size: 1.4em;}
#psection6 h4 strong{white-space: nowrap;}
#psection6 h4 span.sstx{font-size: 0.6em;}
#psection6::before{
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	top:0;
	left: 0;
	background-image:url(../images/top/bg_main07.jpg);
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;
}
#psection6 .intro{width: 50%; margin-right: 0; }
#psection6.section h3{color: #49311B;}
.mapbox{
		width:100%;
		height:320px;
		background:#535353;
	}

#map{
		width:100%;
		height:100%;
	}
	#map{
		_display:none;
	}


@media all and (max-width: 768px) {
	#psection6 h4{font-size: 1.1em;}
	#psection6::before{ width: 100%; height: 200px; }
	#psection6 .intro{width: 86%; margin-right: auto; margin-top: 200px;}
}



#psection8{
	position: relative;
	background-color: #111111;
	padding: 0;
}



#psection8 ul{
		margin:0 auto;
	width:100%;
	
	list-style:none;
	letter-spacing:0.08em;
	
}
#psection8 ul li{
	width:46%;
		margin:2%;
	float:left;
	padding:0;
	overflow: hidden;
	position:relative;
	background-color: #666;
}


#psection8 ul li a{
	margin:0; padding:0;
	width:auto;
	height:auto;
	text-decoration: none;
	
	
}



#psection8 ul li a img.bgimg{
	display:block;
	width:100%;
	height:auto;
	margin:0; padding:0;
	-moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;		
}
@media all and (min-width: 769px) {
#psection8 ul li a:hover img.bgimg{
 -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
		
}
}



@media all and (max-width: 768px) {
	#psection8 ul li{
		width:100%;
		max-width: 500px;
		float: none;
		margin:7% auto;
	}
}




/* --------------------------------------------
 BASE TABLE
----------------------------------------------*/
.basetbl{
 margin:10px auto;
	padding:0px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}
.basetbl table{
 margin:0px auto;
	padding:0px ;
	width:100%;
	/*border: #222 solid 1px;*/
	background:none;
	text-align:center;
	
	}
.basetbl table span.sstx{font-size: 70%;}
.basetbl table th{
 margin:0px ;
	padding:10px 10px ;
	/*min-width: 8em;*/
	border: none;
	/*border-bottom: #000 solid 1px;*/
	background-color:#ddd;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	}
.basetbl table thead th{background-color:#FF0051; color: #fff;}

.basetbl table td{
 margin:0px ;
	padding:10px ;
/*border-bottom: #000 solid 1px;*/
/*	border-left: #000 solid 2px;*/
	border:none;
	line-height:1.4;
	text-align:center;
	}

.basetbl table tr:last-child th,.basetbl table tr:last-child td{
	border-bottom: none;
	}
.basetbl table tr:nth-child(even) th{
	background-color:#d3d3d3;
}
.basetbl table tr:nth-child(even) td{
	background-color:#f6f6f6;
}

	span.formkome{
		color:#666;
		font-size:0.8em;
	}
.basetbl p{font-size: 0.9em; text-align: left; color: #CC3437;}	







.memobox{
	border:1px solid #CC3437;
	padding: 10px 15px 0;
	text-align: left;
	max-width: 600px;
	margin: 6% auto 3%;
}
.memobox h5{ font-weight: 600; font-size: 1.1em;}
.memobox ul li{ font-size: 0.9em;}











/*------------------
   CONTACT
		------------------*/
.contactbox{ width:100%; letter-spacing:0.06em; padding-bottom:10%;}
	
.basetbl table textarea{
	width:90%;
}
.basetbl{
	width:100%;
	/*font-size:0.9em;*/
}
.basetbl table{
	overflow:hidden;
}
 .basetbl table td input[type="text"],
			.basetbl table td select,
			.basetbl table td textarea{
				max-width:100%;
			}
			.basetbl table td input[type="text"]{
				width:250px;
			}
			.basetbl table td label{
				margin-right:12px;
			}
			.basetbl table td input[type="radio"]{
				margin-right:5px;
				margin-top:-0.25em;
				border:1px solid #ccc;

			}
			
td.errortd{
	background:#FEE;
}
.basetbl table tr:nth-child(even) td.errortd{
	background:#fFE5E5;
}
			.contactbox button{
	height: 30px;
	padding:0 15px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	font-size:0.9em;
	border:none;
cursor: pointer;
		-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}


		.contactbox button.submit{
	background-color:#231F20;
	color: #fff;
}

	.contactbox button.reset{
	background-color: #A3A3A3;
	color: #231F20;
}
	

.contactbox button:hover{
	background-color: #fc3;
	color: #231F20;
	
}

@media only screen and (max-width:480px){
	#psection7 .basetbl table{font-size: 0.9em;}
	#psection7 .basetbl table th,
	#psection7 .basetbl table td{padding: 5px;}
    #psection5 .basetbl table thead th{font-size: 1.2em;}
	#psection5 .basetbl table th,
    #psection5 .basetbl table td{
        width: 100%;
        display: block;
        border-top: none;
		border-left:none;
    }
	#psection5 .basetbl table th{padding:3px; border-bottom: none;}
			.basetbl table td input[type="text"],
			.basetbl table td select,
			 .basetbl table td textarea{
				width:100%;
			}
	#psection5 .basetbl table tr:nth-child(even) th{
	background: #ddd;
}
#psection5 .basetbl table tr:nth-child(even) td{
	background: #FFF;
}
	#psection5 .basetbl table tr:nth-child(even) td.errortd{
	background:#FEE;
}
}


.basetbl.weektbl{max-width: 500px; margin: 3% auto 2%; font-size: 0.8em; border-bottom:1px solid #666; border-right:1px solid #666;}
.basetbl.weektbl table{}
.basetbl.weektbl th{font-weight: normal;}
.basetbl.weektbl td{width: 10%;}
.basetbl.weektbl table th,
.basetbl.weektbl table td{border-top:1px solid #666; border-left:1px solid #666; padding: 0.5em; line-height: 1.1;}
.basetbl.weektbl table tr:first-child th:last-child{white-space: nowrap;}


a.contactbtn{
	display: block;
	height: 50px;
	padding:0 15px;
	margin: 20px auto;
	width: 70%;
	max-width: 250px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	letter-spacing: 0.1em;
	font-size:0.9em;
	border:none;

	background-color:#231F20;
	color: #fff;
	
		-moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

a.contactbtn:hover{
	background-color: #fc3;
	color: #231F20;
	
}