@charset "utf-8";
#lp_container {
	min-width: 1080px;
	background: #fff;
	color: #333;
	font-size: 12px;
	font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-text-size-adjust: 100%;
}
#lp_container img {
	max-width: none;
	border: none;
	vertical-align: top;
}
#lp_container a {
	color: #000;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#lp_container .rollover {
	transition: 0.3s;
}
#lp_container .rollover:hover, #lp_container .rollover:active {
	opacity: 0.7;
}
#lp_container .inner {
	width: 1080px;
	margin: 0 auto;
}
#lp_container br.sp {
	display: none;
}
#kv .kv-sp {
	display: none;
}
#point {
	background: #fff0f0;
}
#point .inner {
	position: relative;
	min-height: 725px;
	padding: 50px 0 80px;
	background: url(../img/pc/point_bg.png) no-repeat;
	background-size: 277px 266px;
	background-position: 0 130px;
}
#point .inner .ttl {
	color: #cc0033;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Hiragino Sans', 'ヒラギノ角ゴ StdN W8', 'Hiragino Kaku Gothic StdN', 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
	text-align: center;
}
#point .inner .ttl::after {
	content: "";
	display: block;
	width: 280px;
	height: 30px;
	margin: 25px auto 0;
	background: #cc0033;
}
#point .inner .main {
	position: absolute;
	top: 195px;
	left: 310px;
	z-index: 2;
}
#point .inner .main dl {
	display: flex;
	flex-wrap: wrap;
}
#point .inner .main dl.bottom {
	margin-top: 25px;
}
#point .inner .main dl dt {
	width: 221px;
	height: 99px;
}
#point .inner .main dl dt:nth-of-type(n + 2) {
	margin-top: 5px;
}
#point .inner .main dl dt .img-sp {
	display: none;
}
#point .inner .main dl dd {
	display: flex;
	align-items: center;
	width: 534px;
	margin: 10px 0 0 15px;
	color: #003366;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
}
#point .inner .main dl.bottom dd:nth-of-type(2) {
	margin-top: 20px;
}
#point .inner .main dl dd strong {
	color: #cc0033;
}
#point .inner .main dl dd .note {
	margin-left: 14px;
	font-size: 14px;
	font-weight: normal;
	text-indent: -14px;
}
#point .inner .main dl dd .note::before {
	content: "※";
}
#point .inner .frm {
	position: absolute;
	top: 417px;
	left: 295px;
	width: 784px;
	height: 229px;
	background: url(../img/pc/point_frm.png) no-repeat;
	background-size: cover;
	z-index: 1;
}
#point .inner .frm p {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 216px;
	left: 230px;
	box-sizing: border-box;
	width: 325px;
	height: 24px;
	padding-top: 2px;
	border-radius: 12px;
	background: #003366;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#merit .inner {
	padding: 80px 0;
}
#merit .inner .ttl {
	color: #003366;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Hiragino Sans', 'ヒラギノ角ゴ StdN W8', 'Hiragino Kaku Gothic StdN', 'ヒラギノ角ゴ Std W8', 'Hiragino Kaku Gothic Std', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
	line-height: 56px;
	text-align: center;
}
#merit .inner .ttl::after {
	content: "";
	display: block;
	width: 280px;
	height: 30px;
	margin: 25px auto 0;
	background: #cc0033;
}
#merit .inner .ttl small {
	font-size: 42px;
}
#merit .inner .main {
	margin-top: 40px;
	padding: 30px 50px;
	border-radius: 20px;
	background: #efefef;
	color: #003366;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
#merit .inner .main strong {
	color: #cc0033;
	font-weight: bold;
}
#merit .inner .btn {
	width: 600px;
	height: 100px;
	margin: 40px auto 0;
}
#merit .inner .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	background: #cc0033 url(../img/common/icon_arrow.png) no-repeat;
	background-size: 14px 22px;
	background-position: right 20px center;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
