@charset "utf-8";

/* 下層共通 */
#menu .top{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 55px;
	background-color: #000000;
	background-image: url("../img/bar1.jpg");
	background-position:  50% 100%;
	background-size: 100% 10px;
	background-repeat: repeat-x;
	display: block;
	z-index: 90;
}
#menu .top img{
	position: absolute;
	top: calc(50% - 5px);
	left: 10px;
	transform: translateY(-50%);
	height: 38px;
	width: auto;
}

/* 注意事項 */
#caution{
    position: relative;
	margin: 0 auto;
    padding: 100px 0 0 0;
}
#caution dl{
    position: relative;
	margin: 0 auto;
}
#caution dt{
    position: relative;
	margin: 0 auto;
    font-size: .17rem;
    padding: 60px 0 20px 0 ;
	font-weight: 900;
	color: #d10d0d;
	text-align: center;
}
#caution dt.nomargin{padding: 20px 0;}
#caution dd{
    position: relative;
	margin: 0 auto 10px auto;
    padding-left: 1.1em;
}
#caution dd::before{
    position: absolute;
	content: '・';
	display: block;
	left: 0;
}
#caution dd br{
    display: block;
	content: "";
	margin: 10px 0;
}
#caution dd br.nomargin{margin:auto;}
#caution dd .caution, #faq dd .caution, #limit dd .caution{font-size: .13rem;}


/* よくある質問 */
#faq{
    position: relative;
	margin: 0 auto;
	padding: 60px 0 120px 0;
}
#faq h4{
    position: relative;
	margin: 0 auto;
    font-size: .17rem;
    padding: 60px 0 20px 0 ;
	font-weight: 900;
	color: #d10d0d;
	text-align: center;
}
#faq h4.nomargin{padding: 20px 0;}
#faq dl{
	position: relative;
	margin: 20px auto 0 auto;
}
#faq dl dt{
	position: relative;
	margin: 0 auto 5px auto;
    padding-left: 1.5em;
	color: #467347;
	font-weight: 900;
}
#faq dl dt::before{
	position: absolute;
	content: 'Q.';
    display: block;
    width: 1.5em;
    left: 0;
}
#faq dl dd{
	position: relative;
	margin: 0 auto 15px auto;
    padding-left: 1.5em;
}
#faq dl dd:last-child{margin: 0 auto;}
#faq dl dd::before{
	position: absolute;
	content: 'A.';
    display: block;
    width: 1.5em;
    left: 0;
}


/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* 下層共通 */
	#menu .top{height: 60px;}

	/* 注意事項 */
	#caution{
		padding: 100px 0 0 0;
	}
	#caution ul{
		margin: 0 auto 80px auto;
		width: 400px;
	}
	#caution ul li img{height: 48px; }

	#caution dl{width: 760px;}
	#caution dt{
		font-size: .20rem;
		padding: 70px 0 35px 0;
	}
	#caution dd{font-size: .16rem;}
	#caution dd .caution, #faq dd .caution, #limit dd .caution{font-size: .13rem;}


	/* よくある質問 */
	#faq{
		padding: 160px 0 180px 0;
		font-size: .16rem;
	}
	#faq h4{
		font-size: .20rem;
		padding: 70px 0 35px 0;
	}
	#faq dl{width: 760px;}

}