a {
	color: #0094db;
	text-decoration: none;
}
body {
  -webkit-text-size-adjust: 100%;
	text-align: center;
	font-family: 'Noto Sans Japanese', sans-serif;
	color: #0094db;
	font-weight: 500;
	margin: 0 auto;
	padding: 0;
}
img { display: block; width: 100%;}
h1, h2, h3 { font-weight: 500;}
h1 {
	letter-spacing: 2px;
	margin:1em auto;
}
h2, h3 { letter-spacing: 1px;}
h3 { margin: 1em auto;}

header {
	letter-spacing: 1px;
	padding: .2em 0;
	margin-bottom:3em;
}
header h1 {font-weight:normal; font-size:1em;letter-spacing: 1px;}
#info {
	clear: both;
	max-width: 700px;
	margin: 0 auto;
}
.container {
	clear: both;
	max-width: 800px;
	margin: 30px auto;
}
#profile h2 { margin-bottom: .25em;}
#profile h2:after {
	content: '';
	display: inline-block;
	background-image: url(img/icon_megane.svg);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 30px;
	height: 20px;
	margin-left: .5em;
}
#profile, #contact,#private {margin-bottom:5em;}
#profile p { margin-top: 0;}
#contact p:last-of-type img{ width:10em; margin:1em auto;}
#contact p:first-of-type {}
#contact ul { padding:0; font-size:1.333em; margin:1em auto;}
#contact ul li { list-style-type:none;}
#contact li img { width:1.1em; margin-right:.5em; display:inline-block; vertical-align:middle;}
footer p { font-size: 0.8em;}
#page_top {
    position: fixed;
    bottom: 1em;
    right: 1em;}
html, body { font-size: 12px;}
@media screen and (min-width:768px) { 
  html, body { font-size: 14px;}
}
@media screen and (min-width:1024px) { 
  html, body { font-size: 16px;}
}