@charset "UTF-8";

/* -----------------------------------
共通
-------------------------------------*/

html { font-size: 62.5%; }
body {
	color:#333;
	line-height: 1.8;
	font-size: 14px; font-size: 1.4rem;/* =14px */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   -webkit-text-size-adjust: 100%;
}

html,body{
    width: 100%;
}

/*リンク*/
a{
	color:#333;
	text-decoration:none;
}

a:hover{color:#9A9A9A;}


.clear{
	clear:both;
}

/*　clearfix　*/　
.clearfix {
  	zoom: 1;
}

.clearfix:after {
  	content: "";
  	display: block;
  	clear: both;
}

#wrapper{
	overflow:hidden;
}

/* -----------------------------------
ヘッダー
-------------------------------------*/
#head-in{
	width:960px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}

header h1{
	float:left;
	width:244px;
}

header h1 img{
  padding-top: 10px;
}

header nav ul{
	margin:0;
	padding-top: 25px;
	width:700px;
	overflow:hidden;	
}

header nav ul li{
  font-weight:bolder;
  font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 0;
	width: 20%;
	float:right;
}

/* -----------------------------------
メイン
-------------------------------------*/
.main{
	width:1420px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
}

/* -----------------------------------
SKILL
-------------------------------------*/
#skill{
	width:960px;
	margin:0 auto;
}

#skill h2{
  text-align: center;
  padding: 100px 50px 30px 50px;
}

.skill-in{
	padding: 0 0 30px 0;
	overflow: hidden;
}

.skill-in ol{
	width: 280px;
	margin: 0 60px 0 0;
	float: left;
}

.skill-in ol:last-child{
	margin: 0;
}

.skill-in ol li{
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

.skill-in .jq img{
  margin-top: 23px;
}

.skill-in ol li:last-child{
	text-align: left;	
}

/* -----------------------------------
WORKS
-------------------------------------*/
#works h2{
  text-align: center;
  padding: 100px 50px 30px 50px;
}

.works{
	width:960px;
	margin:0 auto;
  padding-bottom: 200px;
}

.works ul{
	margin: 0;
	padding:0 0 30px 0;
	overflow: hidden;
}

.works ul li{
	width: 280px;
	margin: 0 60px 0 0;
	box-sizing: border-box;
	float: left;
}

.works ul li:last-child{
	margin: 0;
}

/* -----------------------------------
フッター
-------------------------------------*/
footer{
	padding:20px 0;
}

footer nav{
	width:960px;
	margin:0 auto;
	overflow:hidden;
  box-sizing:border-box;
}

footer nav ul{
	margin:0;
	padding:0;
	text-align: left;
}

footer nav ul li{
  font-size: 14px;
	margin:0;
	padding:0 15px;
	display: inline;
}

.copyright{
  font-size: 14px;
  text-align: right;
  padding-left: 360px;
}

footer nav ul li a{color: #000;}
footer nav ul li a:hover{color: #9A9A9A;}