@media screen and (max-width: 920px) {
	/*===============================
	MARK: common
	=================================*/
	.pc-content {
		display: none !important;
	}

	/*===============================
	MARK: TOP content
	=================================*/

	#concept .d-flex {
		flex-direction: column;
		row-gap: 60px;
	}

	.concept-image img {
		margin-inline: auto;
		width: min(100%, 600px);
	}
}

@media screen and (max-width: 470px) {
	/*===============================
	MARK: common
	=================================*/
	.sp-content {
		display: block;
	}

	.btn {
		padding: 1em 1.5em;
	}

	/*===============================
	MARK: TOP content
	=================================*/
	.page-content section {
		margin-top: -40px;
	}

	.section-inner {
		border-radius: 0 0 40px 40px;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
		background: #efefef;
		padding-block: 80px;
	}

	#concept .section-inner {
		border-radius: 40px;
	}

	#concept .section-heading h2 {
		align-items: center;
	}

	#concept p {
		font-size: 14px;
	}

	.coming-soon span {
		font-size: 1.25rem;
	}

	.coming-soon p {
		font-size: 14px;
	}

	#letter p {
		font-size: 14px;
	}

	.member-list-wrap {
		margin-top: 50px;
	}

	.member-list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 1fr);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}

	.member-list-wrap p {
		font-size: 14px;
	}

	#members .join {
		margin-top: 40px;
		padding-top: 130px;
		background-size: 100%;
	}

	.images-list {
		margin-top: 40px;
		column-gap: 10px;
	}

	.applications p {
		text-align: center;
	}

	/*===============================
	MARK: FOOTER
	=================================*/

	.site-footer .section-inner {
		border-radius: 40px 40px 0 0;
	}

	.site-footer .section-inner {
		padding-bottom: 30px;
	}

	.site-footer .section-inner .container > .d-flex {
		flex-direction: column-reverse;
		row-gap: 40px;
	}

	.document {
		align-self: center;
	}

	.document .btn-wrap {
		text-align: center;
	}

	.document a {
		font-size: var(--fz10);
	}

	.management {
		width: 100%;
	}

	.footer-logo img {
		margin-inline: auto;
	}
	.management .d-flex {
		flex-direction: column;
		align-items: center;
		gap: 1em;
	}

	#cookie-attention {
		font-size: 12px;
	}
}