@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:100%;
	font-size: 1.8rem;
	color: #000;
	background:#FFF;
	position:relative;
	min-width:1024px;
	line-height:1.4;
}
.fadeInUp {
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -ms-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -ms-filter: 'alpha(opacity=100)';
        -ms-filter: 'alpha(opacity=100)';
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -ms-filter: 'alpha(opacity=100)';
        -ms-filter: 'alpha(opacity=100)';
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -ms-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInRight {
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -ms-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateY(0); transform: translateX(0); }
}
.fadeInLeft {
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -ms-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateY(0); transform: translateX(0); }
}

/*
#loading-img{
  position: relative;
  z-index:999;
}
*/
/*
#loading-img:after{
  content:"";
  display:block;
  height:100%;
  width:100%;
  position:fixed;
  opacity:0;
  z-index:99;
}
*/
#loading-img{
	position: relative;
	z-index:9999;
}
#loading-img{
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	z-index:9999;
	background:#FFF;
}
.after{
	position: relative;
	z-index:9999;
}

.after{
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	z-index:9999;
	background:#FFF;
}
.last{
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	z-index:9999;
	background:#555559;
}

#loading-img img{ 
	position: relative;
	z-index:9999;
}

#loading-img img {
  position:fixed;
  top:50%;
  left:0;
  right:0;
  bottom:0;
  margin:0 auto;
  z-index:999;
}

.splash{
	animation:splash 4s ease-in-out 0s forwards;
	-webkit-animation:splash 4s ease-in-out 0s forwards;
}
@-webkit-keyframes splash {
	0% { -webkit-transform: translateX(0); opacity:1; }
	50% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}

@keyframes splash {
	0% { -webkit-transform: translateX(0); opacity:1; }
	50% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}
.after{
	/*animation:after 4s ease-in-out 0s forwards;
	-webkit-animation:after 4s ease-in-out 0s forwards;*/
	-webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:4s;
    -ms-animation-duration:4s;
    animation-duration:4s;
    -webkit-animation-name: after;
    animation-name: after;

}
@-webkit-keyframes after {
	0% {
		opacity:0;
		-ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
		-webkit-transform: translateY(0);
		}
	65% {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
		-webkit-transform:
		translateY(0);
		}
	99%,to { 
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
		-webkit-transform:translateY(200%);
		}
}
@keyframes after {
	0% {
		opacity:0;
		-ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
		-webkit-transform: translateY(0);
		}
	65% {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
		-webkit-transform:
		translateY(0);
		}
	99%,to { 
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
		-webkit-transform:translateY(200%);
		}
}
.last{
	/*animation:last 3s ease-in-out 0s forwards;
	-webkit-animation:last 3s ease-in-out 0s forwards;*/
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:3s;
    -ms-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-name: last;
    animation-name: last;
}
@-webkit-keyframes last {
	0% { 
		opacity:0;
		-ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
		-webkit-transform: translateX(0);
		}
	65% {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
        -webkit-transform: translateX(0);
		}
	99%,to {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
        -webkit-transform:translateX(100%);
		}
}
@keyframes last {
	0% { 
		opacity:0;
		-ms-filter: 'alpha(opacity=0)';
        -ms-filter: 'alpha(opacity=0)';
		-webkit-transform: translateX(0);
		}
	65% {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
        -webkit-transform: translateX(0);
		}
	99%,to {
		opacity:1;
		-ms-filter: 'alpha(opacity=1)';
        -ms-filter: 'alpha(opacity=1)';
        -webkit-transform:translateX(100%);
		}
}

.t-center{
	text-align:center;
}
.to-top{
	position:fixed;
	right:10px;
	bottom:85px;
	z-index:999;
}
.menu-btn{
	position:fixed;
	top:75px;
	right:5%;
	z-index:999;
	width:91px;
	height:67px;
	background:url(../images/menu-btn.png)no-repeat;
	cursor:pointer;
}
.menu-btn.close{
	background:url(../images/close.png)no-repeat;
	width:63px;
	height:63px;
	right:6%;
}
nav{
	display:none;
	width:30%;
	height:100%;
	position:fixed;
	z-index:99;
	background:rgba(0,0,0,0.9);
	right:0;
}
nav ul{
	position:absolute;
	top:30%;
	padding-left:15%;
	font-size:3.6rem;
	line-height:2;
}
nav ul a{
	color:#FFF;
}
nav ul a:hover{
	opacity:0.5;
}

