@charset "UTF-8";
body {
	font-size: 18px;
	font-family: YuGothic,'Yu Gothic',sans-serif;
}
.sp {
	display: none;
}
a:hover {
	opacity: .7;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 3.733vw;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}
header {
	box-shadow: 0px 10px 10px -9px rgba(124,124,124,.6);
	position: relative;
	background-color: #fff;
	z-index: 3;
}
#head_link {
	position: relative;
}
main {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
/*=====mv=====*/
main .mv {
	padding-top: 30px;
	max-width: 100%;
	text-align: center;
	background: url("/pt/howto_app/img/mvBg.png") no-repeat;
	background-size: cover;
	background-position: center center;
}
main .contentsInner {
	max-width: 920px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	main .mv {
		padding-top: 0;
		max-width: 100%;
		background: none;
		background-size: contain;
	}
	main .contentsInner {
		max-width: 92vw;
	}
}
/*=====btnArea=====*/
.btnArea .btnTxt{
	margin-top: 40px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.btnArea .btnBox {
	margin-top: -25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btnArea .btnIcn {
	margin-top: 15px;
	max-width: 100%;
	width: 123px;
	font-weight: bold;
	line-height: 21px;
	text-align: center;
	background: url("/pt/howto_app/img/icnBg.png") no-repeat;
	background-size: contain;
	padding: 29px 20px;
	margin-right: -50px;
	position: relative;
	z-index: 5;
}
.btnArea .btnIcn span {
	display: inline-block;
	margin-top: 5px;
	font-size: 24px;
}
.btnArea .btn a {
	display: block;
	max-width: 540px;
	margin: 15px auto 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #f05a08;
	border-radius: 40px;
	box-shadow: 3px 4px #632e11;
	padding: 20px 60px;
	position: relative;
}
.btnArea .btn a::after {
	content: '';
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	position: absolute;
	top: 41%;
	right: 5%;
}
@media screen and (max-width: 768px) {
	.btnArea .btnTxt{
		margin-top: 7.333vw;
		font-size: 4.267vw;
	}
	.btnArea .btnBox {
		margin-top: 0;
	}
	.btnArea .btnIcn {
		margin-top: 0;
		max-width: 100%;
		width: 24.4vw;
		font-size: 3.067vw;
		line-height: 4vw;
		padding: 5.333vw 4.333vw 6.333vw;
		margin-right: -10.4vw;
	}
	.btnArea .btnIcn span {
		display: inline-block;
		margin-top: 0.667vw;
		font-size: 4.533vw;
	}
	.btnArea .btn a {
		max-width: 86.667vw;
		margin: 4vw auto 0;
		font-size: 4.533vw;
		letter-spacing: -0.03em;
		border-radius: 8vw;
		box-shadow: 3px 5px #632e11;
		padding: 4vw 11.333vw;
	}
	.btnArea .btn a::after {
		width: 2.667vw;
		height: 2.667vw;
	}
}
/*=====bgYellow=====*/
.bgYellow {
	margin-top: 50px;;
	padding-top: 45px;
	padding-bottom: 80px;
	background: #fffce3;
	position: relative;
	z-index: -1;
}
.bgYellow::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25.27vw 34.122vw 0 0;
	border-color: #fff6a7 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bgYellow::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 25.27vw 34.122vw;
	border-color: transparent transparent #fff6a7 transparent;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	.bgYellow {
		margin-top: 9.333vw;
		padding-top: 10vw;
		padding-bottom: 13.333vw;
	}
	.bgYellow::before {
		border-width: 26.667vw 30.667vw 0 0;
	}
	.bgYellow::after {
		border-width: 0 0 26.667vw 30.667vw;
	}
}
/*=====speechArea=====*/
.speechArea {
	margin: 35px auto 0;
	max-width: 790px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
}
.speechArea.first {
    margin-top: 0;
}
.speechArea.fadeInleft {
	opacity: 0;
    transform: translateX(-50px);
    transition: .6s;
}
.speechArea.fadeInleft.show {
	opacity: 1;
    transform: translateY(0);
}
.speechArea.fadeInright {
	opacity: 0;
    transform: translateX(50px);
    transition: .6s;
}
.speechArea.fadeInright.show {
	opacity: 1;
    transform: translateY(0);
}
.speechArea.delay {
	transition-delay: .2s;
}
.speechArea.delay02 {
	transition-delay: .4s;
}
.speechArea.delay03 {
	transition-delay: .6s;
}
.speechArea .speechPic {
	max-width: 85px;
}
.speechArea .speechPic img {
	max-width: 90%;
}
.speechArea .speechPic.pic02 {
	max-width: 90px;
}
.speechArea .bubble {
	width: 683px;
	position: relative;
	display: block;
	background: #fff;
	border-radius: 15px;
	padding: 20px 30px;
	border: 2px solid #004098;
	box-sizing: border-box;
	font-size: clamp(1rem, -3.577rem + 9.52vw, 1.125rem);
	font-weight: 500;
}
.speechArea .bubble > p span {
    font-weight: bold;
    color: #004098;
}
.speechArea .bubble.right {
	background: #fff7b1;
}
.speechArea .bubble::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -2.5%;
	transform: translateY(-50%);
	border-width: 10px 20px 10px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	z-index: 2;
}
/* 吹き出しのしっぽ：枠線の色用 */
.speechArea .bubble::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -3.1%;
	transform: translateY(-50%);
	border-width: 10px 20px 10px 0;
	border-style: solid;
	border-color: transparent #004098 transparent transparent;
	z-index: 1;
}
.speechArea .bubble.right::before {
	border-width: 10px 0 10px 20px;
	left: auto;
	right: -2.5%;
	border-color: transparent transparent transparent #fff7b1;
}
.speechArea .bubble.right::after {
	border-width: 10px 0 10px 20px;
	left: auto;
	right: -3.1%;
	border-color: transparent transparent transparent #004098;
}
.speechArea .bubble.right > p span {
	font-weight: bold;
	color: #004098;
}
@media screen and (max-width: 768px) {
	.speechArea {
		margin: 6.667vw auto 0;
		max-width: 92vw;
		gap: 0 4vw;
	}
	.speechArea.first {
		margin-top: 0;
	}
	.speechArea .speechPic {
		max-width: 12.4vw;
	}
	.speechArea .speechPic.pic02 {
		max-width: 14.267vw;
	}
	.speechArea .bubble {
		width: 76.8vw;
		border-radius: 2vw;
		padding: 4.667vw 7.333vw 4.667vw 4.667vw;
		border: 0.533vw solid #004098;
		font-size: 3.733vw;
	}
	.speechArea .bubble::before {
		position: absolute;
		top: 50%;
		left: -3.7%;
		border-width: 1.667vw 3.333vw 1.667vw 0;
	}
	/* 吹き出しのしっぽ：枠線の色用 */
	.speechArea .bubble::after {
		top: 50%;
		left: -4.8%;
		border-width: 1.667vw 3.333vw 1.667vw 0;
	}
	.speechArea .bubble.right::before {
		border-width: 1.667vw 0 1.667vw 3.333vw;
		right: -3.7%;
	}
	.speechArea .bubble.right::after {
		border-width: 1.667vw 0 1.667vw 3.333vw;
		right: -4.8%;
	}
}
@media screen and (max-width: 376px) {
	.speechArea .bubble {
		border: 0.798vw solid #004098;
	}
	.speechArea .bubble::before {
		left: -3.7%;
	}
	.speechArea .bubble::after {
		left: -5.2%;
	}
	.speechArea .bubble.right::before {
		right: -3.7%;
	}
	.speechArea .bubble.right::after {
		right: -5.1%;
	}
}
/*=====shopping=====*/
.shopping {
	text-align: center;
}
h2 {
	margin-top: 50px;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	color: #004098;
	border-bottom: 3px solid #004098;
	position: relative;
}
h2::before {
	content: '';
	width: 42px;
	height: 42px;
	background: url("/pt/howto_app/img/icn05.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 20%;
	left: -13%;
}
.shopping .shoppingBox {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 40px;
}
.shopping .shoppingBox .box {
	width: 36%;
}
.shopping .shoppingBox .shoppingPic01 {
	max-width: 330px;
	margin: 0 auto;
}
.shopping .shoppingBox .shoppingPic02 {
	max-width: 235px;
	margin: 0 auto;
}
.shopping .shoppingBox .shoppingTxt {
	margin-top: 15px;
	text-align: center;
}
.shopping .shoppingBox .shoppingTxt span {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #004098;
	background:linear-gradient(transparent 60%, #fff27d 60%);
}
@media screen and (max-width: 768px) {
	.header_height{
		height: 20px!important;
		width: 75px!important;
	}
	h2 {
		margin-top: 9.333vw;
		font-size: 5.6vw;
		border-bottom: 3px solid #004098;
	}
	h2::before {
		width: 7.6vw;
		height: 7.6vw;
		top: 10%;
		left: -13%;
	}
	.shopping .shoppingBox {
		margin-top: 6.667vw;
		flex-direction: column;
		gap: 4.667vw 0;
	}
	.shopping .shoppingBox .box {
		width: 100%;
	}
	.shopping .shoppingBox .shoppingPic01 {
		max-width: 70.267vw;
	}
	.shopping .shoppingBox .shoppingPic02 {
		max-width: 49.6vw;
	}
	.shopping .shoppingBox .shoppingTxt {
		margin-top: 4.667vw;
	}
	.shopping .shoppingBox .shoppingTxt span {
		font-size: 4vw;
	}
}
/*=====bgOrange=====*/
.bgOrange {
	padding: 90px 0;
	background: url("/pt/howto_app/img/_r4vp_bg.png") repeat;
}
@media screen and (max-width: 768px) {
	.bgOrange {
		padding: 12.667vw 0 13.333vw;
		background: url("/pt/howto_app/img/_r4vp_bg_sp.png") repeat;
	}
}
/*=====howto_app_title=====*/
h3 {
	font-size: 52px;
	font-weight: bold;
	line-height: 27px;
	color: #004098;
	text-align: center;
	position: relative;
}
h3::before {
	content: '';
	width: 74px;
	height: 74px;
	background: url("/pt/howto_app/img/arrow01.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -83%;
	left: calc(50% - 37px);
}
h3 .icn {
	display: inline-block;
	font-size: 21px;
	text-align: center;
	background: #ffd779;
	border-radius: 21px;
	padding: 5px 20px;
	border: 2px solid #004098;
	position: relative;
}
h3 .icn::after {
	content: '';
	width: 34px;
	height: 42px;
	background: url("/pt/howto_app/img/icn15.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -60%;
	right: -8%;
}
h3 .appTtlTxt {
	display: inline-block;
	margin-top: 20px;
	font-size: 28px;
	margin-bottom: 30px;
	position: relative;
}
h3 .appTtlTxt::before {
	content: '';
	width: 27px;
	height: 38px;
	border-left: 3px solid #004098;
	transform: rotate(-35deg);
	position: absolute;
	top: -45%;
	left: -4%;
}
h3 .appTtlTxt::after {
	content: '';
	width: 27px;
	height: 38px;
	border-right: 3px solid #004098;
	transform: rotate(35deg);
	position: absolute;
	top: -45%;
	right: -3%;
}
@media screen and (max-width: 768px) {
	h3 {
		font-size: 9.333vw;
		line-height: 4.8vw;
	}
	h3::before {
		width: 13.067vw;
		height: 13.467vw;
		background: url("/pt/howto_app/img/arrow01.png") no-repeat;
		background-size: contain;
		top: -70%;
		left: calc(50% - 6.533vw);
	}
	h3 .icn {
		font-size: 3.733vw;
		border-radius: 3.733vw;
		padding: 0.667vw 2.667vw;
		border: 2px solid #004098;
	}
	h3 .icn::after {
		width: 6vw;
		height: 7.467vw;
		top: -70%;
		right: -9%;
	}
	h3 .appTtlTxt {
		margin-top: 4vw;
		font-size: 4.533vw;
		margin-bottom: 5.333vw;
	}
	h3 .appTtlTxt::before {
		width: 4.667vw;
		height: 6.4vw;
		border-left: 3px solid #004098;
		top: -45%;
		left: -4%;
	}
	h3 .appTtlTxt::after {
		width: 4.667vw;
		height: 6.4vw;
		border-right: 3px solid #004098;
		top: -45%;
		right: -3%;
	}
}
/*===linkList===*/
.linkList {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 15px;
}
.linkList li a {
	display: block;
	width: clamp(15rem, -0.915rem + 33.11vw, 18.125rem);
	max-width: 100%;
	font-size: clamp(1.375rem, -0.204rem + 3.29vw, 1.688rem);
	font-weight: bold;
	color: #004098;
	text-align: center;
	line-height: 36px;
	padding: 80px 20px 55px;
	position: relative;
}
.linkList li a::after {
	content: '';
	width: 18px;
	height: 18px;
	border-bottom: solid 3px #004098;
	border-right: solid 3px #004098;
	transform: rotate(45deg);
	position: absolute;
	bottom: 10%;
	left: 46%;
}
.linkList li.link01 a {
	background: url("/pt/howto_app/img/link01.png") no-repeat;
	background-size: contain;
}
.linkList li.link02 a {
	background: url("/pt/howto_app/img/link02.png") no-repeat;
	background-size: contain;
}
.linkList li.link03 a {
	background: url("/pt/howto_app/img/link03.png") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 920px) {
	.linkList li a {
		padding: 8.696vw 2.174vw 5.978vw;
	}
}
@media screen and (max-width: 850px) {
	.linkList li a {
		font-size: 22px;
	}
}
@media screen and (max-width: 768px) {
	.linkList {
		margin-top: 8vw;
		flex-direction: column;
		gap: 4vw 0;
	}
	.linkList li a {
		max-width: 100%;
		width: 92vw;
		font-size: 4.8vw;
		line-height: 5.6vw;
		padding: 13.333vw 0 5.333vw;
	}
	.linkList li a::after {
		width: 2.667vw;
		height: 2.667vw;
		border-bottom: solid 3px #004098;
		border-right: solid 3px #004098;
		bottom: 30%;
		left: auto;
		right: 6%;
	}
	.linkList li.link01 a {
		background: url("/pt/howto_app/img/link01_sp.png") no-repeat;
		background-size: contain;
	}
	.linkList li.link02 a {
		background: url("/pt/howto_app/img/link02_sp.png") no-repeat;
		background-size: contain;
		letter-spacing: -1px;
	}
	.linkList li.link03 a {
		background: url("/pt/howto_app/img/link03_sp.png") no-repeat;
		background-size: contain;
		letter-spacing: -1px;
	}
}
/*=====howto_app_01=====*/
#howto_app_01 {
	margin-top: 100px;
}
h4 {
	font-size: 44px;
	font-weight: bold;
	line-height: 27px;
	color: #004098;
	text-align: center;
	background: #ffd779;
	padding: 55px 0 40px;
	border-radius: 10px 10px 0 0;
	position: relative;
}
h4 span {
	display: inline-block;
	font-size: 26px;
	margin-bottom: 20px;
}
h4::before {
	content: '';
	width: 86px;
	height: 86px;
	position: absolute;
	top: -25%;
	left: calc(50% - 43px);
}
#howto_app_01 h4::before {
	background: url("/pt/howto_app/img/icn16.png") no-repeat;
	background-size: contain;
}
#howto_app_01 .app01 {
	padding-top: 55px;
	padding-bottom: 55px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
#howto_app_01 .speechArea .bubble.right {
	background: #fffade;
}
#howto_app_01 .speechArea .bubble.right::before {
	border-color: transparent transparent transparent #fffade;
}
.ttl {
	text-align: center;
}
#howto_app_01 .app01 h2::before {
	left: -40%;
}
.app01Box {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 20px;
}
.app01Box .box {
	width: 40%;
}
.app01Box .app01Pic01 {
	max-width: 270px;
	margin: 0 auto;
}
.app01Box .app01Pic02 {
	max-width: 288px;
	margin: 0 auto;
}
.app01Box .app01Txt {
	margin-top: 20px;
	text-align: center;
	line-height: 26px;
}
.app01Box .app01Txt span.border {
	display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #004098;
    background: linear-gradient(transparent 60%, #fff27d 60%);
}
.app01Box .app01Txt span.big {
	font-size: 26px;
	line-height: 30px;
}
.app01Box .app01Txt span.small {
	font-size: 14px;
}
h5 {
	margin-top: 50px;
	font-size: 26px;
	font-weight: bold;
	color: #004098;
	display:flex;
	align-items: center;
	justify-content: center;
	padding: 0 55px;
}
h5::before,
h5::after{
	content: '';
	flex-grow:1;
	border-top: 2px solid #004098;
}
h5::before {
	margin-right: 0.5em; 
}
h5::after {
	margin-left: 0.5em; 
}
.logo {
	display: block;
	max-width: 643px;
    margin: 35px auto 60px;
}
@media screen and (max-width: 768px) {
	#howto_app_01 {
		margin-top: 16.667vw;
	}
	h4 {
		font-size: 7.733vw;
		line-height: 9.333vw;
		padding: 7.333vw 0 4.667vw;
		border-radius: 1.333vw 1.333vw 0 0;
	}
	h4 span {
		font-size: 4.8vw;
		margin-bottom: 0;
	}
	h4::before {
		width: 15.733vw;
		height: 15.733vw;
		top: -20%;
		left: calc(50% - 7.867vw);
	}
	#howto_app_01 .app01 {
		padding: 7.333vw 4vw 10.667vw;
		border-radius: 0 0 1.333vw 1.333vw;
	}
	#howto_app_01 .app01 .speechArea .bubble::before {
		left: -4.7%;
	}
	#howto_app_01 .app01 .speechArea .bubble::after {
		left: -5.8%;
	}
	#howto_app_01 .app01 .speechArea .bubble.right::before {
		left: auto;
		right: -4.5%;
	}
	#howto_app_01 .app01 .speechArea .bubble.right::after {
		left: auto;
		right: -5.8%;
	}
	@-moz-document url-prefix() {
		#howto_app_01 .app01 .speechArea .bubble::before {
			left: -4.5%;
		}
		#howto_app_01 .app01 .speechArea .bubble::after {
			left: -5.5%;
		}
		#howto_app_01 .app01 .speechArea .bubble.right::before {
			left: auto;
			right: -4%;
		  }
		#howto_app_01 .app01 .speechArea .bubble.right::after {
		  left: auto;
		  right: -5%;
		}
	}
	.app01Box {
		margin-top: 8vw;
		flex-direction: column;
		gap: 6vw 0;
	}
	.app01Box .box {
		width: 100%;
	}
	.app01Box .app01Pic01 {
		max-width: 57.733vw;
	}
	.app01Box .app01Pic02 {
		max-width: 62.667vw;
	}
	.app01Box .app01Txt {
		margin-top: 4.667vw;
		line-height: 5.867vw;
	}
	.app01Box .app01Txt span.border {
		font-size: 4vw;
	}
	.app01Box .app01Txt span.big {
		font-size: 4.8vw;
		line-height: 5.867vw;
	}
	.app01Box .app01Txt span.small {
		font-size: 3.467vw;
	}
	h5 {
		margin-top: 9.333vw;
		font-size: 4.8vw;
		line-height: 6.4vw;
		text-align: center;
		padding: 0;
	}
	h5::before,
	h5::after{
		border-top: 3px solid #004098;
	}
	h5::before {
		margin-right: 0.5em; 
	}
	h5::after {
		margin-left: 0.5em; 
	}
	.logo {
		max-width: 66.267vw;
		margin: 4.667vw auto 0;
	}
}
@media screen and (max-width: 376px) {
	#howto_app_01 .app01 .speechArea .bubble::before {
		left: -4.2%;
	}
	#howto_app_01 .app01 .speechArea .bubble::after {
		left: -5.7%;
	}
	#howto_app_01 .app01 .speechArea .bubble.right::before {
		right: -4%;
	}
	#howto_app_01 .app01 .speechArea .bubble.right::after {
		right: -5.6%;
	}
}
/*=====howto_app_02=====*/
#howto_app_02 {
	margin-top: 100px;
}
#howto_app_02 h4::before {
	background: url("/pt/howto_app/img/icn07.png") no-repeat;
	background-size: contain;
}
#howto_app_02 .app02 {
	padding-top: 55px;
	padding-bottom: 55px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
