@charset "UTF-8";
:root {
  --scalePT: 0.8;
}

.expo2025_container{
	max-width: 100%;
}
.howto_wrapper{
	margin: 0 auto;
}
.howto_wrapper .title{
	font-weight: 900;
	color: #006ab2;
	letter-spacing: -0.02em;
	text-align: center;
	line-height: 1.2;
}
.howto_wrapper .catch{
	font-weight: 500;
	line-height: 1.774;
	text-align: center;
}
.howto_wrapper .catch a{
	display: inline-block;
	border: solid 1px #006ab2;
	font-weight: 500;
	color: #006ab2;
	line-height: 1;
	text-align: center;
}
@media all and (max-width: 768px) {
	.howto_wrapper{
		width: 100%;
		padding: 2.041% 0;
	}
	.howto_wrapper .title{
		margin-bottom: 3.061%;
		font-size: 7.653vw;
	}
	.howto_wrapper .title strong{
		font-size: 9.439vw;
	}
	.howto_wrapper .catch{
		margin-bottom: 4.082%;
		font-size: 2.849vw;
	}
	.howto_wrapper .catch a{
		padding: 0.808% 1.42%;
		margin-left: -4.082%;
		margin-right: 0.808%;
		font-size: 2.849vw;
		border-radius: 1.939vw;
	}
}
@media all and (min-width: 769px) {
	.howto_wrapper{
		max-width: calc(980px * var(--scalePT));
		padding: 20px 0;
	}
	.howto_wrapper .title{
		margin-bottom: 30px;
		font-size: calc(75px * var(--scalePT));
	}
	.howto_wrapper .title strong{
		font-size: calc(92.5px * var(--scalePT));
	}
	.howto_wrapper .catch{
		margin-bottom: 40px;
		font-size: calc(24px * var(--scalePT));
	}
	.howto_wrapper .catch a{
		padding: 4px 10px;
		margin-left: -40px;
		margin-right: 4px;
		font-size: calc(24px * var(--scalePT));
		border-radius: 19px;
	}
}