nav.active ul li:nth-child(1) {
	animation:active 0.8s ease-in-out 0s forwards;
	-webkit-animation:active 0.8s ease-in-out 0s forwards;
}
nav.active ul li:nth-child(2) {
	animation:active 1.0s ease-in-out 0s forwards;
	-webkit-animation:active 1.0s ease-in-out 0s forwards;
}
nav.active ul li:nth-child(3) {
	animation:active 1.2s ease-in-out 0s forwards;
	-webkit-animation:active 1.2s ease-in-out 0s forwards;
}
nav.active ul li:nth-child(4) {
	animation:active 1.4s ease-in-out 0s forwards;
	-webkit-animation:active 1.4s ease-in-out 0s forwards;
}
nav.active ul li:nth-child(5) {
	animation:active 1.6s ease-in-out 0s forwards;
	-webkit-animation:active 1.6s ease-in-out 0s forwards;
}
@-webkit-keyframes active {
	0% { -webkit-transform: translateX(500px); opacity:0; }
	100% { -webkit-transform: translateX(0); opacity:1; }
}

@keyframes active {
	0% { -webkit-transform: translateX(500px); opacity:0; }
	100% { -webkit-transform: translateX(0); opacity:1; }
}

h1{
	padding:75px 0 50px;
}
.inner{
	width:1020px;
	margin:0 auto;
}
.visual{
	width:100%;
	height:800px;
	background:linear-gradient(-155deg,#FFF 50%,#555559 50%);
	position:relative;
	color:#FFF;
	line-height:1.6;
	font-size:2.4rem;

}
.catch{
	padding:75px 0 50px 0;
	position:relative;
	z-index:9;
}
.catch-box{
	position:relative;
	z-index:9;
}
.catch img{
	width:640px;
}
.catch-box p{
	text-shadow: 0px 2px 0px #000, 2px 0px 0px #000, 0px -2px 0px #000, -2px 0px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 0px #000;
	
}
.color-img{
	position:absolute;
	bottom:0;
	right:0;
	line-height:0;
}
.img-anime{
	animation:img-anime 5s ease-in-out 1.5s forwards;
	-webkit-animation:img-anime 5s ease-in-out 1.5s forwards;
}
@-webkit-keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}
@keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}
.animedown{
	animation:animedown 3.5s ease-in-out 1.5s forwards;
	-webkit-animation:animedown 3.5s ease-in-out 1.5s forwards;
}
@-webkit-keyframes animedown {
    0% { opacity: 0; -webkit-transform: translateY(-200px); }
    99%,to { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes animedown {
    0% { opacity: 0; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); }
    99%,to{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.animeright{
	animation:animeright 2.5s ease-in-out 1.5s forwards;
	-webkit-animation:animeright 2.5s ease-in-out 1.5s forwards;
}

@-webkit-keyframes animeright {
    0% { opacity: 0; -webkit-transform: translateX(-1500px); }
    99%,to { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes animeright {
    0% { opacity: 0; -webkit-transform: translateX(-1500px); -ms-transform: translateX(-1500px); transform: translateX(-1500px); }
    99%,to{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.animeright2{
	animation:animeright2 3.5s ease-in-out 1.5s forwards;
	-webkit-animation:animeright2 3.5s ease-in-out 1.5s forwards;
}
@-webkit-keyframes animeright2{
    0% { opacity: 0; -webkit-transform: translateX(-1500px); }
    99%,to { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes animeright2{
    0% { opacity: 0; -webkit-transform: translateX(-1500px); -ms-transform: translateX(-1500px); transform: translateX(-1500px); }
    99%,to{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}


#service{
	color:#3e3a39;
}
#service h2{
	padding:100px 0 5px;
	text-align:center;
}
#service table{
	width:100%;
}
#service table tr:first-child{
	font-size:2.4rem;
	line-height:1.8;
}
#service table td{
	width:33.333%;
	vertical-align:top;
	padding:20px 0;
}
#service table img{
	display:block;
	margin:0 auto;
}
#service .text-box{
	padding:20px 6% 75px;
	font-size:1.6rem;
	line-height:1.6;
}
#service .text-box p:first-child{
	font-size:1.8rem;
	font-weight:bold;
}
.underline a{
	text-decoration:underline;
}
.underline a:hover{
	text-decoration:none;
}
.artist-btn a{
	display:block;
	margin:10px auto;
	padding:12px 0;
	text-align:center;
	color:#FFF;
	border:1px solid #555559;
	border-radius:5px;
	background:#555559;
}
.artist-btn a:hover{
	text-align:center;
	color:#555559;
	background:#FFF;
	border:1px solid #555559;
}
#message{
	padding-bottom:125px;
}
#message h2{
	padding:150px 0 50px;
	text-align:center;
}
#message table{
	width:930px;
	margin:0 auto;
}
#message table td{
	vertical-align:top;
	line-height:1.8;
}
#message .ceo{
	width:250px;
	padding-right:50px;
}
#message .ceo img{
	width:250px;
}