#howto_app_02 .speechArea .bubble.right {
	background: #fffade;
}
#howto_app_02 .speechArea .bubble.right::before {
	border-color: transparent transparent transparent #fffade;
}
.app02 h2::before {
	left: -11%;
}
.app02 .app02Box {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 40px;
}
.app02 .app02Box .box {
	width: 40%;
}
.app02 .app02Box .app02Pic01 {
	max-width: 260px;
	margin: 0 auto;
}
.app02 .app02Box .app02Pic02 {
	max-width: 320px;
	margin: 0 auto;
}
.app02 .app02Box .app02Txt {
	margin-top: 25px;
	text-align: center;
}
.app02 .app02Box .app02Txt span {
	display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #004098;
    background: linear-gradient(transparent 60%, #fff27d 60%);
}
.app02 .app02Box02 {
	max-width: 790px;
	margin: 25px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.app02 .app02Box02 .box {
	width: 32%;
}
.app02 .app02Box02 .app02Pic01 {
	max-width: 112px;
	margin: 0 auto;
}
.app02 .app02Box02 .app02Pic02 {
	max-width: 146px;
	margin: 0 auto;
}
.app02 .app02Box02 .app02Pic03 {
	max-width: 145px;
	margin: 45px auto 0;
}
.app02 .app02Box02 .app02Txt {
	margin-top: 20px;
	text-align: center;
}
.app02 .app02Box02 .app02Txt.txt02 {
	margin-top: 65px;
}
.app02 .app02Box02 .box.arrow {
	position: relative;
}
.app02 .app02Box02 .box.arrow::after {
	content: '';
	width: 41px;
	height: 36px;
	background: url("/pt/howto_app/img/arrow03.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 30%;
	right: -15%;
}
.app02 .speechBubble.mg {
	margin-top: 75px;
}
.lottery {
	padding-top: 100px;
	position: relative;
	text-align: center;
}
.lottery::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #004098 transparent transparent transparent;
	position: absolute;
	top: 20%;
	left: calc(50% - 60px);
}
.lottery .lotteryTxt {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #004098;
	text-align: center;
	position: relative;
}
.lottery .lotteryTxt::before {
	content: '';
	width: 19px;
	height: 25px;
	border-left: 3px solid #004098;
	transform: rotate(-35deg);
	position: absolute;
	top: 5%;
	left: -7%;
}
.lottery .lotteryTxt::after {
	content: '';
	width: 19px;
	height: 25px;
	border-right: 3px solid #004098;
	transform: rotate(35deg);
	position: absolute;
	top: 5%;
	right: -6%;
}
.lottery .lotteryBox {
	margin: 5px auto 0;
	max-width: 810px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f0f8ff;
	border: 2px solid #004098;
	padding: 20px 0;
	gap: 0 20px;
}
.lottery .lotteryBox .icon {
	max-width: 200px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #004098;
	border-radius: 0 8px 8px 0;
	padding: 3px 14px;
	position: relative;
}
.lottery .lotteryBox .icon::before {
	content: '';
	width: 56px;
	height: 58px;
	background: url("/pt/howto_app/img/icn08.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -40%;
	left: -22%;
}
.lottery .lotteryBox .txt {
	max-width: 475px;
	font-size: 24px;
	font-weight: bold;
}
.lottery .lotteryBox .txt .border.big {
	display: inline-block;
	font-size: 40px;
	line-height: 45px;
	color: #004098;
	background: linear-gradient(transparent 60%, #fff27d 60%);
	margin: 0 3px;
}
.lottery .lotteryBox .txt .middle {
	font-size: 30px;
	color: #004098;
}
@media screen and (max-width: 768px) {
	#howto_app_02 {
		margin-top: 13.333vw;
	}
	#howto_app_02 .app02 {
		padding: 7.333vw 4vw 10.667vw;
		border-radius: 0 0 1.333vw 1.333vw;
	}
	#howto_app_02 .app02 .speechArea .bubble::before {
		left: -4.5%;
	}
	#howto_app_02 .app02 .speechArea .bubble::after {
		left: -5.8%;
	}
	#howto_app_02 .app02 .speechArea .bubble.right::before {
		left: auto;
		right: -4.5%;
	}
	#howto_app_02 .app02 .speechArea .bubble.right::after {
		left: auto;
		right: -5.8%;
	}
	@-moz-document url-prefix() {
		#howto_app_02 .app02 .speechArea .bubble::before {
			left: -4%;
		}
		#howto_app_02 .app02 .speechArea .bubble::after {
			left: -5%;
		}
		#howto_app_02 .app02 .speechArea .bubble.right::before {
			left: auto;
			right: -4%;
		  }
		#howto_app_02 .app02 .speechArea .bubble.right::after {
		  left: auto;
		  right: -5%;
		}
	}
	.app02 h2 {
		margin-left: 5.333vw;
	}
	.app02 h2::before {
		left: -10%;
	}
	.app02 .app02Box {
		margin-top: 8vw;
		flex-direction: column;
		gap: 6.667vw 0;
	}
	.app02 .app02Box .box {
		width: 100%;
	}
	.app02 .app02Box .app02Pic01 {
		max-width: 57.733vw;
	}
	.app02 .app02Box .app02Pic02 {
		max-width: 70.667vw;
	}
	.app02 .app02Box .app02Txt {
		margin-top: 4.667vw;
	}
	.app02 .app02Box .app02Txt span {
		font-size: 4vw;
	}
	.app02 .app02Box02 {
		max-width: 100%;
		align-items: flex-start;
		margin-top: 4.667vw;
	}
	.app02 .app02Box02 .box {
		width: 32%;
	}
	.app02 .app02Box02 .app02Pic01 {
		max-width: 17.2vw;
	}
	.app02 .app02Box02 .app02Pic02 {
		max-width: 23.2vw;
		margin: 0 auto;
	}
	.app02 .app02Box02 .app02Pic03 {
		margin-top: 6.667vw;
		max-width: 21.6vw;
	}
	.app02 .app02Box02 .app02Txt {
		margin-top: 4vw;
		font-size: 3.2vw;
	}
	.app02 .app02Box02 .app02Txt.txt02 {
		margin-top: 12.4vw;
	}
	.app02 .app02Box02 .box.arrow::after {
		width: 5.467vw;
		height: 4.8vw;
		top: 30%;
		right: -15%;
	}
	.app02 .speechBubble.mg {
		margin-top: 8.667vw;
	}
	.lottery {
		padding-top: 18vw;
	}
	.lottery::before {
		border-width: 7.467vw 11.2vw 0 11.2vw;
		top: 15%;
		left: calc(50% - 11.2vw);
	}
	.lottery .lotteryTxt {
		font-size: 4.533vw;
	}
	.lottery .lotteryTxt::before {
		width: 3.6vw;
		height: 4.667vw;
		border-left: 3px solid #004098;
		top: 5%;
		left: -7%;
	}
	.lottery .lotteryTxt::after {
		width: 3.6vw;
		height: 4.667vw;
		border-right: 3px solid #004098;
		top: 5%;
		right: -6%;
	}
	.lottery .lotteryBox {
		margin: 20px auto 0;
		max-width: 92vw;
		flex-direction: column;
		border: 3px solid #004098;
		padding: 4.667vw 0 5.333vw;
		gap: 2.667vw 0;
	}
	.lottery .lotteryBox .icon {
		max-width: 290%;
		margin: 0 -5.333vw auto 0;
		border-radius: 0 1.6vw 1.6vw 0;
		padding: 0.4vw 2vw 0.4vw 3.333vw;
	}
	.lottery .lotteryBox .icon::before {
		width: 10.667vw;
		height: 10.8vw;
		left: -20%;
	}
	.lottery .lotteryBox .txt {
		max-width: 100%;
		font-size: 4vw;
	}
	.lottery .lotteryBox .txt .border.big {
		font-size: 6.667vw;
		line-height: 7.733vw;
		margin: 0 0.4vw;
	}
	.lottery .lotteryBox .txt .middle {
		font-size: 5.067vw;
	}
}
@media screen and (max-width: 376px) {
	#howto_app_02 .app02 .speechArea .bubble::before {
		left: -4.2%;
	}
	#howto_app_02 .app02 .speechArea .bubble::after {
		left: -5.7%;
	}
	#howto_app_02 .app02 .speechArea .bubble.right::before {
		right: -4%;
	}
	#howto_app_02 .app02 .speechArea .bubble.right::after {
		right: -5.6%;
	}
}
/*=====howto_app_03=====*/
#howto_app_03 {
	margin-top: 100px;
	position: relative;
}
#howto_app_03::after {
	content: '';
	width: 74px;
	height: 74px;
	background: url("/pt/howto_app/img/arrow01.png") no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -8%;
	left: calc(50% - 37px);
}
#howto_app_03 h4::before {
	background: url("/pt/howto_app/img/icn09.png") no-repeat;
	background-size: contain;
}
#howto_app_03 .app03 {
	padding-top: 55px;
	padding-bottom: 55px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
