@media screen and (max-width: 768px) {
	/*　2-1　購入の流れ ここから　*/
	.gu2_1_main {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}
	.gu2_1_list {
		>li.guide_art_bg_box {
			box-sizing: border-box;
			padding: 20px 20px 25px 20px !important;
			&:not(:last-child) {
				margin: 0 0 20px 0;
			}
			>div {
				display: flex;
				align-items: center;
				gap: 0 12px;
				margin: 0 0 10px 0;
				>p {
					flex-shrink: 0;
					width: clamp(75px, 21vw, 90px);
					aspect-ratio: 9 / 5;
					display: flex;
					align-items: center;
					justify-content: center;
					box-sizing: border-box;
					clip-path: polygon(83% 0%, 100% 50%, 83% 100%, 0% 100%, 17% 50%, 0% 0%);
					background-color: #88ba42;
					font-size: clamp(30px, 8.5vw, 36px);
					line-height: 1;
					font-weight: bold;
					position: relative;
					z-index: 2;
					&:before {
						content: "";
						display: block;
						width: calc(100% - 7px);
						height: calc(100% - 4px);
						clip-path: polygon(83% 0%, 100% 50%, 83% 100%, 0% 100%, 17% 50%, 0% 0%);
						margin: auto;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 4px;
						z-index: -1;
					}
				}
				>h4 {
					font-size: clamp(21px, 5.7vw, 24px);
					line-height: 1.125;
				}
			}
			&:nth-child(2n+1) {
				>div {
					>p {
						color: #FFF;
						&:before {
							background-color: #88ba42;
						}
					}
				}
			}
			&:nth-child(2n) {
				>div {
					>p {
						color: #88ba42;
						&:before {
							background-color: #FFF;
						}
					}
				}
			}
			>img {
				display: block;
				width: clamp(190px, 52vw, 220px);
				height: auto;
				margin: 0 auto 15px auto;
			}
			>p {
				padding: 0 12px;
			}
		}
	}
	/*　2-1　購入の流れ ここまで　*/
	.gu2_2_flow_img {
		width: 100%;
	}
	.gu2_2_pc {
		display: none;
	}
	.gu2_2_flow_flex {
		padding: 30px 0;
	}
	.gu2_2_flow_flex li {
		width: 100%;
		background: #edf4e2;
		box-sizing: border-box;
		border-radius: 10px;
		display: block;
		margin-bottom: 15px;
		padding: 10px 10px 35px;
	}
	.gu2_2_flow_top {
		display: flex;
		justify-content: left;
		align-items: center;
		gap: 10px;
		padding-bottom: 10px;
		margin: auto;
	}
	.gu2_2_flow_num_g {
		width: 90px;
		height: 49px;
		display: grid;
		place-content: center;
		background: url(/guide_img/2-2/flow_green.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		font-size: clamp(30px, 9vw, 40px);
		font-weight: bold;
		color: #fff;
	}
	.gu2_2_flow_num_w {
		width: 90px;
		height: 49px;
		display: grid;
		place-content: center;
		background: url(/guide_img/2-2/flow_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		font-size: clamp(30px, 9vw, 40px);
		font-weight: bold;
		color: #88ba42;
	}
	.gu2_2_flow_top p {
		font-size: clamp(22px, 5.5vw, 24px);
		font-weight: bold;
		line-height: 1.2;
	}
	.gu2_2_hakase_point {
		display: block;
		margin: auto;
	}
	.gu2_2_flow_flex li img {
		margin: auto;
		display: block;
		height: 170px;
	}
	.gu2_2_flow_txt {
		padding: 10px 30px 0;
	}
	.gu2_2_point_box {
		width: 100%;
		position: relative;
		background: url(/guide_img/2-2/point_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 25px 10px 20px;
		box-sizing: border-box;
	}
	.gu2_2_point_box img {
		position: absolute;
		top: -26px;
		left: 5px;
		width: 120px;
	}
	.gu2_2_point_tit {
		font-size: clamp(14px, 3.8vw, 16px);
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
	}
	.gu2_2_point_tit div{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.gu2_2_point_tit_g {
		color: #88ba42;
		display: inline-flex;
		padding-right: 5px;
	}
	.gu2_2_point_tit_g span {
		font-size: clamp(22px, 6.0vw, 26px);
	}
	.gu2_2_point_box ul {
		padding: 0 20px;
	}
	.gu2_2_point_box li {
		display: flex;
		justify-content: left;
		align-items: flex-start;
		gap: 10px;
	}
	.gu2_2_point_box li:not(:last-of-type) {
		padding-bottom: 10px;
	}
	.gu2_2_point_num {
		width: 22px;
		height: 22px;
		border-radius: 99px;
		background: #88ba42;
		display: grid;
		place-content: center;
		font-size: clamp(14px, 3.8vw, 16px);
		font-weight: bold;
		color: #fff;
		flex-shrink: 0;
	}
	.gu2_2_point_txt {
		font-size: clamp(13px, 3.5vw, 15px);
		font-weight: 600;
		width: auto;
	}
	.gu2_2_flow_flex_mini {
		display: flex;
		justify-content: space-between;
	}
	.gu2_2_flow_flex_mini li {
		width: 31%;
        background: #edf4e2;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 10px;
	}
	.gu2_2_flow_num_g_mini {
		width: 50px;
		height: 27px;
		display: grid;
		place-content: center;
		background: url(/guide_img/2-2/flow_green.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		font-size: clamp(18px, 4.8vw, 20px);
		font-weight: bold;
		color: #fff;
	}
	.gu2_2_flow_num_w_mini {
		width: 50px;
		height: 27px;
		display: grid;
		place-content: center;
		background: url(/guide_img/2-2/flow_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		font-size: clamp(18px, 4.8vw, 20px);
		font-weight: bold;
		color: #88ba42;
	}
	.gu2_2_flow_flex_mini p {
		font-size: clamp(16px, 4.4vw, 18px);
		font-weight: bold;
		padding-top: 5px;
		text-align: center;
	}
	.gu2_2_note {
		font-size: clamp(14px, 3.8vw, 16px);
		text-align: right;
		padding: 10px 10px 0;
	}
	.gu2_2_point_box02 {
		margin-top: 30px;
	}
}
/* media screen fin */