@charset "utf-8";

@media (max-width: 1200px) {
	.sec1 .txt-wrap {padding: 0 15px;}
	.sec1 .txt-wrap h3 {font-size: 30px;}
	.sec1 .txt-wrap h3.on {font-size: 36px;}
}

@media (max-width: 1024px) {
	.sec1 .flow h2 {font-size: 90px;}
	.sec1 .txt-wrap h3 {font-size: 24px;}
	.sec1 .txt-wrap h3.on {font-size: 30px;}
	
	.section-header h4 {font-size: 45px;}
	.section-header p {font-size: 30px;}
	
	section .inner a .txt h5 {font-size: 20px;}
	section .inner a .txt dl {gap: 5px; flex-wrap: wrap;}
	section .inner a .txt dl dt {width: 100%;}
	section .inner a .txt dl dd {width: 100%;}
}

@media (max-width: 768px) {
	.section-header h4 {font-size: 40px;}
	.section-header p {font-size: 25px;}

	.sec1 .flow h2 {font-size: 60px;}
	.sec1 .txt-wrap h3 {font-size: 20px;}
	.sec1 .txt-wrap h3.on {font-size: 24px;}
	
	section ~ section {margin-top: 120px;}
	section .inner {gap: 50px 16px; margin-top: 50px;}
	section .inner a {flex: 0 0 calc(50% - 8px);}
	section .inner a .txt {padding: 0; margin-top: 20px;}
	section .inner a .txt h5 {font-size: 18px;}
	section .inner a .txt dl dt {font-size: 14px;}
	section .inner a .txt dl dd {font-size: 14px;}
	
	.sec5 {margin-bottom: 120px;}
}

@media (max-width: 480px) {
	.sec1 {padding: 200px 0 50px; height: auto;}
	.sec1 .txt-wrap {margin-top: 50px;}
	
	.sec1 .txt-wrap h3 {font-size: 18px;}
	.sec1 .txt-wrap h3.on {font-size: 20px;}
	
	section .gall-wrap .none {font-size: 16px;}
}