@charset "utf-8";


/* reset
------------------------------------------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address,
abbr, code, pre, samp, blockquote, q, cite,
img, del, ins, dfn, var, strong, em, small, b, i, sub, sup,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, dialog, figcaption, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-style: normal; vertical-align: baseline; background: transparent;}

article, aside, details, dialog,
figcaption, figure, footer, header, hgroup, nav, section { display: block;}

blockquote, q { quotes: none;}

@font-face {
	font-family: 'AvenirRoman';
	src: url('AvenirRoman.otf') format('opentype');
}

/* common
------------------------------------------------------------ */

body {
	color: #000;
	font-family: "Libre Franklin", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 160%;
	text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
	background: #FFF;
}

a img { border: none; vertical-align: bottom;}

a			{ color: #000; text-decoration: none;}
a:visited	{ color: #000;}
a:hover		{ color: #000; text-decoration: none;}
a:active	{ color: #000;}
a:focus		{ color: #000;}

ul { list-style: none;}


/* contents
------------------------------------------------------------ */

.logoArea { width: 160px; height: 220px; margin: -110px 0 0 -80px; text-align: center; position: absolute; top: 50%; left: 50%;}
.logoArea .logo {}
.logoArea .logo img { width: 160px;}
.logoArea .sns { width: 150px; margin: 130px auto 0; overflow: hidden;}
.logoArea .sns div { width: 50px; float: left;}
.logoArea .sns img { width: 42px;}
.logoArea .sns .twitter { padding-top: 2px;}
.logoArea .sns .mail { padding-top: 11px;}
.logoArea .sns .mail img { width: 28px;}


/* 767px以下 */
@media screen and (max-width:767px) {

	.logoArea .logo img { width: 140px;}

}