#about{
	padding-bottom:75px;
}
#about h2{
	padding:100px 0 50px;
	text-align:center;
}
#about table{
	margin:0 auto;
}
#about table td{
	padding:6px 12px;
}
#about table td:last-child{
	width:500px;
}
#contact{
	padding-bottom:75px;
}
#contact h2{
	padding:0 0 50px;
	text-align:center;
}
#contact a{
	display:block;
	width:119px;
	height:119px;
	margin:0 auto;
	background:url(../images/contact-off.png)no-repeat;
}
#contact a:hover{
	background:url(../images/contact-on.png)no-repeat;
}

#insta{
	margin:50px 0;
	border-top:2px solid #d9dada;
}
#insta td:first-child{
	text-align:right;
}
#insta td:nth-child(2){
	text-align:center;
	padding-top:12px;
}
.fllowed p{
    display:none;
}
.fllowed p:last-child{
    display:block;
    background:#bababa;
    color:#333;
    padding-top:12px;
}

.fllowed p:last-child span{
    display:block;
    font-family:"Let's go Digital Regular";
    font-size:3.6rem;
    background:#bababa;
    color:#333;
    line-height:1;
    text-shadow: 0px 1px 0px #FFF, 1px 0px 0px #FFF, 0px -1px 0px #FFF, -1px 0px 0px #FFF, -1px -1px 0px #FFF, 1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px 1px 0px #FFF;
}
#insta .inner{
	padding:35px 0 25px;
}
#insta .insta{
	width:700px;
	margin:0 auto;
}
.insta td{
	vertical-align:top;
	padding:0;
}
.insta img{
	width:75px;
}
#instafeed li{
	display:inline-block;
	vertical-align:top;
}
#instafeed li img{
	width:100%;
	height:auto;
}
.simply-scroll-container{
	position:relative;
}
.simply-scroll-clip{
	position:relative; overflow:hidden; }
.simply-scroll-list{
	margin:0;
	padding:0;
	overflow:hidden;
}
.simply-scroll-list li{
	float:left;
	width:300px;
	height:300px;
	margin:0;
	padding:0;
	list-style:none;
}
.simply-scroll-list li img{
	width:100%; height:auto;
}
footer{
	padding:50px 0 0;
}
footer p{
	padding:20px 0;
}
footer a{
	text-decoration:underline;
}
footer a:hover{
	text-decoration:none;
}
.copy{
	text-align:center;
	background:#000;
	color:#FFF;
	padding:30px 0;
}
/*問合せ*/
#form h2{
	font-size:3.6rem;
	font-weight:normal;
	text-align:center;
}
#form section{
	margin:30px auto;
}
#form section h2{
	padding-bottom:20px;
}
#form table{
	width:80%;
	margin:100px auto;
}
#form table tr{
	border-bottom:1px solid #fbd009;
}
#form table th{
	width:30%;
	font-weight:normal;
	text-align:left;
	padding:30px 25px;
}
#form table td{
	padding:30px 25px;
	vertical-align:top;

}
.config {
	width:100%;
}
.required{
	color:#ff0000;
	font-weight:normal;
}
.submit{
	text-align:center;
}
.submit .inline{
	display:inline-block;
}
.submit .btn_submit{
	width:300px;
	padding:20px 0;
	border:none;
	border-radius:10px;
	background:#fbd009;
	font-size:2.0rem;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
.submit .btn_back{
	width:300px;
	padding:20px 0;
	border:none;
	border-radius:10px;
	background:#231815;
	font-size:2.0rem;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}
.submit .btn_submit:hover{
	opacity:0.7;
}
.submit .btn_back:hover{
	opacity:0.7;
}
.thanks{
	line-height:2;
}
#form .mail{
	padding:10px 0 50px;
	font-size:2.4rem;
}
#form .mail a{
	color:#999;
}
.end ul{
	text-align:center;
}
.end ul li{
	display:inline-block;
	margin:0 10px;
}
.end ul li a{
	display:block;
	text-align:center;
	padding:20px 0;
	width:300px;
	border-radius:10px;
	font-size:2.0rem;
	color:#FFF;
}
a.to-form-btn{
	display:block;
	text-align:center;
	padding:20px 0;
	width:300px;
	border-radius:10px;
	font-size:2.0rem;
	color:#FFF;
	background:#231815;
}
a.top-btn{
	background:#fbd009;
}
.end ul li a:hover{
	opacity:0.7;
}
.errow h3{
	font-size:2.4rem;
	font-weight:normal;
}
.errow a.to-form-btn{
	margin:0 auto;
}
input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #6b6b6b;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}
.privacy h3{
	font-size:2.4rem;
	padding-bottom:50px;
}
.privacy .inner{
	width:850px;
	margin:0 auto;
	font-size:1.6rem;
	line-height:1.6;
}
.privacy strong{
	font-size:1.8rem;
	color:#555559;
}
.privacy .inner p{
	padding:25px 0 10px;
}
.privacy .inner ul{
	padding:0 15px;
}
.pc{display:block!important;}
.sp{display:none!important;}

