@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: 768px){
	
img {
max-width: 768px;
height: 80%;
width /***/:auto;
	}
	

#container{
width:100%;
}

BODY { overflow-x: hidden;
-webkit-text-size-adjust: 80%; /* iPhone */
background-color: #ffffff;
}

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: 10.5px;
	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: 11.5px;
	letter-spacing: 0.1em;
}
.style4 {color: #FF0000}

	
	
.btn3{
width:70px; 
height:auto;
}	
	
.nav3{
list-style: none;
padding: 0;
position: absolute;
left:0; 
top: 370px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
}
	
.plate1{
position:absolute;
top:540px;
left:0;
width:100%; 
height:10px;
text-align: center;
z-index:1;
opacity:1;
}
.profile{
position:absolute;
top:580px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:100;
opacity:1;
}
.profile_pic{
position:absolute;
top:645px;
left:0;
width:100%; 
height:150px;
text-align: center;
z-index:120;
opacity:1;
}
.text1{
display:inline;	
position:absolute;
top:790px;
left:0;
width:100%; 
height:270px;
text-align: center;
z-index:100;
opacity:1;
}
.text1s{
display:none;	
}	

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

.plate2{
position:absolute;
top:1290px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.work{
position:absolute;
left:0; 
top: 1350px;
width:100%; 
height:64px;
text-align: center;
z-index:100;
opacity:1;
}
	
.work_content_title01{
position:absolute;
left:0; 
top: 1400px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image01{
position:absolute;
left:0; 
top: 1450px;
width:100%; 
height:300px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text01{
display:inline;	
position:absolute;
left:0; 
top: 1680px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text01s{
display:none;	
}			
	
.work_content_title02{
position:absolute;
left:0; 
top: 1930px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image02{
position:absolute;
left:0; 
top: 2000px;
width:100%; 
height:600px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text02{
display:inline;	
position:absolute;
left:0; 
top: 2500px;
width:100%; 
height:auto;
text-align: center;
z-index:100;	
opacity:1;
}
.work_content_text02s{
display:none;	
}			

.work_content_title03{
position:absolute;
left:0; 
top: 2760px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image03{
position:absolute;
left:0; 
top: 2840px;
width:100%; 
height:380px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text03{
display:inline;	
position:absolute;
left:0; 
top: 3160px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}			
.work_content_text03s{
display:none;	
}		
	
.work_content_title04{
position:absolute;
left:0; 
top: 3420px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image04{
position:absolute;
left:0; 
top: 3500px;
width:100%; 
height:510px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text04{
display:inline;	
position:absolute;
left:0; 
top: 3930px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text04s{
display:none;	
}		
	
.work_content_title05{
position:absolute;
left:0; 
top: 4680px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image05{
position:absolute;
left:0; 
top: 4760px;
width:100%; 
height:430px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text05{
display:inline;	
position:absolute;
left:0; 
top: 5120px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text05s{
display:none;	
}		
	
.work_content_title06{
position:absolute;
left:0; 
top: 6000px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image06{
position:absolute;
left:0; 
top: 6080px;
width:100%; 
height:430px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text06{
display:inline;	
position:absolute;
left:0; 
top: 6440px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text06s{
display:none;	
}		

.work_content_title07{
position:absolute;
left:0; 
top: 6800px;
width:100%; 
height:auto;
text-align: center;	
z-index:100;
opacity:1;
}
.work_content_image07{
position:absolute;
left:0; 
top: 6880px;
width:100%; 
height:280px;
text-align: center;
z-index:100;
opacity:1;
}	
.work_content_text07{
display:inline;		
position:absolute;
left:0; 
top: 7120px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}		
.work_content_text07s{
display:none;		
}		
	
.videos{
position:absolute;
left:0; 
top: 4320px;
width:100%; 
height:400px;
text-align: center;
z-index:10;
opacity:1;
display:inline;
}
.videos2{
position:absolute;
left:0; 
top: 5620px;
width:100%; 
height:400px;
text-align: center;
z-index:10;
opacity:1;
display:inline;
}	
.videos_small{
display:none;
}
.videos_small2{
display:none;
}

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

.plate3{
position:absolute;
top:7550px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.contact{
position:absolute;
left:0; 
top: 7580px;
width:100%; 
height:39px;
text-align: center;
z-index:100;
opacity:1;
}
.text2{
display:inline;	
position:absolute;
top:7650px;
left:0;
width:100%;
height:477px;
text-align: center;
z-index:100;
opacity:1;
}
.text2s{
display:none;	
}	

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


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