@charset "UTF-8";


body{
    margin: 0 0;
	background-color: #191919;
	cursor: none;
}

#js-mouse {
    pointer-events: none;
    position: fixed;
    top: -15px; 
    left: -15px;
    width: 20px;
    height: 20px;
    background-color:rgba(240,240,240,0.5);
    border-radius: 50%;
    transform: translate(0,0) scale(1.1);
    transition: all 0.1s ease-out;
    z-index: 9999;
    opacity: 0;
}

#js-mouse.js-hover {
    width: 50px;
    height: 50px;
    background-color:rgba(0,0,0,0.5);
}


.fadeIn {
    transform: translate3d(-50px, 0, 0);
    transition: 1s;
    opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.fadeBottom {
    transform: translate3d(0, 50px, 0);
    transition: 1s;
    opacity: 0;
  }
  .fadeBottom.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }



  /* monitor size */

  @media screen and (min-width:1920px){


  .hover-link::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #FFF;
	transition: width .3s;
  }
  
  .hover-link:hover::after {
	width: 120px;
	transition: width .3s;
  }




  .hover-link2::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #FFF;
	transition: width .3s;
  }
  
  .hover-link2:hover::after {
	width: 230px;
	transition: width .3s;
  }


.navarea{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	text-align: right;
	background-image: linear-gradient(to right, transparent, #191919);
}

.navbar_expandmenu-item_menu{
	background-color: transparent;
	border: none;
	color: #D8D8D8;
	margin-top: 40px;
	margin-right: 40px;
	display: none;
	cursor: pointer;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.navbar_expandmenu{
	display: flex;
	height: 100vh;
	margin: 0 0;
	padding-top: 33vh;
	padding-right: 40px;
	flex-direction: column;
}

.navbar_expandmenu-item{
	font-size: 13px;
	text-decoration: none;
	line-height: 25px;
	color: #d8d8d8;
	list-style: none;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}




.bg-slider {
    display: flex;
	width: 100%;
	height: 100vh;
    background-position: center center;
	background-size: cover;
} 


.home-top{
	font-size: 13px;
	line-height: 14px;
	padding: 40px 40px;
	color: #434343;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.home-catchy{
	writing-mode: vertical-rl;
	font-size: 13px;
	padding: 0 27px;
	position: absolute;
	top: 38vh;
	color: #434343;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
} 

.home-scroll{
	font-size: 13px;
	padding: 0 40px;
	position: absolute;
	top: 93vh;
	color: #434343; 
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}



.home-aboutme{
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.9) 100%), url('../images/home/IMG_8645.png');
    width:100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
	position:relative;
}