@media screen and (max-width:768px){
.pc{display:none!important;}
.sp{display:block!important;}

body {
	font-size: 1.6rem;
	position:relative;
	min-width:320px;
	line-height:1.4;
}
img {
	width:100%;
	height:auto;
}
#loading-img{
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	z-index:9999;
	background:url('../images/splash-logo.png')no-repeat center top 50%/57%,url('../images/splash-bg.png')repeat-y;
}

#loading-img img{ 
	position: relative;
	z-index:9999;
}

#loading-img img {
//	opacity:0;
	width:50%;
	position:fixed;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	z-index:999;
}
.splash{
	animation:splash 4.5s ease-in-out 0s forwards;
	-webkit-animation:splash 4.5s ease-in-out 0s forwards;

}
@-webkit-keyframes splash {
	0% { -webkit-transform: translateX(0); opacity:1; }
	50% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}

@keyframes splash {
	0% { -webkit-transform: translateX(0); opacity:1; }
	50% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}

.after{
	animation:after 5s ease-in-out 0s forwards;
	-webkit-animation:after 5s ease-in-out 0s forwards;
}
@-webkit-keyframes after {
	0% { -webkit-transform: translateY(0); opacity:0; }
	65% { -webkit-transform: translateY(0); opacity:1; }
	99%,to { -webkit-transform: translateY(100%); opacity:1; }
}
@keyframes after {
	0% { -webkit-transform: translateY(0); opacity:0; }
	65% { -webkit-transform: translateY(0); opacity:1; }
	99%,to { -webkit-transform: translateY(120%); opacity:1; }
}
.last{
	animation:last 4s ease-in-out 0s forwards;
	-webkit-animation:last 4s ease-in-out 0s forwards;
}
@-webkit-keyframes last {
	0% { -webkit-transform: translateX(0); opacity:0; }
	65% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}
