@charset "UTF-8";

#point100{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#point100 p{
	font-size: 18px;
}
#point100 p.indent{
	text-indent: -1em;
	padding-left: 1em;
}
#point100 .fv{
	background-image: url("images/bg.jpg");
	background-size: 100% auto;
	padding: 50px;
	text-align: center;
}
#point100 .inner{
	width: 90%;
	margin: 0 auto;
	max-width: 1100px;
}
#point100 .box-heiyo{
	background: #fff;
	border: 2px solid #46823b;
	border-radius: 12px;
	margin: 100px auto 50px;
	padding: 80px;
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
}
#point100 .box-heiyo-title{
	width: 420px;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}
#point100 .tokutenimg{
	width: 350px;
	height: auto;
	padding: 50px 0 15px;
}
#point100 a.btn-imp{
	display: block;
	font-weight: bold;
	background-color: #e77800;
	color: #fff;
	font-size: 20px;
	padding: 1.3em 5em;
	margin: 20px auto;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	filter: drop-shadow(0 2px 6px rgba(185,185,185,.8));
}
#point100 a.btn-imp::after{
	display: inline-block;
	content: "";
	width: 8px;
	height: 14px;
	margin-left: 1em;
	background-image: url("images/arrow_rgt.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#point100 .box-member{
	background: #f6f3da;
	border-radius: 12px;
	margin: 80px 0;
	padding: 55px 80px;
}
#point100 .box-member-top{
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	border-bottom: 1px dotted #666;
	padding-bottom: 35px;
	margin-bottom: 45px;
}
#point100 p.box-member-entry{
	font-weight: bold;
	font-size: 24px;
}
#point100 .box-member-bottom p{
	margin: 0.5em 0;
	line-height: 1.8;
}
#point100 p.box-member-pt{
	font-size: 20px;
	font-weight: bold;
}
#point100 .box-faq h2{
	display: block;
	background: #f3c1af;
	padding: 25px;
	line-height: 1;
	border-radius: 12px;
}
#point100 .box-faq h2 img{
	width: 160px;
	height: auto;
}
#point100 .box-faq dl{
	padding: 0 5px;
	text-align: justify;
}
#point100 .box-faq dl dt,
#point100 .box-faq dl dd{
	text-indent: -20px;
	padding-left: 20px;
}
#point100 .box-faq dl dt{
	color: #217f28;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#point100 .box-faq dl dt::before{
	content: "Q.";
	margin-right: 5px;
}
#point100 .box-faq dl dd{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #666;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#point100 .box-faq dl dd::before{
	content: "A.";
	margin-right: 5px;
}

.smaon{
	display: none;
}
.tabon{
	display: none;
}
.pred{
	color: #cd600e;
}

@media screen and (max-width:768px){
	#point100 p{
		font-size: 16px;
	}
	#point100 .box-heiyo{
		padding: 60px 8%;
	}
	#point100 .box-heiyo-title{
	width: 360px;
	}
	#point100 a.btn-imp{
		padding: 1.3em 1em;
		width: 100%;
		box-sizing: border-box;
	}
	#point100 .box-member{
		padding: 60px 8%;
	}
	.tabon{
		display: block;
	}
	.taboff{
		display: none;
	}
}
@media screen and (max-width:480px){
	#point100 p{
		font-size: 14px;
	}
	#point100 .fv{
		padding: 30px 0;
	}
	#point100 .box-heiyo{
		margin: 60px auto 20px;
		padding: 40px 6%;
		border: 1px solid #46823b;
		border-radius: 6px;
	}
	#point100 .box-heiyo-title{
		width: 220px;
	}
	#point100 .tokutenimg{
		width: 230px;
		padding: 30px 0 5px;
	}
	#point100 a.btn-imp{
		padding: 1.3em 1em;
		width: 100%;
		box-sizing: border-box;
		font-size: 14px;
	}
	#point100 a.btn-imp::after{
		width: 7px;
		height: 11px;
		margin-left: 0.5em;
	}
	#point100 .box-member{
		margin: 50px 0;
		padding: 30px 6%;
		border-radius: 6px;
	}
	#point100 .box-member-top{
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	#point100 p.box-member-entry{
		font-size: 16px;
	}
	#point100 p.box-member-pt{
	font-size: 14px;
	}
	#point100 .box-faq h2 {
		border-radius: 6px;
		padding: 15px;
	}
	#point100 .box-faq h2 img{
		width: 100px;
	}
	#point100 .box-faq dl dt{
		font-size: 15px;
	}
	#point100 .box-faq dl dd{
		font-size: 14px;
	}
	.smaon{
		display: block;
	}
	.smaoff{
		display: none;
	}
}
@media screen and (max-width:350px){
	#point100 p{
		font-size: 12px;
	}
	#point100 .fv{
		padding: 20px 0;
	}
	#point100 .box-heiyo{
		padding: 30px 6%;
	}
	#point100 .box-heiyo-title{
		width: 200px;
	}
	#point100 a.btn-imp{
		font-size: 12px;
	}
	#point100 a.btn-imp::after{
		width: 6px;
		height: 9px;
	}
	#point100 .box-member{
		margin: 40px 0;
	}
	#point100 .box-member-top{
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	#point100 p.box-member-entry{
		font-size: 13px;
	}
	#point100 p.box-member-pt{
		font-size: 13px;
	}
	#point100 .box-faq h2 {
		padding: 12px;
		margin-bottom: 20px;
	}
	#point100 .box-faq h2 img{
		width: 90px;
	}
	#point100 .box-faq dl dt{
		font-size: 13px;
	}
	#point100 .box-faq dl dd{
		font-size: 13px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
}