@charset "utf-8";
/* ================================================================================================================== */
/* MAIN                                                                                                               */
/* ===================================================================================================================*/
#main a {
	display: inline;
}
/* ================================================================================================================== */
/* HEADLINE                                                                                                           */
/* ===================================================================================================================*/
#headline {
	height: 150px;
	background: linear-gradient(to right, #ECECEC 0%, #6C6C6C 100%);
}
#headline .inner {
	width: 980px;
	margin: 0 auto;
	padding-top: 57px;
	font-size: 0.32rem;
	line-height: 1;

	font-family: 'Noto Sans JP', sans-serif;
	font-style:  normal;
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	#headline {
	}
	#headline .inner {
		width: 690px;
		padding-top: 50px;
		font-size: 0.42rem;
	}
}
/* ================================================================================================================== */
/* SUMMARY                                                                                                            */
/* ===================================================================================================================*/
#summary {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 32px;
}
#summary .important_note {
	font-family: 'Noto Sans JP', sans-serif;
	font-style:  normal;
	font-weight: 700;

	font-size: 16px;
	line-height: 1;
	font-feature-settings: "palt";
	letter-spacing: 0.045em;
}
#summary .important_note p {
	display: -webkit-flex;
	display: flex;
}
#summary .important_note p span {
	color: #ff0000;
}
#summary .important_note p a {
	margin-left: 3px;
	color: #333333;
}
#summary > dl {
	margin-top: 32px;
}
#summary > dl dt {
	font-size: 0.24rem;
	line-height: 1;

	font-family: 'Noto Sans JP', sans-serif;
	font-style:  normal;
	font-weight: 700;
}
#summary > dl dd {
	margin-top: 15px;
}
#summary > dl dd > ul li {
	text-indent: -1em;
	padding-left: 1em;
	color: #DA0000;
	font-size: 0.16rem;
	line-height: 28px;
}
@media screen and (max-width: 750px) {
	#summary {
		width: 690px;
		padding: 40px 0 30px;
	}
	#summary .important_note {
		font-size: 0.21rem;
		line-height: 0.30rem;
		letter-spacing: 0.020em;
	}
	#summary .important_note p {
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	#summary .important_note p span {
		width: 65px;
		flex-shrink: 0;
	}
	#summary .important_note p a {
		margin-left: 0;
	}
	#summary > dl {
		margin-top: 40px;
	}
	#summary > dl dt {
		font-size: 0.34rem;
		line-height: 0.47rem;
	}
	#summary > dl dd {
		margin-top: 17px;
	}
	#summary > dl dd > ul li {
		font-size: 0.22rem;
		line-height: 0.35rem;
		font-feature-settings: "palt";
	}
}
/* ================================================================================================================== */
/* HOWTO                                                                                                              */
/* ===================================================================================================================*/
#howto {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 35px;
}
#howto dl {
}
#howto dl dt {
	padding: 15px 20px;
	background: #F0F0F0;
}
#howto dl dt.have_annotation {
	padding-bottom: 7px;
}
#howto dl dt .main {
	font-size: 0.22rem;
	line-height: 30px;

	font-family: 'Noto Sans JP', sans-serif;
	font-style:  normal;
	font-weight: 700;
}
#howto dl dt .annotation {
	padding-top: 3px;
	font-size: 0.16rem;
	line-height: 28px;
}
#howto dl dd {
	padding: 15px 20px 25px;
	font-size: 0.16rem;
	line-height: 28px;
}
@media screen and (max-width: 750px) {
	#howto {
		width: 685px;
		padding-bottom: 15px;
	}
	#howto dl {
	}
	#howto dl dt {
		padding: 22px 30px;
	}
	#howto dl dt.have_annotation {
		padding-bottom: 25px;
	}
	#howto dl dt .main {
		font-size:   0.33rem;
		line-height: 0.45rem;
	}
	#howto dl dt .main br {
		display: none;
	}
	#howto dl dt .annotation {
		padding-top: 5px;
		font-size:   0.24rem;
		line-height: 0.42rem;
	}
	#howto dl dd {
		padding: 22px 30px 40px;
		font-size: 0.24rem;
		line-height: 42px;
	}
}