@charset "utf-8";

/* default
----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
img { max-width: 100%; border: 0; vertical-align: top; }
ul, ol { list-style: none; }
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
a:hover { color: #999; text-decoration: underline; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* structure
----------------------------------------------------------------------*/
body {
	color: #000;
	min-width: 960px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
}

body h1 { display: none; }
.sp { display: none !important; }

/*--------------------------------------------------*/
#wrapper {
	position: relative;
	width: 100%;
}

/*--------------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	z-index: 9999;
}
#top header { position: fixed; }

/*--------------------------------------------------*/
#main {
	position: relative;
	width: 100%;
	margin: 0 auto 30px auto;
}
#main .column { padding: 50px 0; }

.column {
	width: 960px;
	margin: 0 auto;
}
.column p {
	margin-bottom: 30px;
	word-wrap: break-word;
}


/*--------------------------------------------------*/
footer {
	width: 100%;
	overflow: hidden;
}

/*--------------------------------------------------*/

/* スマートフォン用 */
@media only screen and (max-width: 736px) {
.pc { display: none !important; }
.sp { display: block !important; }

body {
	min-width: 100%;
	font-size: 14px;
}

#wrapper {
	padding-top: 55px;
	-webkit-overflow-scrolling: touch;
}

header {
	position: fixed;
	width: 94%;
	height: 40px;
	background-color: #FFF;
	padding: 15px 3% 0 3%;
	box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.3);
	top: 0;
	left: 0;
  	z-index: 9999;
}

#main {
	height: 100%;
	overflow: hidden;
}
#main .column { padding: 30px 0; }

.column { width: 92%; }
.column p { margin-bottom: 8%; }
}

@media print {
body, #wrapper { background: none; }
header, footer { display: none !important; }
main {
	width: 810px;
	background: none;
	box-shadow: none;
	padding: 0;
}
}