@charset "utf-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1,h2{font-size:2rem;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{box-sizing:border-box}:before,:after{box-sizing:inherit}
html{
	font-family: "source-han-sans-japanese", sans-serif;
	line-height: 1.7;
	letter-spacing: 0.3em;
	font-size: 62.5%;
	font-weight:300;
	font-style: normal;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
}
body{
	-webkit-text-size-adjust: 100%;
	font-size: 1.4em;
	position: relative;
	box-sizing: border-box;
	margin: 0;
	height: 100%;
}
em{
	font-style: normal;
}
h2{
	font-weight: normal;
}
a,img{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
a{
	transition: 0.2s ease;
}
a:active{
	transform: scale(1.1);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*自動カーニング*/
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}
.wrap{
	background-color: rgba(0,0,0,0);
}
.ab-title{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	overflow: hidden;
}
.ab-title a{
	text-decoration: none;
	display: block;
	height: auto;
}
.ab-title a span{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: auto;
	text-shadow:0 1px 1px rgba(0,0,0,0.50);
	color: #fff;
	font-size: 2.4rem;
	animation: blurs 6s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}/*
@media(max-width:414px) {
	.ab-title span{
		margin-bottom: 100px;
	}
}*/
.ab-logo {
	display: block;
	position: absolute;
	top:-40%;
	left: 0%;
	width: 100vw;
	height: 200px;

}
.svg-title-text {
	font-family: "orbitron",'Cormorant SC','Josefin Slab', serif;
    text-anchor: middle;
	font-size: 30px;
	text-shadow:  0 0 15px #edf8ff, 0 0 10px #edf8ff, 0 0 0.4px #edf8ff;
	letter-spacing: 0;
    fill: none;
    stroke: none;
    stroke-dasharray: 150% 150%;
    stroke-width: 0.3px;
	-webkit-animation: stroke-offset 4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s forwards;
	animation: stroke-offset 4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s forwards;
	opacity: 0.95;
	}

@media(max-width:768px) {

    .svg-title-text {
        font-size: 2rem;
    }
}

@-webkit-keyframes stroke-offset {
  0% {
    stroke-dashoffset: 150%;
    stroke: rgba(255,255,255,0.50);
    fill:transparent;
  }
  50% {
    fill:transparent;
	  fill: rgba(255,255,255,.8);
    stroke: rgba(255,255,255,0.65);
  }
  100% {
    stroke-dashoffset: 0%;
    stroke:rgba(255,255,255,.8);
    fill: rgba(255,255,255,.8);
  }
}


@keyframes stroke-offset {
  0% {
    stroke-dashoffset: 150%;
    stroke: rgba(255,255,255,0.50);
    fill:transparent;
  }
  50% {
    fill:transparent;
	  fill: rgba(255,255,255,.6);
    stroke: rgba(255,255,255,0.65);
  }
  100% {
    stroke-dashoffset: 0%;
    stroke:rgba(255,255,255,.8);
    fill: rgba(255,255,255,.8);
  }
}

.ab-news{
	text-align: center;
	padding: 20px;
	padding-left: 10px;
	margin: 0;
	padding-right: 50px;
	width: 600px;
	color: #fff;
	height: 60px;
	margin-top: -60px;
	margin-left: auto;
	margin-right: -100px;
	overflow: hidden;
	font-size: 2rem;
}

.ab-news br{
	display: none;
}
@media screen and (max-width:960px){
	
	.ab-news br{
		display:inline;
	}
/*	.ab-news{
		padding: 10px;
		padding-left: 10px;
		padding-right: 50px;
		width: 400px;
		color: #fff;
		height: 60px;
		margin-top: -60px;
		margin-left: auto;
		margin-right: -100px;
		overflow: hidden;

	}*/
}
@media screen and (max-width:768px){
	
	.ab-news br{
		display:none;
	}
	.ab-news{
		display: none;
	}
}


.ab-sec1{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 0px auto; 
	margin-bottom: 100px;
	/*padding:200px 0px;*/
	transition:all 5s ease 0s;
	border: 0px solid  rgba(14,13,13,1.00);
	opacity: .97; 
	height: 100vh;
}
.ab-sec3{
	display: flex;
	justify-content:space-around;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin: 0px auto; 
	margin-bottom: 100px;
	/*padding:200px 0px;*/
	transition:all 5s ease 0s;
	border: 0px solid  rgba(14,13,13,1.00);
	opacity: .97; 
	height: 100vh;
}

.ab-sec2{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0px auto; 
	margin-bottom: 100px;
	padding:0px;
	opacity: 1;
	transition:all 5s ease 0s;
	border: 0px solid  rgba(14,13,13,1.00);
}
.sec{
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 1100px;
	height: 450px;
	/*background: rgba(189,243,216,.7);*/
	/*background: rgba(231,247,230,1.00);*/
	background:linear-gradient(rgba(255,255,255,0.3),rgba(59,126,56,0.8));
	margin: 0px auto; 
	margin-bottom: 100px;
	padding:0px;
	opacity: 1;
	transition:all 5s ease 0s;
	border: 0px solid  rgba(14,13,13,1.00);
}
.sec::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/04.png") center/2px 2px repeat;
	pointer-events: none;
	opacity: 0.1;
}
.sec2{
	max-width: 1100px;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 50px;
}
.sec2 img:first-child{
	width: 1060px;
	display: block;
	margin: 0 auto;
}
.sec2 h2{
	text-align: center;
}
@media screen and (max-width:768px){
.sec2 h2 span,.sec2 h3 span{
	display: block;
	}
}
.sec2 h3{
	background:#FF7600;
	color: #fff;
	border-radius: 10px;
	display: block;
	padding: 10px;
	text-align: center;
	width: 80%;
	margin-bottom: 30px;
}
.sec2 img{
	max-width: 100%;
}
.sec2 div p{
	width: 80%;
}
.ht-lo-01{
	height: 700px;
}
.ht-lo-02{
	height: 900px;
}
.ht-lo-03{
	height: 1200px;
}
.ht-st-01{
	height: 250px;
}
.sec > img:first-child,
.sec > a:first-child,
.sec > iframe:first-child{
	width: 300px;
	height: auto;
	position: absolute;
	top:-50px;
	left: 50px;
	border: 1px solid  rgba(0,0,0,0.10);
	box-shadow:  0 5px 50px -7px rgba(25,25,25,.7);
	z-index: 9;
}
.sec > div{
	position: absolute;
	bottom: 20px;
	left: 0;
	display: flex;
	width:1100px;
	height:187.75px;
	justify-content: center;
	align-items:center;
}
.sec > div > img,
.sec > div > a > img{
	display: block;
	width: 250px;
	margin: 5px;
	height: auto;
	
}
.sec > div.estateimg > img,
.sec > div.estateimg > a > img{
	display: block;
	width: 125px;
	margin: 5px;
	height: auto;
	
}
.sec > div.estateimg2 > img,
.sec > div.estateimg2 > a > img{
	display: block;
	width: 200px;
	margin: 5px;
	height: auto;
	
}
iframe{
	position: relative;
	width: 250px;
	height: 187.5px;
	margin: 20px;
	margin: 10px;
}
div.movie{
	position: absolute;
	bottom: 70px;
	left: auto;
	height: auto;
}
.movie iframe{
	position: relative;
	width: 500px;
	width:100%;
	margin: 20px 0;
	height: 375px;
}

.sec h2{
	position: absolute;
	width: 500px;
	top:20px;
	left:420px;
}
.sec h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 1px;
	border-top: 1px solid #000;
	position: absolute;
	top: 48%;
	transform: translateY(-48%);
	left: -120px;
}
.sec p{
	position: absolute;
	width:700px;
	top:90px;
	right: 20px;
}
.sec-link{
	position: absolute;
	top:200px;
	right: 33px;
	color: rgb(12, 107, 58);
}
.sec section{
	width: 40%;
	height: 180px;
	margin: 5%;
	background: #fff;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	border: 1px solid  rgba(0,0,0,0.10);
	letter-spacing: .15rem;
	position: relative;
	z-index:1;
	
}
.sec section a{
	color: rgba(12,58,107,1.00);
}
.sec section.wid-100{
	width:90%;
	margin-top: auto;
}
.sec section.property{
	width:90%;
	margin-top: auto;
	position: relative;
/*	display: flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	align-items: center;*/

}
.sec section.property-top{
	margin-top: 250px;
}
.sec section.property a:hover{
	opacity: 0.7;
}
.sec section span:not(:first-child){
	padding-left: calc(10px + 1em);
}
.sec section.property ul{
	position: relative;
	width: 100%;
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 35px;
	
}
.sec section.property ul li{
	width:25%;
	height: 150%;
	margin: 1px;
	
	border-right: 1px solid #ccc;
}
.sec section.property ul li div{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-start;
	width: 100%;
	height: 50%;
}
	.order{
		margin-top: -100px;
		
	}
@media screen and (max-width:1149px){
	
	.sec section.property ul{
	position: relative;
	width: 100%;
	padding-left: 0;
	display:block;
	align-items: center;
	justify-content: space-between;
	margin-top: 35px;
	
}
.sec section.property ul li{
	display: flex;
	width:100%;
	height: 150%;
	margin: 1px;
	border-right: none;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.sec section.property ul li div{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: flex-start;
	width: 100%;
	height: 50%;
}
	
	.estateimg a:not(:first-child){
	display: none;
}
	.estateimg2 a:not(:first-child){
	display: none;
}
	.order{
		margin-top: 0px;
		order: -1;
	}
.sec > div.estateimg > img,
.sec > div.estateimg > a > img{
	display: block;
	width: 400px;
	margin: 5px;
	height: auto;
	
}
.sec > div.estateimg2 > img,
.sec > div.estateimg2 > a > img{
	display: block;
	width: 400px;
	margin: 5px;
	height: auto;
	
}	
}
@media screen and (max-width:1279px){

	.sec{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: auto;
		background: rgba(231,247,230,1.00);
		
		margin: 0px auto; 
		margin-bottom: 100px;
		padding:3%;
		padding-top: 30px;
		opacity: 1;
		transition:all 5s ease 0s;
		border: 0px solid  rgba(14,13,13,1.00);
	}
	.ht-lo-01{
		height: auto;
	}
	.ht-st-01{
		height: auto;
	}
	.sec > img:first-child,
	.sec > iframe:first-child,
	.sec > a:first-child{
		width: 300px;
		height: auto;
		position: relative;
		top:0px;
		left: 0px;
		border: 1px solid  rgba(0,0,0,0.10);
		box-shadow:  0 5px 50px -7px rgba(25,25,25,.7)
	}
	.sec div{
		position: relative;
		bottom: auto;
		left: auto;
		display: flex;
		flex-wrap: wrap;
		width:100%;
		height:auto;
		justify-content: center;
		align-items:center;
	}
	.sec > div > img{
		display: block;
		width: 250px;
		margin: 5px;
		height: auto;

	}

	.sec h2{
		position: relative;
		width:100%;
		top:auto;
		left:auto;
		text-align: center;
	}
	.sec h2::after{
		content: "";
		display: none;
	}
	.sec p{
		position: relative;
		width:auto;
		top:auto;
		right: auto;
	}
	.sec-link{
		position: relative;
		top:auto;
		right: auto;
		color: rgb(12, 107, 58);
	}
	.sec section{
		width: 90%;
		height: auto;
		margin: 5%;
		background: #fff;
		padding: 10px 20px;
		display: flex;
		flex-direction: column;
		border: 1px solid  rgba(0,0,0,0.10);
		letter-spacing: .15rem;
	}
	.sec section a{
		color: rgb(12, 107, 58);
	}
	.sec section.wid-100{
		width:90%;
		margin-top: 5%;
	}
	.sec section span:not(:first-child){
		padding-left: auto;
	}
	.sec section.property-top{
	margin-top: auto;
}
}


.faq{
	flex-direction: column;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	height: auto;
	margin: 0px auto; 
	margin-bottom: 100px;
	padding:0 10%;
	color: #fff;
}
@media screen and (max-width:1280px){
	
	.faq{
		flex-direction: column;
		justify-content: space-around;
		align-items: stretch;
		width: 100%;
		height: auto;
		margin: 0px auto; 
		margin-bottom: 100px;
		padding:0 5%;
		color: #fff;
	}
}

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

.sec > div.estateimg > img,
.sec > div.estateimg > a > img{
	display: block;
	width: 300px;
	margin: 5px;
	height: auto;
	
}
.sec > div.estateimg2 > img,
.sec > div.estateimg2 > a > img{
	display: block;
	width: 300px;
	margin: 5px;
	height: auto;
	
}
}
@media screen and (max-width:320px){
	
	.faq{
		flex-direction: column;
		justify-content: space-around;
		align-items: stretch;
		width: 100%;
		height: auto;
		margin: 0px auto; 
		margin-bottom: 100px;
		padding:0 0%;
		color: #fff;
	}
}
.ab-service{
	width: 300px;
	width: 15%;
	margin: 3% 1%;
	height: 200px;
	/*background: url(../IMG/bg-black-black.png);*/
	padding: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70);
	overflow: hidden;
	transform: scale(1);
	transition: .5s ease;
	border-radius: 50%;
	position: relative;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	/*opacity: 0.95;
	filter: grayscale(30%);*/
}
.ab-service2{
	width: 300px;
	width: 15%;
	margin: 3% 1%;
	height: 200px;
	/*background: url(../IMG/bg-black-black.png);*/
	padding: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70);
	overflow: hidden;
	transform: scale(1);
	transition: .5s ease;
	border-radius: 50%;
	position: relative;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	/*opacity: 0.95;
	filter: grayscale(30%);*/
}
.ab-service:nth-child(odd){
	margin-top: 10%;
}
.ab-service:nth-child(even){
	margin-top: -5%;
}
.ab-service a,.ab-service2 a{
	display: block;
	text-decoration: none;
}
.news-wrap,.shopdata-wrap,.newsdata-wrap,.news-wrap-mobile,.nobg-wrap{
	width: 90%;
	width: 70%;
	/*background-color: rgba(0,0,0,0.5);*/
	padding: 50px 100px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	align-content: space-around;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70);
	/*filter: sepia(33%);*/
}
.nobg-wrap{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	background-color: rgba(14,14,14,1.00);
}
.news-wrap-mobile{
	width: 80%;
}
.shopdata-wrap{
	padding:50px 0px;
}
.news-wrap::after{
	content: "";
	background:url(../img/news-bg-gtr.jpg) center center / cover no-repeat fixed,rgba(0,0,0,0.10);
	opacity: 0.7;
	opacity: 0.9;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background-blend-mode: darken;
	/*-webkit-background-size: cover;*/
}
_:-ms-lang(x), .news-wrap::after {
	background:url(../img/news-bg-gtr.jpg) center center / cover no-repeat scroll;
}
.news-wrap-mobile::after{
	content: "";
	background:url(../img/news-bg-gtr.jpg) center center / cover no-repeat scroll,rgba(0,0,0,0.10);
	opacity: 0.7;
	opacity: 0.9;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background-blend-mode: darken;
	-webkit-background-size: cover;
}
.shopdata-wrap::after{
	content: "";
	background:url(../img/IMG_1990-500x500.jpg) center center / cover no-repeat fixed,rgba(0,0,0,0.10);
	opacity: 0.9;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background-blend-mode: darken;
	-webkit-background-size: cover;
}
_:-ms-lang(x), .shopdata-wrap::after {
	background:url(../img/IMG_1990-500x500.jpg) center center / cover no-repeat scroll,rgba(0,0,0,0.10);
}
.newsdata-wrap::after{
	content: "";
	background:url(../img/itasha.jpg) center center / cover no-repeat fixed,rgba(0,0,0,0.10);
	opacity: 0.9;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background-blend-mode: darken;
	-webkit-background-size: cover;
}
_:-ms-lang(x), .newsdata-wrap::after {
	background:url(../img/itasha.jpg) center center / cover no-repeat scroll,rgba(0,0,0,0.10);
}
/*.news-wrap::before{
	content: "";
	background:url(../img/8.jpg) center center / cover no-repeat fixed;
	opacity: 0.7;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}*/
