body {
    padding-top: 50px;
}	


.video {
position:absolute;
width: 100%;
max-height:auto;
left: 0;
top: 0;
z-index: 2;
}

h2 { color:#000; font-size:16px;  }
h3 { color:#000; font-size:16px; }
h4 { color:#000; font-size:12px; }
	
h1.rogo1:before {
	display: inline-block;
	content: url("../img/logo1.png");
	opacity: 0.8;
}

h1.midashi:before {
	display: inline-block;
}

.img-center {
    margin: 0 auto;
}

.padding-top {
padding-top:30px;
}

p.footer  {
	margin:0px 0px 20px 0px;
	color:#000;
	font-size:12px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}


hr {
   border:solid #ccc;
   border-width:1px 0 0 0;
   width:auto;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
} 

.height30 { height:30px; }

.clear_box { clear:both; }

a:link { color: #fff; } /* 未訪問のリンク*/
a:visited { color: #fff; } /*訪問済みのリンク*/
a:hover { color: #fff; } /*ポイント時のリンク*/
a:active { color: #fff; } /*選択中のリンク*/

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

/* フェードインアニメーションここから */

div#in{
	display: inline-block;
	background:url(../img/logo1.png);
	width: 320px;
	height: 260px;
	-webkit-animation: fadein 10s linear 0s 1;
	-ms-animation: fadein 10s linear 0s 1;
	-moz-animation: fadein 10s linear 0s 1;
	-o-animation: fadein 10s linear 0s 1;
}
@-webkit-keyframes fadein {
	0%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/* フェードインアニメーションここまで */


.title { margin:0px 0px 0px 10px;
	 }

.title p.rogo1 {
	margin: auto;
	max-width: 1120px;
	height: 260px;
	}
	
.title h1.midashi {
	margin: auto;
	max-width: 1120px;
	color:#FFF;
	height: 260px;
	margin-bottom:0px;
	margin-right:80px;
	text-align:right;
	font-size:12px;
	line-height: 180%;
	letter-spacing: 0.1em; 
	}

.rogo_right {
	margin: auto;
	max-width: 1120px;
	color:#FFF;
	margin-top:-20px;
	margin-right:80px;
	margin-bottom:5px;
	text-align:right;
	width:320px;
	height:48px;
	background:url(../img/right_rogo.png);
	}	

.cosbn_right {
	margin: auto;
	max-width: 1120px;
	color:#FFF;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:right;
	width:320px;
	height:48px;
	-webkit-animation: fadein 2s linear 0s 1;
	-ms-animation: fadein 10s linear 0s 1;
	-moz-animation: fadein 10s linear 0s 1;
	-o-animation: fadein 10s linear 0s 1;
	
	}		


img.titlerogo {
width: 270px;
height: 30px;
}

p.sm { margin-left:auto; margin-right:auto; text-align:left; margin:10px 40px;  } 

.covervid-wrapper {
  position:absolute;
  width: 100%;
  height:950px;
  max-height:auto;
  background:url(../img/gra.png);
  top: 0;
  left: 0;
  z-index: 3;
}

		
.main {
	position: relative;
	top:0;
	margin:0 auto;
	max-height:500px;
	z-index: 3;
}

.magin_top { margin-top:0px;}

.business-header {
    height: 200px;
}

.ml_300 {
	margin-top:-80px;
	margin-left:0px;
	}
	
.tagline {
	color:#000;
	font-size:18px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}


p.marginleft100 {
	margin:20px 0px 25px 80px;
	line-height: 250%;
	letter-spacing: 0.1em; 
	text-align:left;
	width:70%;
	color:#000;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.img_magin {
	margin:10px;
	width: 150%;
}

.img_aboutus {
	margin:120px 20px 50px 50px ;
	width: 100%;
}

.img_qutline {
	margin:160px 20px 20px 50px ;
	width: 140%;
}

.img_contents {
	margin:0px 0px -2000px 400px ;
	width: 50% ;
}

.aboutus_img {
	margin:280px 0px 0px 0px ;
	height:500px;
	width: 500px;
	background-image:url(../img/aboutus.png);
}

.Qutline_img {
	height:900px;
	width: 400px;
	background-image:url(../img/Qutline.jpg);
	opacity: 0.8;
}

.back02_img {
	margin-top:100px;
	height:1000px;
	width:100%;
	background-image:url(../img/back02.jpg);
}

.left_box{
		width:2000px;
	}

p.left {
	margin:0px ;
	line-height: 180%;
	letter-spacing: 0.1em; 
	color:#000;
	font-size:10px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	
}

.left_text{
	width:300px;
	height:auto;
	}


.left01 {
	background-image:url(../img/con_img.png);
	float:left;
	height:300px;
	width:300px;
	margin-left:140px;
	margin-top:360px;
	}

.left02 {
	background-image:url(../img/con_img.png);
	float:left;
	height:300px;
	width:300px;
	margin-left:-20px;
	margin-top:100px;
	}
	
.left03 {
	background-image:url(../img/con_img.png);
	float:left;
	height:300px;
	width:300px;
	margin-left:90px;
	margin-top:300px;
	}
	
.company {
	margin-left:300px;

	}
	
p.footer {
	line-height: 150%;
	width:300px;
	color:fff;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.center_table1 { width:250px; }
.center_table2{ width:400px; }
.center_table3{ width:600px; }
.padding10 { padding:10px; }
.padding_width1 { padding:10px 0px 2px 10px ; }	
.padding_width2 { padding:2px 0px 2px 20px ; }	
.padding_width3 { padding:10px 0px 2px 40px ; }	
.padding_width4 { padding:2px 0px 2px 80px ; text-align:right; }		
	
	
.logo_footerimg { background-image:url(../img/logo2.png); height:72px; width:80px; }	
	
footer{
    margin: 50px 0px 0px 0px ;
}	
	
p.footer_c  {
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#fff;
	font-size:14px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.footer_b  {
	margin:0px 0px 0px 0px;
	color:#fff;
	font-size:14px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.footer_a  {
	margin:0px 0px 0px 5px;
	color:#fff;
	font-size:14px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.1em; 
}

p.footer_d  {
	margin:30px 0px 0px 0px;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em; 
	font-size:12px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}
	
.footer_box {
	height:180px;
	width:100% auto;
	background-color:#333;
}

.td_box { margin:0px; padding:20px 80px 0px 0px; }
.td_box2 { margin:0px; padding:0px 0px 0px 0px; }


	
}

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

/* フェードインアニメーションここから */

div#in{
	margin-left:110px;
	margin-top:0px;
	text-align:center;
	background:url(../img/logo1.png);
	width: 320px;
	height: 260px;
	-webkit-animation: fadein 3s linear 0s 1;
}

	


@-webkit-keyframes fadein {
	0%{
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/* フェードインアニメーションここまで */





.img_footer{ margin: 10px 0px 10px 0px; background-image:url(../img/logo3.png); height:54px; width:60px; border:0; }	

.title { 
	margin-left:-100px;
	 }
	 
.title h1.midashi {
	margin-left:100px;
	text-align:center;
	letter-spacing: 0.1em; 
	line-height: 200%;
	color:#000;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	}
	 

img.titlerogo { 
width: 170px;
height: 19px;
}

p.sm { margin:20px 40px; text-align:left;  }

.covervid-wrapper {
  z-index: 0;
}

.magin_top { margin-top:0px;}

.main {
	position: relative;
	top:0;
	margin:0 auto;
}



body{
background-image:url(../img/sp_back02.jpg);
background-repeat:no-repeat;
}


.wrap {
	overflow: hidden;
}

.business-header {
    height: 190px;
	width: 100%;
	background-color:#fff;
}


img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.img_magin {
	margin:10px;
	width: 70%;
}

.container{
width:100%;
}

.container_2{
width:100%;
top:500px;
}


.title p.rogo1 {
	margin: 20px auto;
	max-width: 200px;
	height: 300px;
	}

p.rogo1:before {
	display: inline-block;
	content: url("../img/logo1.png");
}

video{
display:none;
}

.ml_300 {
	margin-left:10px;
	}

.tagline {
	color:#000;
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.marginleft100 {
	margin:0px 10px 10px 10px;
		line-height: 200%;
	text-align:center;
	color:#000;
	font-size:12px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.padding-top {
padding-top:0px;
}



.aboutus_img {
	margin:0 ;
}

.img_contents {
	margin:60px 20px 30px 40px ;
	width: 80% ;
	
}

.img_aboutus {
	margin:0px 20px 20px 40px ;
	width: 90%;
}

.img_qutline {
	margin:60px 20px 10px 50px ;
	width: 100%;
}


.back02_img {
	margin:0;
}

.left_box{
	margin:0;
	}

.left_text{
	width:260px;
	margin-bottom:10px;
	height:auto;
	opacity: 0.5;
	}


.left01 {
	height:360px;
	width:360px;
	}

.left02 {
	height:360px;
	width:360px;
	}
	
.left03 {
	height:360px;
	width:360px;
	}
	
p.left {
	margin:0px ;
	line-height: 200%;
	letter-spacing: 0.2em; 
	color:#000;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	
}
	
.company {
	font-size:12px;

	}
	
p.company_t  {
	margin:0px;
	color:#000;
	font-size:12px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.footer {
	line-height: 150%;
	width:220px;
	color:#000;
	font-size:11px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.center_table1 { width:240px; }
.center_table2{ width:400px; }
.padding10 { padding:10px; }
.padding_width1 { padding:10px 0px 2px 10px ; }	
.padding_width2 { padding:2px 0px 2px 20px ; }


footer{
    margin: 0px 0px 0px 0px ;
}	
	
p.footer_c  {
	margin:0px 0px 0px 10px;
	text-align:center;
	color:#fff;
	font-size:10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.footer_b  {
	margin:0px 0px 0px 5px;
	color:#fff;
	font-size:10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.footer_a  {
	margin:0px 0px 0px 10px;
	color:#fff;
	font-size:10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.1em; 
}

p.footer_d  {
	margin:10px 0px 0px 0px;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em; 
	font-size:10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}


p.footer_i  {
	margin: 0px;
	color:#000;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
}
	
.footer_box {
	height:130px;
	width:100% auto;
	background-color:#333;
}

.td_box { margin:0px; padding:20px 0px 0px 0px; }
.td_box2 { margin:0px; padding:0px 0px 0px 0px; }

.logo_footerimg { margin: 0px; height:45px; width:50px; border:0; }	

}