@charset "UTF-8";

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

CSS Information

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

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


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

#content .recruit{width:100%;max-width:960px;margin:0 auto;padding:0 0 60px;}
#content .recruit h3{padding:50px 0 40px;font-size:35px;line-height:55px;color:#666;}
#content .recruit .comm1{font-size:15px;line-height:34px;text-align:center;width:600px;padding:10px 20px;margin:0 auto;border-top:1px dotted #AAA;border-bottom:1px dotted #AAA;}
#content .recruit .comm1 br{}
#content .recruit .comm1 br.br01{}

#content .recruit .out{padding:0 0 40px;margin:0 10px;}
#content .recruit .out dl{border-bottom:1px dotted #888;}
#content .recruit .out dt,
#content .recruit .out dd{font-size:13px;line-height:30px;text-align:left;}
#content .recruit .out dt{font-weight:700;}
#content .recruit .out dd{margin:-30px 0 0 10em;min-height:30px;}

#content .recruit .btn1{padding:0 0 40px;margin:0 auto;width:480px;}
#content .recruit .btn1 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 .recruit .btn1 a:hover{opacity:0.7;}
#content .recruit .btn1 a img{position:absolute;top:50%;left:0;margin:-25px 0 0;}
#content .recruit .btn1 a > span{display:block;font-size:18px;line-height:50px;font-weight:700;color:#FFF;text-align:left;margin:0 0 0 200px;}
#content .recruit .btn1 a > span > span{font-size:12px;font-weight:400;color:#FFF;padding:0 0 0 1em;}

#content .recruit h4{font-size:18px;line-height:30px;font-weight:700;color:#444;letter-spacing:0.25em;padding:60px 0 15px;margin:0 0 30px;background:url(images/ar2.png) center bottom no-repeat;background-size:20px 10px;}

#content .recruit .com{border:5px solid #CCC;margin:0 10px;}
#content .recruit .com h5{font-size:18px;line-height:25px;font-weight:700;color:#444;letter-spacing:0.25em;padding:30px 0 15px;margin:0 0 20px;
background:url(images/ar2.png) center bottom no-repeat;background-size:20px 10px;}
#content .recruit .com ul{padding:0 0 30px;
letter-spacing:-1em;}
#content .recruit .com li{font-size:16px;line-height:30px;
vertical-align:top; display:inline-block;letter-spacing:normal;}
#content .recruit .com li.name{width:100%;}
#content .recruit .com li.mail,
#content .recruit .com li.tell{font-size:22px;font-weight:700;padding:10px 20px 10px 50px;}
#content .recruit .com li.mail{background:url(images/ic1.png) 10px center no-repeat;background-size:28px 28px;}
#content .recruit .com li.tell{background:url(images/ic2.png) 10px center no-repeat;background-size:28px 28px;}
#content .recruit .com li.mail,
#content .recruit .com li.tell,
#content .recruit .com li.mail a,
#content .recruit .com li.tell a{color:#00afdd;}
#content .recruit .com li.mail a,
#content .recruit .com li.tell a{text-decoration:none;}
#content .recruit .com li.mail a:hover,
#content .recruit .com li.tell a:hover{text-decoration:underline;}
#content .recruit .com li.tell span{display:inline;}
#content .recruit .com li.tell a{display:none;}


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

#content .recruit .btn1 a:hover{opacity:1;}
#content .recruit .com li.mail a:hover,
#content .recruit .com li.tell a:hover{text-decoration:none;}

}

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

#content .recruit h3{font-size:30px;}

}


/*-------------------------
-------------------------
_以下スマホ対応
-------------------------
-------------------------*/
@media screen and (max-width: 767px) {

#content .recruit h3{font-size:18px;line-height:30px;padding:30px 0 20px;}
#content .recruit h3 span{display:block;}
#content .recruit .comm1{font-size:13px;line-height:25px;width:auto;margin:0 10px;text-align:left;}
#content .recruit .comm1 br.br01{ display:none;}
#content .recruit h4{padding:30px 0 15px;}
#content .recruit .out{padding:0 0 30px;}
#content .recruit .out dd{margin:-30px 0 0 5em;}
#content .recruit .btn1{padding:0 0 30px;width:100%;max-width:290px;}
#content .recruit .btn1 a img{ left:-25px;}
#content .recruit .btn1 a > span{line-height:30px;margin:0 0 0 145px;}
#content .recruit .btn1 a > span > span{line-height:20px;padding:0;display:block;}
#content .recruit .com h5{padding:20px 0 15px;}
#content .recruit .com ul{padding:0 0 10px;}
#content .recruit .com li{font-size:14px;}
#content .recruit .com li.mail,
#content .recruit .com li.tell{font-size:13px;padding:5px 5px 5px 30px;background-position:5px center;background-size:20px 20px;}
#content .recruit .com li.tell span{display:none;}
#content .recruit .com li.tell a{display:inline;}
}