.howto_outline{
	background: rgb(225,9,32);
	background: -moz-linear-gradient(left,  rgba(225,9,32,1) 50%, rgba(0,106,178,1) 50%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(225,9,32,1)), color-stop(50%,rgba(0,106,178,1)));
	background: -webkit-linear-gradient(left,  rgba(225,9,32,1) 50%,rgba(0,106,178,1) 50%);
	background: -o-linear-gradient(left,  rgba(225,9,32,1) 50%,rgba(0,106,178,1) 50%);
	background: -ms-linear-gradient(left,  rgba(225,9,32,1) 50%,rgba(0,106,178,1) 50%);
	background: linear-gradient(to right,  rgba(225,9,32,1) 50%,rgba(0,106,178,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10920', endColorstr='#006ab2',GradientType=1 );
	margin: 0 auto;
}
.howto_outline .howto_outline-wrap{
	background-color: #fff;
}
.howto_outline .howto_ttl{
	background-color: #006ab2;
	margin: 0 auto;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1;
}
.howto_outline .howto_txt{
	margin: 0 auto;
	letter-spacing: -0.06em;
}
.howto_outline .outline_lst{
	margin: 0 auto;
	margin-bottom: 40px;
}
.howto_outline .outline_lst li{
	margin-left: 1em;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-indent: -1em;
	line-height: 1.453;
}
.howto_outline .howto_date{
	margin: 0 auto;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
}
.howto_outline .howto_date .cap{
	display: inline-block;
}

.howto_outline .howto_lst{
	margin: 0 auto;
}
.howto_outline .howto_lst li{
	margin-left: 1em;
	letter-spacing: -0.02em;
	text-indent: -1em;
	line-height: 1.453;
}
.howto_outline .howto_lst li strong{
	text-decoration: underline;
}
@media all and (max-width: 768px) {
	.howto_outline{
		width: 89.388%;
		padding: 0.816%;
	}
	.howto_outline .howto_outline-wrap{
		padding: 5.814%;
	}
	.howto_outline .howto_ttl{
		padding: 1.453% 0;
		margin-bottom: 1.716%;
		font-size: 3.971vw;
		border-radius: 3.163vw;
	}
	.howto_outline .howto_txt{
		margin-bottom: 1.316%;
		font-size: 2.847vw;
	}
	.howto_outline .outline_lst{
		margin-bottom: 5.263%;
	}
	.howto_outline .outline_lst li{
		margin-bottom: 1.316%;
		font-size: 3.104vw;
	}
	.howto_outline .howto_date{
		margin-bottom: 5.263%;
		font-size: 4.124vw;
	}
	.howto_outline .howto_date .cap{
		margin-left: 1.316%;
		font-size: 3.104vw;
	}

	.howto_outline .howto_lst{
		margin-bottom: 5.263%;
	}
	.howto_outline .howto_lst li{
		margin-bottom: 1.316%;
		font-size: 2.847vw;
	}
}
@media all and (min-width: 769px) {
	.howto_outline{
		max-width: calc(876px * var(--scalePT));
		padding: calc(8px * var(--scalePT));
	}
	.howto_outline .howto_outline-wrap{
		padding: calc(50px * var(--scalePT));
	}
	.howto_outline .howto_ttl{
		padding: 8px 0;
		margin-bottom: 10px;
		font-size: calc(35px * var(--scalePT));
		border-radius: 31px;
	}
	.howto_outline .howto_txt{
		margin-bottom: 10px;
		font-size: calc(23px * var(--scalePT));
	}
	.howto_outline .outline_lst{
		margin-bottom: 40px;
	}
	.howto_outline .outline_lst li{
		margin-bottom: 10px;
		font-size: calc(26.5px * var(--scalePT));
	}
	.howto_outline .howto_date{
		margin-bottom: 40px;
		font-size: calc(36.5px * var(--scalePT));
	}
	.howto_outline .howto_date .cap{
		margin-left: 10px;
		font-size: calc(26.5px * var(--scalePT));
	}
	.howto_outline .howto_lst{
		margin-bottom: 40px;
	}
	.howto_outline .howto_lst li{
		margin-bottom: 10px;
		font-size: calc(23px * var(--scalePT));
	}
}

.howto_info .info_hd{
	font-weight: 700;
}
.howto_info .info_txt{
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.535;
}
.howto_info .info_notes{
	font-weight: 900;
	color: #e10920;
	line-height: 1.535;
}
.howto_info .info_lst li{
	margin-left: 0.5em;
	font-weight: 400;
	letter-spacing: -0.04em;
	line-height: 1.535;
	text-indent: -0.5em;
}
@media all and (max-width: 768px) {
	.howto_info .info_hd{
		font-size: 3.257vw;
	}
	.howto_info .info_txt{
		font-size: 2.594vw;
	}
	.howto_info .info_txt strong{
		font-size: 2.696vw;
	}
	.howto_info .info_notes{
		margin-bottom: 1.316%;
		font-size: 2.696vw;
	}
	.howto_info .info_lst li{
		font-size: 2.594vw;
	}
	.howto_info .howto_info-use{
		margin-bottom: 5.263%;
	}
	.howto_info .howto_info-announce{
		margin-bottom: 5.263%;
	}
	.howto_info .howto_info-caution{
		margin-bottom: 5.263%;
	}
}
@media all and (min-width: 769px) {
	.howto_info .info_hd{
		font-size: calc(28px * var(--scalePT));
	}
	.howto_info .info_txt{
		font-size: calc(21.5px * var(--scalePT));
	}
	.howto_info .info_txt strong{
		font-size: calc(22.5px * var(--scalePT));
	}
	.howto_info .info_notes{
		margin-bottom: 10px;
		font-size: calc(22.5px * var(--scalePT));
	}
	.howto_info .info_lst li{
		font-size: calc(21.5px * var(--scalePT));
	}
	.howto_info .howto_info-use{
		margin-bottom: 40px;
	}
	.howto_info .howto_info-announce{
		margin-bottom: 40px;
	}
	.howto_info .howto_info-caution{
		margin-bottom: 40px;
	}
}


.copyright{
	margin: 0 auto;
	text-align: right;
}

@media all and (max-width: 768px) {
	.copyright{
		width: 89.388%;
		margin-top: 1.02%;
	}
}
@media all and (min-width: 769px) {
	.copyright{
		max-width: calc(876px * var(--scalePT));
		margin-top: 10px;
	}
}


.app_dl{
	display: flex;
	align-items: center;
	border: solid 1px #000;
	overflow: hidden;
}
.app_dl .app_dl-txt{
	display: block;
	background: url("../images/pointrally02/appli_bg.png") no-repeat right center;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
	text-align: center;
}
.app_dl .app_dl-lnk{
	display: block;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
.app_dl .app_dl-lnk a{
	display: flex;
	align-items: center;
	color: #000;
}
.app_dl .app_dl-lnk a::after{
	content: '';
	display: inline-block;
	background-image: url("../images/pointrally02/appli_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 0;
}

@media all and (max-width: 768px) {
	.app_dl{
		margin: 3.04% auto 6.08%;
		border-radius: 14.4px;
	}
	.app_dl .app_dl-txt{
		padding: 8px 6.079% 8px 4.559%;
		font-size: 2.15vw;
	}
	.app_dl .app_dl-lnk{
		margin-left: 3.647%;
		font-size: 2.2vw;
	}
	.app_dl .app_dl-lnk strong{
		font-size: 2.475vw;
	}
	.app_dl .app_dl-lnk a::after{
		width: 5vw;
		padding-bottom: 5vw;
		margin-left: 1vw;
	}
}
@media all and (min-width: 769px) {
	.app_dl{
		margin: 20px auto 40px;
		border-radius: 14.4px;
	}
	.app_dl .app_dl-txt{
		padding: 8px 32px 8px 22px;
		font-size: calc(21.5px * var(--scalePT));
	}
	.app_dl .app_dl-lnk{
		margin-left: 16px;
		font-size: calc(22px * var(--scalePT));
	}
	.app_dl .app_dl-lnk strong{
		font-size: calc(24.75px * var(--scalePT));
	}
	.app_dl .app_dl-lnk a{
		transition: opacity .3s ease;
	}
	.app_dl .app_dl-lnk a:hover{
		opacity: .7;
	}
	.app_dl .app_dl-lnk a::after{
		width: calc(51px * var(--scalePT));
		padding-bottom: calc(51px * var(--scalePT));
		margin-left: 8px;
	}
}