#howto_app_03 .speechArea .bubble.right {
	background: #fffade;
}
#howto_app_03 .speechArea .bubble.right::before {
	border-color: transparent transparent transparent #fffade;
}
.app03 h2 span {
	display: inline-block;
	font-size: 28px;
	border-bottom: 3px solid #004098;
}
.app03 h2::before {
	top: 57%;
	left: -10%;
}
.app03 .app03Box {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.app03 .app03Box .box {
	width: 40%;
}
.app03 .app03Box .app03Pic01 {
	max-width: 280px;
	margin: 0 auto;
}
.app03 .app03Box .app03Pic02 {
	max-width: 190px;
	margin: 0 auto;
}
.app03 .app03Box .app03Txt {
	margin-top: 25px;
	text-align: center;
}
.app03 .app03Box02 {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 55px;
}
.app03 .app03Box02 .box {
	max-width: 108px;
}
.app03 .app03Box02 .app03TxtB {
	font-weight: bold;
	text-align: center;
}
.app03 .app03Box02 .app03TxtS {
	font-size: 16px;
	text-align: center;
}
.app03 .app03Box02 .app03Pic {
	max-width: 108px;
	margin: 5px auto 10px;
}
.app03 .app03Box02 .box02 {
	max-width: 222px;
	margin-left: 30px;
}
.app03 .app03Box02 .box.plus , .app03 .app03Box02 .box.arrow {
	position: relative;
}
.app03 .app03Box02 .box.plus::after {
	content: '';
	width: 30px;
	height: 30px;
	background: url("/pt/howto_app/img/icn13.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 43%;
	right: -39%;
}
.app03 .app03Box02 .box.arrow::after {
	content: '';
	width: 41px;
	height: 36px;
	background: url("/pt/howto_app/img/arrow03.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 41%;
	right: -56%;
}
@media screen and (max-width: 768px) {
	#howto_app_03 {
		margin-top: 13.333vw;
	}
	#howto_app_03::after {
		width: 13.067vw;
		height: 13.467vw;
		bottom: -5.5%;
		left: calc(50% - 6.533vw);
	}
	#howto_app_03 .app03 {
		padding: 7.333vw 4vw 10.667vw;
		border-radius: 0 0 1.333vw 1.333vw;
	}
	#howto_app_03 .app03 .speechArea .bubble::before {
		left: -4.5%;
	}
	#howto_app_03 .app03 .speechArea .bubble::after {
		left: -5.8%;
	}
	#howto_app_03 .app03 .speechArea .bubble.right::before {
		left: auto;
		right: -4.5%;
	}
	#howto_app_03 .app03 .speechArea .bubble.right::after {
		left: auto;
		right: -5.8%;
	}
	@-moz-document url-prefix() {
		/* #howto_app_03 .app03 .speechArea .bubble::before {
			left: -7.5%;
		}
		#howto_app_03 .app03 .speechArea .bubble::after {
			left: -8.4%;
		} */
		#howto_app_03 .app03 .speechArea .bubble.right::before {
			left: auto;
			right: -4%;
		  }
		#howto_app_03 .app03 .speechArea .bubble.right::after {
		  left: auto;
		  right: -5%;
		}
	}
	.app03 h2 {
		border-bottom: none;
	}
	.app03 h2 span {
		display: inline-block;
		font-size: 5.067vw;
		border-bottom: 3px solid #004098;
	}
	.app03 h2 span.txt {
		font-size: 5.6vw;
	}
	.app03 h2::before {
		top: 37%;
		left: 0;
	}
	.app03 .app03Box {
		margin-top: 6.667vw;
		flex-direction: column;
		gap: 8vw 0;
	}
	.app03 .app03Box .box {
		width: 100%;
	}
	.app03 .app03Box .app03Pic01 {
		max-width: 61.333vw;
	}
	.app03 .app03Box .app03Pic02 {
		max-width: 39.333vw;
	}
	.app03 .app03Box .app03Txt {
		margin-top: 4.667vw;
	}
	.app03 .app03Box02 {
		margin-top: 4vw;
		gap: 0 9.333vw;
	}
	.app03 .app03Box02 .box {
		max-width: 20.667vw;
	}
	.app03 .app03Box02 .app03TxtB {
		font-size: 4vw;
	}
	.app03 .app03Box02 .app03TxtS {
		font-size: 3.733vw;
	}
	.app03 .app03Box02 .app03Pic {
		max-width: 20.667vw;
		margin: 2vw auto 2.667vw;
	}
	.app03 .app03Box02 .box02 {
		max-width: 22.267vw;
		margin-left: 0;
	}
	.app03 .app03Box02 .box.plus , .app03 .app03Box02 .box.arrow {
		position: relative;
	}
	.app03 .app03Box02 .box.plus::after {
		width: 5.6vw;
		height: 5.6vw;
		top: 43%;
		right: -36%;
	}
	.app03 .app03Box02 .box.arrow::after {
		width: 5.467vw;
		height: 4.8vw;
		top: 44%;
		right: -40%;
	}
}
@media screen and (max-width: 376px) {
	#howto_app_03 .app03 .speechArea .bubble::before {
		left: -4.2%;
	}
	#howto_app_03 .app03 .speechArea .bubble::after {
		left: -5.7%;
	}
	#howto_app_03 .app03 .speechArea .bubble.right::before {
		right: -4%;
	}
	#howto_app_03 .app03 .speechArea .bubble.right::after {
		right: -5.6%;
	}
}
/*=====howto_app_04=====*/
#howto_app_04 {
	margin-top: 150px;
	position: relative;
}
#howto_app_04::after {
	content: '';
	width: 74px;
	height: 74px;
	background: url("/pt/howto_app/img/arrow01.png") no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -7.3%;
	left: calc(50% - 37px);
}
#howto_app_04 h4 {
	background: #d7ebff;
	padding-top: 90px;
}
#howto_app_04 h4::before {
	content: '';
	width: 90px;
	height: 73px;
	background: url("/pt/howto_app/img/_r4vp_icn10.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: 6%;
	left: calc(50% - 30px);
}
#howto_app_04 h4::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 35px 0 35px;
	border-color: #d7ebff transparent transparent transparent;
	position: absolute;
	bottom: -11%;
	left: calc(50% - 35px);
}
#howto_app_04 .app04 {
	padding-top: 55px;
	padding-bottom: 55px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}
