@media
	{
		.page
		{
			gap: 4vw;
		}

		section
		{
			gap: 0.5vw;
		}
		.page img
		{
			max-width: 30vw;
			max-height: 30vw;
			width: 30vw;
		}
		

		.textbox
		{
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 2vw;
			text-align: left;
			margin-bottom: 2vw;
		}
		p
		{
			width: 100%;
		}
		img.middle
		{
			max-width: 20vw;
			max-height: 20vw;
			width: 20vw;			
		}
		img.small
		{
			max-width: 15vw;
			max-height: 15vw;
			width: 15vw;			
		}
	}

@media (max-width: 1400px)
	{

	}


@media (max-width: 800px)
	{
		.page
		{
			gap: 6vw;
			margin-bottom: 10vw;
		}
		section
		{
			gap: 3vw;
			margin-bottom: 10vw;
		}
		.page img
		{
			max-width: 90vw;
			max-height: 90vw;
			width: 80vw;
		}
		.textbox
		{
			margin-bottom: 5vw;
			gap: 5vw;
		}

		img.middle
		{
			max-width: 70vw;
			max-height: 70vw;
			width: 70vw;			
		}
		img.small
		{
			max-width: 50vw;
			max-height: 50vw;
			width: 50vw;			
		}

		.article_link
		{
			line-height: 7vw;
		}

	}