*{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
background-color:#000000;
}


/* ----- 背景用の動画ファイル ----- */
#bg-video{
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url('img/854x480.jpg') no-repeat;
background-size: cover;
}

/*INDEX*/
.maincontents{
position: relative;
width: 100%;
height: 100vh;
}
/*INDEX TOPMENU*/
.topmenu{
position: absolute;
top:0px;
right:0px;
text-align:right;
}
.topmenu a{
font-size:20px;
color:#ffffff;
opacity:0.25;
margin-right:10px;
text-decoration: none;
}
/*INDEX TOP*/
.topcontents{
position: absolute;
top:40%;
width:100%;
text-align:center;
}
/*H1*/
.h1_index{
font-size:50px;
color:#ffffff;
opacity:0.75;
}
/*H1a*/
.topcontents a{
text-decoration: none;
}
.topcontentsimg{
position: absolute;
bottom:5px;
width:100%;
text-align:center;
opacity:0.15;
}
/*INDEX MIDDLE*/
.middlecontents{
position: absolute;
top:100%;
left:0px;
width:100%;
color:#333333;
z-index: 2;
/*background-color:#ffffff;
opacity:0.75;*/

padding-top:10px;
}
.middlecontentsin{
/*position: relative;*/
position: static;
background: rgba(255,255,255, 0.75);
margin-left:5%;
margin-right:5%;
padding-bottom:10px;
}
.middlecontensbottom{
margin-left:5%;
margin-right:5%;
margin-bottom:20px;
opacity:0.75;
}
.middlecontensbottom img{
width:100%;
max-width: 100%;
height: auto;
}
/*MIDDLE MENU*/
.middlemenu{
position: sticky;
top:0px;
text-align:center;
padding:5px 10% 0px 10%;
height:50px;
z-index:10;
background: rgba(255,255,255, 0.75);
}

.middlemenudata{
border:1px solid #333333;
width:30%;
height:50px;
text-align:center;
display: inline-block;
background: linear-gradient(-135deg, #ffffff, #E9D9AD);
}
.middlemenutable{
border-collapse:separate;
border-spacing:5px;
width:100%;
}
.middlemenutable td{
width:33%;
height:30px;
background: linear-gradient(-135deg, #ffffff, #E9D9AD);
}
.middle_a{
text-decoration: none;
color:#666666;
display: block;
}


/*MIDDLE contentdata*/
.middledata{
text-align:left;
margin:15px 10% 15px 10%;
padding:10px;
border:1px solid #999999;
background: rgba(255,255,255, 0.75);
border-radius: 5px;
}
.middletopmsg{
padding:5px;
margin-bottom:20px;
}
.middletitle{
border:1px solid #333333;
text-align:center;
display: inline-block;
font-size:20px;
padding:10px;
margin:5px 5px 5px 5px;
background: rgba(255,255,255, 1.00);
color:#333333;
font-weight: bold;
width:200px;
}

/*サービス*/
.svbox{
padding:5px;
margin-bottom:10px;
}
.svtable{
border-collapse:collapse;
width:100%;
}
.svtabletd1{
margin-right:10px;
width: 30%;
vertical-align: top;
}
.svtabletd1 img{
width:100%;
max-width: 100%;
height: auto;
}
.svtabletd2{
padding:0px 0px 0px 10px;
width: auto;
vertical-align: top;
}
.svboxtitle{
border-top:1px solid #666666;
border-bottom:1px solid #666666;
padding-left:5px;
font-size:18px;
}
.svboxlist{
margin-left:1.2em;
}
.svboxlist li{
line-height:1.2em;
padding:5px 0px 5px 0px;
}
/*INDEX FOOTER*/
.footercontents{
text-align:center;
color:#ffffff;
margin-bottom:10px;
opacity:0.75;
}






.effect-fade {
opacity : 0;
transform : translate(0, 45px);
transition : all 600ms;
}

.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}



.effect-fade2 {
opacity : 0;
transform : translate(0, 45px);
transition : all 900ms;
}

.effect-fade2.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}



/*contens TOP*/
.topcontents2{
position: absolute;
top:12%;
width:100%;
text-align:center;
}
/*contens FOOTER*/
.footercontents2{
position: absolute;
width:100%;
bottom:0px;
text-align:center;
color:#333333;
}
.maincontensdata{
margin:0px 10% 0px 10%;
color:#ffffff;
text-align:center;
}
.maincontenstable{
border-collapse:collapse;
margin-left:auto;margin-right:auto;
opacity:0.25;
margin-top:20px;
}
.maincontenstable td{
padding-bottom:10px;
}
.maincontenstd1{
width:27%;
text-align:right;
vertical-align: top;
}
.maincontenstd2{
width:3%;
text-align:right;
vertical-align: top;
}
.maincontenstd3{
width:70%;
text-align:left;
vertical-align: top;
}
.a_tel{
color:#ffffff;
text-decoration: none;
}


/*会社概要*/
.cotable{
border-collapse:collapse;
width:100%;
}
.cotabletd1{
padding:5px;
border:1px solid #999999;
text-align:right;
}
.cotabletd2{
padding:5px;
border:1px solid #999999;
text-align:left;
}



.fm_line{
width:98%;
}
.fm_select{
width:98%;
}
.fm_txt{
width:98%;
height:180px;
}
.fm_smt{
width:50%;
text-align:center;
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}