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

a,p {
    color: #666666;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a:hover p{
    color: #222222;
}

img#img1{
width: 100%;
height: auto;
padding: 0;
position: absolute;
left:0; 
top: 0;
z-index:1;
}
.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=70)";
}
td.l_Cel {width:740px;}
table {
	border-collapse:collapse;
}
td {
	font-size:100%;
	color:#666;
	font-family: "小塚ゴシック Pro EL",sans-serif;
}

.mailform{
	color: #999999;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
}
input#submit_button {
	padding: 15px 50px;
	font-size: 14px;
	font-weight:100;
	color:#fff;
	border-style: none;
	z-index: 100;
	opacity: 1;
	background-color: #222;
}
	
input[type="text"],
textarea{
	width: 100%;
	height:50%;
	color: #999999;
	font-family: "小塚ゴシック Pro EL",sans-serif;
	letter-spacing: 0.03em;
	font-size: 13px;
	}

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;
}

.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: 14.5px;
	letter-spacing: 0.1em;
}
.style3_title {
color: #666666;
	font-family: 'Barlow', sans-serif;
	font-size: 22.5px;
	letter-spacing: 0.1em;
	font-weight: 200;
}
.style4 {color: #FF0000}

.style5 {color: #999999;
font-family: 'Noto Sans JP';
	font-size: 9px;
	letter-spacing: 0.1em;
}
.style6 {color: #222222;
font-family: 'Noto Sans JP';
	font-size: 9px;
	letter-spacing: 0.1em;
}


.btn3{
width:80px; 
height:auto;
}

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

.plate1{
position:absolute;
top: 840px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.profile{
position:absolute;
top: 880px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:100;
opacity:1;
}
.profile_pic{
position:absolute;
top:970px;
left:0;
width:100%; 
height:150px;
text-align: center;
z-index:120;
opacity:1;
}
.text1{
display: inline;	
position:absolute;
top:1150px;
left:0;
width:100%; 
height:auto;
text-align: center;
z-index:1;
opacity:1;
}
.text1s{
display:none;		
}

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


.plate2{
position:absolute;
top:1790px;
left:0;
width:100%; 
height:36px;
text-align: center;
z-index:1;
opacity:1;
}
.work{
position:absolute;
left:0; 
top: 1850px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_title01{
position:absolute;
left:0; 
top: 1930px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image01{
position:absolute;
left:0; 
top: 1980px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text01{
display:inline;	
position:absolute;
left:0; 
top: 2230px;
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: 2550px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image02{
position:absolute;
left:0; 
top: 2640px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text02{
display:inline;	
position:absolute;
left:0; 
top: 3280px;
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: 3620px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image03{
position:absolute;
left:0; 
top: 3710px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text03{
display:inline;	
position:absolute;
left:0; 
top: 4120px;
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: 4450px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image04{
position:absolute;
left:0; 
top: 4540px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text04{
display:inline;	
position:absolute;
left:0; 
top: 5080px;
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: 5950px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image05{
position:absolute;
left:0; 
top: 6040px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text05{
display:inline;	
position:absolute;
left:0; 
top: 6500px;
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: 7520px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image06{
position:absolute;
left:0; 
top: 7610px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text06{
display:inline;	
position:absolute;
left:0; 
top: 8050px;
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: 8500px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_image07{
position:absolute;
left:0; 
top: 8590px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text07{
display:inline;	
position:absolute;
left:0; 
top: 8870px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
}
.work_content_text07s{
display:none;	
}



.videos{
position:absolute;
left:0; 
top: 5560px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
display:inline;
}

.videos2{
position:absolute;
left:0; 
top: 7130px;
width:100%; 
height:auto;
text-align: center;
z-index:100;
opacity:1;
display:inline;
}

.videos_small{
display:none;
}
.videos_small2{
display:none;
}

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


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

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



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

}


@media screen and (max-device-width: 800px) {
  html { background: url(bg_img.png) #fff no-repeat center center fixed; }
  #bgvid { display: none; }
}