@charset "euc-jp";
/* CSS Document */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
section {
	padding: 0;
	margin-bottom: 2em;
}

/* ----------------------
	Slide
---------------------- */
#slide {
	background: #F4EDB5 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F7DB), to(#F4EDB5)); 
	background: #F4EDB5 linear-gradient(#F9F7DB, #F4EDB5);
	background: #F4EDB5\9; /* IE */
	width: 100%;
	padding: 0 !important;
	margin: 0 auto 50px;
}

/* ----------------------
	Welcome
---------------------- */
#welcome {
	text-align: center;
	padding: 0 10%;
}
#welcome h1 {
	color: #4E72DC;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: normal;
	margin: 0 0 0.5em;
}
#welcome h1 strong {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: normal;
}
#welcome p {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 !important;
}

/* ----------------------
	BANNER
---------------------- */
#banner {
	padding: 0 2em;
	margin: 0 0 1em;
}
#banner ul {
	list-style: none;
	letter-spacing: -.40em;
}
#banner li {
	width: 25%;
	padding: 10px;
	display: inline-block;
	/display: inline;  /* IE */
	/zoom: 1;  /* IE */
	vertical-align: top;
	letter-spacing: normal;
}
#banner a {
	display: block;
	padding: 1em;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	background: #FFF;
	border: solid 1px #eee;
	border-radius: 4px;
}
#gallery a {
	background: #FF8700;
	color: #FFF;
}
#faceb a {
	background: #3D63B6;
	color: #FFF;
}


/* ----------------------
	for PC XLsize
---------------------- */
@media screen and (min-width: 1400px){

}

/* ----------------------
	for Tablet
---------------------- */
@media screen and (max-width:979px){
#slide {
	margin: 0 auto 30px;
}
#welcome h1 {
	font-size: 24px;
	font-size: 2.4rem;
}
#welcome h1 strong {
	font-size: 28px;
	font-size: 2.8rem;
}

#banner li {
	width: 33%;
}
}

/* ----------------------
	for SP
---------------------- */
@media screen and (max-width:639px){
#welcome {
	text-align: center;
	padding: 0 5%;
}
#welcome h1 {
	font-size: 20px;
	font-size: 2rem;
}
#welcome h1 strong {
	font-size: 24px;
	font-size: 2.4rem;
}
#welcome p {
	font-size: 12px;
	font-size: 1.2rem;
}


#banner li {
	width: 50%;
	padding: 5px;
}
#banner li a {
	padding: 1em;
	font-size: 1.4rem;
}
}