@keyframes last {
	0% { -webkit-transform: translateX(0); opacity:0; }
	65% { -webkit-transform: translateX(0); opacity:1; }
	99%,to { -webkit-transform: translateX(100%); opacity:1; }
}
.img-anime{
	animation:img-anime 5s ease-in-out 1.5s forwards;
	-webkit-animation:img-anime 5s ease-in-out 1.5s forwards;
}
@-webkit-keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}
@keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}
.animedown{
	animation:animedown 4s ease-in-out 1.5s forwards;
	-webkit-animation:animedown 4s ease-in-out 1.5s forwards;
}
@-webkit-keyframes animedown {
    0% { opacity: 0; -webkit-transform: translateY(-200px); }
    99%,to { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes animedown {
    0% { opacity: 0; -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); }
    99%,to{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.animeright{
	animation:animeright 3s ease-in-out 1.5s forwards;
	-webkit-animation:animeright 3s ease-in-out 1.5s forwards;
}

@-webkit-keyframes animeright {
    0% { opacity: 0; -webkit-transform: translateX(-1500px); }
    99%,to { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes animeright {
    0% { opacity: 0; -webkit-transform: translateX(-1500px); -ms-transform: translateX(-1500px); transform: translateX(-1500px); }
    99%,to{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.animeright2{
	animation:animeright2 4s ease-in-out 1.5s forwards;
	-webkit-animation:animeright2 4s ease-in-out 1.5s forwards;
}
@-webkit-keyframes animeright2{
    0% { opacity: 0; -webkit-transform: translateX(-1500px); }
    99%,to { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes animeright2{
    0% { opacity: 0; -webkit-transform: translateX(-1500px); -ms-transform: translateX(-1500px); transform: translateX(-1500px); }
    99%,to{ opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.t-center{
	text-align:center;
}
.to-top{
	width:18.593%;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:999;
}
.menu-btn{
	position:fixed;
	top:25px;
	right:5%;
	z-index:999;
	width:32px;
	height:23px;
	background:url(../images/menu-btn-sp.png)no-repeat;
	background-size:100% 100%;
	cursor:pointer;
}
.menu-btn.close{
	background:url(../images/close.png)no-repeat;
	background-size:100% 100%;
	width:21px;
	height:21px;
	right:6%;
}
nav{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	z-index:99;
	background:rgba(0,0,0,0.9);
	right:0;
}
nav ul{
	width:100%;
	position:absolute;
	top:10%;
	padding-left:0;
	text-align:center;
	font-size:3.6rem;
	line-height:2;
}
nav ul a{
	color:#FFF;
}
nav ul a:hover{
	opacity:0.5;
}

nav.active ul li:nth-child(1) {
	animation:none;
}
nav.active ul li:nth-child(2) {
	animation:none;
}
nav.active ul li:nth-child(3) {
	animation:none;
}
nav.active ul li:nth-child(4) {
	animation:none;
}
nav.active ul li:nth-child(5) {
	animation:none;
}


h1{
	width:50%;
	margin-left:2%;
	padding:25px 0;
}
.inner{
	width:96%;
	margin:0 auto;
}
.visual{
	width:100%;
	height:auto;
	background:url(../images/bg-sp.png)no-repeat;
	background-size:100% 100%;
	position:relative;
	color:#FFF;
	line-height:1.6;
	font-size:1.6rem;

}
.catch{
	width:95.156%;
	margin:0 auto;
	padding:50px 0;
	position:relative;
	z-index:9;
}
.color-img{
	width:47.5%;
	position:absolute;
	bottom:0;
	right:0;
	line-height:0;
}
.img-anime{
	animation:img-anime 5s ease-in-out 2s forwards;
	-webkit-animation:img-anime 5s ease-in-out 2s forwards;
}
@-webkit-keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}

@keyframes img-anime {
	0% { -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:0;}
	30%{ -webkit-transform: scale(0.2) translateX(200%) translatey(200%); opacity:1;}
	99%,to { -webkit-transform: scale(1); }
}
.catch img{
	width:100%;
}

.catch-box{
	position:relative;
	z-index:3;
	padding-bottom:30px;
	text-shadow: 0px 1px 0px #555559, 1px 0px 0px #555559, 0px -1px 0px #555559, -1px 0px 0px #555559, -1px -1px 0px #555559, 1px -1px 0px #555559, -1px 1px 0px #555559, 1px 1px 0px #555559;
}
#service{
	color:#3e3a39;
	padding-bottom:30px;
}
#service h2{
	padding:30px 0 0;
	text-align:center;
}
#service table{
	width:100%;
	font-size:1.4rem;
}
#service table td{
	vertical-align:middle;
	width:65%;
}
#service table.sp tr:first-child{
	font-size:1.8rem;
}
#service table.sp tr td:first-child{
	width:30%;
	padding:0 0 10px;
}
#service table.sp tr td:last-child{
	padding:0 0 15px;
}
#service table img{
	display:block;
	margin:0 auto;
}
#service .text-box p:first-child{
	font-size:1.5rem;
}
#service .text-box p:last-child{
	font-size:1.4rem;
}
#message{
	margin-top:50px;
	padding-bottom:75px;
}

#message h2{
	padding:0px 0 30px;
	text-align:center;
}
#message table{
	width:96%;
	margin:0 auto;
}
#message table td{
	vertical-align:top;
	line-height:1.8;
	display:block;
}
#message .ceo{
	width:50%;
	padding-right:0;
	margin:0 auto;
}
#message .ceo img{
	width:100%;
}
#about{
	margin-top:50px;
}
#about h2{
	padding:0 0 20px;
}
#about table{
	width:100%;
	margin:0 auto;
}
#about table tr{
}
#about table td{
	padding:6px 0 3px;
	display:block;
	text-align:center;
}
#about table tr td:first-child{
	background:#fbd009;
}
#about table tr td:last-child{
	width:100%;
}
#contact{
	padding-bottom:50px;
}
#contact h2{
	padding:0 0 30px;
	text-align:center;
}
#contact a{
	display:block;
	width:120px;
	height:120px;
	margin:0 auto;
	background:url(../images/contact-off.png)no-repeat;
	background-size:100% 100%;
}