.news-title{
	font-family: orbitron,sans-serif;
 	width: 100%;
	color: #fff;
	font-size: 5rem;
	font-weight: normal;
	margin-bottom: 50px;
	text-align: center;
	text-shadow: 
		1px 1px 1px rgba(0, 0, 0, 0.6), 
		-1px -1px 1px rgba(255, 255, 255, 0.5);
}
@media screen and (max-width:1150px){
	
	.news-title{
		font-size: 4rem;
	}
}
@media screen and (max-width:414px){
	
	.news-title{
		font-size: 3rem;
	}
}
.ab-news-box,.shopdata-box,.newsdata-box,.ab-news-box-mobile{
	width: 40%;
	min-height: 150px;
	padding: 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
	overflow: hidden;
	transform: scale(1);
	transition: .5s ease;
	margin: 30px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.shopdata-box{
	width: 70%;
	height: auto;
	margin: 0;
}
@media screen and (max-width:1280px){
	
	.shopdata-box{
		width: 80%;
	}
}
@media screen and (max-width:1050px){
	
	.shopdata-box{
		width: 90%;
	}
}
@media screen and (max-width:768px){
	
	.shopdata-box{
		width: 100%;
		margin: 0px; 
	}
}
.ab-news-box::before,.shopdata-box::before,.newsdata-box::before{
	content: "";
	z-index: -1;
	/*-webkit-filter: blur(4px);
	-ms-filter: blur(4px)*/;
	filter: blur(4px);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	background:url(../img/news-bg-gtr02.jpg) center center / cover no-repeat fixed,rgba(255,255,255,.5);
	-webkit-background-size: cover;
}
_:-ms-lang(x), .ab-news-box::before {
	background-attachment: scroll;
	background: rgba(255,255,255,0.2);
}

.ab-news-box-mobile::before{
	content: "";
	z-index: -1;
	/*-webkit-filter: blur(4px);
	-ms-filter: blur(4px)*/;
	filter: blur(4px);
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	background:none;
	background-color: rgba(255,255,255,0.30);
	-webkit-background-size: cover;
}
.shopdata-box::before{
	filter: blur(8px);
	background:url(../img/IMG_1990-500x500.jpg) center center / cover no-repeat fixed ,rgba(0,0,0,0.5);
	background-blend-mode: darken;
	-webkit-background-size: cover;
}
_:-ms-lang(x), .shopdata-box::before {/*IE10+（Edgeも全て含む）*/
	background-attachment: scroll;
	background: rgba(0,0,0,0.8);
}
.newsdata-box::before{
	filter: blur(8px);
	background:url(../img/itasha.jpg) center center / cover no-repeat fixed ,rgba(163,38,40,.7);
	background-blend-mode: darken;
	-webkit-background-size: cover;
}
.ab-main{
	/*font-weight: 300;
	font-style: normal;*/
	height: 200px;
	/*background: #000;*/
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 2.4rem;
	text-shadow: 
		1px 1px 1px rgba(0, 0, 0, 0.6), 
		-1px -1px 1px rgba(255, 255, 255, 0.5);
	transition: .5s ease;
}

/*太陽光*/
.sv-solar{
	background:linear-gradient( 130deg, rgba(250, 112, 154, 0.6), rgba(254, 225, 64, 0.6)),url(../img/IMG_1807.jpg) center right / cover no-repeat;
	position: relative;
}

.sv-solar .ab-main{
	color: rgba(255,255,255,1.00);
	position: relative;
	z-index: 999999;
}
.sv-solar:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*コインランドリー*/
.sv-coin{
	background:linear-gradient( 130deg, rgba(250,112,248,0.60), rgba(254,144,64,0.60)),url(../img/IMG_2488-2.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-coin .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-coin:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*車両販売*/
.sv-car{
	background:linear-gradient( 130deg, rgba(112,141,250,0.62), rgba(212,254,64,0.61)),url(../img/P1050178.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-car .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-car:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*介護*/
.sv-welfare{
	background:linear-gradient( 130deg, rgba(167,112,250,0.63), rgba(254,64,64,0.60)),url(../img/f59d4ea335f9b3e81edd28be703047ce_m.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-welfare .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-welfare:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*解体*/
.sv-Demo{
	background:linear-gradient( 130deg, rgba(205,107,161,0.60), rgba(133,102,236,0.60)),url(../img/photo_kaitai01.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-Demo .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-Demo:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}

/*不動産*/
.sv-estate{
	background:linear-gradient( 130deg, rgba(224,8,8,0.60), rgba(253,18,208,0.60)),url(../img/P1010225.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-estate .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-estate:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*賃貸物件*/
.sv-rental{
	background:linear-gradient( 130deg, rgba(224,8,8,0.60), rgba(253,18,208,0.60)),url(../img/P1020854.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-rental .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-rental:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*売買物件*/
.sv-sale{
	background:linear-gradient( 130deg, rgba(20,62,220,0.60), rgba(88,127,188,0.60)),url(../img/DJI_0012.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-sale .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-sale:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*土木*/
.sv-ew{
	background:linear-gradient( 130deg, rgba(20,62,220,0.60), rgba(88,127,188,0.60)),url(../img/acf5de788d3fc2c40aa1fdd880d6ac56_m.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-ew .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-ew:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*機械販売*/
.sv-machine{
	background:linear-gradient( 130deg, rgba(54,159,83,0.60), rgba(28,104,22,0.60)),url(../img/P1010237.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-machine .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-machine:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*オークション*/
.sv-auction{
	background:linear-gradient( 130deg, rgba(192,176,25,0.60), rgba(171,207,40,0.60)),url(../img/P1010247.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-auction .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-auction:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
/*ウェブ制作*/
.sv-web{
	background:linear-gradient( 130deg, rgba(71,71,71,0.60), rgba(168,168,166,0.60)),url(../img/137024a884d060f7b487d24410e2a7d1_m.jpg) center right / cover no-repeat;
	position: relative;
}
.sv-web .ab-main{
	color: rgba(255,255,255,1.00);
}
.sv-web:hover .ab-main{
	/*color: rgba(91,187,90,1.00);*/
}
.ab-main br{
	display: none;
}
.br-dot{
	display: inline;
}
@media screen and (max-width:1750px){
	.ab-service,.ab-service2{
		width: 15%;
		margin: 3% 1%;
		height: 150px;

	}
	.ab-service:nth-child(odd){
		margin-top: 10%;
	}
	.ab-service:nth-child(even){
		margin-top: -5%;
	}
	.ab-service a,.ab-service2 a{
		display: block;
		text-decoration: none;
	}
	.ab-main{
		height: 150px;
		font-size: 2rem;
	}
}
@media screen and (max-width:1350px){
	.ab-service,.ab-service2{
		width: 15%;
		margin: 3% 1%;
		height: 140px;
	}
	.ab-main{
		height: 140px;
		font-size: 1.7rem;
	}
}
@media screen and (max-width:1250px){
	.ab-service,.ab-service2{
		width: 15%;
		margin: 3% 1%;
		height: 130px;
	}
	.ab-service:nth-child(odd){
		margin-top: 10%;
	}
	.ab-service:nth-child(even){
		margin-top: 0%;
	}
	.ab-main{
		height: 130px;
		font-size: 1.5rem;
	}
}
@media screen and (max-width:1100px){
	.ab-service,.ab-service2{
		width: 30%;
		margin: 5% 5%;
		height: 150px;
	}
	.ab-service:nth-child(odd){
		margin-top: 20px;
	}
	.ab-service:nth-child(even){
		margin-top: 20px;
	}
	.ab-service:nth-child(3n){
		margin: 0 30%;
	}
	.ab-service:nth-last-child(2){
		margin: 5%;
	}
	.ab-main{
		height: 150px;
		font-size: 2rem;
	}
}
@media screen and (max-width:660px){
	.ab-service,.ab-service2{
		width: 40%;
		margin: 3%;
		height: 150px;
	}
	.ab-service:nth-child(odd){
		margin-top: 0px;
	}
	.ab-service:nth-child(even){
		margin-top: 0px;
	}
	.ab-service:nth-child(3n){
		margin: 0 30%;
	}
	.ab-service:nth-last-child(2){
		margin: 5%;
	}
	.ab-main{
		height: 150px;
		font-size: 2rem;
	}
}
@media screen and (max-width:500px){
	.ab-service,.ab-service2{
		width: 40%;
		margin: 3%;
		height: 120px;
	}

	.ab-main{
		height: 120px;
		font-size: 1.6rem;
	}
}
@media screen and (max-width:413px){
	.ab-service,.ab-service2{
		width: 40%;
		margin: 3%;
		height: 100px;
	}

	.ab-main{
		height: 100px;
		font-size: 1.5rem;
		text-align: center;
	}
	.br-dot{
		display: none;
	}
	.ab-main br{
		display: block;
	}
}
.ab-news-box-txt{
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	color:#fff;
	height: 150px;
	font-size: 1.4rem;
	padding: 15px;
	/*background-color: rgba(0,0,0,.8);*/
	text-align: left;
	margin: 0;
	transition: .5s ease;
	text-shadow: 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
}
.ab-service:hover{
	cursor: pointer;
	transform: scale(1.3);
	/*animation: drift 15s linear infinite;*/
	filter: grayscale(0%);
	opacity: 1;
}
.ab-service2:hover{
	cursor: pointer;
	transform: scale(1.3);
	filter: grayscale(50%);
	opacity: 1;
}




.lunch-txt{
	height: 300px;
}
.sidasi-txt{
	
}
.ab-map{
	margin-bottom: 100px;
	padding:100px 0px;
	transition:all 5s ease 0s;
	border: 0px solid  rgba(14,13,13,1.00);
	/*box-shadow: 0 0 50px rgba(14,13,13,.8);*/
	opacity: .97; height: auto;
}
.baner-wrap{
	padding: 0 20px;
	min-height: 400px;
	width: 60%;
	display: flex;
	justify-content:space-around;
	align-items: center;
	flex-wrap: wrap;
}
.baner-wrap a{
	display: block;
	margin: 10px;
	width: 200px;
	height: auto;
}
.baner-wrap a img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:1400px){
	.baner-wrap{
		width: 80%;
	}
}
@media screen and (max-width:768px){
	.baner-wrap a{
		width: 150px;
	}
}
@media screen and (max-width:500px){
	.baner-wrap{
		padding: 0 20px;
		min-height: 400px;
		width: 97%;
	}
	.baner-wrap a{
		width: 120px;
	}
}



.ab-footer{
	opacity:1;
	display: flex;
	flex-direction: column;
	padding:0px;
	margin-bottom: 0;
	color: #fff;
	position: relative;
	/*background: rgba(231,247,230,1.00);
	background:linear-gradient(rgba(255,255,255,0.3),rgba(59,126,56,0.3)), url("../img/tyuo.jpg") center center / cover no-repeat;*/
	background:linear-gradient(rgba(255,255,255,0.3),rgba(59,126,56,0.8));
	min-height: 550px;
	height: 550px;
	background-blend-mode:color;
}

.ab-footer::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/01.png") center/2px 2px repeat;
	pointer-events: none;
	opacity: 0.5;
}
.footer-nav{
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:flex-start;
	padding-top: 50px;
	padding-left: 15%;
	width: 50%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.footer-nav ul{
	padding: 25px;
	background: rgba(59,126,56,.7);
	box-shadow: 0 5px 50px -7px rgba(25,25,25,.7);
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 5px;
}
.footer-nav li{
	
	margin-left: 30px;
}
.footer-nav li:first-child{
	color: rgba(0,0,0,0.82);
	color: #fff;
	font-size: 2rem;
	margin-bottom: 20px;
	margin-left: 0;
}
.footer-nav li:nth-last-child(3){
	margin-bottom: 20px;
}
.footer-nav li:nth-last-child(-n+2){
	font-size: 2rem;
/*	color: rgba(0,0,0,0.82);
*/	margin-left: 0;
}
.footer-nav li a{
	text-decoration: none;
	color: rgba(12,107,58,1.00);
	color: #fff;
	font-size: 1.6rem;
	transition: .2s;
}
.footer-nav li a:hover{
	text-decoration: none;
	color: rgba(12,107,58,1.00);
	color: #fff;
	font-size: 1.6rem;
	opacity: 0.5;
}
/*.footer-nav a span{
	display: block;
	font-size: 1.4rem;
	margin-bottom: 20px;
	color: rgba(17,138,76,1.00);
}*/
.footer-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 15%;
	padding-top: 50px;
	width:50%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.company-info{
	color: #fff;
	}
.company-info div{
	width: 350px;
	background: rgba(59,126,56,.7);
	padding: 25px;
	padding-left: 45px;
	box-shadow: 0 5px 50px -7px rgba(25,25,25,.7);
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 5px;

}
.footer-info > div:first-child{
	margin-bottom: 50px;
}

@media screen and (max-width:1680px){
	.footer-nav,.footer-info{
		padding-left: 10%;
	}
}
@media screen and (max-width:1280px){
	.footer-nav,.footer-info{
		padding-left: 5%;
	}
}
@media screen and (max-width:1024px){
	.footer-nav,.footer-info{
		letter-spacing:0.15em;
	}
}
@media screen and (max-width:768px){
	.footer-nav,.footer-info{
		letter-spacing:0.15em;
	}

	.footer-nav li a{
		text-decoration: none;
		/*color: rgba(12,107,58,1.00);*/
		font-size: 1.6rem;
	}
	.footer-nav,.footer-info{
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items:center;
		padding:0%;
		padding-top: 50px;
		width: 100%;
		height: 100%;
	}
	.footer-info{
		display: none;
	}
	.company-info{
		width:80%;
	}
	.footer-nav li{
		margin-left: 0;
	}	
}

.company-info img{
	width: 100px;
	vertical-align: bottom;
}
.company-info span{
	display: block;
	color: rgba(0,0,0,0.82);
	color: #fff;
}
.company-info span:first-child{
	display: block;
	color: rgba(0,0,0,0.82);
	color: #fff;
	font-size: 2rem;
	margin-bottom: 10px;
}

.googlemap{
	width: 80%;
	height:200px; 
}
.footerlink{
	position: absolute;
	left: 0;
	bottom: -3px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footerlink a{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	color: #FFFFFF;
	padding: 5px 10px;
	margin-left:20px;
	background-color: rgba(0,0,0,1.00);
	border-radius: 3px;
	opacity: 1;
	font-size: 1.2rem;
	transition: .2s ease;
	box-shadow:0px -1px 0px 1px rgba(42,42,42,1.00);
}
.footerlink a:first-child{
	display: none;
}
.footerlink a:last-child{
	pointer-events: none;
}
.footerlink a span{
	padding-left: 7px;
	transition: .2s ease;
	opacity: 1;
}
.footerlink a img{
	width: 24px;
	height: auto;
	transition: .2s ease;
	opacity: .3;
}
.footerlink a:last-child img{
	opacity: 1;
}
.footerlink a:hover img{
	opacity: 1;
}
@media screen and (max-width:768px){
	.footerlink{
		bottom: 10px;
	}
	.footerlink a{
		margin-left:10px;
		box-shadow:0px 0px 0px 1px rgba(42,42,42,1.00);
	}
	.footerlink a:first-child{
		display:flex;
	}
	.footerlink a:last-child{
		pointer-events: auto;
	}
	.footerlink a:last-child img{
		opacity: 0.3;
	}
	.footerlink a:last-child:hover img{
		opacity: 1;
	}
	.footerlink a:last-child span{
		display: none;
	}
}
.btt{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: block;
	padding: 5px;
	transition: .2s ease;
	font-size: 1.2rem;
	width: 100%;
	text-align: center;
	background-color: rgba(34,192,113,1.00);
	background: rgba(59,126,56,0.7);
	opacity: 1;
	z-index: 998;
}
.btt:hover{
	/*transform: translateY(-2px);*/
	background: rgba(59,126,56,0.5);
}
.ab-info-wrap p{
	margin: 0;
}
.ab-info-wrap p span:last-child{
	display: inline;
}
@media screen and (max-width:1800px){
	.ab-news-box{
		width: 100%;
		height: 150px;
		padding: 0px;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
		overflow: hidden;
		transform: scale(1);
		transition: .5s ease;
		margin: 20px;
		position: relative;
	}
		.ab-news-box-mobile{
		width: 100%;
		height: 150px;
		padding: 0px;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
		overflow: hidden;
		transform: scale(1);
		transition: .5s ease;
		margin: 20px;
		position: relative;
	}
}
@media screen and (max-width:1140px){
	
/*	.ab-sec1{
		margin-bottom: 100px;
		flex-direction: column;
		padding: 0;
	}*/
	.ab-footer{

	margin-bottom: 0;

}
/*	.ab-service{
		width: 80%;
		height: 300px;
		padding: 0px;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70);
		overflow: hidden;
		transform: scale(1);
		transition: .5s ease;
	}*/
/*	.ab-main::before{
		content: "";
		background-color: rgba(0,0,0,1);
		position: absolute;
		width: 250%;
		height: 150px;
		top:75px;
		left:0;
		transform: rotate(-15deg) translateY(120px);
		z-index: -1;
	}	*/

	.news-wrap,.news-wrap-mobile{
		padding: 0px;
	}
	.ab-map{
		margin: 0;
		/*height: 500px;*/
	}
}

@media screen and (max-width:960px){
	
	.ab-footer{
		display: flex;
		flex-direction: column;
		padding-bottom: 20px;
		/*width: 97%;*/
	}	
	
	.ab-sec1{
		
		margin-top: 20px;
	}
	.ab-map{
		margin-bottom: 0;
		/*width: 97%;*/
	}
}


@media screen and (max-width:700px){
	
	/*.ab-info-title{
		padding: 10px;
		width: 120px;
		height: 30px;
	}*/
	.ab-footer{
		/*padding: 30px 3%;*/
		/*height: 650px;*/
		height: auto;
	}	
	
}

@media screen and (max-width:480px){
	
	.ab-info-wrap p span,address span:first-child{
		display: block;
	}
	address span:first-child{
		margin-bottom: 10px;
	}
	.ab-info-wrap p span:last-child{
		margin-left: 10px;
		margin-top: 10px;
		display: block;
	}
	address span:nth-child(2){
		padding-left: 10px;
	}
}
address{
	font-style: normal;
}
.link-logo{
	display: flex;
	justify-content: space-around;
	align-content: space-around;
	align-items:flex-end;
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
}
.link-logo a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 300px;
}
.footer-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 100px 0 0;
	
}
.footer-logo img{
	width: 400px;
	height: auto;
}
figure{
	margin: 0;
}
figcaption{
	font-size: 1.2rem;
	color: #CBCBCB;
}
@media screen and (max-width:600px){
	.link-logo{
		display: flex;
		justify-content: space-around;
		align-content: space-around;
		align-items:flex-end;
		align-items:center;
		width: 100%;
		margin-bottom: 50px;
		text-align: center;
	}
	.link-logo a{
		color: #fff;
		text-decoration: none;
		display: block;
		width: 80px;
	}
	.link-logo img{
		width: 80px;
	}
	.footer-logo{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: 100px 0 0;

	}
	.footer-logo img{
		width: 300px;
		height: auto;
	}
	figcaption{
		/*display: none;*/
		font-size: 1rem;
	}
	figcaption span{
		display: none;
	}
}
.social-icons{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items:center;
	width: 100%;
	/*margin: 100px 0 50px;*/
	margin:0;
}
.social-icons img{
	margin: 0 20px;
	width: 52px;
	height: auto;
	padding: 10px;
	border: 0px solid #000;
	border-radius:0 10px 10px 10px;
	transition: .2s,background-color .4s;
}
.social-icons img:hover{
	border:0px solid #fff;
  	border-color: #fff;
	transform: scale(1.05) translateY(-5px);
}
@media screen and (max-width:700px){
	.social-icons{
		/*margin: 50px 0 50px;*/
		margin:0;
	}
}

.icon-fb:hover{
	background: #3B5998;
}
.icon-tw:hover{
	background: #55acee;
}
.icon-in{
	
}
.icon-in:hover{
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat,linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.in-drawer-menu{
	margin: 20px 0 0;
}
.in-drawer-menu img{
	margin: 0 5px;
	width:40px;
}
.copyright{
	/*font-family: "orbitron","source-han-sans-japanese", sans-serif;*/
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	/*background:url(../IMG/bg-red.png);*/
	background-color: rgba(34,192,113,1.00);
	background: #3B7E38;
	background: rgba(59,126,56,0.8);
	background: linear-gradient(rgba(59,126,56,.95),rgba(59,126,56,.95));
	/*opacity: .97;*/
	color: #fff;
	font-size:1.2rem;
	/*margin: 50px 0;*/
	padding: 50px 0;
	/*background-color: rgba(9,9,9,1.00);*/
	/*border-top:1px solid rgba(42,42,42,1.00);*/
	position: relative;
}
.copyright::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/01.png") center/2px 2px repeat;
	pointer-events: none;
	opacity: 0.8;
}
.copyright span{
	z-index: 1;
	position: relative;
}
.copyright br{
	display: none;
}
.copyright a:link,
.copyright a:visited,
.copyright a:hover,
.copyright a:active,
.copyright a:focus{
	text-decoration: none;
	color: #fff;
}
@media screen and (max-width:960px){
	
	.copyright{
		font-size: 1rem;
	}
	
}
@media screen and (max-width:700px){
	
	.copyright{
		/*margin: 20px 0;*/
		padding: 20px 0;
	}
	
}
@media screen and (max-width:414px){
	
	.copyright{
		letter-spacing: 0.2em;
		height: 60px;
		text-align: center;
		
		}
	.copyright br{
		display: inline;
		}
}


.ab-company-name {
	/*font-family: "Noto Serif JP", serif;
	font-family:"source-han-serif-japanese", "Noto Serif JP", serif;*/
	/*font-weight: 700;*/
	font-size: 2.4rem;
}

.ab-footer-address {
	min-height: 400px;
	
}
.scrolldownbtn {
	padding-top: 60px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}
.scrolldownbtn span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid rgba(255,255,255,0.8);
	border-radius: 50px;
	box-sizing: border-box;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.30);
}
.scrolldownbtn span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color:rgba(255,255,255,0.8);
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.30);
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ab-phone-mobile{
	position: fixed;
	top:0;
	right: 10px;
	display: block;
	width: 50px;
	height: 50px;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86) .1s;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.ab-phone-mobile img{
	width: 50px;
	height: 50px;
}
.abfadein{
	visibility: visible;
	opacity: 1;

}


.main-logo {
  /*animation: horizontal 2s ease infinite alternate;*/
	/*filter: drop-shadow(10px 10px 10px rgba(0,0,0,1)) blur(1);*/
	filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.5));
	height: auto;
	width: 250px;
	/*margin-bottom: 165px;*/
	z-index: 10000;
	animation: blurs 6s 1 cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	vertical-align: bottom;
}

@media screen and (max-width:514px){
	
	.main-logo {
		width: 200px;
	}
	.main-logo-text{
		margin-bottom: 165px;
	}
}
@keyframes blurs {
  0% {
    filter: blur(20px);
  }

  100% {
   filter: blur(0);
  }
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
	margin: 50px;
	
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
}

.loading {
	/*position: relative;*/
	position: static;
	position: absolute;
	z-index: 9999;
	width: 150px;
	height: 150px;
	/*padding-left: 100px;
	margin-right: 200px;
	margin-bottom: 20px;*/
	transform: scale(1);
	/*animation: size-fade 2.5s linear forwards;*/
	/*background-color: #3D57A0;*/
}

.logo-l,.logo-d{
	width: 150px;
	height: 150px;
	position: absolute;
	left:0;
	top:-100px;
	/*filter: drop-shadow(4px 3px 0px rgba(46,46,46,0.91)) blur(0px);*/
	opacity: 1;
}
.logo-l{
	background: url(../img/L-mark.png) top left / cover no-repeat;
	-webkit-animation:rotation2 1.75s  1 cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: rotation2 1.75s  1 cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	transform: scale(1);
}
.logo-d{
	background:url(../img/D-mark.png) center center / cover no-repeat;
	-webkit-animation:rotation2 1.5s  1 cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
	animation: rotation2 1.5s  1 ease-out forwards;
	transform: scale(1);
}
@media screen and (max-width:1024px){
	
	.loading {
		position: static;
		position: absolute;
		z-index: 9999;
		width: 100px;
		height: 100px;
		transform: scale(1);
	}

	.logo-l,.logo-d{
		width: 100px;
		height: 100px;
		position: absolute;
		left:0;
		top:-100px;
		/*filter: drop-shadow(4px 3px 0px rgba(46,46,46,0.91)) blur(0px);*/
		opacity: 1;
	}

}
/*.title {
 position: absolute;
  bottom: 60px;
  left:50%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: .7rem;
  line-height: 2rem;
  letter-spacing: .15em;
  animation: text-fade 300ms infinite linear;
}*/
/* 回転アニメーション */
@keyframes rotation {
	0%{ 
		transform: rotate(0deg) scale(0.2);
		opacity: .3; 
		filter: blur(10px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91));
	}

	100%{ transform: rotate(360deg) scale(1);
		opacity: 1; 
		filter: blur(0px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91))
	}
}
/*@-webkit-keyframes rotation2 {
	0%{ 
		-webkit-transform: scale(0.2) rotate(0deg); 
		opacity: .9; 
		filter: blur(1px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91));
	}

	50%{ 
		-webkit-transform: scale(5) rotate(360deg);
		opacity: 0.5; 
		filter: blur(7px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91))
	}
	
	75%{
		-webkit-transform: scale(5) rotate(720deg);
		opacity: 0.5; 
		filter: blur(3px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91))
	}
}*/
@-webkit-keyframes rotation2 {
	0%{ 
		-webkit-transform: scale(0.2) rotate(0deg); 
		opacity: .9; 
		filter: blur(1px);
	}

	50%{ 
		-webkit-transform: scale(5) rotate(360deg);
		opacity: 0.5; 
		filter: blur(7px);
	}
	
	75%{
		-webkit-transform: scale(5) rotate(720deg);
		opacity: 0.5; 
		filter: blur(3px);
	}
	100%{ 
		-webkit-transform: scale(0.2) rotate(720deg); 
		opacity: .9; 
		filter: blur(0px);
	}
}
/*@keyframes rotation2 {
	0%{ 
		transform: scale(0.2) rotate(0deg); 
		opacity: .9; 
		filter: blur(1px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91));
	}

	50%{ 
		transform: scale(5) rotate(360deg);
		opacity: 0.5; 
		filter: blur(7px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91))
	}
	
	75%{
		transform: scale(5) rotate(720deg);
		opacity: 0.5; 
		filter: blur(3px) drop-shadow(4px 3px 0px rgba(46,46,46,0.91))
	}
}*/
@keyframes rotation2 {
	0%{ 
		transform: scale(0.2) rotate(0deg); 
		opacity: .9; 
		filter: blur(1px);
	}

	50%{ 
		transform: scale(5) rotate(360deg);
		opacity: 0.5; 
		filter: blur(7px);
	}
	
	75%{
		transform: scale(5) rotate(720deg);
		opacity: 0.5; 
		filter: blur(3px);
	}
	100%{ 
		transform: scale(1) rotate(720deg); 
		opacity: 1; 
		filter: blur(0px);
	}
}
/* ピンク色の背景のアニメーション */
@keyframes color-fade {
  0% { opacity: 1; }
  50% { opacity: .7; }
}
/* 点滅のアニメーション */
@keyframes text-fade {
  0% { opacity: 1; }
  25% { opacity: .8; }
  50% { opacity: .9; }
  75% { opacity: .6; }
}
@keyframes size-fade {
	0% { opacity: 0;}
  25% { opacity: .5; }
  50% { opacity: .9; }
  75% { opacity: .5; }
  100% { opacity: 0; }
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* contents */
.contents {
    /*display: table;*/
    width: 100%;
    /*height: 100vh;*/
    padding: 0;
    margin: 0;
    /*box-shadow: 0 0 20px 0 rgba(0,0,0,.8);*/
    -webkit-transition-property: all;
    transition-property: all;
 /*   -webkit-transition-delay: .3s;
    transition-delay: .3s;*/
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
	
}


.contents__inner {
    /*display: table-cell;
    vertical-align: middle;
    text-align: center;*/
}



/* drawer menu */
.drawer-menu {
	font-family: "orbitron","source-han-sans-japanese", sans-serif;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    padding: 120px 0 0;
	background: rgba(0,0,0,0.90);
    -webkit-transition-property: all;
    transition-property: all;
    /*-webkit-transition-duration: .5s;
    transition-duration: .5s;*/
	-webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    /*-webkit-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);*/
	transform: perspective(500px) rotateY(-90deg);
	transition-timing-function:cubic-bezier(.785, .135, .15, .86);
	/*overflow-y: scroll;*/
    /*opacity: 0;*/
	min-height: 100%;
	display: flex;
	flex-direction: column;
}



.drawer-menu-inner {
	flex: 1 1 0%;
}
.inner-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	width: 70px;
	height: auto;
	margin-top: -50px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
.inner-logo img{
	width: 70px;
	height: 70px;
	display: block;
}

.drawer-menu li {
    text-align: center;
}
.drawer-menu ul {
    position: relative;
}
.drawer-menu li a {
    /*display: block;*/
	width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
	font-size: 1.4rem;
    color: #fff;
    transition: all .3s cubic-bezier(.785, .135, .15, .86);
	text-decoration: none;
	position: relative;
	display: inline-block;
	/*padding: .5em 4em;*/
	text-align: center;
}

.drawer-menu li a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: -1;
	content: '';
	background: rgba(255,255,255,0.35);
	background: rgba(255,255,255,0.70);
	transform: scale(0, 1);
}
.drawer-menu li a:hover {
    /*color: #1a1e24;
    background: rgba(255,255,255,0.90);*/
	animation: hover .5s forwards;
	animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.drawer-menu li a:hover::before {
   animation: hover-in .25s forwards alternate, hover-out .25s .25s forwards alternate;
	animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.drawer-menu li.current-page{
	pointer-events: none;
}
@keyframes hover {
  0%, 100% {
    color: #fff;
  }
  50% {
    color: #333;
  }
}
@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
@keyframes hover-out {
  0% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: right top;
    transform: scale(0, 1);
  }
}

.en,.ja {
	 display: block;
	 width: 100%;
	 position: absolute; 
	 transition: .5s; 
}
.en {
	opacity: 1; 
	color: #fff;
	text-shadow: 
	0 0 15px #edf8ff, 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
}
.ja {
	opacity: 0; 
	color: #fff;
	font-size: 1.6rem;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 
	0 0 15px #edf8ff, 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
}
.current-page .en::first-letter,
.current-page .ja::first-letter{
	color: #E7010E;
	text-shadow: 
	0 0 15px #E7010E, 
	0 0 10px #E7010E, 
	0 0 0.40px #E7010E;
}
.current-page{
	position: relative;
}
.current-page::before{

	
}
a:hover .en {
 opacity: 0;
}
a:hover .ja { 
 opacity: 1;
}
.drawer-phone-num{
	width: 80%;
	height: 50px;
	margin: 0 10% 20px ;
	border: 1px solid #E48B14;
	border-radius:0 10px 10px 10px;
	color: #E48B14;
	/*font-weight: bold;*/
	font-size: 1.5rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.drawer-phone-num:before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url(../img/phone02.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.drawer-phone-num a{
	display: block;
	text-decoration: none;
	color: #E48B14;
	padding-left: 10px;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.drawer-phone-num a{
		pointer-events:auto;
	}
}
@media screen and (max-height:700px){

	.drawer-menu {
		padding: 80px 0 0;
	}
	.drawer-menu li a {
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	
	}
	.drawer-menu li a::before {
		height: 35px;
	}
}
@media screen and (max-height:600px){
	.in-drawer-menu{
		margin: 10px 0 0;
	}
	.drawer-menu {
		width: 250px;
		padding: 40px 0 0;
	}
	.drawer-menu li a {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	
	}
	.drawer-menu li a::before {
		height: 30px;
	}
	.drawer-phone-num{
		width: 80%;
		height: 50px;
		margin: 0 10% 20px ;
		border: 1px solid #E48B14;
		border-radius:0 10px 10px 10px;
		color: #E48B14;
		/*font-weight: bold;*/
		font-size: 1.2rem;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.drawer-phone-num:before {
		content: '';
		display: inline-block;
		width: 32px;
		height: 32px;
		background-image: url(../img/phone02.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.drawer-phone-num a{
		display: block;
		text-decoration: none;
		color: #E48B14;
		padding-left: 10px;
	}
	.inner-logo{
		margin-top: -20px;
		margin-bottom: 20px;

	}
}
/* checkbox */
.check {
    display: none;
}

/* menu button - label tag */
.menu-btn {
    position: fixed;
    top: 40px;
    right: 40px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
    z-index: 98;
	transition: all .5s;
}
.menu-btn-bg{
	position: fixed;
	top:22.5px;
	right: 22.5px;
    display: block;
    width: 75px;
    height: 75px;
	background-color: rgba(0,0,0,0.50);
	z-index: 2;
	transition: all .5s;
}
.bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
	/*box-shadow: 1px 1px rgba(67,67,67,1.00);*/
	/*box-shadow: 
	1px 1px rgba(67,67,67,1.00),
	0 0 15px #edf8ff, 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;*/
	box-shadow: 
	1px 1px rgba(67,67,67,1),
	0 0 15px rgba(237,248,255,0.30), 
	0 0 10px rgba(237,248,255,0.60), 
	0 0 0.40px rgba(237,248,255,0.90);
}

.bar.middle {
    top: 15px;
    opacity: 1;
}

.bar.bottom {
    top: 30px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.menu-btn__text {
	font-family: "orbitron","source-han-sans-japanese", sans-serif;
	letter-spacing: 0.1em;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
	/*text-shadow: 1px 1px rgba(67,67,67,1.00);*/
	text-shadow: 
	1px 1px rgba(67,67,67,1),
	0 0 15px rgba(237,248,255,0.30), 
	0 0 10px rgba(237,248,255,0.60), 
	0 0 0.40px rgba(237,248,255,0.90);
}

.menu-btn:hover .bar {
	box-shadow: 2px 2px rgba(67,67,67,1.00);
}
.menu-btn:hover .middle {
	width: 30px;
}
.menu-btn:hover .bottom {
	width: 20px;

}
.menu-btn:hover .menu-btn__text {
   
	
}

.close-menu {
    position: fixed;
    top: 0;
    right: 300px;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}
@media screen and (max-height:600px){

	.close-menu {
		right: 250px;
	}
}
/* checked */
.check:checked ~ .drawer-menu {
 /*   -webkit-transition-delay: .3s;
    transition-delay: .3s;*/

    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 2;
}

.check:checked ~ .contents {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
	transition-duration: .5s;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}
@media screen and (max-height:600px){

	.check:checked ~ .contents {
		-webkit-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	}
}
.check:checked ~ .menu-btn {
	transform: scale(0.8);
}
.check:checked ~ .menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
    width: 56px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
    opacity: 0;
	transform: translateX(50px);
}

.check:checked ~ .menu-btn .bar.bottom {
    width: 56px;
    top: 40px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background: rgba(0,0,0,.5);
    visibility: visible;
    opacity: 1;
    z-index: 3;
}


.check:checked ~ .menu-btn-bg{
	background-color: rgba(0,0,0,0);
}


.loading-line{
	width:100%;
	height: 100vh;
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	top:50%;
}


/* ラインの最初の色のスタイル */
.line {
    width:100%; /* 横幅100% */
    height:2px;
	/*background: rgba(255,255,255,0.61);*/
	background: rgba(50,50,50,1.00);
    margin:0 auto;
	position: fixed;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.10);

}
 
/* ラインのアニメーション時の色と動き */
.fullwidth .expand {
    width:100%;
	transform: translateX(-100%);
    height:2px;
    margin:0;
    /*background:rgba(146,0,0,0.94);*/
	
	background:rgba(231,1,14,1.00);
    position:absolute;
    animation:fullexpand 2.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	animation-fill-mode: forwards;
	/*animation:fullexpand 2s linear;*/
	will-change: transform;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.30);
  }


 
 /* キーフレームを使った横幅100%のローディングの始まりと終わりの変化 */
@keyframes fullexpand {
    0%  { transform: translateX(-100%);}
    100%{ transform: translateX(0);} 
}
@-webkit-keyframes fullexpand {
    0%  { transform: translateX(-100%);}
    100%{ transform: translateX(0);} 
}





/********************
loading effects
********************/
.loadingAnim{
	display: flex;
	justify-content: center;
	align-items: center;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*display: block;*/
    width: 100%;
    height: 100%;
    text-align: center;
}
.loadingAnim:before,
.loadingAnim:after{
    line-height: 1;
    position: fixed;
    z-index: 99;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50%;
	height:  calc(50% - 0.1px);
    margin-right: auto;
    margin-left: auto;
    content: ' ';
    transition: all 1s cubic-bezier(.785, .135, .15, .86) 0s;
    transition-delay: .3s;
    background-color: rgba(0,0,0,1);

}
*::-ms-backdrop, .loadingAnim:before,
.loadingAnim:after{
    height: 50%;
}
.loadingAnim:before{
    top: 0;
}
.loadingAnim:after{
    bottom: 0;
}

.loaded .loadingAnim:before{
    height: 0;
    -webkit-transform: translateY(-1%);
    -ms-transform: translateY(-1%);
    transform: translateY(-1%);
}
.loaded .loadingAnim:after{
    height: 0;
    -webkit-transform: translateY(1%);
    -ms-transform: translateY(1%);
    transform: translateY(1%);
}

.loadingAnim_line{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 1px;
    margin: auto;
    transition: all 3s cubic-bezier(.785, .135, .15, .86) 1s;
    transition-delay: .6s;
    text-align: center;
}
.loadingAnim_line:after{
    position: absolute;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    margin: auto  auto auto 0;
    content: '';
   /* -webkit-animation: loadingAnim 1.5s ease-in-out .1s infinite normal backwards;
    animation: loadingAnim 1.5s ease-in-out .1s infinite normal backwards;*/
    /*background-color: #920000;*/
	background-color: #000;
    will-change: transform, width;
}

.loaded .loadingAnim_line{
    overflow: hidden;
    height: 0;
}
.loaded .loading{
    overflow: hidden;
    height: 0;
}
.loaded .loading-line{
    overflow: hidden;
    height: 0;
}


.loaded .loading-line:after,
.loaded .loading-line:before{
    -webkit-animation: none;
    animation: none;
}
.loaded .loading-line:before{
 content: ' ';
}
.loaded .loadingAnim_line:after,
.loaded .loadingAnim_line:before{
    -webkit-animation: none;
    animation: none;
}
.loaded .loadingAnim_line:before{
 content: ' ';
}
.loaded .loading:after,
.loaded .loading:before{
    -webkit-animation: none;
    animation: none;
}
.loaded .loading:before{
 content: ' ';
}
/********************
animation setting
********************/
@-webkit-keyframes loadingAnim{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
}
@keyframes loadingAnim{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
}

@keyframes horizontal {
    0% { transform:translateX( -3px) rotate(0deg) scale(1); }
  100% { transform:translateX(  0px) rotate(0deg) scale(1); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

.num {
	margin: 0;
	position: fixed;
	right: 10px;
	top: 12px;
	color:#fff;
}

/*header{
	height: 500px;
	width: 100%;
	background: rgba(22,22,22,0.74);
}
header .header-logo{
	position: fixed;
	left: 20px;
	top:20px;
	opacity: .9;
}
.header-company{
	 background: url(../img/dot-2x2-blk.png), linear-gradient(45deg, rgba(46,81,24,.9), rgba(24,46,81,.9), rgba(81,24,46,.9), rgba(24,46,81,.9), rgba(46,81,24,.9), rgba(81,24,46,.9), rgba(24,46,81,.9), rgba(46,81,24,.9)) 0 0 / 1000% no-repeat, url(../img/20181009_181009_0100.jpg) 0 0 / 100% 500px no-repeat;
	-webkit-animation: gradientAnimation 40s ease infinite;
	animation: gradientAnimation 40s ease infinite;
	background-blend-mode: darken;
}*/
header{
	height: 100px;
	position:fixed;
	width: 100%;
	background: rgba(255,255,255,1);
	/*background:linear-gradient(rgba(59,126,56,1),rgba(255,255,255,1));*/
	top:0;
	left: 0;
	z-index: 99999;
	border-bottom: 5px solid rgba(59,126,56,.7);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10%;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
	transition: box-shadow .4s ease,
				height .4s ease-out,
				border-bottom .4s ease,
				background 0s ease-in;
}

.header-change{
	background: rgba(255,255,255,1);
	/*background:linear-gradient(rgba(59,126,56,0.2),rgba(255,255,255,1)),
		       linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));*/
	/*border-bottom: 3px solid #da1617;*/
	border-bottom: 5px solid rgba(59,126,56,.7);
	height: 80px;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.5);
	transition: box-shadow .4s ease,
				height .4s ease-out
				border-bottom .4s ease,
				background .4s ease-in;
}
/*.header-change::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/04.png") center/1px 3px repeat;
	pointer-events: none;
	opacity: .11;
	z-index: 9999999;
}*/
@media screen and (max-width:1366px){
	
	header{
		padding: 0 5%;
	}
}
@media screen and (max-width:1024px){
	
	header{
		padding: 0 2.5%;
	}
}
.fn-logo{
	display: block;
	width:400px;
	height: 58px;
	/*height: auto;*/
	margin: 21px;
	margin-right: auto;
	background: #fff;
	background: url("../img/logo-long.png");
	opacity: 0.8;
}
@media screen and (max-width:1279px){
	
	.fn-logo{
		display: block;
		width:150px;
		height: 58px;
		/*height: auto;*/
		margin: 21px;
		margin-right: auto;
		background: #fff;
		background: url("../img/logo.png") no-repeat;
		background-size: contain;
	}
}
.fn-logo img{
	display: none;
}
header ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	flex-grow: 1;
    flex-shrink: 1;
	margin-left: auto;
}

header ul li a{
	margin-right: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	font-size: 2rem;
	padding: 15px;
	text-decoration: none;
	color: rgba(12,107,58,1.00);
	transition: .2s;
}
header ul li a:hover{
	color: rgba(12,107,58,0.6);
}
.g-nav-drop{
	background: url("../img/arrow_under.png") no-repeat;
	background-position: center 70px;
}
@media screen and (max-width:1919px){
	
	header ul li a{
		font-size: 1.7rem;
	}
	
	
}
@media screen and (max-width:550px){
	
	/*header ul li:nth-last-child(-n+2){
		display: none;
	}*/
	header ul li a{
		font-size: 1.4rem;
		padding: 10px;

	}
	.fn-logo{
		display: block;
		width:110px;
		height: 45px;
		/*height: auto;*/
		margin: 21px;
		margin-left: 5px;
		margin-right: auto;
		background: #fff;
		background: url("../img/logo.png") no-repeat;
		background-size:cover;
	}
	header ul li:nth-last-child(2){
		display: none;
	}
}
.service-menu{
	transform: translateY(-220px);
	position: fixed;
	top:100px;
	left: 0;
	z-index: 99998;
	height: 220px;
	width:100%;
	padding: 0 10%;
	/*background:#fff;*/
	padding-top: 10px;
	transition: .7s cubic-bezier(0.86, 0, 0.07, 1) 0s;
	background:linear-gradient(rgba(255,255,255,1),rgba(59,126,56,0.5)),linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));

}
.service-menu::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url("https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/overlays/01.png") center/2px 2px repeat;
	pointer-events: none;
	opacity: 0.2;
}

.service-menu-change{
	transform: translateY(-240px);
}
.service-menu-hover{
	/*background: rgba(189, 243, 216,1);
	background: #fff;*/
	background:linear-gradient(rgba(255,255,255,1),rgba(59,126,56,0.5)),linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));
	/*border-bottom: 1px solid rgba(12,132,62,1.00);*/
	box-shadow: 0px 3px 6px 6px rgba(0,0,0,0.1) ;
	transform: translateY(-20px);
}
.service-menu ul li{
	opacity: 0;
	transition: .5s ease;
}
.service-menu-hover ul li{
	opacity: 1;
}
@media screen and (max-width:1600px){
	.service-menu{
		transform: translateY(-400px);
		height: 400px;
		padding: 0 5%;
	}
	.service-menu-change{
		transform: translateY(-440px);
	}
	.service-menu-hover{
		transform: translateY(-20px);
	}
}
@media screen and (max-width:800px){
	.service-menu{
		padding: 0;
	}

}
.con-wrap{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: visible;
	background: none;
	z-index: 9999;
	transition: 1s ease;
	visibility: hidden;
	opacity: 0;
	
}
.con-wrap-visible{
	background: rgba(148,208,160,0.70);
	background: rgba(0,0,0,0.70);
	visibility: visible;
	opacity: 1;
}
.service-menu ul{
	display:flex;
	width: 100%;
	height: 220px;
	justify-content:space-between;
	align-items:center;
	align-content: flex-end;
	position: relative;
	z-index: 99999;
}
.service-menu ul li{
	width: 120px;
	overflow: hidden;
	text-align: center;
}
.service-menu ul li a{
	position: relative;
	overflow: hidden;
	text-decoration: none;
	font-size: 1.4rem;
	transition: .2s ease;
	color: rgba(12,107,58,1.00);
}
.service-menu ul li a:hover{
	text-decoration: underline;
}
.service-menu ul li a:active{
	transform: scale(1.1);
	color: aqua;
}
.service-menu ul li a img{
	width: 120px;
	height: auto;
	border-radius: 50%;
	border: 5px solid rgba(18,168,91,0.20);
	transition: .2s ease;
}
.service-menu ul li a:hover img{
	border: 5px solid rgba(18,168,91,0.50);
}
@media screen and (max-width:1600px){
	
	.service-menu ul{
		display:flex;
		width: 100%;
		height: 400px;
		justify-content:center;
		align-items:center;
		align-content:space-around;
		flex-wrap: wrap;
	}
	.service-menu ul li{
		width: 120px;
		overflow: hidden;
		text-align: center;
		margin: 0 30px;
	}
	.service-menu ul li a{
		overflow: hidden;
		text-decoration: none;
		font-size: 1.4rem;
		transition: .2s ease;
		color: rgba(12,107,58,1.00);
	}
	.service-menu ul li a:hover{
		text-decoration: underline;
	}
	.service-menu ul li a img{
		width: 120px;
		height: auto;
		border-radius: 50%;
		border: 5px solid rgba(18,168,91,0.20);
		transition: .2s ease;
	}
	.service-menu ul li a:hover img{
		border: 5px solid rgba(18,168,91,0.50);
	}
	
}
@media screen and (max-width:1144px){
	
	.service-menu ul{
		justify-content:center;
		align-items:center;
		align-content:center;
		flex-wrap: wrap;
	}
	.service-menu ul li{
		margin: 10px 15px;
	}
	.service-menu ul li a span{
		display: block;
		width: 120px;
		position: absolute;
		color: #fff;
		font-family: "kan48typos-std","source-han-sans-japanese", sans-serif;
		top:-40px;
		text-shadow: 
					1px 1px 0px #939393, 
					2px 2px 0px #1c1c1c,
			rgb(0, 0, 0) 0px 0px 20px;
		font-size: 1.5rem;
	}
}
@media screen and (max-width:800px){
	

	.service-menu ul li{
		margin: 5px;
	}

}
@media screen and (max-width:600px){
	.service-menu{
		padding-top: 50px;
	}
	.service-menu ul{
		justify-content:space-around;
		align-items:center;
		align-content:space-around;
		flex-wrap: wrap;
		height: 300px;
	}
	.service-menu ul li{
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 0 30px;
	}
	.service-menu ul li a{
		overflow: hidden;
		text-decoration: none;
		font-size: 1.4rem;
		transition: .2s ease;
		color: rgba(12,107,58,1.00);
	}
	.service-menu ul li a img{
		display: none;
	}
	.service-menu ul li a span{
		display: block;
		width: 100%;
		position: relative;
		color: #000;
		font-family: "kan48typos-std","source-han-sans-japanese", sans-serif;
		top:0px;
		text-shadow:none;
		font-size: 1.5rem;
	}
}








.scale-bg {
	/*background:url(../img/20181009_181009_0100.jpg) no-repeat top center;*/
	background:url(../img/hero/hero_img_company.jpg) no-repeat top center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
}
@media screen and (max-width:1820px){
	
	.scale-bg {
		padding-bottom: 400px;
	}
	
}

.scale-bg-2{
	background: url(../img/dot-2x2-blk.png);
	/*-webkit-animation: gradientAnimation 20s ease infinite;
	animation: gradientAnimation 20s ease infinite;*/
	text-align: center;
	position: fixed;
	width: 100%;
	margin-top: 100px;
	padding-bottom: 600px;
}

.scale-bg-3 {
	/*background:url(../img/cover02.jpg) no-repeat top center;*/
	background:url("../img/DJI_0018.jpg") no-repeat center center;
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;
	
}

.scale-bg-4 {
	/*background:url(../img/cover03.jpg) no-repeat top center;*/
	background:url("../img/IMG_2488-3.jpg") no-repeat center center;
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;
}

.scale-bg-5 {
	background:url("../img/P1010908.jpg") no-repeat center center;
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;
}

.scale-bg-6 {
	/*background:url(../img/20181009_181009_0044.jpg) no-repeat top center;*/
	/*background:url(../img/P1050787.jpg) no-repeat center center;*/
	background:url(../img/P1050117.jpg) no-repeat center center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}

.scale-bg-7 {
	/*background:url(../img/20181009_181009_0014.jpg) no-repeat top center;*/
	background:url(../img/03.jpg) no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;
}

.scale-bg-8 {
	background:url(../img/P10102252.jpg) no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}

.scale-bg-9 {
	background:url(../img/P1040250.jpg) no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}

.scale-bg-10 {
	background:url(../img/2906.jpg) no-repeat bottom center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}

.scale-bg-11 {
	background:url(../img/ph_project072.jpg) no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}

.scale-bg-12 {
	background:url("../img/90036d7c87872a22ae8bdba38a858bc8_m.jpg") no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;

}

.scale-bg-13 {
	/*background:url("../img/14a3334a0c0d68a13199c26e0849d590_m.jpg") no-repeat center;*/
	background:url("../img/dji.jpg") no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;

}
.scale-bg-14 {
	/*background:url("../img/opening/IMG_33401.jpg") no-repeat center;*/
    background:url("../img/IMG_8350.jpg") no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;

}
.scale-bg-15 {
	background:url("https://fukunaga-sk.jp/img/mizuho1102dssd.jpg") no-repeat center bottom;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	margin-top: 100px;

}
.scale-bg-16 {
	background:url("../img/P1020854.jpg") no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}
.scale-bg-17 {
	background:url("../img/DJI_0012.jpg") no-repeat center;
	background-color: rgba(0,0,0,0.3);
	background-size: 100%;
	text-align: center;
	position: fixed;
	width: 100%;
	padding-bottom: 600px;
	background-blend-mode:darken;
	margin-top: 100px;

}
@media screen and (max-width:1820px){
	
	.scale-bg-2,
	.scale-bg-3,
	.scale-bg-4,
	.scale-bg-5,
	.scale-bg-6,
	.scale-bg-7,
	.scale-bg-8,
	.scale-bg-9,
	.scale-bg-10,
	.scale-bg-11,
	.scale-bg-12,
	.scale-bg-13,
	.scale-bg-14,
	.scale-bg-15,
	.scale-bg-16,
	.scale-bg-17
	{
		padding-bottom: 400px;
	}
	
}
@media screen and (max-width:768px){
	
	.scale-bg-2,
	.scale-bg-3,
	.scale-bg-4,
	.scale-bg-5,
	.scale-bg-6,
	.scale-bg-7,
	.scale-bg-8,
	.scale-bg-9,
	.scale-bg-10,
	.scale-bg-11,
	.scale-bg-12,
	.scale-bg-13,
	.scale-bg-14,
	.scale-bg-15,
	.scale-bg-16,
	.scale-bg-17
	{
		padding-bottom: 300px;
	}
	
}

@media screen and (max-width:414px){
	
	.scale-bg-2,
	.scale-bg-3,
	.scale-bg-4,
	.scale-bg-5,
	.scale-bg-6,
	.scale-bg-7,
	.scale-bg-8,
	.scale-bg-9,
	.scale-bg-10,
	.scale-bg-11,
	.scale-bg-12,
	.scale-bg-13,
	.scale-bg-14,
	.scale-bg-15,
	.scale-bg-16,
	.scale-bg-17
	{
		padding-bottom: 240px;
	}
	
}







.sub-page-title {
	font-size: 70px;
	color: #fff;
	position: absolute;
	top: 479px;
	/*line-height: .65;	*/
	text-align: right;
	padding-right: 1em;
	width: 100%;
	height: auto;
}
@media screen and (max-width:1820px){
	
	.sub-page-title {
		top: 310px;
		font-size: 70px;
	}
	.faq{
		top:288px;
	}
/*	.faq span{
		position: relative;
		display: inline;
		bottom:-10px;
		font-size: 90px;
	}*/
}




@media screen and (max-width:768px){
	
	.sub-page-title {
		top: 280px;
		font-size: 40px;
	}

}
@media screen and (max-width:414px){
	
	.sub-page-title {
		top: 250px;
		font-size: 30px;
	}

}	
.content {
	/*background-color: rgba(205,235,220,1.00);*/
	position: relative;
	margin-top: 700px;
	padding: 60px 0 0 0;
	/*min-height: 2000px;*/
	/*height: 100%;*/
	background:linear-gradient(rgba(255,255,255,0),rgba(59,126,56,0.2),rgba(59,126,56,0.8));
}
.content::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	opacity: 0.2;
}
@media screen and (max-width:1820px){
	
	.content {
		margin-top: 500px;
	}
}
@media screen and (max-width:768px){
	
	.content {
		margin-top: 400px;
	}

}
@media screen and (max-width:414px){
	
	.content {
		margin-top: 300px;
	}

}

.top-main-menu{
	width: 90%;
	height: 100vh;
	transition: none;
}
.top-main-menu2{
		height: auto;
		min-height: auto;
		padding: 0 0;
		width:90%;
}
@media screen and (max-width:1100px){
	.top-main-menu{
		height: auto;
		min-height: 100vh;
	}
	.top-main-menu2{
		height: auto;
		min-height: auto;
		padding: 0 0;
		width:90%;
	}
}
.main-text{
	font-family: "kan48typos-std","source-han-sans-japanese", sans-serif; 
	font-size: 2rem;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.main-text p{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:1820px){
	
	.main-text p{
		font-size: 1.6rem;
	}
}
@media screen and (max-width:1024px){
	
	.main-text p{
		font-size: 1.4rem;
	}
}
@media screen and (max-width:414px){
	
	.main-text p{
		text-align: left;
		align-items: flex-start;
		letter-spacing: 0.15em;
		padding-left: 1em;
	}
}
.main-text p span{
	display: block;
}
dl, dt, dd {
	box-sizing: border-box;
	max-width:100%;
	flex-basis: auto;
}

dt, dd {
	margin: 0;
	border-top: 1px solid rgba(57,102,62,0.3);
	border-bottom: 1px solid rgba(57,102,62,0.3);
	padding: 20px;
	font-size: 1.7rem;
}

dl {
	display: flex; /* Flexible Boxを有効化 */
	flex-wrap: wrap; /* はみ出そうな時の折り返しを有効化 */
	width: 100%;
}

dt {
	width: 20%; /* 幅を指定 */
	/*background: #eee; *//* dt要素のための背景色を指定 */
	border-right: 1px solid rgba(57,102,62,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.32);
	background-color:rgba(59,126,56,0.8);
	color: #fff;
}

dd {
	width: 80%; /* 幅を指定 */
	border-left: none; /* 左のborderを消す */
}
dt:not(:first-of-type),
dd:not(:first-of-type) {
	border-top: none;
}
dl.mk-co-info-list{
	width: 80%;
	margin: 50px auto;
}
.mk-co-info-list dt{
	
}
.mk-co-info-list dd span{
	display: block;
}
@media screen and (max-width:1024px){
	
	dl.mk-co-info-list{
		
	}
	.mk-co-info-list dt{
		padding: 10px;
		font-size: 1.4rem;
		
	}
	.mk-co-info-list dd{
		padding: 10px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width:768px){
	
	dl.mk-co-info-list{
		
	}
	.mk-co-info-list dt{
		width: 30%;
		
	}
	.mk-co-info-list dd{
		width: 70%;
	}

}
@media screen and (max-width:500px){
	
	dl.mk-co-info-list{
		
	}
	.mk-co-info-list dt{
		width: 100%;
		text-align: center;
		border-right: none;
	}
	.mk-co-info-list dd{
		width: 100%;
		text-align: center;
	}

}
dl.news-list{
	flex-wrap: nowrap;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;
}
dl.news-list dt{
	color: #fff;
	/*font-weight: bold;*/
	border: none;
	width: 200px;
	border-right: 1px solid rgba(255,255,255,0.1);
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
}
dl.news-list dd{
	border: none;
	color: #fff;
	font-size: 1.6rem;
}
@media screen and (max-width:768px){
	dl.news-list dt{
		font-size: 1.4rem;
	}
	dl.news-list dd{
		font-size: 1.4rem;
	}
}
@media screen and (max-width:600px){
	.ab-news-box{
		min-height: 100px;
		padding: 10px;
	}
	dl.news-list{
		padding: 10px;
	}
	dl.news-list{
		flex-wrap: wrap;
		align-content:space-between;
		align-items:flex-start;
		justify-content: space-between;
	}
	dl.news-list dt{
		border-right:none;
		width: 100%;
		height: 50px;
		padding: 0;

	}
	dl.news-list dd{
		width: 100%;
		padding: 0;
		padding-top: 20px;
		min-height: 100px;
		
	}
}
.faq-section dl{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	align-content: stretch;
	margin-left: 60px;
}
.faq-section dt,.faq-section dd{
	width: 97%;
	width: calc( 100% - 60px);
}
.faq-section dt{
	margin-top: 30px;
	border-right: none;
	position: relative;
	font-size: 1.7rem;
	/*color:rgba(228,139,20,1.00); */
}
.faq-section dd{
	padding-bottom: 50px;
	position: relative;
	font-size: 1.5rem;
	color: rgba(255,255,255,0.8);
}
@media screen and (max-width:414px){
	
	.faq-section dt{
		font-size: 1.4rem;
		padding: 10px;
	}
	.faq-section dd{
		font-size: 1.2rem;
		padding: 10px;
	}
}
.faq-icon{
	position: absolute;
	font-size:3rem;
	top:12px;
	left: -60px;
	width: 45px;
	height: 45px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:10px 10px 0px 10px ;
}
.q{
	background:rgba(231,1,14,1.00);
	color: #fff;
}
.a{
	/*background:rgba(228,139,20,1.00); 
	background:rgba(95,92,87,1.00); */
	background:rgba(255,255,255,0.5); 
	
	color: #fff;
}
.no-display{
	display: none;
}
.service-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(14,14,14,1.00);
	margin-top: 80px;
}
.reverse{
	flex-direction:row-reverse;
}
.service-wrap h2{
	position: relative;
	/*font-family: 'Cormorant SC','Josefin Slab', serif;*/
	font-family: "orbitron","source-han-sans-japanese", sans-serif;
	color: #fff;
	width: 100%;
	width:1200px;
	font-size: 2.8rem;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;
	
}
.service-wrap h2.service-wrap-h2::before{
	content: "";
	position: absolute;
	top: 34%;
	display: inline-block;
	width: 1000px;
	height: 1px;
	background-color: #fff;
	left:-1010px;
	box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;

}
.service-wrap-h2-rev{
	text-align: right;
}
.service-wrap h2.service-wrap-h2-rev::after{
	content: "";
	position: absolute;
	top: 34%;
	display: inline-block;
	width: 1000px;
	height: 1px;
	background-color: #fff;
	right:-1010px;
	box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;

}
.service-wrap h2 span{
	/*font-family: "Noto Sans JP", sans-serif;*/
	/*font-family: "orbitron","source-han-sans-japanese", sans-serif;*/
	display: block;
	font-size: 1.4rem;
	color:#ccc;
	/*font-weight: normal;*/
	margin-top: -5px;
}
.service-inner{
	width: 1200px;
	height: 900px;
	height: auto;
	padding-bottom: 50px;
	/*background: #fff;*/
	display: flex;
	justify-content: center;
	align-items:flex-start;
}
.service-txt{
	width: 40%;
	color:#ccc;
	height: auto;
}
.service-txt-liner{
	font-size: 1.6rem;
	color:#fff;
	margin-bottom: 20px;
	text-align: right;
	padding-right: 30px;
	/*font-weight:300;*/
	text-shadow: 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
}

.service-txt-description{
	padding: 0 30px 0 0;
}

.service-txt-description p{
	margin: 0.7em 0;
	line-height: 1.6;
}
.service-txt-description span{
	position: relative;
	display: block;
	color: #fff;
	/*font-weight:300;*/
	text-shadow: 
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
}
.service-txt-description span::before{
	content: "";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30px;
	height: 1px;
	background-color: #fff;
	left:-35px;
	box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;
	z-index: 0;
}
.wrapping-system{
	/*margin: 16px 0;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/*align-items: center;*/
	min-height: 540px;
	padding: 0 0 0 30px;
}
.wrapping-system span{
	font-size: 1.6rem;
	margin-bottom: 4px;
	margin-bottom: 15px;
	margin-top:1.6rem;
	text-shadow: none;
	
}
.wrapping-system em{
	text-shadow: 
	0 0 10px rgba(231,1,14,1.00), 
	0 0 0.40px rgba(231,1,14,1.00);
}

.service-slider{
	width: 60%;
	height: auto;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:1365px){
	
	.service-slider{
		width: 50%;
	}
	.service-txt{
		width: 50%;
	}
	.service-inner{
		width: 1200px;
		height: auto;
		align-items:flex-start;
		align-items: center;
	}
}
@media screen and (max-width:1218px){
	

	.service-inner{
		width: 90%;
		height: auto;
		align-items: center;
	}
	.service-txt-liner{
		font-size: 1.4rem;
		margin-bottom: 10px;
		padding-right: 10px;
	}

	.service-txt-description{
		padding: 0 10px 0 0;
	}

	.service-txt-description p{
		margin: 0.5em 0;
		line-height: 1.4;
	}
	.service-txt-description span{
	
	}
	.wrapping-system{
		justify-content:center;
		align-items: center;
		min-height: 140px;
		padding: 0 0 0 30px;
	}
	.wrapping-system span{
		font-size: 1.4rem;
		margin-bottom: 4px;
		margin-bottom: 15px;
		margin-top:1.4rem;
	}
	.service-wrap h2{
		width:90%;
		font-size: 2.6rem;
	}
	.service-wrap h2 span{
		font-size: 1.3rem;
	}
}

@media screen and (max-width:1100px){
	.service-slider{
		width: 100%;
		height: 300px;
		overflow: hidden;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	.service-txt{
		width: 80%;
	}
	.service-inner{
		width: 100%;
		flex-direction: column-reverse;
	}
	.service-inner-rev{
		flex-direction: column;
	}
	.service-txt-liner{
		font-size: 1.8rem;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 10px;
		padding-right: 0px;
	}
	.service-wrap h2{
		text-align: center;
		transform: none;
		margin: 50px 0;
	}
	.service-wrap h2.service-wrap-h2::before{
		left:-730px;
	}
	.service-wrap h2.service-wrap-h2::after{
		content: "";
		position: absolute;
		top: 34%;
		display: inline-block;
		width: 1000px;
		height: 1px;
		background-color: #fff;
		right:-730px;
		box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;

	}
	.service-wrap h2.service-wrap-h2-rev::before{
		content: "";
		position: absolute;
		top: 34%;
		display: inline-block;
		width: 1000px;
		height: 1px;
		background-color: #fff;
		left:-730px;
		box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px, rgba(255, 255, 255, 0.5) -1px -1px 1px;

	}
	.service-wrap h2.service-wrap-h2-rev::after{
		right:-730px;
	}
	.wrapping-system span{
		font-size: 1.8rem;
		margin-bottom: 4px;
		margin-bottom: 15px;
		margin-top:1.8rem;
	}
}
@media screen and (max-width:1000px){
	
	.service-wrap h2.service-wrap-h2::before,
	.service-wrap h2.service-wrap-h2-rev::before{
		left:-760px;
	}
	.service-wrap h2.service-wrap-h2::after,
	.service-wrap h2.service-wrap-h2-rev::after{
		right:-760px;
	}

}
@media screen and (max-width:930px){
	
	.service-wrap h2{
		width:100%;
	}

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

	.service-wrap h2.service-wrap-h2::before,
	.service-wrap h2.service-wrap-h2-rev::before{
		left: -800px;
	}
	.service-wrap h2.service-wrap-h2::after,
	.service-wrap h2.service-wrap-h2-rev::after{
		right: -800px;

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

	.service-wrap h2.service-wrap-h2::before,
	.service-wrap h2.service-wrap-h2-rev::before{
		display: none;
	}
	.service-wrap h2.service-wrap-h2::after,
	.service-wrap h2.service-wrap-h2-rev::after{
		display: none;

	}
}
@media screen and (max-width:600px){
	
	.wrapping-system span{
		font-size: 1.6rem;
		margin-top:1.6rem;
	}
	.service-txt-liner{
		font-size: 1.6rem;
	}
}
@media screen and (max-width:500px){

	.service-txt{
		width: 95%;
	}

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

	.service-txt-liner{
		font-size: 1.4rem;
	}
	.service-txt-description p{
		font-size: 1.2rem;
	}
}

.nav-dot-wrap{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 250px;
	padding: 10px;
	margin: 10px;
	background: rgba(195,195,195,0.01);
	height: 170px;
	box-shadow:
	0 0 10px rgba(237,248,255,0.05), 
	0 0 0.40px rgba(237,248,255,0.05);
	opacity: 0;
	transition: opacity 0.3s linear 0s;
	z-index: 3;
	}


.nav-dot {
	position: fixed;
	bottom: 10px;
	right: 240px;
	z-index: 3;
	opacity: 0;
	transition: opacity 0.5s linear 0.2s;
}
.trans-op-1{
	opacity: 1;
	transition: opacity 0.3s linear 0s;
}
.tran-1{
	transition: opacity 0.2s ease 0.2s;
}
.tran-2{
	transition: opacity 0.5s ease 0.5s;
}
.nav-dot li {
	/*width: 6px;
	height: 6px;*/
	width: 10px;
	height: 10px;
	margin: 0 0 14px;
	margin: 0 0 20px;
	background: rgba(58, 58, 58, 0.5);
	background: rgba(195,195,195,0.30);
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	position: relative;
}

.nav-dot li span{
	position: relative;
	display: block;
	/*display: none;*/
	top:-5px;
	left: 10px;
	font-size: 8px;
	color: #fff;
	width: 210px;
	opacity: 0.3;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	padding-left: 15px;

	/*pointer-events: none;*/
}

.nav-dot li.current {
	background: rgba(58, 58, 58, 0.9);
	background: rgba(195,195,195,0.90);
	transition: background 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	/*	transform: scale(1.4);
	*/	box-shadow:
	0 0 10px #edf8ff, 
	0 0 0.40px #edf8ff;
	pointer-events: none;
}
.nav-dot li.current span{
	/*transform: scale(0.7);*/
	display: block;
	opacity: 1;
	pointer-events:none;
}
.nav-dot li:hover{
	background: rgba(195,195,195,0.50);
}
.nav-dot li:hover span{
	/*transform: scale(0.7);*/
	display: block;
	opacity: 1;
	pointer-events:auto;
}
.nav-dot li:last-child {
	margin: 0;
	pointer-events: none;
	opacity: 0;
}
.nav-dot li:first-child{
	pointer-events: none;
	opacity: 0;
}
.block {
	height: 800px;
}
.nav-dot li span.short-text{
	display: none;
}
.nav-dot li:hover span.short-text{
	display: none;
}
.nav-dot li.current span.short-text{
	display: none;

}
@media screen and (max-width:1820px){
	
	.nav-dot-wrap{
		background: rgba(0,0,0,0.91);
		box-shadow:
		0 0 10px rgba(237,248,255,0.2), 
		0 0 0.40px rgba(237,248,255,0.4);

	}
}
@media screen and (max-width:1018px){
	#style-02{
		margin-top: 0;
	}
	.service-content{
		padding-top: 0;
	}
	.main-text p.service-text{
		display: none;
	}
	
	.nav-dot-wrap{
		position: relative;
		
		bottom: auto;
		right: auto;
		width: 100%;
		height: auto;
		padding-top: 37px;
		
		padding-right: 100px;
		padding-left:100px;
		margin: 0px;
		background: rgba(195,195,195,0.01);
		background: rgba(0,0,0,0.70);
		color: #fff;
		opacity: 1;
		transition: opacity 0.3s linear 0s;
		z-index: 3;
		box-shadow: none;
		/*font-weight: bold;*/
		display: flex;
		align-items: center;

	}
	
	.nav-dot {
		position: relative;
		bottom: auto;
		right: auto;
		z-index: 3;
		opacity: 1;
		transition: opacity 0.5s linear 0.2s;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		width:100%;
	}
	.nav-dot li {
		width: auto;
		height: auto;
		margin:0px;
		background:none;
		border-radius: 0%;
		border: none;
		cursor: pointer;
		color: #fff;
		transition: color 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		position: relative;
		border-right: 1px solid #fff;
		margin-bottom: 20px;
	}

	.nav-dot li span{
		position: relative;
		display: block;
		/*display: none;*/
		top:auto;
		left: auto;
		font-size: 1.4rem;
		color: #fff;
		width: auto;
		opacity: 0.9;
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		padding-left: 0px;
		padding: 0 10px;
		/*pointer-events: none;*/
	}
	
	.nav-dot li:last-child {
		margin: 0;
		pointer-events: none;
		opacity: 0;
		display: none;
	}
	.nav-dot li:first-child{
		pointer-events: none;
		opacity: 0;
		display: none;
	}
	.nav-dot li:nth-last-child(2){
		border-left: 1px solid #fff;
	}
	.nav-dot li:nth-child(2){
		border-left: 1px solid #fff;
	}
	.nav-dot li:nth-last-child(3){
		border-left: none;

	}
	.nav-dot li.current {
		background: none;
		transition: color 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		/*	transform: scale(1.4);
		*/	box-shadow:none;
	}
	.nav-dot li.current span{
		/*transform: scale(0.7);*/
		display: block;
		opacity: 1;
		pointer-events:none;
		color: rgba(228,139,20,1);
		transition: color .2s ease;
	}
	.nav-dot li:hover{
		background: none;
	}
	.nav-dot li:hover span{
		color: rgba(228,139,20,1);
		display: block;
		opacity: 1;
		pointer-events:auto;
		transition: color .2s ease;
	}
	
}
@media screen and (max-width:983px){
	
	.nav-dot li:nth-last-child(3){
		border-left:1px solid #fff;
	}
	.nav-dot li:nth-last-child(2){
		border-left:none;
	}
	.nav-dot li:nth-child(4){
		border-left: none;
	}
		
}
@media screen and (max-width:853px){
	
	.nav-dot li:nth-last-child(3){
		border-left:none;
	}
	.nav-dot li:nth-child(4){
		border-left: 1px solid #fff;
	}
		
}
@media screen and (max-width:735px){
	
	.nav-dot-wrap{
		padding-left:10px;
	}
	.nav-dot {
		justify-content:flex-start;
		align-content: center;
		align-items: center;
		flex-wrap: wrap;
		width:100%;
	}
	.nav-dot li {
		margin-bottom: 10px;
	}

	.nav-dot li span{
		font-size: 1.2rem;
		color: #fff;
		width: auto;
		opacity: 0.9;
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		padding-left: 0px;
		padding: 0 7px;
		/*pointer-events: none;*/
	}
	.nav-dot li:nth-last-child(3){
		border-left:1px solid #fff;
	}
	.nav-dot li:nth-child(3){
		border-left: none;
	}
	.nav-dot li:nth-child(4){
		border-left: none;
	}
}
@media screen and (max-width:679px){
	
	.nav-dot li:nth-last-child(3){
		border-left: none;
	}
	.nav-dot li:nth-child(4){
		border-left:1px solid #fff;
	}
		
}
@media screen and (max-width:572px){

	.nav-dot-wrap{
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		height: auto;
		/*padding-top: 20px;*/
		/*padding-right: 10px;*/
		padding-left:10px;
		margin: 0px;
		background: rgba(195,195,195,0.01);
		background: rgba(0,0,0,0.70);
		color: #fff;
		opacity: 1;
		transition: all 0.3s linear 0s;
		z-index: 3;
		box-shadow: none;
		/*font-weight: normal;*/
		display: flex;
		align-items: center;
/*		padding: 10px;
		padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
		padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);*/
	}
	.nav-dot li span.normal-text{
		display: none;
	}
	.nav-dot li.current span.normal-text{
		display: none;
	}
	.nav-dot li span.short-text{
		display: block;
		letter-spacing: 0.15em;
	}
	.nav-dot li:hover span.short-text{
		display: block;
	}
	.nav-dot li.current span.short-text{
		display: block;
	}
	.nav-dot li:nth-last-child(3){
		border-left:1px solid #fff;
	}
	.nav-dot li:nth-child(4){
		border-left: none;
	}
	
}
@media screen and (max-width:512px){
	
	.nav-dot li:nth-last-child(3){
		border-left: none;
	}
	.nav-dot li:nth-child(4){
		border-left:1px solid #fff;
	}
		
}
@media screen and (max-width:446px){
	
	.nav-dot li:nth-last-child(3){
		border-left: 1px solid #fff;
	}
	.nav-dot li:nth-child(4){
		border-left:none;
	}
	.nav-dot li:nth-child(3){
		border-left:1px solid #fff;
	}	
}
@media screen and (max-width:414px){
	
	.nav-dot-wrap{
		padding-top: 20px;
		padding-bottom: 10px;
		/*padding-right: 10px;*/
		padding-left:10px;
		margin: 0px;
	}
	.menu-btn {
		top: 30px;
		right: 30px;
		width: 40px;
		height: 40px;
	}	
}
@media screen and (max-width:375px){
	
	.nav-dot-wrap{
		padding-top: 20px;
		padding-bottom: 10px;
		line-height: 1.2;
	}

}
@media screen and (max-width:360px){
	
	.nav-dot li:nth-last-child(2){
		border-left: 1px solid #fff;
	}

}


.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 97;
	width: 100%;
	box-shadow: 0 1px 0px  0px rgba(255,255,255,0.10);
}
.is-fixed-bottom {
	position: fixed;
	top: auto;
	bottom:0px;
	left: 0;
	z-index: 97;
	width: 100%;
	box-shadow: 0 -1px 0px  0px rgba(255,255,255,0.10);
	transform: translateY(0%);
	align-items:center;
	}


.is-hide {
 	
}
.is-show {
  transform: translateY(0%);
}

/*.all{
		
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
}
.all-wrap{
	
}*/
.font-orb{
	font-family: "orbitron","source-han-sans-japanese", sans-serif;
}
.font-kan415typos{
	font-family: "kan415typos-std","source-han-sans-japanese", sans-serif;
	font-weight: normal;
}

.font-kan48typos{
	font-family: "kan48typos-std","source-han-sans-japanese", sans-serif; 
	font-weight: normal;
}
.font-700{
	font-weight: 700;
}
.font-cl01{
	color: rgba(231,1,14,1.00);
}
.font-cl02{
	color: rgba(228,139,20,1.00);
}
#loader-wrapper {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 100000; 
	background: rgba(0,0,0,1.00); 

}

.ld-loaded #loader-wrapper {
	visibility: hidden;
	display: none;
	-webkit-transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
	transition: all 0.3s cubic-bezier(.785, .135, .15, .86);
}

.cover {
	width: 100%;
	height: 50%;
	background: rgba(0,0,0,1.00); 
	border-bottom: 1px solid rgba(95,95,95,0.50);
	position: fixed; 
	top: 0; 
	left: 0;
	z-index: 160000;
	transform: translateY(-100%); 
	transition: all 0.5s cubic-bezier(.785, .135, .15, .86) 0s;

}

.cover2 {
	width: 100%;
	height: 50%; 
	bottom: 0; 
	left: 0; 
	background: rgba(0,0,0,1.00); 
	border-top: 1px solid rgba(95,95,95,0.50);
	position: fixed; 
	z-index: 160000; 
	transform: translateY(100%); 
	transition: all 0.5s cubic-bezier(.785, .135, .15, .86) 0s;

}

.cover.page-is-changing, .cover2.page-is-changing { 
	transform: translateY(0);
}

.loading-bar { 
	position: fixed;
	left: 0;
	top: 0;
	right: 0; 
	bottom: 0;
	margin: auto; 
	height: 1px; 
	width: 90%; 
	background-color: rgba(231,1,14,1.00);
	opacity: 0; 
	transform: scaleX(1) rotate(0); 
	transition: opacity 0s 0.4s, transform 0.4s cubic-bezier(.785, .135, .15, .86);
	z-index: 170000; 
}

.loading-bar.page-is-changing { 
	opacity: 1;
	transform: scaleX(0.1); 
	transition: opacity 0s, transform 0.4s cubic-bezier(.785, .135, .15, .86);

}


.works-gallery{
	width: 660px;
	
	margin: 10px auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
}
@media screen and (max-width:766px){
	.works-gallery{
		width: 440px;
		margin: 0px auto;
		
	}
}
#lightgallery{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	flex-wrap: wrap;
}
.works-gallery ul li{
	margin: 1px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.works-gallery ul li::after{
	transition: .2s ease-in-out;
}
.works-gallery ul li img{
	width: 200px;
	height: 150px;
	vertical-align:bottom;
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.works-gallery ul li:hover img{
	-webkit-filter: grayscale(100%) blur(1px);
	filter: grayscale(30%) blur(1px);
	opacity: 0.2;
	 -webkit-transform: scale(1.05) rotate(3deg);
  	transform: scale(1.05);
}
.works-gallery ul li::after{
	position: absolute;
	content: "";
	background: url(../img/zoom.png) no-repeat center center;
	background-size: 25px 25px;
	top:0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 100;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	opacity: 0;
	transform: scale(1.5) translateY(-20px);
}
.works-gallery ul li:hover::after{
	opacity: 0.9;
	transform: scale(1) translateY(0);
}
@media screen and (max-width:600px){
	.works-gallery{
		width: 100%;
	}
	.works-gallery ul li img{
		width: 100px;
		height: auto;
	}
}


/*canvas-slicer*/
.canvas-slicer {
	position: relative;
}

.canvas-slicer[data-slicer-loading-text]::after {
	content: attr(data-slicer-loading-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.5rem;
	font-size: 140%;
	line-height: normal;
	background-color: #fff;
}

.canvas-slicer[data-slicer-loading-text].canvas-slicer--is-ready::after {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s ease .2s, visibility .5s ease .2s;
	transition: opacity .5s ease .2s, visibility .5s ease .2s;
}

.canvas-slicer-list {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.canvas-slicer-list__slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
	visibility: hidden;
}

.canvas-slicer-list__slide:first-child {
	position: relative;
	visibility: visible;
}

.canvas-slicer--is-ready .canvas-slicer-list__slide {
	visibility: hidden;
}

.canvas-slicer-list__canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	cursor: move;
}

.canvas-slicer-controls {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 0 0;
}

.canvas-slicer-controls__dots {
	-ms-flex-item-align: center;
	align-self: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.canvas-slicer-controls__dot {
	width: .75rem;
	font-size: 0;
	line-height: 0;
	position: relative;
	margin: 0 4px;
	visibility: hidden;
	opacity: .3;
}

.canvas-slicer-controls__dot:not(.canvas-slicer-controls__dot--is-active) {
	cursor: pointer;
}

.canvas-slicer-controls__dot:not(.canvas-slicer-controls__dot--is-active):hover {
	opacity: .75;
}

.canvas-slicer-controls__dot--is-active {
	cursor: default;
	opacity: 1;
}

.canvas-slicer-controls__dot::after {
	visibility: visible;
	content: '';
	display: block;
	padding-top: 100%;
	-webkit-box-shadow: inset 0 0 0 1rem;
	box-shadow: inset 0 0 0 1rem;
	border-radius: 50%;
}


.canvas-slicer-controls{
	position: relative;
	top:-40px;
	margin: 0 10px;
	margin-bottom: -40px;
}
.canvas-slicer-controls__arrow-prev,.canvas-slicer-controls__arrow-next,.canvas-slicer-controls__dot:after{
	cursor: pointer;
}
.canvas-slicer-list img{
	display: block;
	vertical-align: bottom;
}


/*-----contact-form----*/

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.90);
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.10) inset;
}
input,
textarea {
	outline: none;
	transition: all .3s;
}


.mk-sub-page-content{
	min-height: 100%;
	padding-top:15px;
}
.mk-contact-form-description{
	padding: 0;
	margin: 30px 15%;
	border-top:1px solid rgba(138,138,138,1.00);
	border-bottom:1px solid rgba(138,138,138,1.00);
	color:rgba(66,66,66,1);

}
@media screen and (max-width:1280px){
	.mk-contact-form-description{
		margin: 30px 10%;
	}
}
@media screen and (max-width:768px){
	.mk-contact-form-description{
		margin: 30px 0%;
	}
}
.mk-contact-form-description p{
	margin:0;
	padding:15px;
	display: flex;
	justify-content: flex-start;
}
.mk-contact-form-description p .mk-time{
	margin-left: auto;
	margin-right: 10px;
}
.mk-tel{
	color: rgba(69,147,204,1.00);
	color:rgba(1,125,231,1.00);
}
@media screen and (max-width:768px){
	.mk-tel{
		color: rgba(255,255,255,0.90);
		background: rgba(69,147,204,1.00);
		background: rgba(1,125,231,1.00);
		border-radius: 3px;
		width: 100%;
		display: block;
		text-align: center;
	}
	.mk-contact-form-description a{
/*		color: rgba(255,255,255,0.90)!important;
*/	}
}
.mk-contact-form-description p span{
	display: block;
}
@media screen and (max-width:1500px){
	.mk-contact-form-description p{
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	.mk-contact-form-description p .mk-time{
		margin-left:inherit;
		margin-right:inherit;
	}
}

.mk-contact-form-wrap{
	margin:0 25%;
}
@media screen and (max-width:1280px){
	.mk-contact-form-wrap{
		margin:0 15%;
	}
}
@media screen and (max-width:768px){
	.mk-contact-form-wrap{
		margin:0 5%;
	}
}
.mk-privacy-policy{
	overflow-y: scroll;
	height: 200px;
	font-size: 1.3rem;
	width: 100%;
	border: 1px solid #ccc;
	padding: 12px;
	margin: 5px;
	margin-left: 0;
	/*margin: 30px 0 0 0;*/
	font-weight:100;
	border-radius: 3px;
	/*color:rgba(255,255,255,0.90);
	background: rgba(204,204,204,0.10);*/
}
@media screen and (max-width:1024px){
	.mk-privacy-policy::-webkit-scrollbar {
	  background:#ccc;
	  width:10px;
	}
	.mk-privacy-policy::-webkit-scrollbar-thumb {
	  background:#aaa;
	}
}
.mk-privacy-policy h2{
	font-size: 1.6rem;
	margin: 0;
	text-align: center;
}
@media screen and (max-width:440px){
	.mk-privacy-policy h2{
		font-size: 1.3rem;
	}
	.mk-privacy-policy h3{
		font-size: 1.3rem;
	}
}
.mk-contact-form-wrap form{
	display: flex;
	flex-direction: column;
}
.mk-contact-form-wrap form > div:not(.form-privacy-policy-wrap){
	display:flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	padding:5px;
	padding-top:10px;
	border-top: 1px solid rgba(255,255,255,0.10);
	height: 70px;
	/*flex-direction: column;
	align-items: flex-start;*/
}
@media screen and (max-width:768px){
	.mk-contact-form-wrap form > div:not(.form-privacy-policy-wrap){
		display:flex;
		align-items: center;
		justify-content: space-around;
		margin: 5px;
		padding:5px;
		padding-top:10px;
		border-top: 1px solid rgba(255,255,255,0.10);
		height: 90px;
		flex-direction: column;
		align-content: center;
	}
}


.mk-contact-form-wrap form > div:last-child{
	border-top:none;
}
.mk-contact-form-wrap form > div.form-textarea-wrap{
	height: 200px;
}
textarea{
	height: 150px;
}
label{
	order: 0;
	width:25rem;
	color:rgba(66,66,66,1);
	/*color: rgba(255,255,255,0.90);*/
}
.mk-pp-wrap label{
	width:auto;
	margin-left: 10px;
}
.mk-pp-wrap{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
input:not([type="checkbox"]),textarea{
	width: 50%;
	padding:5px 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	letter-spacing: .3rem;
	font-size: 1.4rem;
	line-height: 1.7;
	transition: transform .3s;
}
input:not([type="checkbox"]):focus,
textarea:focus {
	box-shadow: 0 0 7px rgba(69,147,204,0.55);
	border:1px solid rgba(69,147,204,0.55);
	transform: scale(1.05);
}
@media screen and (max-width:768px){
	label{
		width:100%;
	}
	input:not([type="checkbox"]),textarea{
		width: 100%;
	}
}
/* ------placeholder------- */
/* 標準版 */
:placeholder-shown {
    color: #7C7C7C;
	letter-spacing: .3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #7C7C7C;
	letter-spacing: .3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}

/* Firefox 19+ */
::-moz-placeholder {
    color:#7C7C7C; opacity: 1;
	letter-spacing: .3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #7C7C7C;
	letter-spacing: .3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
.mk-form-label{
	background: #7C7C7C;
	background: rgba(49,49,49,1.00);
	color: #fff;
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1.4;
	letter-spacing: .1rem;
	padding:3px;
	border-radius: 3px;
	text-align: center;
	margin-left: 5px;
}
.mk-form-required{
	background: rgba(204,69,79,.9);
	background: rgba(231,1,14,1.00);
}
@media screen and (max-width:1420px){
	:placeholder-shown {
		letter-spacing: .2rem;
		font-size: 1.2rem;
	}
	::-webkit-input-placeholder {
		letter-spacing: .2rem;
		font-size: 1.2rem;
	}
	::-moz-placeholder {
		letter-spacing: .2rem;
		font-size: 1.2rem;
	}
	:-ms-input-placeholder {
		letter-spacing: .2rem;
		font-size: 1.2rem;
	}
	input:not([type="checkbox"]),textarea{
		letter-spacing: .2rem;
		font-size: 1.2rem;
		
	}
}
@media screen and (max-width:1024px){
	:placeholder-shown {
		letter-spacing: .2rem;
		font-size: 1.6rem;
	}
	::-webkit-input-placeholder {
		letter-spacing: .2rem;
		font-size: 1.6rem;
	}
	::-moz-placeholder {
		letter-spacing: .2rem;
		font-size: 1.6rem;
	}
	:-ms-input-placeholder {
		letter-spacing: .2rem;
		font-size: 1.6rem;
	}
	input:not([type="checkbox"]),textarea{
		letter-spacing: .2rem;
		font-size: 1.6rem;
		
	}
}

/*-----checkbox------*/

input[type="checkbox"] {
	display: none;
}
#label-privacy-policy {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 26px;
	cursor: pointer;
	transition: all .2s ease;
}
#label-privacy-policy:hover {
	/*color:#4593cc;	*/
}
#label-privacy-policy::before,
#label-privacy-policy::after {
	position: absolute;
	content: '';
	transition: all .2s;
}
#label-privacy-policy::before {
	top: 50%;
	left: 0;
	width: 14px;
	width: 18px;
	height: 14px;
	height: 18px;
	margin-top: -9px;
	background: #ddd;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#label-privacy-policy::after {
	opacity: 0;
	top: 50%;
	top:40%;
	left: 3px;
	left:7px;
	width: 8px;
	width: 11px;
	height: 4px;
	height: 6px;
	margin-top: -4px;
	border-left: 2px solid #017de7;
	border-bottom: 2px solid #017de7;
	transform: rotate(-45deg) scale(.5);
}
#label-privacy-policy:hover::before {
	/*background: #fff;*/
}
input[type="checkbox"]:checked + #label-privacy-policy::before {
	background: #fff;
	border: 1px solid #017de7;
}
input[type="checkbox"]:checked + #label-privacy-policy::after {
	opacity: 1;
	transform: rotate(-45deg) scale(1.8);
}
input[type="checkbox"]:checked + #label-privacy-policy {
	color:#017de7;
}
.form-pp-txt-enabled{
	color:#017de7 !important;
	animation: blink 1s ease 0 2 normal;
}
.form-pp-txt-enabled::before{
	background: #fff !important;
}
.blink{
	animation: blinking .3s ease 1.5s 1 normal;
}
@keyframes blinking {
    0% {opacity:1;transform: scale(1)}
	50%{opacity:1;transform: scale(1.03)}
    100% {opacity:1;transform: scale(1)}
}
@keyframes blink{
    0% {opacity:1;transform: scale(1)}
	50%{opacity:1;transform: scale(1.05)}
    100% {opacity:1;transform: scale(1)}
}
.mk-contact-form-wrap form div.mk-pp-wrap{
	margin-top:15px;
}
/*----button------*/
.mk-contact-form-wrap form div.form-submit-wrap{
	height: 150px;
	margin: 0 0 30px 0;
	flex-direction: column;
	justify-content: flex-start;
}
.form-submit-wrap button{
	cursor: pointer;
	display: block;
	width: 400px;
	height: 60px;
	background: #017de7;
	/*background: linear-gradient(-60deg, rgba(48,101,140,0.90) 0%, rgba(40,86,119,0.90) 100%);*/
	color: #fff;
	font-size: 1.7rem;
	border-radius: 3px;
	position: relative;
	font-weight: bold;
	transform: scale(1);
	letter-spacing: .5rem;
	box-shadow: 0px 0px 20px rgba(0,0,0,.3);
	text-shadow:-1px -1px 1px rgba(0,0,0,0.20),1px 1px 1px rgba(0,0,0,0.20);
	overflow: hidden;
	transition: all 0.3s ease-in;
}
.form-submit-wrap button:hover{
	box-shadow: 0px 0px 20px rgba(0,0,0,.3),0 18px 40px -10px rgba(0,0,0,.3);
	transform: translateY(-3px);
}
.form-submit-wrap button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background-color: rgba(255,255,255,.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.form-submit-wrap button:hover::after {
  animation: circle .75s;
}
@media screen and (max-width:479px){
	.form-submit-wrap button{
		width: 300px;
		font-size: 1.4rem;
	}
}
@keyframes circle {
  50% {
    opacity: 1;
  }
  100% {
    width: 500px;
    height: 500px;
  }
}
.form-submit-wrap button:disabled{
	cursor:not-allowed;
	box-shadow: none;
	background: rgba(69,147,204,0.38);
	background: rgba(136,136,136,0.38);
	transform: scale(.95);
}
.form-submit-wrap button:disabled:hover{
	box-shadow: none;
}
.form-submit-wrap button:disabled:hover::after{
	animation: none;
}
.mk-btn-description{
	position: relative;
	display: inline-block;
 	margin: 0 0 1.2rem 0;
	padding: 5px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #fff;
	font-size: 12px;
	letter-spacing: .2rem;
	background: rgba(204,69,79,.9);
	background:#E7010E;
	border-radius: 15px;
	opacity: 0;
	transform: translateY(50px);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) .2s;
}
.mk-btn-description::before{
	content: "";
	position: absolute;
	top: 99.95%;
	left: 50%;
 	margin-left: -7px;
	border: 7px solid transparent;
	border-top: 10px solid rgba(204,69,79,.9);
	border-top: 10px solid #E7010E;
}
.mk-btn-desc-open{
	opacity: 1;
	transform: translateY(0);
}
.mk-btn-des-anime{
	animation: yurayura 2s ease-out infinite;	
}
@keyframes yurayura {
  from {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  25% {
    transform: translateY(-3px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  50% {
    transform: translateY(2px);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateY(-5px);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  to {
    transform: translateY(0px);
  }
}
.mk-add-sent{
	font-size: 1.4rem;
	color:#4593cc;
	border: 1px solid #4593cc;
	width: 80%;
	padding: 5px;
	transition: all .2s ease;
	text-align: center;
}
table , td, th {
	
	border-collapse: collapse;
}
td, th {
	padding: 8px 5px;
	width: auto;
	height: 35px;
}
th{
	text-align: left;
	font-weight: bold;
}
tr {
	border-top: 1px solid rgba(30,30,30,1.00);
}
tr:last-child{
	border-bottom: 1px solid rgba(30,30,30,1.00);
}
tr:first-child{
	border-top:none;
}
table tr:nth-child(even) {
background: rgba(10,10,10,1.00);
}
 
/*table tr:nth-child(odd) {
background: rgba(47,47,47,1.00);
}*/
.price_list_wrap{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	align-items: center;
	min-height: 100px;
	color: #fff;
}
.price_list{
	margin:30px;
}
@media screen and (max-width:1140px){
	.price_list{
		margin:20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width:1065px){
	.price_list{
		margin:10px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width:431px){
	.price_list{
		margin:0px;
		margin-bottom: 30px;
	}
}
.boshu{
	width: 1100px;margin: 0px auto;height: auto; display: block;
}
@media screen and (max-width:1279px){
	.boshu{
	width: 90%;margin: 0px auto;height: auto; display: block;
}
}
/*!
* t-scroll v1.1.9 (https://t-scroll.com)
* Copyright 2017 Tuds - Crazychicken
* Licensed under the MIT license
*/.fadeDown.t-default,.fadeLeft.t-default,.fadeRight.t-default,.fadeUp.t-default{transition:opacity 1s}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(3,3,3)}20%{transform:scale3d(1.6,1.6,1.6)}40%{transform:scale3d(.7,.7,.7)}60%{transform:scale3d(1.1,1.1,1.1)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1)}}@keyframes bounceOut{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;filter:alpha(opacity=100);transform:scale3d(1,1,1)}}@keyframes bounceUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{transform:translate3d(0,3000px,0)}60%{transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}@keyframes bounceDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-3000px,0)}60%{transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(-3000px,0,0)}60%{transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{transform:translate3d(3000px,0,0)}60%{transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes fadeIn{from{opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100)}}.fadeIn.t-default{animation-name:fadeIn}@keyframes fadeUp{from{transform:translate3d(0,100%,0)}to{transform:none}}@keyframes fadeDown{from{transform:translate3d(0,-100%,0)}to{transform:none}}@keyframes fadeLeft{from{transform:translate3d(-100%,0,0)}to{transform:none}}@keyframes fadeRight{from{transform:translate3d(100%,0,0)}to{transform:none}}@keyframes fadeUpBig{0%{transform:translate3d(0,2000px,0)}100%{transform:none}}@keyframes fadeDownBig{0%{transform:translate3d(0,-2000px,0)}100%{transform:none}}@keyframes fadeLeftBig{0%{transform:translate3d(-2000px,0,0)}100%{transform:none}}@keyframes fadeRightBig{0%{transform:translate3d(2000px,0,0)}100%{transform:none}}@keyframes flip{from{animation-timing-function:ease-out;transform:perspective(400px) rotate3d(0,1,0,-360deg)}40%{animation-timing-function:ease-out;transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95)}to{animation-timing-function:ease-in;transform:perspective(400px)}}@keyframes flipX{from{opacity:0;filter:alpha(opacity=0);animation-timing-function:ease-in;transform:perspective(400px) rotate3d(1,0,0,90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{opacity:1;filter:alpha(opacity=100);transform:perspective(400px) rotate3d(1,0,0,10deg)}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipY{from{opacity:0;filter:alpha(opacity=0);animation-timing-function:ease-in;transform:perspective(400px) rotate3d(0,1,0,90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotate3d(0,1,0,-20deg)}60%{opacity:1;filter:alpha(opacity=100);transform:perspective(400px) rotate3d(0,1,0,10deg)}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes lightSpeedUp{0%{transform:translate3d(-100%,50vh,0) skewY(30deg)}60%{transform:skewY(-20deg)}80%{transform:skewY(5deg)}100%{transform:none}}@keyframes lightSpeedRight{from{transform:translate3d(100%,0,0) skewX(-30deg)}60%{transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:none}}@keyframes lightSpeedDown{0%{transform:translate3d(100%,-50vh,0) skewY(30deg)}60%{transform:skewY(-20deg)}80%{transform:skewY(5deg)}100%{transform:none}}@keyframes lightSpeedLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg)}60%{transform:skewX(-20deg)}80%{transform:skewX(5deg)}100%{transform:none}}@keyframes rollUp{0%{transform:translate3d(100%,50vh,0) rotate3d(0,0,1,-120deg)}100%{transform:none}}@keyframes rollRight{0%{transform:translate3d(100%,0,50vw) rotate3d(0,0,1,-120deg)}100%{transform:none}}@keyframes rollDown{0%{transform:translate3d(-100%,-50vh,0) rotate3d(0,0,1,-120deg)}100%{transform:none}}@keyframes rollLeft{0%{transform:translate3d(-100%,0,50vw) rotate3d(0,0,1,-120deg)}100%{transform:none}}@keyframes rotate{0%{transform:rotate3d(0,0,1,-200deg);transform-origin:center}100%{transform:none;transform-origin:center}}@keyframes rotateUpLeft{0%{transform:rotate3d(0,0,1,45deg);transform-origin:left bottom}100%{transform:none;transform-origin:left bottom}}@keyframes rotateUpRight{0%{transform:rotate3d(0,0,1,-90deg);transform-origin:right bottom}100%{transform:none;transform-origin:right bottom}}@keyframes rotateDownLeft{0%{transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom}100%{transform:none;transform-origin:left bottom}}@keyframes rotateDownRight{0%{transform:rotate3d(0,0,1,45deg);transform-origin:right bottom}100%{transform:none;transform-origin:right bottom}}@keyframes slideUp{0%{top:100vh}100%{top:0}}@keyframes slideDown{0%{bottom:100vh}100%{bottom:0}}@keyframes slideLeft{0%{right:100vw}100%{right:0}}@keyframes slideRight{0%{left:100vw}100%{left:0}}@keyframes zoomIn{0%{transform:scale(3)}100%{transform:scale(1)}}@keyframes zoomInUp{0%{transform:scale(3);top:100vh}100%{transform:scale(1);top:0}}@keyframes zoomInLeft{0%{transform:scale(5);right:100vw}100%{transform:scale(1);right:0}}@keyframes zoomInDown{0%{transform:scale(3);bottom:100vh}100%{transform:scale(1);bottom:0}}@keyframes zoomInRight{0%{transform:scale(5);left:100vw}100%{transform:scale(1);left:0}}@keyframes zoomOut{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zoomOutUp{0%{transform:scale(0);top:100vh}50%{transform:scale(.15);top:70vh}100%{transform:scale(1);top:0}}@keyframes zoomOutLeft{0%{transform:scale(3);right:100vw}50%{transform:scale(.15);right:70vh}100%{transform:scale(1);right:0}}@keyframes zoomOutDown{0%{transform:scale(3);bottom:100vh}50%{transform:scale(.15);bottom:70vh}100%{transform:scale(1);bottom:0}}@keyframes zoomOutRight{0%{transform:scale(0);left:100vw}50%{transform:scale(.15);left:70vh}100%{transform:scale(1);left:0}}.bounceIn.t-default{animation-name:bounceIn}.bounceOut.t-default{animation-name:bounceOut}.bounceUp.t-default{animation-name:bounceUp}.bounceDown.t-default{animation-name:bounceDown}.bounceLeft.t-default{animation-name:bounceLeft}.bounceRight.t-default{animation-name:bounceRight}.fade.t-default{animation-name:fade}.fadeUp.t-default{animation-name:fadeUp}.fadeDown.t-default{animation-name:fadeDown}.fadeLeft.t-default{animation-name:fadeLeft}.fadeRight.t-default{animation-name:fadeRight}.fadeUpBig.t-default{transition:opacity 1.5s;animation-name:fadeUpBig}.fadeDownBig.t-default{transition:opacity 1.5s;animation-name:fadeDownBig}.fadeLeftBig.t-default{transition:opacity 1.5s;animation-name:fadeLeftBig}.fadeRightBig.t-default{transition:opacity 1.5s;animation-name:fadeRightBig}.flip.t-default{animation-name:flip}.flipX.t-default{animation-name:flipX}.flipY.t-default{animation-name:flipY}.lightSpeedUp.t-default{animation-name:lightSpeedUp}.lightSpeedRight.t-default{animation-name:lightSpeedRight}.lightSpeedLeft.t-default{animation-name:lightSpeedLeft}.lightSpeedDown.t-default{animation-name:lightSpeedDown}.rollUp.t-default{animation-name:rollUp}.rollRight.t-default{animation-name:rollRight}.rollLeft.t-default{animation-name:rollLeft}.rollDown.t-default{animation-name:rollDown}.rotate.t-default{animation-name:rotate}.rotateDownLeft.t-default{animation-name:rotateDownLeft}.rotateDownRight.t-default{animation-name:rotateDownRight}.rotateUpLeft.t-default{animation-name:rotateUpLeft}.rotateUpRight.t-default{animation-name:rotateUpRight}.slideUp.t-default{animation-name:slideUp}.slideDown.t-default{animation-name:slideDown}.slideLeft.t-default{animation-name:slideLeft}.slideRight.t-default{animation-name:slideRight}.zoomIn.t-default{animation-name:zoomIn}.zoomInUp.t-default{animation-name:zoomInUp}.zoomInLeft.t-default{animation-name:zoomInLeft}.zoomInDown.t-default{animation-name:zoomInDown}.zoomInRight.t-default{animation-name:zoomInRight}.zoomOut.t-default{animation-name:zoomOut}.zoomOutUp.t-default{animation-name:zoomOutUp}.zoomOutLeft.t-default{animation-name:zoomOutLeft}.zoomOutDown.t-default{animation-name:zoomOutDown}.zoomOutRight.t-default{animation-name:zoomOutRight}.t-default{opacity:1;filter:alpha(opacity=100);animation-direction:normal;animation-iteration-count:1;animation-timing-function:ease;animation-duration:.5s;animation-delay:0s;position:relative}.t-infinite{animation-iteration-count:infinite}.t-animated{opacity:0;filter:alpha(opacity=0)}
