@charset "UTF-8";

/* Base Settings 
-------------------------------------------------- */

/* Fonts */

html {
	font-size: 62.5%; /* 10px */	
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5rem;
	line-height: 1;
}

/* Links */

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* For Responsive */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto; /* アスペクト比を維持 */
}

/* Others*/

ol, ul {
	list-style: none;
}

/*  Header
-------------------------------------------------- */
html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

#header {
	position: relative;
	height: 100%;
}

#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

h1 {
	font-family: "HelveticaLTPro-Bold", sans-serif;
	font-size: 3.2rem;
	text-align: center;
	margin: 0 auto 16px;
}

address {
	margin: 0;
	line-height: 2;
	text-align: center;
	color: #333;
}

@media screen and (max-width: 1023px) {

#header {
	width: 768px;
}
	
}

@media screen and (max-width: 767px) {

#header {
	width: 100%;
}
	
}

/*  Main Contents
-------------------------------------------------- */

#main {
	width: 512px;
	margin: 0 auto 100px;
}

@media screen and (max-width: 1023px) {

#main {
	width: 100%;
}
}

@media screen and (max-width: 767px) {

#main {
	width: 100%;
}
	
}

#slogan {
	margin-bottom: 60px;
}

#iLileIt {
	margin-bottom: 60px;
}

#iLileIt h2 {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 20px;
}

/*  Footer
-------------------------------------------------- */

#footer {
	width: 100%;
}

#footer address {
	font-style: normal;
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 10px;
}

#footer small {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	font-weight: 700;
	text-align: center;
}