@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Quicksand:300|Roboto:300);

@media screen and (max-width:460px){
img{
max-width: 460;
height: 60%;
width /***/:auto;
	}
	
#container{
width:80%;
}

BODY { overflow-x: hidden;
-webkit-text-size-adjust: 80%; /* iPhone */
background-color: #ffffff;
}
p {
line-height: 100%;
} 
video#bgvideo {
  position: absolute; left: 0; top: 0;
  width: 100%; padding: 0; z-index: 100;
  opacity:1;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background: url(../takuya_bg.png) no-repeat;
}
img#img1 {
display:inline;
}

.style1 {
	color: #666666;
	font-family: 'Noto Sans JP';
	font-size: 9px;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}

.style2 {
	color: #000000;
	font-family: 'Noto Sans JP';
	font-size: 9px;
	letter-spacing: 0.1em;
}
.style3 {
color: #666666;
	font-family: 'Noto Sans JP';
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}
.style3_title {
color: #666666;
	font-family: 'Barlow', sans-serif;
	font-size: 20.5px;
	letter-spacing: 0.1em;
	font-weight: 200;
}	
	
	
.style4 {color: #FF0000}

	
.btn3{
width:70px; 
height:auto;
}		
	
.nav3{
list-style: none;
padding: 0;
position: absolute;
left:0; 
top: 270px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
}
	

.plate1{
position:absolute;
top:380px;
left:0;
width:100%; 
height:10px;
text-align: center;
z-index:1;
opacity:1;
}
.profile{
position:absolute;
top:430px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:100;
opacity:1;
}
.profile_pic{
position:absolute;
top:480px;
left:0;
width:100%; 
height:150px;
text-align: center;
z-index:120;
opacity:1;
}
	
.text1{
display: none;	
position:absolute;
margin:20px;
top:580px;
left:0;
width:85%; 
height:270px;
text-align: left;
z-index:100;
opacity:1;
padding-left: 25px;
}
	
.text1s{
display: inline;
position:absolute;
margin:20px;
top:580px;
left:0;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left: 25px;
}

.nav4{
list-style: none;
padding: 0;
position: absolute;
left:0; 
top: 1020px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
}

.plate2{
position:absolute;
top:1100px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.work{
position:absolute;
left:0; 
top: 1180px;
width:100%; 
height:64px;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_title01{
position:absolute;
left:0; 
top: 1250px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image01{
position:absolute;
left:0; 
top: 1300px;
width:100%; 
height:300px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text01{
display: none;	
}	
	
.work_content_text01s{
display: inline;	
position:absolute;
left:0; 
top: 1480px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}	
	

.work_content_title02{
position:absolute;
left:0; 
top: 1780px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image02{
position:absolute;
left:0; 
top: 1830px;
width:100%; 
height:700px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text02{
display: none;	
}	
.work_content_text02s{
display:inline;	
position:absolute;
left:0; 
top: 2260px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}		
	
.work_content_title03{
position:absolute;
left:0; 
top: 2570px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image03{
position:absolute;
left:0; 
top: 2630px;
width:100%; 
height:440px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text03{
display: none;	
}	
.work_content_text03s{
display: inline;	
position:absolute;
left:0; 
top: 2910px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}			
	
.work_content_title04{
position:absolute;
left:0; 
top: 3200px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image04{
position:absolute;
left:0; 
top: 3260px;
width:100%; 
height:570px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text04{
display:none;	
}
.work_content_text04s{
display:inline;	
position:absolute;
left:0; 
top: 3620px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}			
	
.work_content_title05{
position:absolute;
left:0; 
top: 4370px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image05{
position:absolute;
left:0; 
top: 4430px;
width:100%; 
height:480px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text05{
display:none;	
}
.work_content_text05s{
display:inline;	
position:absolute;
left:0; 
top: 4730px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}				
	
.work_content_title06{
position:absolute;
left:0; 
top: 5610px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image06{
position:absolute;
left:0; 
top: 5670px;
width:100%; 
height:460px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text06{
	display:none;
}			
.work_content_text06s{
display:inline;	
position:absolute;
left:0; 
top: 5960px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}		
	
.work_content_title07{
position:absolute;
left:0; 
top: 6330px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image07{
position:absolute;
left:0; 
top: 6390px;
width:100%; 
height:290px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text07{
display: none;	
}	
.work_content_text07s{
display: inline;	
position:absolute;
left:0; 
top: 6580px;
width:80%; 
height:auto;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;
}		
	
.videos{
display:none;
}
.videos2{
display:none;
}	
	
.videos_small{
position:absolute;
left:0; 
top: 4080px;
width:100%; 
height:400px;
text-align: center;
z-index:10;
opacity:1;
display:inline;
}
.videos_small2{
position:absolute;
left:0; 
top: 5310px;
width:100%; 
height:400px;
text-align: center;
z-index:10;
opacity:1;
display:inline;
}	

.nav5{
list-style: none;
padding: 0;
position: absolute;
left:0; 
top:6900px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
}


.plate3{
position:absolute;
top:7020px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.contact{
position:absolute;
left:0; 
top: 7100px;
width:100%; 
height:39px;
text-align: center;
z-index:100;
opacity:1;
}
.text2{
display:none;	
	}
.text2s{
display:inline;	
position:absolute;
top:7170px;
left:0;
width:80%;
height:477px;
text-align: left;
z-index:100;
opacity:1;
padding-left:40px;	
}	

.mailform{
position:absolute;
left:0; 
top: 7560px;
width:100%; 
height:39px;
text-align: center;
z-index:100;
opacity:1;
}


.copyright{
position:absolute;
top:8300px;
left:0;
width:100%;
height:50px;
text-align: center;
z-index:100;
opacity:1;
}
}