.app04 .speechArea .bubble.right {
	background: #f0f8ff;
}
.app04 .speechArea .bubble.right::before {
	border-color: transparent transparent transparent #f0f8ff;
}
.app04 h2 span {
	display: inline-block;
	font-size: 28px;
	border-bottom: 3px solid #004098;
}
.app04 h2::before {
	top: 57%;
	left: -11%;
}
.app04 .app04Pic {
	display: block;
	max-width: 663px;
	margin: 35px auto 0;
}
.app04 .bnrArea {
	margin: 50px auto 0;
	max-width: 790px;
	background: #f0f8ff;
	border-radius: 14px;
	padding: 25px 30px 30px;
}
.app04 h5 {
	margin-top: 0;
	font-size: 32px;
	padding: 0;
}
.app04 .bnrArea > p {
	max-width: 480px;
	margin: 15px auto 0;
}
.app04 .app04Box {
	margin-top: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 20px;
	position: relative;
}
.app04 .app04Box::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #004098 transparent transparent transparent;
	position: absolute;
	top: -47%;
	left: calc(50% - 60px);
}
.app04 .app04Box .app04Txt {
	max-width: 490px;
	font-size: 32px;
	font-weight: bold;
	line-height: 46px;
	color: #004098;
	border-bottom: 3px solid #004098;
}
.app04 .app04Box .app04Txt span {
	display: inline-block;
	font-size: 28px;
	letter-spacing: 0.04em;
	border-bottom: 3px solid #004098;
}
.app04 .app04Box .app04Pic01 {
	max-width: 200px;
}
@media screen and (max-width: 768px) {
	#howto_app_04 {
		margin-top: 24vw;
	}
	#howto_app_04::after {
		width: 13.067vw;
		height: 13.467vw;
		bottom: -5.8%;
		left: calc(50% - 6.533vw);
	}
	#howto_app_04 h4 {
		padding-top: 14.667vw;
	}
	#howto_app_04 h4::before {
		width: 15.333vw;
		height: 13.2vw;
		top: 6%;
		left: calc(50% - 4.867vw);
	}
	#howto_app_04 h4::after {
		border-width: 5.333vw 7.333vw 0 7.333vw;
		bottom: -11%;
		left: calc(50% - 7.333vw);
	}
	#howto_app_04 .app04 {
		padding: 7.333vw 4vw 10.667vw;
		border-radius: 0 0 1.333vw 1.333vw;
	}
	#howto_app_04 .app04 .speechArea .bubble::before {
		left: -4.5%;
	}
	#howto_app_04 .app04 .speechArea .bubble::after {
		left: -5.8%;
	}
	#howto_app_04 .app04 .speechArea .bubble.right::before {
		left: auto;
		right: -4.5%;
	}
	#howto_app_04 .app04 .speechArea .bubble.right::after {
		left: auto;
		right: -5.8%;
	}
	@-moz-document url-prefix() {
		#howto_app_04 .app04 .speechArea .bubble::before {
			left: -4%;
		}
		#howto_app_04 .app04 .speechArea .bubble::after {
			left: -5%;
		}
		#howto_app_04 .app04 .speechArea .bubble.right::before {
			left: auto;
			right: -4%;
		  }
		#howto_app_04 .app04 .speechArea .bubble.right::after {
		  left: auto;
		  right: -5%;
		}
	}
	.app04 h2 {
		margin-left: 5.333vw;
	}
	.app04 h2 span {
		font-size: 5.067vw;
	}
	.app04 h2::before {
		top: 55%;
		left: -11%;
	}
	.app04 .app04Pic {
		max-width: 83.867vw;
		margin: 45px auto 0;
	}
	.app04 .bnrArea {
		margin-top: 7.333vw;
		max-width: 100%;
		border-radius: 2.133vw;
		padding: 4.667vw 4vw;
	}
	.app04 h5 {
		font-size: 5.333vw;
	}
	.app04 .bnrArea > p {
		max-width: 76vw;
		margin: 2.667vw auto 0;
	}
	.app04 .app04Box {
		margin-top: 16vw;
		flex-direction: column;
		gap: 4.667vw 0;
	}
	.app04 .app04Box::before {
		border-width: 7.467vw 11.2vw 0 11.2vw;
		top: -20%;
		left: calc(50% - 11.2vw);
	}
	.app04 .app04Box .app04Txt {
		max-width: 100%;
		font-size: 5.6vw;
		line-height: 8.533vw;
	}
	.app04 .app04Box .app04Txt span {
		font-size: 4.933vw;
		letter-spacing: 0;
	}
	.app04 .app04Box .app04Pic01 {
		max-width: 42.667vw;
	}
}
@media screen and (max-width: 376px) {
	#howto_app_04 .app04 .speechArea .bubble::before {
		left: -4.2%;
	}
	#howto_app_04 .app04 .speechArea .bubble::after {
		left: -5.7%;
	}
	#howto_app_04 .app04 .speechArea .bubble.right::before {
		right: -4%;
	}
	#howto_app_04 .app04 .speechArea .bubble.right::after {
		right: -5.6%;
	}
}
/*=====howto_app_download=====*/
#howto_app_download {
	margin-top: 85px;
	margin-bottom: 70px;
}
#howto_app_download .dlTtl {
	font-size: 52px;
	font-weight: bold;
	line-height: 27px;
	text-align: center;
	color: #004098;
}
#howto_app_download .dlTtl span {
	display: inline-block;
	font-size: 28px;
	margin-bottom: 20px;
	position: relative;
}
#howto_app_download .dlTtl span::before {
	content: '';
	width: 27px;
	height: 38px;
	border-left: 3px solid #004098;
	transform: rotate(-35deg);
	position: absolute;
	top: -40%;
	left: -6%;
}
#howto_app_download .dlTtl span::after {
	content: '';
	width: 27px;
	height: 38px;
	border-right: 3px solid #004098;
	transform: rotate(35deg);
	position: absolute;
	top: -40%;
	right: -5%;
}
#howto_app_download .dlBox {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#howto_app_download .dlBox .box {
	width: 280px;
}
#howto_app_download .dlBox .step {
	width: 100%;
	max-width: 280px;
	background: #eef7ff;
	border-radius: 50%;
	position: relative;
}
#howto_app_download .dlBox .step::before {
	width: 65px;
	height: 65px;
	background: #004098;
	border-radius: 50%;
	padding: 17px 20px 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 5%;
	left: 0;
}
#howto_app_download .dlBox .step.bg01 {
	padding: 95px 0;
}
#howto_app_download .dlBox .step.bg01::before {
	content: '01';
}
#howto_app_download .dlBox .step .step01 {
	width: 59.3%;
	margin: 0 auto;
}
#howto_app_download .dlBox .step.bg02 {
	padding: 40px 0;
}
#howto_app_download .dlBox .step.bg02::before {
	content: '02';
}
#howto_app_download .dlBox .step .step02 {
	width: 37.9%;
	margin: 0 auto;
}
#howto_app_download .dlBox .step.bg03 {
	padding: 95px 0;
}
#howto_app_download .dlBox .step.bg03::before {
	content: '03';
}
#howto_app_download .dlBox .step .step03 {
	width: 75%;
	margin: 0 auto;
}
#howto_app_download .dlBox .dlTxt {
	margin-top: 20px;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}
