@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			http://www.fuse-teleline.co.jp/
File name:			page.css

-----------------------------------*/


/*-------------------------
#content
コンテンツ
-------------------------*/

#content .business{width:100%;max-width:960px;margin:0 auto;padding:0 0 30px;}
#content .business .bus_inner{background:url(images/back.jpg) center bottom no-repeat;background-size:960px 1300px;}
#content .business h3{padding:50px 0 0;font-size:35px;line-height:55px;color:#666;}
#content .business .box1{padding:50px 0 0;}
#content .business .box1 h4{}
#content .business .box1 dl{padding:40px 0 0;width:700px;margin:0 auto;
background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#00FFFFFF',GradientType=0 );
}
#content .business .box1 dt{}
#content .business .box1 dt img{width:100%;max-width:420px;height:auto;}
#content .business .box1 dd{font-size:16px;line-height:34px;text-align:left;width:600px;padding:30px 0 0;margin:0 auto;}
#content .business .box2{padding:50px 0 0;}
#content .business .box2 h4{}
#content .business .box2 p{padding:15px 0 0;}
#content .business .box2 ul{padding:15px 0 0;text-align:center;
letter-spacing:-1em;}
#content .business .box2 li{width:285px;
vertical-align:top;display:inline-block;letter-spacing:normal;}
#content .business .box2 li a{font-size:15px;line-height:44px;text-decoration:none;color:#FFF;width:130px;height:44px;border:1px solid #FFF;background:rgba(0,0,0,0.5) url(images/ar1.png) 95% center no-repeat;background-size:30px 30px;text-align:left;padding:0 15px;
vertical-align:top;display:inline-block;}
#content .business .box2 li a:hover{background-color:rgba(0,0,0,0.7)}
#content .business .box3{padding:60px 0 0;}
#content .business .box3 h4{font-size:26px;line-height:50px;color:#FFF;}
#content .business .box3 .inner{}
#content .business .box3 .inner ul{text-align:left;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:9px 0;
vertical-align:top;display:inline-block;}
#content .business .box3 .inner li{font-size:16px;line-height:35px;letter-spacing:0.1em;margin:0 20px;color:#FFF;}
#content .business .box3 .inner li:before{content:"●";}

#content .business .btn_staff{padding:50px 0 300px;margin:0 auto;width:480px;}
#content .business .btn_staff a{display:block;text-decoration:none;text-align:center;padding:15px 0 10px 0;position:relative;box-shadow:0 0 5px #888;
background:#00aedc;
background:-moz-linear-gradient(left,  #00aedc 0%, #61c3dc 100%);
background:-webkit-linear-gradient(left,  #00aedc 0%,#61c3dc 100%);
background:linear-gradient(to right,  #00aedc 0%,#61c3dc 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aedc', endColorstr='#61c3dc',GradientType=1 );}
#content .business .btn_staff a:hover{opacity:0.7;}
#content .business .btn_staff a img{position:absolute;top:50%;left:0;margin:-25px 0 0;}
#content .business .btn_staff a > span{display:block;font-size:18px;line-height:50px;font-weight:700;color:#FFF;text-align:left;margin:0 0 0 200px;}
#content .business .btn_staff a > span > span{font-size:12px;font-weight:400;color:#FFF;padding:0 0 0 1em;}



/*-------------------------
-------------------------
_以下タブレット対応
-------------------------
-------------------------*/
@media screen and (max-width: 1024px) {

#content .business .btn_staff a:hover{opacity:1;}
#content .business .box2 li a:hover{background-color:rgba(0,0,0,0.5)}

}

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

}


/*-------------------------
-------------------------
_以下スマホ対応
-------------------------
-------------------------*/

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

#content .business{padding:0;}
#content .business h3{font-size:18px;line-height:30px;padding:30px 0 0;}
#content .business h3 span{vertical-align:top;display:inline-block;}
#content .business .box1{padding:30px 0 0;}
#content .business .box1 h4 img{width:100%;max-width:700px;height:auto;}
#content .business .box1 dl{width:100%;max-width:700px;}
#content .business .box1 dd{font-size:14px;line-height:25px;width:auto;margin:0 10px;}
#content .business .box2{margin:0 10px;}
#content .business .box2 h4 img{width:90%;max-width:390px;height:auto;}
#content .business .box2 p img{width:100%;max-width:600px;height:auto;}
#content .business .box2 ul{padding:20px 0 0;width:98%;max-width:590px;margin:0 auto;}
#content .business .box2 li{width:48%;}
#content .business .box2 li a{font-size:12px;line-height:33px;width:75%;max-width:130px;height:33px;padding:0 10px;}
#content .business .box3{margin:0 10px;}
#content .business .box3 h4{font-size:22px;}
#content .business .box3 .inner ul{}
#content .business .box3 .inner li{font-size:13px;line-height:20px;margin:0 10px;}
#content .business .btn_staff{;width:100%;max-width:290px;}
#content .business .btn_staff a img{ left:-25px;}
#content .business .btn_staff a > span{line-height:30px;margin:0 0 0 145px;}
#content .business .btn_staff a > span > span{line-height:20px;padding:0;display:block;}

}