@charset "UTF-8";

/*----------------------------------------------------
	Default
----------------------------------------------------*/

html {
	-webkit-text-size-adjust:none;
	overflow-y: scroll;
	position: relative;
	height: 100%;
}

body {
	position: relative;
	height: 100%;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q {
	font-style: normal;
}

q:before{
	content: no-open-quote;
}

q:after {
	content: no-close-quote;
}

object,
embed,
img {
	vertical-align: top;
}

hr,legend {
	display: none;
}

img,abbr,acronym,fieldset {
	border: 0;
}

/*----------------------------------------------------
	Color
----------------------------------------------------*/

body {
	color: #000;
}

::selection {
    background: #ccc;
}

::-moz-selection {
    background: #ccc;
}

img {
	color: #fff;
}

/*----------------------------------------------------
	Typography
 ----------------------------------------------------*/
 
@font-face {
 font-family: "matter-regular";
 src: url("/fonts/Matter-Regular.woff2") format("woff2"), url("/fonts/Matter-Regular.woff") format("woff");
}

body {
	font-family: matter-regular, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 15px;
	line-height: 1.75;
}

* + html body {
	font-family: matter-regular, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

p {
	margin: 1em 0;
	line-height: 1.75;
}

.en {
	letter-spacing: 0.05em;
	font-variant-ligatures: common-ligatures;
	font-feature-settings: "dlig" 1;
}

/*----------------------------------------------------
	Link
 ----------------------------------------------------*/

a,
a:link,
a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #fff; 
}

p.btn a,
p.btn a:link,
p.btn a:visited {
	clear: both;
	padding: 10px 20px ;
	border: 1px solid #000;
	/*border-radius: 5px;*/
	text-align: center;
	color: #000;
}

p.btn a:hover,
p.btn a:active {
	text-decoration: none;
}

/*----------------------------------------------------
	Layout
 ----------------------------------------------------*/

body {
	margin: 0;
}

header {
}

h1 {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 22px;
	margin:	0;
	padding: 0;
	line-height: 0.9;
	text-align: center;
}

h1 img {
	width: 296px;
	height: 22px;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	background: none;
}

header nav#main ul {
	position: fixed;
	top: 59px;
	right: 58px;
	z-index: 9999;
	width: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
}

header nav#main ul li {
	width: 25px;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1;
	letter-spacing: 0.08em;
}

header nav#main ul li a,
header nav#main ul li a:link,
header nav#main ul li a:visited {
	background: none;
}

header nav#main ul li.sns {
	margin: 3em 0 0 0;
}

header nav#main ul li span {
	margin: 0 8px 0 0;
}

header nav#main ul li span img {
	width: 16px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
}

#cover05 {
	background-position: 100% 100%;
}

footer {
	position: fixed;
	bottom: 60px;
	right: 58px;
	z-index: 9999;
}

footer p  {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 13px;
	color: #fff;
}

footer p:last-child  {
	margin-top: 12px;
}