@charset "utf-8";
/*******************************************************************
　基本設定
*******************************************************************/

/*----------------------------------------------------------
　全体
-----------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%;/*10px相当*/
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.8;
	background: #FFF;
	color: #4c4c4c;
}
@media only screen and ( max-width: 59.9rem ) {
	body {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
a:link, a:visited {
	color: #512d1e;
	text-decoration: none;
}
a:hover {
	color: #512d1e;
	text-decoration: none;
}
@media screen and (min-width:60rem){
	.display_sp {display: none}
}
@media screen and (max-width:59.9rem){
	.display_pc {display: none}
}
.text_left {
	text-align: left;
}
/*******************************************************************
　ページ共通パーツ
*******************************************************************/
/*----------------------------------------------------------
　ページの先頭に戻る
-----------------------------------------------------------*/
#pageTop {
	position: fixed;
	bottom: 120px;
	right: 3rem;
	display: block;
	z-index: 1001;
}
#pageTop a {
	display: block;
	width: 50px;
	padding: 10px 0;
	border-radius: .4rem;
	background: #d40039;
	text-align: center;
	color: #ffffff;
	transition: .3s;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media only screen and ( max-width: 599px ) {
	#pageTop {
		bottom: 100px;
		right: 1em;
	}
}