@charset "UTF-8";
/* style.css */


/*about*/

body{
font-size:100%;
}

#nov_works{
	text-decoration:underline;
}

#contents{
	max-width:920px;
	margin:0 auto;
	}

#works{
	margin-top:30px;
	text-align:center;
	padding: 0 30px;
	}
	
#works section span.text-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 5px;
  margin-left: 5px;       /* 先行する文字列との間隔 */
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;     /* アイコンの角を丸める */
}

#writing {
	border-bottom:2px #00CC99 dashed;}


#writing section{
	margin-bottom:60px;
	}


#writing p{
	font-size:14px;
	margin-bottom:30px;
}

#writing section ul{
	font-size:14px;
	text-align:center;
}

#writing section ul li{}

#writing section ul li a{}

#writing section ul li a:hover{
	text-decoration:underline;
}

#writing section dl{
	margin-top:30px;
	font-size:14px;
	}

#writing section dl dt{}

#writing section dl dd{}

#design h2{
	margin-top:40px;}

#design p { font-size:16px;
margin: 100px auto;
}

#design dl{
	width:350px;
	margin:0 auto 60px auto;
}

#design dl dt{
	margin-bottom:10px;
}

#design dl dd{
	text-align:left;
	font-size:14px;
}


/* ===============================================
PC向け 画面の横幅が960px以上
===============================================*/

@media screen and (min-width: 760px){
	
#works h2{
	font-size:1.6em;
	font-weight:800;
}	

#writing h2{
        margin-bottom:60px;
}

#writing section h3{
	font-size:1.6em;
	font-weight:700;
        margin-bottom:30px;
}	
	
#design h2{
        margin-bottom:30px;
}



/* ===============================================
スマホ向け 画面の横幅が~759px
=============================================== */

@media screen and (max-width: 759px){
	
#works h2{
	font-size:1.6em;
	margin-bottom:30px;
	font-weight:800;
}		


#writing h2{
        margin-bottom:60px;
}


#writing section h3{
	font-size:1.3em;
	font-weight:700;
	margin-bottom:10px;
}


}