@charset "UTF-8";

/*******************************
 
#hero Css
 
*******************************/
#hero{
}


/*******************************
 
contents Css
 
*******************************/

section .inner{
	width: 100%;
    max-width: 760px;
    margin: 0 auto;
}
section h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	border-bottom: solid 1px;
	padding-bottom: 10px;
    margin-bottom: 20px;
}
#links dl{
	text-align: left;
}
#links dt{
	float: left;
	width: 40%;
}
#links dt:before{
	content: "●";
	color: #f6a900;
}
#links dd{
	margin-bottom: 10px;
}
#links a:hover{
	color: #f6a900;
}

/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){
	
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
	section .inner{
		width: 85%;
	}

}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	#links dt{
		float: none;
		width: 100%;
	}
	#links dd{
		text-indent: 1em;
	}
}