.home-vr_title{
	writing-mode: vertical-rl;
	font-size: 13px;
	padding: 0 27px;
	position: absolute;
	top: 42vh;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.home-aboutme_textarea{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 33vh;
	left: 11vw;
}

.home-aboutme_name_en{
	color: #D8D8D8;
	font-size: 90px;
	font-weight: 600;
	line-height: 85px;
	margin-bottom: 0;
	font-family: "Outfit", sans-serif;
	letter-spacing: 3px;
}

.home-aboutme_name_jp{
	color: #D8D8D8;
	font-size: 13px;
	margin-top: 10px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.home-aboutme_link{
	color: #D8D8D8;
	font-size: 13px;
	text-decoration: none;
	margin-top: 100px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}


.home-works{
	display: flex;
	flex-direction: column;
	background-color: #191919;
    width:100%;
    height: 100vh;
	position: relative;
}

.home-vr_title_2{
	writing-mode: vertical-rl;
	font-size: 13px;
	padding: 0 27px;
	position: absolute;
	top: 42vh;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.home-works_scroll{
	font-size: 14px;
	color: #D8D8D8;
	position: absolute;
	top: 11vh;
	left: 7.5vw;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	font-weight: 500;
}

.home-works_wrapper{
	position: absolute;
	top: 14vh;
	left: 6vw;
	display: flex;
	width: 90%;
	overflow-x: scroll;
}

.home-works_img{
	height: 73vh;
	padding: 1.5vw;
} 


.home-contact{
	display: flex;
	flex-direction: column;
	background-color: #191919;
    width:100%;
    height: 90vh;
	position: relative;
}

.home-vr_title_3{
	writing-mode: vertical-rl;
	font-size: 13px;
	padding: 0 27px;
	position: absolute;
	top: 42vh;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}


.home-contact-text{
	color: #D8D8D8;
	font-size: 90px;
	font-weight: 600;
	line-height: 85px;
	position: absolute;
	top: 10vh;
	left: 8vw;
	font-family: "Outfit", sans-serif;
	letter-spacing: 3px;
}

.home-contact-icon{
	display: flex;
	position: absolute;
	top: 38vh;
	left: 8vw;
}

.home-contact-icon-logo{
	height: 60px;
	padding-right: 15px ;
}


.footer-area{
	color: #D8D8D8;
	font-size: 10px;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 40px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}



/* secondpage */


.home-top_second{
	position: fixed;
	top: 0;
	left: 0;
	font-size: 13px;
	line-height: 14px;
	padding: 40px 40px;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.top-link{
	text-decoration: none;
}


.vr_title{
	writing-mode: vertical-rl;
	font-size: 13px;
	padding: 0 27px;
	top: 42vh;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	position: fixed;
}

.navbar_second{
	display: none;
}

.navbar_expandmenu-item_menu-second{
	background-color: transparent;
	border: none;
	color: #D8D8D8;
	margin-top: 40px;
	margin-right: 40px;
	cursor: pointer;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}


.footer-area_second{
	display: flex;
	width: 100%;
	color: #D8D8D8;
	font-size: 10px;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 40px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	justify-content: flex-end;
}

.footer-area_contact{
	display: flex;
	margin-left: 40px;
	width: 7vw;
	position: fixed;
	bottom: 0;
	left: 0;
}

.footer-area_contact-text{
	color: #D8D8D8;
	font-size: 10px;
	margin-bottom: 20px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	display: flex;
}

.footer_logo{
	width: 30px;
	padding-bottom: 20px;
	padding-left: 10px;
}

/* profile */


.profile_div{
	display: flex;
	justify-content: center;
	margin: 10vh auto 0 auto;
	padding: 20vh 0;
	width: 70%;
}

.profile_div-imgarea{
	width: 25%;
	margin-right: 50px;
}

.profile_div-img{
	width: 100%;
}

.profile_div-textarea{
	display: flex;
	flex-direction: column;
	justify-content:space-between ;
	width:35%;
}

.profile_div-textarea_name-jp{
	font-size: 11px;
	color: #D8D8D8;
	letter-spacing: 2px;
	margin: 0 0;
}

.profile_div-textarea_name-en{
	font-family: "Outfit", sans-serif;
	font-size: 65px;
	letter-spacing: 2px;
	line-height: 60px;
	color: #D8D8D8;
	margin: 10px 0 0 0;
	font-weight: 500;
}

.profile_div-textarea_details{
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	color: #D8D8D8;
	font-size: 13px;
	line-height: 25px;
}

.profile_div-textarea-app{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.profile_div-textarea-appimg{
	width: 13%;
}


.footer-area_profile{
	display: flex;
	justify-content: space-between;
	bottom: 0;
}


.footer-area_profile{
	bottom: 0;
	right: 0;
	color: #D8D8D8;
	font-size: 10px;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 40px;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
}

.footer-area_contact_profile{
	display: flex;
	margin-left: 40px;
	width: 7vw;
}

/* Works second */

.works_secondpage{
    display: flex;
    flex-wrap: wrap;
    margin: 10vh auto;
    width: 70%;
}


/* Advertisement */


.works-caption{
	font-size: 13px;
	color: #D8D8D8;
	font-family: "Outfit", sans-serif;
	letter-spacing: 2px;
	padding-bottom: 6vh;
}


.a10{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a10-c{
    width: 100%;
}

.a10-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a09{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a09-c{
    width: 100%;
}

.a09-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a06{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a06-c{
    width: 100%;
}

.a06-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a05{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a05-c{
    width: 100%;
}

.a05-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a07{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a07-c{
    width: 100%;
}

.a07-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.a04{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a04-c{
    width: 100%;
}

.a04-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a02-c{
    width: 100%;
}

.a02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.a01{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a01-c{
    width: 100%;
}

.a01-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.a03{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a03-c{
    width: 100%;
}

.a03-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.a08{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.a08-c{
    width: 100%;
}

.a08-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/* character */

.c01{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.c01-c{
    width: 100%;
}

.c01-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.c02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.c02-c{
    width: 100%;
}

.c02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* layout */



.l01{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.l01-c{
    width: 100%;
}

.l01-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.l02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.l02-c{
    width: 100%;
}

.l02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.l03{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.l03-c{
    width: 100%;
}

.l03-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/* package */

.p07{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p07-c{
    width: 100%;
}

.p07-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.p06{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p06-c{
    width: 100%;
}

.p06-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.p04{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p04-c{
    width: 100%;
}

.p04-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.p02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p02-c{
    width: 100%;
}

.p02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.p03{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p03-c{
    width: 100%;
}

.p03-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.p05{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p05-c{
    width: 100%;
}

.p05-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.p01{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.p01-c{
    width: 100%;
}

.p01-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/* product */


.pd01{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.pd01-c{
    width: 100%;
}

.pd01-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pd02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.pd02-c{
    width: 100%;
}

.pd02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.pd03{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.pd03-c{
    width: 100%;
}

.pd03-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.pd04{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.pd04-c{
    width: 100%;
}

.pd04-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.pd05{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.pd05-c{
    width: 100%;
}

.pd05-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* web */

.w03{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.w03-c{
    width: 100%;
}

.w03-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.w06{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.w06-c{
    width: 100%;
}

.w06-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.w02{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.w02-c{
    width: 100%;
}

.w02-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.w04{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.w04-c{
    width: 100%;
}

.w04-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.w05{
    width: 100%;
    margin: 10px 0;
    position: relative;
}

.w05-c{
    width: 100%;
}

.w05-bw{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

  }















/* notebook size */



@media screen and (min-width:1024px) and (max-width:1919px){

	.hover-link::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		background: #FFF;
		transition: width .3s;
	  }
	  
	  .hover-link:hover::after {
		width: 120px;
		transition: width .3s;
	  }
	
	
	
	
	  .hover-link2::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		background: #FFF;
		transition: width .3s;
	  }
	  
	  .hover-link2:hover::after {
		width: 230px;
		transition: width .3s;
	  }
	
	
	.navarea{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
		text-align: right;
		background-image: linear-gradient(to right, transparent, #191919);
	}
	
	.navbar_expandmenu-item_menu{
		background-color: transparent;
		border: none;
		color: #D8D8D8;
		margin-top: 40px;
		margin-right: 40px;
		display: none;
		cursor: pointer;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.navbar_expandmenu{
		display: flex;
		height: 100vh;
		margin: 0 0;
		padding-top: 33vh;
		padding-right: 40px;
		flex-direction: column;
	}
	
	.navbar_expandmenu-item{
		font-size: 11px;
		text-decoration: none;
		line-height: 25px;
		color: #d8d8d8;
		list-style: none;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	
	.bg-slider {
		display: flex;
		width: 100%;
		height: 100vh;
		background-position: center center;
		background-size: cover;
	} 
	
	
	.home-top{
		font-size: 12px;
		line-height: 14px;
		padding: 40px 40px;
		color: #434343;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-catchy{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		position: absolute;
		top: 38vh;
		color: #434343;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	} 
	
	.home-scroll{
		font-size: 11px;
		padding: 0 40px;
		position: absolute;
		top: 93vh;
		color: #434343; 
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	.home-aboutme{
		display: flex;
		flex-direction: column;
		background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.9) 100%), url('../images/home/IMG_8645.png');
		width:100%;
		height: 100vh;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top;
		position:relative;
	}
	
	.home-vr_title{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		position: absolute;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-aboutme_textarea{
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 28vh;
		left: 11vw;
	}
	
	.home-aboutme_name_en{
		color: #D8D8D8;
		font-size: 70px;
		font-weight: 600;
		line-height: 65px;
		margin-bottom: 0;
		font-family: "Outfit", sans-serif;
		letter-spacing: 3px;
	}
	
	.home-aboutme_name_jp{
		color: #D8D8D8;
		font-size: 11px;
		margin-top: 10px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-aboutme_link{
		color: #D8D8D8;
		font-size: 11px;
		text-decoration: none;
		margin-top: 80px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.home-works{
		display: flex;
		flex-direction: column;
		background-color: #191919;
		width:100%;
		height: 100vh;
		position: relative;
	}
	
	.home-vr_title_2{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		position: absolute;
		top: 45vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-works_scroll{
		font-size: 14px;
		color: #D8D8D8;
		position: absolute;
		top: 11vh;
		left: 7.5vw;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		font-weight: 500;
	}
	
	.home-works_wrapper{
		position: absolute;
		top: 14vh;
		left: 6vw;
		display: flex;
		width: 90%;
		overflow-x: scroll;
	}
	
	.home-works_img{
		height: 73vh;
		padding: 1.5vw;
	} 
	
	
	.home-contact{
		display: flex;
		flex-direction: column;
		background-color: #191919;
		width:100%;
		height: 90vh;
		position: relative;
	}
	
	.home-vr_title_3{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		position: absolute;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.home-contact-text{
		color: #D8D8D8;
		font-size: 70px;
		font-weight: 600;
		line-height: 65px;
		position: absolute;
		top: 10vh;
		left: 8vw;
		font-family: "Outfit", sans-serif;
		letter-spacing: 3px;
	}
	
	.home-contact-icon{
		display: flex;
		position: absolute;
		top: 42vh;
		left: 8vw;
	}
	
	.home-contact-icon-logo{
		height: 60px;
		padding-right: 15px ;
	}
	
	
	.footer-area{
		color: #D8D8D8;
		font-size: 8px;
		text-align: right;
		margin-bottom: 20px;
		margin-right: 40px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	/* secondpage */
	
	
	.home-top_second{
		position: fixed;
		top: 0;
		left: 0;
		font-size: 11px;
		line-height: 14px;
		padding: 40px 40px;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.top-link{
		text-decoration: none;
	}
	
	
	.vr_title{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		position: fixed;
	}
	
	.navbar_second{
		display: none;
	}
	
	.navbar_expandmenu-item_menu-second{
		background-color: transparent;
		border: none;
		color: #D8D8D8;
		margin-top: 40px;
		margin-right: 40px;
		cursor: pointer;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.footer-area_second{
		display: flex;
		width: 100%;
		color: #D8D8D8;
		font-size: 8px;
		text-align: right;
		margin-bottom: 15px;
		margin-right: 40px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		justify-content: flex-end;
	}
	
	.footer-area_contact{
		display: flex;
		margin-left: 40px;
		width: 7vw;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	
	.footer-area_contact-text{
		color: #D8D8D8;
		font-size: 8px;
		margin-bottom: 20px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		display: flex;
	}
	
	.footer_logo{
		width: 30px;
		padding-bottom: 20px;
		padding-left: 10px;
	}
	
	/* profile */
	
	
	.profile_div{
		display: flex;
		justify-content: center;
		margin: 10vh auto 0 auto;
		padding: 20vh 0;
		width: 80%;
	}
	
	.profile_div-imgarea{
		width: 25%;
		margin-right: 40px;
	}
	
	.profile_div-img{
		width: 100%;
	}
	
	.profile_div-textarea{
		display: flex;
		flex-direction: column;
		justify-content:space-between ;
		width:40%;
	}
	
	.profile_div-textarea_name-jp{
		font-size: 9px;
		color: #D8D8D8;
		letter-spacing: 2px;
		margin: 0 0;
	}
	
	.profile_div-textarea_name-en{
		font-family: "Outfit", sans-serif;
		font-size: 50px;
		letter-spacing: 2px;
		line-height: 45px;
		color: #D8D8D8;
		margin: 10px 0 0 0;
		font-weight: 500;
	}
	
	.profile_div-textarea_details{
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		color: #D8D8D8;
		font-size: 11px;
		line-height: 25px;
	}
	
	.profile_div-textarea-app{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.profile_div-textarea-appimg{
		width: 13%;
	}
	
	
	.footer-area_profile{
		display: flex;
		justify-content: space-between;
		bottom: 0;
	}
	
	
	.footer-area_profile{
		bottom: 0;
		right: 0;
		color: #D8D8D8;
		font-size: 10px;
		text-align: right;
		margin-bottom: 20px;
		margin-right: 20px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.footer-area_contact_profile{
		display: flex;
		margin-left: 40px;
		width: 7vw;
	}
	
	/* Works second */
	
	.works_secondpage{
		display: flex;
		flex-wrap: wrap;
		margin: 10vh auto;
		width: 70%;
	}
	
	
	/* Advertisement */
	
	
	.works-caption{
		font-size: 11px;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		padding-bottom: 6vh;
	}
	
	
	.a10{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a10-c{
		width: 100%;
	}
	
	.a10-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a09{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a09-c{
		width: 100%;
	}
	
	.a09-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a06-c{
		width: 100%;
	}
	
	.a06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a05-c{
		width: 100%;
	}
	
	.a05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a07{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a07-c{
		width: 100%;
	}
	
	.a07-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a04-c{
		width: 100%;
	}
	
	.a04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a02-c{
		width: 100%;
	}
	
	.a02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a01-c{
		width: 100%;
	}
	
	.a01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a03-c{
		width: 100%;
	}
	
	.a03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a08{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a08-c{
		width: 100%;
	}
	
	.a08-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* character */
	
	.c01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.c01-c{
		width: 100%;
	}
	
	.c01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.c02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.c02-c{
		width: 100%;
	}
	
	.c02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* layout */
	
	
	
	.l01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l01-c{
		width: 100%;
	}
	
	.l01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.l02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l02-c{
		width: 100%;
	}
	
	.l02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.l03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l03-c{
		width: 100%;
	}
	
	.l03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* package */
	
	.p07{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p07-c{
		width: 100%;
	}
	
	.p07-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p06-c{
		width: 100%;
	}
	
	.p06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p04-c{
		width: 100%;
	}
	
	.p04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p02-c{
		width: 100%;
	}
	
	.p02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p03-c{
		width: 100%;
	}
	
	.p03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p05-c{
		width: 100%;
	}
	
	.p05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.p01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p01-c{
		width: 100%;
	}
	
	.p01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* product */
	
	
	.pd01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd01-c{
		width: 100%;
	}
	
	.pd01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.pd02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd02-c{
		width: 100%;
	}
	
	.pd02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.pd03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd03-c{
		width: 100%;
	}
	
	.pd03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.pd04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd04-c{
		width: 100%;
	}
	
	.pd04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.pd05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd05-c{
		width: 100%;
	}
	
	.pd05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* web */
	
	.w03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w03-c{
		width: 100%;
	}
	
	.w03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.w06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w06-c{
		width: 100%;
	}
	
	.w06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w02-c{
		width: 100%;
	}
	
	.w02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w04-c{
		width: 100%;
	}
	
	.w04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w05-c{
		width: 100%;
	}
	
	.w05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	  }














/* tablet size */

@media screen and (min-width:481px) and (max-width:1023px){	  


	.hover-link::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		background: #FFF;
		transition: width .3s;
	  }
	  
	  .hover-link:hover::after {
		width: 120px;
		transition: width .3s;
	  }
	
	
	
	
	  .hover-link2::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		background: #FFF;
		transition: width .3s;
	  }
	  
	  .hover-link2:hover::after {
		width: 230px;
		transition: width .3s;
	  }
	
	
	.navarea{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
		text-align: right;
		background-image: linear-gradient(to right, transparent, #191919);
	}
	
	.navbar_expandmenu-item_menu{
		background-color: transparent;
		border: none;
		color: #D8D8D8;
		margin-top: 30px;
		margin-right: 30px;
		display: none;
		cursor: pointer;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.navbar_expandmenu{
		display: flex;
		height: 100vh;
		margin: 0 0;
		padding-top: 33vh;
		padding-right: 30px;
		flex-direction: column;
	}
	
	.navbar_expandmenu-item{
		font-size: 11px;
		text-decoration: none;
		line-height: 25px;
		color: #d8d8d8;
		list-style: none;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	
	.bg-slider {
		display: flex;
		width: 100%;
		height: 100vh;
		background-position: center center;
		background-size: cover;
	} 
	
	
	.home-top{
		font-size: 12px;
		line-height: 14px;
		padding: 30px 30px;
		color: #434343;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-catchy{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		position: absolute;
		top: 38vh;
		color: #434343;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	} 
	
	.home-scroll{
		font-size: 11px;
		padding: 0 30px;
		position: absolute;
		top: 93vh;
		color: #434343; 
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	.home-aboutme{
		display: flex;
		flex-direction: column;
		background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.9) 100%), url('../images/home/IMG_8645.png');
		width:100%;
		height: 100vh;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top;
		position:relative;
	}
	
	.home-vr_title{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 20px;
		position: absolute;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-aboutme_textarea{
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 28vh;
		left: 13vw;
	}
	
	.home-aboutme_name_en{
		color: #D8D8D8;
		font-size: 60px;
		font-weight: 600;
		line-height: 55px;
		margin-bottom: 0;
		font-family: "Outfit", sans-serif;
		letter-spacing: 3px;
	}
	
	.home-aboutme_name_jp{
		color: #D8D8D8;
		font-size: 11px;
		margin-top: 10px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-aboutme_link{
		color: #D8D8D8;
		font-size: 12px;
		text-decoration: none;
		margin-top: 80px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.home-works{
		display: flex;
		flex-direction: column;
		background-color: #191919;
		width:100%;
		height: 100vh;
		position: relative;
	}
	
	.home-vr_title_2{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 20px;
		position: absolute;
		top: 45vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.home-works_scroll{
		font-size: 14px;
		color: #D8D8D8;
		position: absolute;
		top: 11vh;
		left: 7.5vw;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		font-weight: 500;
	}
	
	.home-works_wrapper{
		position: absolute;
		top: 14vh;
		left: 6vw;
		display: flex;
		width: 90%;
		overflow-x: scroll;
	}
	
	.home-works_img{
		height: 75vh;
		padding: 2vw;
	} 
	
	
	.home-contact{
		display: flex;
		flex-direction: column;
		background-color: #191919;
		width:100%;
		height: 90vh;
		position: relative;
	}
	
	.home-vr_title_3{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 20px;
		position: absolute;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.home-contact-text{
		color: #D8D8D8;
		font-size: 70px;
		font-weight: 600;
		line-height: 65px;
		position: absolute;
		top: 3vh;
		left: 10vw;
		font-family: "Outfit", sans-serif;
		letter-spacing: 3px;
	}
	
	.home-contact-icon{
		display: flex;
		position: absolute;
		top: 45vh;
		left: 10vw;
	}
	
	.home-contact-icon-logo{
		height: 60px;
		padding-right: 15px ;
	}
	
	
	.footer-area{
		color: #D8D8D8;
		font-size: 8px;
		text-align: right;
		margin-bottom: 20px;
		margin-right: 40px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	
	/* secondpage */
	
	
	.home-top_second{
		position: fixed;
		top: 0;
		left: 0;
		font-size: 11px;
		line-height: 14px;
		padding: 30px 30px;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.top-link{
		text-decoration: none;
	}
	
	
	.vr_title{
		writing-mode: vertical-rl;
		font-size: 11px;
		padding: 0 27px;
		top: 42vh;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		position: fixed;
	}
	
	.navbar_second{
		display: none;
	}
	
	.navbar_expandmenu-item_menu-second{
		background-color: transparent;
		border: none;
		color: #D8D8D8;
		margin-top: 30px;
		margin-right: 30px;
		cursor: pointer;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	
	.footer-area_second{
		display: flex;
		width: 100%;
		color: #D8D8D8;
		font-size: 8px;
		text-align: right;
		margin-bottom: 15px;
		margin-right: 30px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		justify-content: flex-end;
	}
	
	.footer-area_contact{
		display: flex;
		margin-left: 30px;
		width: 7vw;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	
	.footer-area_contact-text{
		color: #D8D8D8;
		font-size: 8px;
		margin-bottom: 20px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		display: flex;
	}
	
	.footer_logo{
		width: 30px;
		padding-bottom: 20px;
		padding-left: 10px;
	}
	
	/* profile */
	
	
	.profile_div{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 10vh auto 0 auto;
		padding: 5vh 0 10vh 0;
		width: 90%;
	}
	
	.profile_div-imgarea{
		width: 80%;

	}
	
	.profile_div-img{
		width: 100%;
	}
	
	.profile_div-textarea{
		display: flex;
		flex-direction: column;
		justify-content:space-between ;
		padding-top: 1vh;
		width:80%;
	}
	
	.profile_div-textarea_name-jp{
		font-size: 9px;
		color: #D8D8D8;
		letter-spacing: 2px;
		margin: 0 0;
	}
	
	.profile_div-textarea_name-en{
		font-family: "Outfit", sans-serif;
		font-size: 50px;
		letter-spacing: 2px;
		line-height: 45px;
		color: #D8D8D8;
		margin: 10px 0 0 0;
		font-weight: 500;
	}
	
	.profile_div-textarea_details{
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		color: #D8D8D8;
		font-size: 11px;
		line-height: 25px;
		padding: 3vh 0;
	}
	
	.profile_div-textarea-app{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.profile_div-textarea-appimg{
		width: 13%;
	}
	
	
	.footer-area_profile{
		display: flex;
		justify-content: space-between;
		bottom: 0;
	}
	
	
	.footer-area_profile{
		bottom: 0;
		right: 0;
		color: #D8D8D8;
		font-size: 10px;
		text-align: right;
		margin-bottom: 20px;
		margin-right: 20px;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
	}
	
	.footer-area_contact_profile{
		display: flex;
		margin-left: 40px;
		width: 7vw;
	}
	
	/* Works second */
	
	.works_secondpage{
		display: flex;
		flex-wrap: wrap;
		margin: 10vh auto;
		width: 70%;
	}
	
	
	/* Advertisement */
	
	
	.works-caption{
		font-size: 11px;
		color: #D8D8D8;
		font-family: "Outfit", sans-serif;
		letter-spacing: 2px;
		padding-bottom: 0.5vh;
	}
	
	
	.a10{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a10-c{
		width: 100%;
	}
	
	.a10-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a09{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a09-c{
		width: 100%;
	}
	
	.a09-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a06-c{
		width: 100%;
	}
	
	.a06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a05-c{
		width: 100%;
	}
	
	.a05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a07{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a07-c{
		width: 100%;
	}
	
	.a07-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a04-c{
		width: 100%;
	}
	
	.a04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a02-c{
		width: 100%;
	}
	
	.a02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a01-c{
		width: 100%;
	}
	
	.a01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.a03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a03-c{
		width: 100%;
	}
	
	.a03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.a08{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.a08-c{
		width: 100%;
	}
	
	.a08-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* character */
	
	.c01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.c01-c{
		width: 100%;
	}
	
	.c01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.c02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.c02-c{
		width: 100%;
	}
	
	.c02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* layout */
	
	
	
	.l01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l01-c{
		width: 100%;
	}
	
	.l01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.l02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l02-c{
		width: 100%;
	}
	
	.l02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.l03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.l03-c{
		width: 100%;
	}
	
	.l03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* package */
	
	.p07{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p07-c{
		width: 100%;
	}
	
	.p07-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p06-c{
		width: 100%;
	}
	
	.p06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p04-c{
		width: 100%;
	}
	
	.p04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p02-c{
		width: 100%;
	}
	
	.p02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p03-c{
		width: 100%;
	}
	
	.p03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.p05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p05-c{
		width: 100%;
	}
	
	.p05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.p01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.p01-c{
		width: 100%;
	}
	
	.p01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* product */
	
	
	.pd01{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd01-c{
		width: 100%;
	}
	
	.pd01-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.pd02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd02-c{
		width: 100%;
	}
	
	.pd02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.pd03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd03-c{
		width: 100%;
	}
	
	.pd03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.pd04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd04-c{
		width: 100%;
	}
	
	.pd04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.pd05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.pd05-c{
		width: 100%;
	}
	
	.pd05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* web */
	
	.w03{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w03-c{
		width: 100%;
	}
	
	.w03-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.w06{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w06-c{
		width: 100%;
	}
	
	.w06-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w02{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w02-c{
		width: 100%;
	}
	
	.w02-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w04{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w04-c{
		width: 100%;
	}
	
	.w04-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	.w05{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	
	.w05-c{
		width: 100%;
	}
	
	.w05-bw{
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	  }












	  /* mobile */


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



		.hover-link::after {
			content: '';
			display: block;
			width: 0;
			height: 1px;
			background: #FFF;
			transition: width .3s;
		  }
		  
		  .hover-link:hover::after {
			width: 100px;
			transition: width .3s;
		  }
		
		
		
		
		  .hover-link2::after {
			content: '';
			display: block;
			width: 0;
			height: 1px;
			background: #FFF;
			transition: width .3s;
		  }
		  
		  .hover-link2:hover::after {
			width: 230px;
			transition: width .3s;
		  }
		
		
		.navarea{
			position: fixed;
			right: 0;
			top: 0;
			z-index: 9999;
			text-align: right;
			background-image: linear-gradient(to right, transparent, #191919);
		}
		
		.navbar_expandmenu-item_menu{
			background-color: transparent;
			border: none;
			color: #D8D8D8;
			margin-top: 22px;
			margin-right: 22px;
			display: none;
			cursor: pointer;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		.navbar_expandmenu{
			display: flex;
			height: 100vh;
			margin: 0 0;
			padding-top: 33vh;
			padding-right: 22px;
			flex-direction: column;
		}
		
		.navbar_expandmenu-item{
			font-size: 9px;
			text-decoration: none;
			line-height: 18px;
			color: #d8d8d8;
			list-style: none;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		
		
		
		.bg-slider {
			display: flex;
			width: 100%;
			height: 100vh;
			background-position: center center;
			background-size: cover;
		} 
		
		
		.home-top{
			font-size: 10px;
			line-height: 14px;
			padding: 22px 22px;
			color: #434343;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		.home-catchy{
			writing-mode: vertical-rl;
			font-size: 9px;
			padding: 0 18px;
			position: absolute;
			top: 38vh;
			color: #434343;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		} 
		
		.home-scroll{
			font-size: 9px;
			padding: 0 18px;
			position: absolute;
			top: 93vh;
			color: #434343; 
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		
		
		.home-aboutme{
			display: flex;
			flex-direction: column;
			background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.9) 100%), url('../images/home/IMG_8645.png');
			width:100%;
			height: 100vh;
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center top;
			position:relative;
		}
		
		.home-vr_title{
			writing-mode: vertical-rl;
			font-size: 9px;
			padding: 0 18px;
			position: absolute;
			top: 42vh;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			display: none;
		}
		
		.home-aboutme_textarea{
			display: flex;
			width: 80%;
			flex-direction: column;
			position: absolute;
			top: 40vh;
			left: 13vw;
		}
		
		.home-aboutme_name_en{
			color: #D8D8D8;
			font-size: 30px;
			font-weight: 600;
			line-height: 30px;
			margin-bottom: 0;
			font-family: "Outfit", sans-serif;
			letter-spacing: 3px;
			text-align: center;
		}
		
		.home-aboutme_name_jp{
			color: #D8D8D8;
			font-size: 10px;
			margin-top: 10px;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			text-align: center;
		}
		
		.home-aboutme_link{
			color: #D8D8D8;
			font-size: 10px;
			text-decoration: none;
			margin-top: 80px;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			text-align: center;
		}
		
		
		.home-works{
			display: flex;
			flex-direction: column;
			background-color: #191919;
			width:100%;
			height: 100vh;
			position: relative;
		}
		
		.home-vr_title_2{
			writing-mode: vertical-rl;
			font-size: 11px;
			padding: 0 20px;
			position: absolute;
			top: 45vh;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			display: none;
		}
		
		.home-works_scroll{
			font-size: 14px;
			color: #D8D8D8;
			position: absolute;
			top: 8vh;
			left: 7.5vw;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			font-weight: 500;
		}
		
		.home-works_wrapper{
			position: absolute;
			top: 14vh;
			left: 6vw;
			display: flex;
			width: 90%;
			overflow-x: scroll;
		}
		
		.home-works_img{
			height: 75vh;
			padding: 2vw;
		} 
		
		
		.home-contact{
			display: flex;
			flex-direction: column;
			background-color: #191919;
			width:100%;
			height: 100vh;
			position: relative;
		}
		
		.home-vr_title_3{
			writing-mode: vertical-rl;
			font-size: 11px;
			padding: 0 20px;
			position: absolute;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			display: none;
		}
		
		
		.home-contact-text{
			color: #D8D8D8;
			font-size: 40px;
			font-weight: 600;
			line-height: 40px;
			position: absolute;
			top: 20vh;
			padding: 0 10px;
			font-family: "Outfit", sans-serif;
			letter-spacing: 3px;
			text-align: center;
		}
		
		.home-contact-icon{
			display: flex;
			position: absolute;
			top: 230px;
			padding-top: 25vh;
			left: 32vw;
		}
		
		.home-contact-icon-logo{
			height: 50px;
			padding-right: 15px ;
		}
		
		
		.footer-area{
			color: #D8D8D8;
			font-size: 7px;
			text-align: center;
			margin-bottom: 20px;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		
		
		/* secondpage */
		
		
		.home-top_second{
			position: fixed;
			top: 0;
			left: 0;
			font-size: 11px;
			line-height: 14px;
			padding: 22px 22px;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			z-index: 9999;
		}
		
		.top-link{
			text-decoration: none;
		}
		
		
		.vr_title{
			writing-mode: vertical-rl;
			font-size: 9px;
			padding: 0 19px;
			top: 42vh;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			position: fixed;
		}
		
		.navbar_second{
			display: none;
		}
		
		.navbar_expandmenu-item_menu-second{
			background-color: transparent;
			border: none;
			color: #D8D8D8;
			margin-top: 22px;
			margin-right: 22px;
			cursor: pointer;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		
		.footer-area_second{
			width: 100%;
			color: #D8D8D8;
			font-size: 7px;
			text-align: center;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		.footer-area_contact{
			display: flex;
			margin-left: 30px;
			width: 7vw;
			position: fixed;
			bottom: 0;
			left: 0;
		}
		
		.footer-area_contact-text{
			color: #D8D8D8;
			font-size: 8px;
			margin-bottom: 20px;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			display: flex;
		}
		
		.footer_logo{
			width: 30px;
			padding-bottom: 20px;
			padding-left: 10px;
		}
		
		/* profile */
		
		
		.profile_div{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 10vh auto 0 auto;
			padding: 5vh 0 10vh 0;
			width: 80%;
		}
		
		.profile_div-imgarea{
			width: 80%;
	
		}
		
		.profile_div-img{
			width: 100%;
		}
		
		.profile_div-textarea{
			display: flex;
			flex-direction: column;
			justify-content:space-between ;
			padding-top: 1vh;
			width:80%;
		}
		
		.profile_div-textarea_name-jp{
			font-size: 9px;
			color: #D8D8D8;
			letter-spacing: 2px;
			margin: 0 0;
		}
		
		.profile_div-textarea_name-en{
			font-family: "Outfit", sans-serif;
			font-size: 40px;
			letter-spacing: 2px;
			line-height: 45px;
			color: #D8D8D8;
			margin: 10px 0 0 0;
			font-weight: 500;
		}
		
		.profile_div-textarea_details{
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			color: #D8D8D8;
			font-size: 11px;
			line-height: 25px;
			padding: 3vh 0;
		}
		
		.profile_div-textarea-app{
			width: 100%;
			display: flex;
			justify-content: space-between;
		}
		
		.profile_div-textarea-appimg{
			width: 13%;
		}
		
		
		.footer-area_profile{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			bottom: 0;
		}
		
		
		.footer-area_profile{
			bottom: 0;
			right: 0;
			color: #D8D8D8;
			font-size: 8px;
			text-align: center;
			margin: 10px auto;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
		}
		
		.footer-area_contact_profile{
			display: flex;
			margin-left: 40px;
			width: 7vw;
		}
		
		/* Works second */
		
		.works_secondpage{
			display: flex;
			flex-wrap: wrap;
			margin: 15vh auto;
			width: 70%;
		}
		
		
		/* Advertisement */
		
		
		.works-caption{
			font-size: 9px;
			color: #D8D8D8;
			font-family: "Outfit", sans-serif;
			letter-spacing: 2px;
			padding-bottom: 1px;
		}
		
		
		.a10{
			width: 100%;
			margin: 10px 0 0 0;
			position: relative;
		}
		
		.a10-c{
			width: 100%;
		}
		
		.a10-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a09{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a09-c{
			width: 100%;
		}
		
		.a09-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a06{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a06-c{
			width: 100%;
		}
		
		.a06-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a05{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a05-c{
			width: 100%;
		}
		
		.a05-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a07{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a07-c{
			width: 100%;
		}
		
		.a07-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.a04{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a04-c{
			width: 100%;
		}
		
		.a04-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a02-c{
			width: 100%;
		}
		
		.a02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.a01{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a01-c{
			width: 100%;
		}
		
		.a01-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.a03{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a03-c{
			width: 100%;
		}
		
		.a03-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.a08{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.a08-c{
			width: 100%;
		}
		
		.a08-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		/* character */
		
		.c01{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.c01-c{
			width: 100%;
		}
		
		.c01-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.c02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.c02-c{
			width: 100%;
		}
		
		.c02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		/* layout */
		
		
		
		.l01{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.l01-c{
			width: 100%;
		}
		
		.l01-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.l02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.l02-c{
			width: 100%;
		}
		
		.l02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.l03{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.l03-c{
			width: 100%;
		}
		
		.l03-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		/* package */
		
		.p07{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p07-c{
			width: 100%;
		}
		
		.p07-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.p06{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p06-c{
			width: 100%;
		}
		
		.p06-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.p04{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p04-c{
			width: 100%;
		}
		
		.p04-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.p02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p02-c{
			width: 100%;
		}
		
		.p02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.p03{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p03-c{
			width: 100%;
		}
		
		.p03-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.p05{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p05-c{
			width: 100%;
		}
		
		.p05-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.p01{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.p01-c{
			width: 100%;
		}
		
		.p01-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		/* product */
		
		
		.pd01{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.pd01-c{
			width: 100%;
		}
		
		.pd01-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.pd02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.pd02-c{
			width: 100%;
		}
		
		.pd02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.pd03{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.pd03-c{
			width: 100%;
		}
		
		.pd03-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.pd04{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.pd04-c{
			width: 100%;
		}
		
		.pd04-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.pd05{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.pd05-c{
			width: 100%;
		}
		
		.pd05-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		/* web */
		
		.w03{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.w03-c{
			width: 100%;
		}
		
		.w03-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		.w06{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.w06-c{
			width: 100%;
		}
		
		.w06-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.w02{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.w02-c{
			width: 100%;
		}
		
		.w02-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.w04{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.w04-c{
			width: 100%;
		}
		
		.w04-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		
		.w05{
			width: 100%;
			margin: 10px 0;
			position: relative;
		}
		
		.w05-c{
			width: 100%;
		}
		
		.w05-bw{
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		  }