#howto_app_download .dlBox .dlTxt span {
	font-size: 17px;
	font-weight: bold;
}
#howto_app_download .btnArea {
	margin-top: 60px;
}
@media screen and (max-width: 935px) {
	#howto_app_download .dlBox .box {
		width: 28.877vw;
	}
	#howto_app_download .dlBox .step {
		max-width: 28.877vw;
	}
	#howto_app_download .dlBox .step::before {
		width: 6.952vw;
		height: 6.952vw;
		background: #004098;
		border-radius: 50%;
		padding: 1.818vw 2.139vw 2.139vw;
		font-size: 2.139vw;
		font-weight: bold;
		text-align: center;
		color: #fff;
		position: absolute;
		top: 5%;
		left: 0;
	}
	#howto_app_download .dlBox .step.bg01 {
		padding: 10.16vw 0;
	}
	#howto_app_download .dlBox .step.bg02 {
		padding: 4.278vw 0;
	}
	#howto_app_download .dlBox .step.bg03 {
		padding: 10.16vw 0;
	}
	#howto_app_download .dlBox .dlTxt {
		font-size: 1.497vw;
	}
	#howto_app_download .dlBox .dlTxt span {
		font-size: 1.711vw;
	}
	#howto_app_download .btnArea {
		margin-top: 6.417vw;
	}
}
@media screen and (max-width: 768px) {
	#howto_app_download {
		margin-top: 14.667vw;
		margin-bottom: 9.333vw;
	}
	#howto_app_download .dlTtl {
		font-size: 9.333vw;
		line-height: 4.933vw;
	}
	#howto_app_download .dlTtl span {
		font-size: 4.533vw;
		margin-bottom: 4vw;
	}
	#howto_app_download .dlTtl span::before {
		width: 4.533vw;
		height: 6.133vw;
		border-left: 3px solid #004098;
		top: -30%;
		left: -6%;
	}
	#howto_app_download .dlTtl span::after {
		width: 4.533vw;
		height: 6.133vw;
		border-right: 3px solid #004098;
		top: -30%;
		right: -5%;
	}
	#howto_app_download .dlBox {
		margin-top: 4.667vw;
		flex-direction: column;
		gap: 2.667vw 0;
	}
	#howto_app_download .dlBox .box {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0 4.667vw;
	}
	#howto_app_download .dlBox .step {
		max-width: 43.467vw;
	}
	#howto_app_download .dlBox .step::before {
		width: 10.667vw;
		height: 10.667vw;
		padding: 2.4vw 2.667vw 2vw;
		font-size: 4vw;
		left: 0;
	}
	#howto_app_download .dlBox .step.bg01 {
		padding: 14.667vw 8.8vw;
	}
	#howto_app_download .dlBox .step .step01 {
		width: 100%;
	}
	#howto_app_download .dlBox .step.bg02 {
		padding: 6.133vw 13.467vw;
	}
	#howto_app_download .dlBox .step .step02 {
		width: 100%;
	}
	#howto_app_download .dlBox .step.bg03 {
		padding: 14.667vw 5.467vw;
	}
	#howto_app_download .dlBox .step .step03 {
		width: 100%;
	}
	#howto_app_download .dlBox .dlTxt {
		width: 50%;
		margin-top: 0;
		font-size: 3.467vw;
		line-height: 5.867vw;
		text-align: left;
	}
	#howto_app_download .dlBox .dlTxt span {
		font-size: 3.733vw;
	}
	#howto_app_download .btnArea {
		margin-top: 8vw;
	}
}
/*=====howto_app_line=====*/
#howto_app_line {
	background: #edf9f1;
	padding-top: 130px;
	padding-bottom: 80px;
}
h6 {
	font-size: 40px;
	font-weight: bold;
	line-height: 54px;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
}
h6 span {
	display: inline-block;
	font-size: 28px;
}
h6::before {
	content: '';
	width: 70px;
	height: 70px;
	background: url("/pt/howto_app/img/line.png") no-repeat;
	background-size: contain;
	position: absolute;
	top: -64%;
	left: calc(50% - 35px);
}
h6::after {
	content: '';
	width: 56px;
	height: 4px;
	display: inline-block;
	background-color: #4cc764;
	position: absolute;
	bottom: -10px;
	left: calc(50% - 28px);
}
#howto_app_line .speechBubble {
	margin-top: 50px;
}
#howto_app_line .speechArea .bubble {
	border: 2px solid #666;
}
#howto_app_line .speechArea .bubble::after {
	border-color: transparent #666 transparent transparent;
}
#howto_app_line .speechArea .bubble.right {
	background: #fffded;
}
#howto_app_line .speechArea .bubble.right::before {
	border-color: transparent transparent transparent #fffded;
}
#howto_app_line .speechArea .bubble.right::after {
	border-color: transparent transparent transparent #666;
}
#howto_app_line .speechArea .bubble.right > p span {
	color: #19b537;
}
#howto_app_line h5 {
	color: #333;
}
#howto_app_line h5::before, #howto_app_line h5::after {
	border-top: 2px solid #333;
}
#howto_app_line .lineBox {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0 55px;
}
#howto_app_line .lineBox .box {
	width: 280px;
}
#howto_app_line .lineBox .step {
	width: 280px;
	background: #fff;
	border-radius: 50%;
	position: relative;
}
#howto_app_line .lineBox .step::before {
	width: 65px;
	height: 65px;
	background: #4cc764;
	border-radius: 50%;
	padding: 17px 20px 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 5%;
	left: 0;
}
#howto_app_line .lineBox .step.bg01 {
	padding: 70px 0;
}
#howto_app_line .lineBox .step.bg01::before {
	content: '01';
}
#howto_app_line .lineBox .step .step01 {
	width: 49.3%;
	margin: 0 auto;
}
#howto_app_line .lineBox .step.bg02 {
	padding: 40px 0;
}
#howto_app_line .lineBox .step.bg02::before {
	content: '02';
}
#howto_app_line .lineBox .step .step02 {
	width: 38%;
	margin: 0 auto;
}
#howto_app_line .lineBox .lineTxt {
	margin-top: 20px;
	line-height: 28px;
	text-align: center;
}
#howto_app_line .lineBox .lineTxt span {
	font-weight: bold;
}
#howto_app_line .lineBox .lineTxt span a {
	color: #333;
}
#howto_app_line .lineBtn a {
	display: block;
	max-width: 400px;
	margin: 50px auto 0;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #4cc764;
	border-radius: 40px;
	box-shadow: 3px 4px #28913d;
	padding: 20px 60px;
	position: relative;
}
#howto_app_line .lineBtn a::after {
	content: '';
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	position: absolute;
	top: 41%;
	right: 5%;
}
@media screen and (max-width: 768px) {
	#howto_app_line {
		padding-top: 21.333vw;
		padding-bottom: 12vw;
	}
	h6 {
		font-size: 7.2vw;
		line-height: 9.333vw;
		padding-bottom: 4vw;
	}
	h6 span {
		font-size: 5.067vw;
	}
	h6::before {
		width: 12.8vw;
		height: 12.667vw;
		top: -40%;
		left: calc(50% - 6.4vw);
	}
	h6::after {
		width: 10.133vw;
		height: 0.8vw;
		bottom: 0;
		left: calc(50% - 5.067vw);
	}
	#howto_app_line .speechBubble {
		margin-top: 10.667vw;
	}
	#howto_app_line .speechArea .bubble {
		border: 0.533vw solid #666;
	}
	/* #howto_app_line .speechArea .bubble::before {
		left: -4%;
	} */
	#howto_app_line .speechArea .bubble::after {
		left: -5%;
	}
	/* #howto_app_line .speechArea .bubble.right::before {
		left: auto;
		right: -3.7%;
	} */
	#howto_app_line .speechArea .bubble.right::after {
		left: auto;
		right: -4.9%;
	}
	/* @-moz-document url-prefix() {
		#howto_app_line .speechArea .bubble::before {
			left: -6.9%;
		}
		#howto_app_line .speechArea .bubble::after {
			left: -7.8%;
		}
	} */
	#howto_app_line .lineBox {
		margin-top: 6.667vw;
		gap: 0 4.667vw;
	}
	#howto_app_line .lineBox .box {
		width: 50%;
	}
	#howto_app_line .lineBox .step {
		width: 100%;
		max-width: 43.467vw;
	}
	#howto_app_line .lineBox .step::before {
		width: 10.667vw;
		height: 10.667vw;
		padding: 2.4vw 2.667vw 2vw;
		font-size: 4vw;
		top: 0;
		left: 0;
	}
	#howto_app_line .lineBox .step.bg01 {
		padding: 11.067vw;
	}
	#howto_app_line .lineBox .step .step01 {
		width: 100%;
	}
	#howto_app_line .lineBox .step.bg02 {
		padding: 6.133vw 13.467vw;
	}
	#howto_app_line .lineBox .step .step02 {
		width: 100%;
	}
	#howto_app_line .lineBox .lineTxt {
		margin-top: 4.667vw;
		font-size: 3.467vw;
		line-height: 5.867vw;
	}
	#howto_app_line .lineBtn a {
		display: block;
		max-width: 76vw;
		margin: 55px auto 0;
		font-size: 4.267vw;
		border-radius: 6.667vw;
		box-shadow: 3px 5px #28913d;
		padding: 2.667vw 8vw;
	}
	#howto_app_line .lineBtn a::after {
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		width: 2.667vw;
		height: 2.667vw;
		top: 41%;
		right: 5%;
	}
}
@media screen and (max-width: 376px) {
	#howto_app_line .speechArea .bubble {
		border: 0.798vw solid #666;
	}
	#howto_app_line .speechArea .bubble::before {
		left: -3.7%;
	}
	#howto_app_line .speechArea .bubble::after {
		left: -5.1%;
	}
	#howto_app_line .speechArea .bubble.right::before {
		left: auto;
		right: -3.7%;
	}
	#howto_app_line .speechArea .bubble.right::after {
		right: -5.1%;
	}
}
/*==========*/
.topTsite a {
	display: inline-block;
	margin-top: 60px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #333;
	position: relative;
	margin-bottom: 30px;
}
.topTsite a::before {
	content: '';
	border-bottom: solid 2px #333;
	border-left: solid 2px #333;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	top: 35%;
	left: -12%;
}
@media screen and (max-width: 768px) {
	.topTsite a {
		margin-top: 9.333vw;
		font-size: 3.467vw;
		margin-bottom: 6.667vw;
	}
	.topTsite a::before {
		border-bottom: solid 2px #333;
		border-left: solid 2px #333;
		width: 1.733vw;
		height: 1.733vw;
		top: 34%;
		left: -10%;
	}
}