#insta{
	margin:50px 0 30px;
	border-top:2px solid #d9dada;
}
#insta .inner{
	padding:25px 0 15px;
}
#insta .insta{
	width:100%;
	margin:0 auto;
	vertical-align:middle;
}
.insta td{
	vertical-align:middle;
	padding:0 10px!important;
	text-align:left!important;
}
.insta img{
	width:50px;
}
.fllowed p:last-child{
	margin:20px auto;
}

.simply-scroll-container{
	position:relative;
}
.simply-scroll-clip{
	position:relative; overflow:hidden; }
.simply-scroll-list{
	margin:0;
	padding:0;
	overflow:hidden;
}
.simply-scroll-list li{
	float:left;
	width:150px;
	height:150px;
	margin:0;
	padding:0;
	list-style:none;
}
.simply-scroll-list li img{
	width:100%;
	height:auto;
}
footer{
	padding:50px 0 0;
}
footer p{
	padding:20px 0;
}
.footer-logo{
	width:50%;
	margin:0 auto;
}
.copy{
	text-align:center;
	background:#000;
	color:#FFF;
	padding:30px 0;
}
/*問合せ*/
.sp-left{
	text-align:left;
}
#form h2{
	font-size:2.4rem;
	font-weight:normal;
	text-align:center;
}
#form section{
	margin:30px auto;
}
#form section h2{
	padding-bottom:20px;
}
#form table{
	width:100%;
	margin:30px auto 50px;
}
#form table tr{
	border-bottom:1px solid #fbd009;
}
#form table th{
	width:100%;
	font-weight:normal;
	text-align:center;
	padding:10px 0 5px;
	display:block;
}
#form table td{
	padding:20px 15px;
	vertical-align:top;
	display:block;

}
.config {
	width:100%;
}
.config th{
	background:#fbd009;
}
.config td{
	text-align:left;
}
.config tr:last-child td{
	text-align:left;
}
.required{
	color:#ff0000;
	font-weight:normal;
}
.submit{
	text-align:center;
}
.submit .inline{
	display:block;
}
.submit .btn_submit{
	width:300px;
	padding:20px 0;
	border:none;
	border-radius:10px;
	background:#fbd009;
	font-size:2.0rem;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	-webkit-appearance: none;
}
.submit .btn_back{
	width:300px;
	padding:20px 0;
	border:none;
	border-radius:10px;
	background:#231815;
	font-size:2.0rem;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	-webkit-appearance: none;
}
.submit .btn_submit:hover{
	opacity:0.7;
}
.submit .btn_back:hover{
	opacity:0.7;
}
.thanks{
	line-height:2;
}
#form .mail{
	padding:10px 0 50px;
	font-size:2.0rem;
}
#form .mail a{
	color:#999;
}
.end ul{
	text-align:center;
}
.end ul li{
	display:block;
	margin:15px auto;
}
.end ul li a{
	display:block;
	text-align:center;
	padding:20px 0;
	width:300px;
	border-radius:10px;
	font-size:2.0rem;
	color:#FFF;
	margin:0 auto;
}
a.to-form-btn{
	display:block;
	text-align:center;
	padding:20px 0;
	width:300px;
	border-radius:10px;
	font-size:2.0rem;
	color:#FFF;
	background:#231815;
	-webkit-appearance: none;
}
a.top-btn{
	background:#fbd009;
}
.end ul li a:hover{
	opacity:0.7;
}
.errow h3{
	font-size:2.0rem;
	font-weight:normal;
}
.errow a.to-form-btn{
	margin:0 auto;
}
input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #6b6b6b;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-sizing: border-box;
}
.privacy h3{
	font-size:1.8rem;
	padding-bottom:10px;
}
.privacy .inner{
	width:90%;
	margin:0 auto;
	font-size:1.4rem;
	line-height:1.6;
}
.privacy strong{
	font-size:1.6rem;
	color:#555559;
}
.privacy .inner p{
	padding:15px 0 5px;
}
.privacy .inner ul{
	padding:0 10px;
}

}