/*------- Media Queries -------*/
@media only screen and (max-width: 1180px) {
	#lp_container {
		min-width: calc(100vw / (1180 / 1080));
		font-size: calc(100vw / (1180 / 12));
	}
	#lp_container .inner {
		width: calc(100vw / (1180 / 1080));
	}
	#point .inner {
		min-height: calc(100vw / (1180 / 725));
		padding: calc(100vw / (1180 / 50)) 0 calc(100vw / (1180 / 80));
		background-size: calc(100vw / (1180 / 277)) calc(100vw / (1180 / 266));
		background-position: 0 calc(100vw / (1180 / 130));
	}
	#point .inner .ttl {
		font-size: calc(100vw / (1180 / 52));
	}
	#point .inner .ttl::after {
		width: calc(100vw / (1180 / 280));
		height: calc(100vw / (1180 / 30));
		margin: calc(100vw / (1180 / 25)) auto 0;
	}
	#point .inner .main {
		top: calc(100vw / (1180 / 195));
		left: calc(100vw / (1180 / 310));
	}
	#point .inner .main dl.bottom {
		margin-top: calc(100vw / (1180 / 25));
	}
	#point .inner .main dl dt {
		width: calc(100vw / (1180 / 221));
		height: calc(100vw / (1180 / 99));
	}
	#point .inner .main dl dt:nth-of-type(n + 2) {
		margin-top: calc(100vw / (1180 / 5));
	}
	#point .inner .main dl dd {
		width: calc(100vw / (1180 / 534));
		margin: calc(100vw / (1180 / 10)) 0 0 calc(100vw / (1180 / 15));
		font-size: calc(100vw / (1180 / 20));
		line-height: calc(100vw / (1180 / 28));
	}
	#point .inner .main dl.bottom dd:nth-of-type(2) {
		margin-top: calc(100vw / (1180 / 20));
	}
	#point .inner .main dl dd .note {
		margin-left: calc(100vw / (1180 / 14));
		font-size: calc(100vw / (1180 / 14));
		text-indent: calc(100vw / (1180 / -14));
	}
	#point .inner .frm {
		top: calc(100vw / (1180 / 417));
		left: calc(100vw / (1180 / 295));
		width: calc(100vw / (1180 / 784));
		height: calc(100vw / (1180 / 229));
	}
	#point .inner .frm p {
		top: calc(100vw / (1180 / 216));
		left: calc(100vw / (1180 / 230));
		width: calc(100vw / (1180 / 325));
		height: calc(100vw / (1180 / 24));
		padding-top: calc(100vw / (1180 / 2));
		border-radius: calc(100vw / (1180 / 12));
		font-size: calc(100vw / (1180 / 14));
	}
	#merit .inner {
		padding: calc(100vw / (1180 / 80)) 0;
	}
	#merit .inner .ttl {
		font-size: calc(100vw / (1180 / 52));
		line-height: calc(100vw / (1180 / 56));
	}
	#merit .inner .ttl::after {
		width: calc(100vw / (1180 / 280));
		height: calc(100vw / (1180 / 30));
		margin: calc(100vw / (1180 / 25)) auto 0;
	}
	#merit .inner .ttl small {
		font-size: calc(100vw / (1180 / 42));
	}
	#merit .inner .main {
		margin-top: calc(100vw / (1180 / 40));
		padding: calc(100vw / (1180 / 30)) calc(100vw / (1180 / 50));
		border-radius: calc(100vw / (1180 / 20));
		font-size: calc(100vw / (1180 / 20));
		line-height: calc(100vw / (1180 / 30));
	}
	#merit .inner .btn {
		width: calc(100vw / (1180 / 600));
		height: calc(100vw / (1180 / 100));
		margin: calc(100vw / (1180 / 40)) auto 0;
	}
	#merit .inner .btn a {
		border-radius: calc(100vw / (1180 / 50));
		background-size: calc(100vw / (1180 / 14)) calc(100vw / (1180 / 22));
		background-position: right calc(100vw / (1180 / 20)) center;
		font-size: calc(100vw / (1180 / 28));
	}
}
@media only screen and (max-width: 767px) {
	#lp_container {
		font-size: calc(100vw / (640 / 24));
	}
	#lp_container .inner {
		width: calc(100vw / (640 / 600));
	}
	#lp_container br.pc {
		display: none;
	}
	#lp_container br.sp {
		display: inline;
	}
	#kv .kv-pc {
		display: none;
	}
	#kv .kv-sp {
		display: block;
	}
	#point .inner {
		width: calc(100vw / (640 / 640));
		min-height: calc(100vw / (640 / 1450));
		margin-left: 0;
		margin-right: 0;
		padding: calc(100vw / (640 / 20)) 0 calc(100vw / (640 / 80));
		background-image: url(../img/sp/point_bg.png);
		background-size: calc(100vw / (640 / 246)) calc(100vw / (640 / 191));
		background-position: 0 calc(100vw / (640 / 100));
	}
	#point .inner .ttl {
		font-size: calc(100vw / (640 / 52));
		line-height: calc(100vw / (640 / 62));
	}
	#point .inner .ttl::after {
		width: calc(100vw / (640 / 160));
		height: calc(100vw / (640 / 30));
		margin: calc(100vw / (640 / 40)) auto 0;
	}
	#point .inner .main {
		top: calc(100vw / (640 / 315));
		left: calc(100vw / (640 / 20));
	}
	#point .inner .main dl {
		display: block;
	}
	#point .inner .main dl.bottom {
		margin-top: calc(100vw / (640 / 60));
	}
	#point .inner .main dl dt {
		width: calc(100vw / (640 / 500));
		height: calc(100vw / (640 / 80));
		margin-left: calc(100vw / (640 / 40));
	}
	#point .inner .main dl dt:nth-of-type(n + 2) {
		margin-top: calc(100vw / (640 / 30));
	}
	#point .inner .main dl dt .img-pc {
		display: none;
	}
	#point .inner .main dl dt .img-sp {
		display: block;
	}
	#point .inner .main dl dd {
		display: block;
		width: calc(100vw / (640 / 570));
		margin: calc(100vw / (640 / 25)) 0 0 calc(100vw / (640 / 15));
		font-size: calc(100vw / (640 / 28));
		line-height: calc(100vw / (640 / 40));
	}
	#point .inner .main dl.bottom dd:nth-of-type(2) {
		margin-top: calc(100vw / (640 / 25));
		white-space: nowrap;
	}
	#point .inner .main dl dd .note {
		margin-left: calc(100vw / (640 / 20));
		font-size: calc(100vw / (640 / 20));
		line-height: calc(100vw / (640 / 30));
		text-indent: calc(100vw / (640 / -20));
	}
	#point .inner .frm {
		top: calc(100vw / (640 / 782));
		left: calc(100vw / (640 / 10));
		width: calc(100vw / (640 / 620));
		height: calc(100vw / (640 / 579));
		background-image: url(../img/sp/point_frm.png);
	}
	#point .inner .frm p {
		top: calc(100vw / (640 / 558));
		left: calc(100vw / (640 / 85));
		width: calc(100vw / (640 / 450));
		height: calc(100vw / (640 / 40));
		padding-top: calc(100vw / (640 / 2));
		border-radius: calc(100vw / (640 / 20));
		font-size: calc(100vw / (640 / 20));
	}
	#merit .inner {
		padding: calc(100vw / (640 / 100)) 0;
	}
	#merit .inner .ttl {
		font-size: calc(100vw / (640 / 52));
		line-height: calc(100vw / (640 / 60));
	}
	#merit .inner .ttl::after {
		width: calc(100vw / (640 / 160));
		height: calc(100vw / (640 / 30));
		margin: calc(100vw / (640 / 30)) auto 0;
	}
	#merit .inner .ttl small {
		font-size: calc(100vw / (640 / 44));
	}
	#merit .inner .main {
		margin-top: calc(100vw / (640 / 60));
		padding: calc(100vw / (640 / 60)) calc(100vw / (640 / 20));
		border-radius: calc(100vw / (640 / 20));
		font-size: calc(100vw / (640 / 24));
		line-height: calc(100vw / (640 / 40));
	}
	#merit .inner .btn {
		width: calc(100vw / (640 / 600));
		height: calc(100vw / (640 / 100));
		margin: calc(100vw / (640 / 60)) auto 0;
	}
	#merit .inner .btn a {
		border-radius: calc(100vw / (640 / 50));
		background-size: calc(100vw / (640 / 14)) calc(100vw / (640 / 22));
		background-position: right calc(100vw / (640 / 20)) center;
		font-size: calc(100vw / (640 / 32));
	}
}