@media screen and (max-width: 767px) {
	.main div {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/main_sp.jpg") center 50% no-repeat;
		background-size: cover;
	}
	.img1 {
		margin: 0 10px 40px 0;
	}
	.img1 span {
		bottom: 0;
	}
	.pg {
		padding-top: 70px;
	}
	.mark_a {
		position: relative;
		margin-bottom: 60px;
	}
	.mark_a::before {
		position: absolute;
		content: "";
		width: 180px;
		height: 181px;
		display: block;
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/mark_a.png") left top no-repeat;
		background-size: 100%;
	}
	.mark_a div {
		position: relative;
	}
	.box_pf {
		position: relative;
		margin-bottom: 50px;
	}
	.box_pf .box_txt {}
	.box_pf .box_txt .h_pf {
		font-weight: bold;
		font-size: 16px;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	.box_pf .box_txt .txt_pf {
		letter-spacing: 0.05em;
		font-weight: bold;
	}
	.box_pf .box_txt .txt_pf span {
		display: inline-block;
		font-size: 10px;
		border: solid 1px #231815;
		padding: 2px 6px;
		margin-top: 10px;
	}
	.box_pf .img {}
	/* */
	.pg1 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg1.png") left top no-repeat;
		background-size: 100%;
	}
	.pg1 .mark_a {
		margin-bottom: 30px;
	}
	.pg1 .mark_a::before {
		width: 150px;
		height: 151px;
		top: -100px;
		right: -54px;
	}
	.pg1 .box_pf {}
	.pg1 .box_pf1 {}
	.pg1 .box_pf2 {
		margin-bottom: 0;
	}
	.pg1 .box_pf1 .box_txt {
		margin: 0 20px 40px 47%;
	}
	.pg1 .box_pf .box_txt .h_pf {}
	.pg1 .box_pf .box_txt .txt_pf {}
	.pg1 .box_pf .img2 {
		position: absolute;
		top: 40px;
		left: 20px;
		width: 40%;
		z-index: 2;
	}
	.pg1 .box_pf .img3 {
		margin-left: 16%;
	}
	.pg1 .box_pf2 .box_txt {
		margin: 0 20px 0 0;
	}
	.pg1 .box_pf .img4 {
		margin-right: 40%;
	}
	.pg1 .box_pf2 .box_txt {
		transform: translateY(-50px);
	}
	/**/
	.pg2 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg2.png") left top no-repeat;
		background-size: 100%;
	}
	.pg2 .mark_a {}
	.pg2 .mark_a::before {
		width: 119px;
		height: 120px;
		top: -60px;
		right: 15px;
	}
	.pg2 .box_pf {}
	.pg2 .box_pf1 {
		margin-bottom: 90px;
	}
	.pg2 .box_pf1 .box_txt {
		margin: 0 20px;
	}
	.pg2 .box_pf2 {
		margin-bottom: 15px;
	}
	.pg2 .box_pf2 .box_txt {
		margin-right: 20px;
	}
	.pg2 .box_pf .box_txt .h_pf {}
	.pg2 .box_pf .box_txt .txt_pf {}
	.pg2 .box_pf .img5 {
		margin-left: 16%;
		margin-bottom: 30px;
	}
	.pg2 .box_pf .img6 {
		margin-right: 23%;
		position: relative;
		z-index: 2;
	}
	.pg2 .box_pf .img7 {
		position: absolute;
		top: -72px;
		right: 0;
		width: 33%;
	}
	/**/
	.pg3 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg3.png") left top no-repeat;
		background-size: 100%;
	}
	.pg3 .mark_a {
		margin-bottom: 5px;
	}
	.pg3 .mark_a::before {
		width: 150px;
		height: 151px;
		top: 5px;
		left: 20px;
	}
	.pg3 .box_pf .img8 {
		margin-left: 26%;
		margin-bottom: 40px;
		z-index: 2;
	}
	.pg3 .box_pf .img9 {
		position: absolute;
		left: 20px;
		bottom: 50px;
		width: 40%;
	}
	.pg3 .box_pf1 .box_txt {
		margin: 0 10px 0 52%;
	}
	.pg3 .box_pf .img10 {
		width: 63%;
		margin: 0 auto 35px;
		z-index: 2;
	}
	.pg3 .box_pf .img11 {
		position: absolute;
		right: 0;
		bottom: 40px;
		width: 33%;
	}
	.pg3 .box_pf2 .box_txt {
		margin: 0 40% 0 20px;
	}
	.pg3 .box_pf {}
	.pg3 .box_pf1 {}
	.pg3 .box_pf2 {}
	.pg3 .box_pf3 {
		display: flex;
	}
	.pg3 .box_pf3 .img12 {
		width: 49%;
	}
	.pg3 .box_pf3 .box_txt {
		padding: 45px 20px 0 28px;
	}
	.pg3 .box_pf .box_txt .h_pf {}
	.pg3 .box_pf .box_txt .txt_pf {}
	/**/
	.pg4 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg4.png") left top no-repeat;
		background-size: 100%;
	}
	.pg4 .mark_a {}
	.pg4 .mark_a::before {
		width: 105px;
		height: 106px;
		top: -42px;
		right: -15px;
	}
	.pg4 .box_pf {
		margin-bottom: 0;
	}
	.pg4 .box_pf .box_txt {
		margin: 0 20px 40px 50%;
		padding-top: 35px;
	}
	.pg4 .box_pf .img13 {
		width: 45%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.pg4 .box_pf .img14 {
		margin-left: 18%;
	}
	/**/
	.pg5 {
		background: #feeacb url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg5.png") right top no-repeat;
		background-size: 100%;
		padding-bottom: 70px;
	}
	.pg5 .mark_a {}
	.pg5 .mark_a::before {
		width: 85px;
		height: 86px;
		top: 5px;
		left: 12px;
	}
	.pg5 .box_pf .img15 {
		margin-right: 14%;
		margin-bottom: 60px;
	}
	.pg5 .box_pf .box_pd {
		margin-left: 20px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.pg5 .box_pf {
		margin-bottom: 0;
	}
	.pg5 .box_pf .box_txt {
		width: calc(54% - 20px);
	}
	.pg5 .box_pf .box_txt .h_pf {}
	.pg5 .box_pf .box_txt .txt_pf {}
	.pg5 .box_pf .img16 {
		width: 46%;
	}
	.pg5 .box_pf .img16 span {
		display: block;
		position: static;
		margin-top: 10px;
		text-align: right;
		margin-right: 10px;
	}
}
@media screen and (min-width: 768px) {
	.main div {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/main.jpg") center 50% no-repeat;
		background-size: cover;
	}
	.img1 {
		margin: 0 auto 40px;
		width: 1000px;
	}
	.img1 span {
		right: 80px;
	}
	.pg {
		padding-top: 120px;
	}
	.mark_a {
		position: relative;
		margin-bottom: 60px;
	}
	.mark_a::before {
		position: absolute;
		content: "";
		width: 180px;
		height: 181px;
		display: block;
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/mark_a.png") left top no-repeat;
		background-size: 100%;
	}
	.mark_a div {
		position: relative;
	}
	.box_pf {
		position: relative;
		width: 1000px;
		margin: 0 auto 50px;
	}
	.box_pf .box_txt {}
	.box_pf .box_txt .h_pf {
		font-weight: bold;
		font-size: 32px;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	.box_pf .box_txt .txt_pf {
		letter-spacing: 0.05em;
		font-weight: bold;
		font-size: 18px;
	}
	.box_pf .box_txt .txt_pf span {
		display: inline-block;
		font-size: 12px;
		border: solid 1px #231815;
		padding: 5px 10px;
		margin-top: 10px;
	}
	.box_pf .img {}
	/* */
	.pg1 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg1.png") left top no-repeat;
		background-size: 100%;
	}
	.pg1 .mark_a {
		margin-bottom: 60px;
	}
	.pg1 .mark_a::before {
		width: 260px;
		height: 264px;
		top: -160px;
		left: 200px;
	}
	.pg1 .box_pf {}
	.pg1 .box_pf1 {}
	.pg1 .box_pf2 {
		margin-bottom: 120px;
	}
	.pg1 .box_pf1 .box_txt {
		margin: 0 40px 60px 47%;
	}
	.pg1 .box_pf .box_txt .h_pf {}
	.pg1 .box_pf .box_txt .txt_pf {}
	.pg1 .box_pf .img2 {
		position: absolute;
		top: 20px;
		left: 120px;
		width: 35%;
		z-index: 2;
	}
	.pg1 .box_pf .img3 {
		margin-left: 30%;
	}
	.pg1 .box_pf2 .box_txt {
		margin: 0 20px 0 0;
	}
	.pg1 .box_pf .img4 {
		margin-right: 40%;
	}
	.pg1 .box_pf2 .box_txt {
		position: absolute;
		right: 40px;
		bottom: 180px;
	}
	/**/
	.pg2 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg2.png") left top no-repeat;
		background-size: 100%;
	}
	.pg2 .mark_a {}
	.pg2 .mark_a::before {
		width: 180px;
		height: 184px;
		bottom: -20px;
		right: 55px;
	}
	.pg2 .box_pf {}
	.pg2 .box_pf1 {
		margin-bottom: 90px;
	}
	.pg2 .box_pf1 .box_txt {
		margin: 0 40px;
	}
	.pg2 .box_pf2 {
		margin-bottom: 120px;
	}
	.pg2 .box_pf2 .box_txt {
		position: absolute;
		right: 40px;
		bottom: 0;
	}
	.pg2 .box_pf .box_txt .h_pf {}
	.pg2 .box_pf .box_txt .txt_pf {}
	.pg2 .box_pf .img5 {
		margin-left: 16%;
		margin-bottom: 30px;
	}
	.pg2 .box_pf .img6 {
		margin-right: 35%;
		position: relative;
		z-index: 2;
	}
	.pg2 .box_pf .img7 {
		position: absolute;
		top: -120px;
		right: 100px;
		width: 30%;
	}
	/**/
	.pg3 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg3.png") left top no-repeat;
		background-size: 100%;
	}
	.pg3 .mark_a {
		margin-bottom: 5px;
	}
	.pg3 .mark_a::before {
		width: 220px;
		height: 224px;
		top: 25px;
		left: 120px;
	}
	.pg3 .box_pf .img8 {
		margin-left: 26%;
		margin: -30px 0 60px 30%;
		z-index: 2;
	}
	.pg3 .box_pf .img9 {
		position: absolute;
		left: 20px;
		bottom: 0;
		width: 35%;
	}
	.pg3 .box_pf1 .box_txt {
		margin: 0 10px 0 52%;
	}
	.pg3 .box_pf .img10 {
		width: 55%;
		margin: 0 auto 90px;
		z-index: 2;
	}
	.pg3 .box_pf .img11 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 30%;
	}
	.pg3 .box_pf2 .box_txt {
		width: 55%;
		margin: 0 auto;
		padding-bottom: 40px;
		padding-left: 40px;
	}
	.pg3 .box_pf {
		margin-bottom: 120px;
	}
	.pg3 .box_pf1 {}
	.pg3 .box_pf2 {}
	.pg3 .box_pf3 {
		display: flex;
	}
	.pg3 .box_pf3 .img12 {
		width: 49%;
	}
	.pg3 .box_pf3 .box_txt {
		padding: 80px 0 0 80px;
	}
	.pg3 .box_pf .box_txt .h_pf {}
	.pg3 .box_pf .box_txt .txt_pf {}
	/**/
	.pg4 {
		background: url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg4.png") left top no-repeat;
		background-size: 100% 95%;
	}
	.pg4 .mark_a {}
	.pg4 .mark_a::before {
		width: 165px;
		height: 166px;
		top: -42px;
		right: -15px;
	}
	.pg4 .box_pf {
		margin-bottom: 0;
	}
	.pg4 .box_pf .box_txt {
		margin: 0 0 60px 55%;
		padding-top: 35px;
	}
	.pg4 .box_pf .img13 {
		width: 45%;
		position: absolute;
		left: 40px;
		top: 0;
	}
	.pg4 .box_pf .img14 {
		margin-left: 40%;
	}
	/**/
	.pg5 {
		background: #feeacb url("/content/dam/31sumai/mfr/X2223/asset/images/actionpark/bg_pg5.png") right top no-repeat;
		background-size: 90%;
		padding-bottom: 70px;
	}
	.pg5 .mark_a {
		margin-bottom: 80px;
	}
	.pg5 .mark_a::before {
		width: 120px;
		height: 126px;
		top: 20px;
		left: 20px;
	}
	.pg5 .box_pf .img15 {
		margin-right: 30%;
		margin-bottom: 60px;
	}
	.pg5 .box_pf .box_pd {
		margin-left: 20px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.pg5 .box_pf {
		margin-bottom: 0;
	}
	.pg5 .box_pf .box_txt {
		padding-top: 40px;
		margin-left: 40px;
	}
	.pg5 .box_pf .box_txt .h_pf {}
	.pg5 .box_pf .box_txt .txt_pf {}
	.pg5 .box_pf .img16 {
		width: 40%;
		margin-right: 150px;
	}
	.pg5 .box_pf .img16 span {
		right: -150px;
		bottom: -40px;
	}
}