@media(max-width: 768px){
	.mv img{ height: 16rem; }

	.pankuzu{ width: 100%; padding: 0 2.5rem; }

	main{ width: 100%; padding: 0 2.5rem; margin: 5rem 0 8rem; }
	main h1{ font-size: 2.4rem; margin-bottom: 3.5rem; }
	main h1::before{ font-size: 5rem; }
	main h1::first-letter{ font-size: 7rem; }

	main section + section{ margin-top: 6rem; }
	main section > img{ margin: 1.8rem 0; }
	main section .c-video{ margin: 0 0 1.8rem; }
	main section .c-btn{ margin: 2.5rem auto; }

	main section h2:not(.no-style){ font-size: 2rem; margin: 6rem 0 5rem; padding: .3em 1em; }
	main section h3:not(.no-style){ font-size: 2rem; margin: 5rem 0 2rem; }
	main section h4:not(.no-style){ font-size: 1.8rem; margin: 4rem 0 1.8rem; }
	main section h5:not(.no-style){ font-size: 1.8rem; margin: 3.5rem 0 1.6rem; }
	main section h6:not(.no-style){ font-size: 1.6rem; }

	main section ol:not([class]){ margin: 3rem 0; }
	main section ol:not([class]) li{ font-size: 1.5rem; padding-left: 6rem; }
	main section ol:not([class]) li + li{ margin-top: 2.35rem; }
	main section ol:not([class]) li:before{ width: 4rem; height: 4rem; font-size: 2.2rem; }

	main section ol.card-list{ margin: 3rem 0; }
	main section ol.card-list li{ width: 100%; margin-right: 0; }
	main section ol.card-list li:nth-of-type(n+2){ margin-top: 2.5rem; }
	main section ol.card-list li strong:first-of-type{ font-size: 2rem; }
	main section ol.card-list li strong:first-of-type:before{ margin-bottom: .3em; }	

	main section ul:not([class]){ margin: 3rem 0; }
	main section ul:not([class]) li{ font-size: 1.4rem; }
	main section ul:not([class]) li + li{ margin-top: 1.6rem; }

	main section .flow{ margin: 4rem 0; }
	main section .flow li.has-img{ padding: 0; }	
	main section .flow li + li{ margin-top: 2.5rem; }
	main section .flow li strong:first-of-type{ font-size: 1.6rem; }
	main section ol.flow li strong:first-of-type{ padding-left: 4.2rem; }
	main section ol.flow li strong:first-of-type:before{ width: 3.5rem; height: 3.5rem; border-radius: 3.5rem; font-size: 2rem; top: -.3rem;  }
	main section .flow li img{ position: static; margin-top: 1.5rem; display: block; width: 100%; }

	.interview-box{ display: block; }
	.interview-box .txt{ padding: 0; }
	.interview-box .txt .catch{ transform: none; }
	.interview-box .img{ width: 100%; height: auto; }
	.img-box{ display: block; }
	.img-box img{ display: block; width: 100%; height: auto; margin-bottom: 4rem; }

	table:not(.no-style) tr,
	table:not(.no-style) th,
	table:not(.no-style) td{ display: block; }
	table:not(.no-style) th + td{ padding-top: 0; }

	main section .staff-list{ grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin: 0 0 2.5rem; }
	main section .staff-list__name{ font-size: 1.2rem; padding: .35em .6em; }

}