@media screen and (max-width: 389px) {
	.price-background {
		width: 100%;
		display: flex;
		justify-content: center;
		background-color: rgba(234, 238, 247, 1);
		padding: 30px 0px;
	}

	.price {
		width: max-content;
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.price-title {
		width: 100%;
		display: flex;
		margin-bottom: 20px;
		margin-left: 50px;
	}

	.price-title-p {
		width: 70px;
		height: 14px;
		color: rgba(97, 33, 161, 1);
		font-size: 12px;
		font-weight: 600;
		font-family: 'YuGothic';
		transform: rotate(90deg);
		transform-origin: left center;
		/* 回転の基準を調整 */
		margin: 0;
		letter-spacing: 2.5px;
	}

	.price-title-text {
		font-size: 18px;
		font-weight: 700;
		font-family: 'YuGothic';
		text-align: left;
		letter-spacing: 1.5px;
		margin: 10px 0 0 -55px;
	}

	.price-title-underline {
		background: linear-gradient(to top, rgba(255, 217, 143, 1) 50%, transparent 30%);
		display: inline;
		/* 背景を文字サイズにフィットさせる */
	}

	.price-title-annotation {
		font-size: 18px;
	}

	.enrollment-fee {
		font-size: 25px;
		font-weight: 700;
		font-family: 'YuGothic';
		background-color: #FFFFFF;
		padding: 10px 70px 10px 70px;
		margin: 0;
	}

	.plus-icon {
		width: 22px;
		height: 22px;
		margin-top: 10px;
	}

	.cases-of-grants-title {
		font-size: 14px;
		font-weight: 400px;
		margin-top: 10px;
		text-align: left;
	}

	.cases-of-grants {
		display: flex;
		flex-direction: column;
	}

	.case-of-grants {
		width: 295px;
		height: 253px;
		background-color: #FFFFFF;
		position: relative;
		margin-top: 30px;
	}

	.title-of-case {
		position: absolute;
		font-size: 18px;
		font-weight: 600;
		top: 0px;
		left: 15px;
	}

	.normal-text-of-case-1 {
		position: absolute;
		font-size: 11px;
		font-weight: 500;
		font-family: 'YuGothic';
		text-align: left;
		top: 35px;
		left: 15px;
	}

	.normal-text-of-case-2 {
		position: absolute;
		font-size: 11px;
		font-weight: 500;
		font-family: 'YuGothic';
		top: 110px;
		left: 15px;
	}

	.normal-text-of-case-3 {
		position: absolute;
		font-size: 11px;
		font-weight: 500;
		font-family: 'YuGothic';
		top: 110px;
		left: 200px;
	}

	.normal-text-of-case-4 {
		position: absolute;
		font-size: 11px;
		font-weight: 500;
		font-family: 'YuGothic';
		text-align: right;
		top: 127px;
		left: 190px;
	}

	.bold-text-of-case {
		position: absolute;
		font-size: 14px;
		font-weight: 700;
		font-family: 'YuGothic';
		top: 70px;
		left: 15px;
	}

	.large-text-of-case {
		position: absolute;
		color: rgba(97, 33, 161, 1);
		font-size: 28px;
		font-weight: 600;
		font-family: 'Avenir Next';
		top: 110px;
		left: 15px;
	}

	.cost-of-case {
		position: absolute;
		font-size: 36px;
		font-weight: 600;
		font-family: 'Avenir Next';
		background-color: rgba(97, 33, 161, 1);
		color: #FFFFFF;
		padding: 2px 8px 2px 8px;
		margin: 0;
		top: 190px;
		left: 35px;
	}

	.cost-of-case span {
		font-size: 12px;
		font-weight: 600;
	}

	.yen {
		font-size: 20px;
		font-weight: 200;
		font-family: 'YuGothic';
		color: #FFFFFF;
	}

	.tag-of-case {
		position: absolute;
		background-color: rgba(97, 33, 161, 1);
		color: #FFFFFF;
		margin: 0;
		top: -8px;
		left: 0px;
		border-radius: 5px 0px 5px 0px;
		padding: 3px;
	}

	.message-to-free {
		display: flex;
		flex-direction: column;
		width: max-content;
		/* height: 117px; */
		justify-content: center;
		margin-top: 25px;
	}

	.normal-text-message-to-free {
		text-align: left;
		font-size: 18px;
		font-weight: 700;
		margin: 0;
	}

	.large-text-message-to-free {
		font-size: 34px;
		font-weight: 600;
		font-family: 'Hiragino Kaku Gothic ProN';
		margin: 0;
		background: linear-gradient(to top, rgba(255, 217, 143, 1) 30%, transparent 30%);
		display: inline;
	}

	.purple-text-message-to-free {
		font-size: 34px;
		font-weight: 600;
		font-family: 'Hiragino Kaku Gothic ProN';
		color: rgba(97, 33, 161, 1);
		margin: 0;
		display: inline;
	}

	.price-notify {
		width: 320px;
		height: max-content;
		padding: 8px 8px;
		background-color: #FFFFFF;
		border: rgba(97, 33, 161, 1) 1px solid;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-weight: 600;
		color: rgb(102, 102, 102, 1);
		margin-top: 30px;
	}

	.price-notify-block {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.notify-hidden {
		display: none;
	}

	.price-notify img {
		width: 23px;
		height: 23px;
		margin-left: 5px;
		cursor: pointer;
	}

	#price-close-button {
		cursor: pointer;
		transform: rotate(180deg);
		margin-left: 180px;
	}

	.price-notify-detail {
		display: flex;
		flex-direction: column;
		gap: 5px;
		text-align: left;
		font-size: 12px;
		font-weight: 600;
		color: rgba(102, 102, 102, 1);
	}

	.price-notify-detail p {
		font-size: 10px;
		font-weight: 300;
		color: rgba(102, 102, 102, 1);
	}


	.promotion-box {
		background-color: #eef0fb;
		padding: 20px;
		line-height: 1.6;
		text-align: left;
	}

	.promo-intro {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;

	}

	.promo-highlight {
		font-weight: 600;
		background: linear-gradient(to top, rgba(255, 217, 143, 1) 35%, transparent 35%);
	}

	.highlight-black {
		font-weight: 600;
		font-size: 32px
	}

	.highlight-purple {
		color: rgba(97, 33, 161, 1);
		font-weight: 600;
		font-size: 32px
	}
}