@media(max-width: 768px){	
	#gHeader{ height: 6rem; padding-top: 4px; }

	main .content{ margin-left: 0; margin-right: 0; }

	.mv{ height: 17.5rem; }

	.pankuzu{ width: 100%; }
	.pankuzu li{ font-size: 1.2rem; }	

	main{ padding: 1.5rem 2.5rem 2.5rem; background-size: 34.7rem; }

	.container{ width: 100%; padding: 2.5rem 2.5rem 3rem; }
	.container + .container{ margin-top: 2.5rem; }
	.container img{ margin-bottom: 1rem; }
	.container a.btn{  }

	main h1{ font-size: 2.8rem; margin: 2.8rem 0 3.7rem; }
	main h1:after{ width: 3rem; }
	.container h2{ font-size: 2.2rem; margin: 6.5rem 0 2rem; padding: .2em .4em; line-height: 1.6; }
	.container h3{ font-size: 2rem; margin: 4rem 0 2rem; }
	.container h4{ font-size: 1.6rem; margin: 3rem 0 1em; }
	.container h5{ font-size: 1.5rem; margin: 2.6rem 0 1em; }

	.container .side-img{ flex-wrap: wrap; margin: 3rem 0; }
	.container .side-img .img{ width: 100%; order: 1; margin-bottom: 1.5rem; }
	.container .side-img .content{ width: 100%; order: 2; }

	.container .gray-wrap{ padding: 3rem 2rem 2rem; margin: 3.5rem 0; }
	.container .gray-wrap dt{ font-size: 1.8rem; }

	.container .table-row{ flex-wrap: wrap; margin: 3rem 0; }
	.container .table-row table + table{ border-left: none; }
	.container table:not(.no-style){ margin: 3rem 0; }
	.container table:not(.no-style) th,
	.container table:not(.no-style) td{ font-size: 1.4rem; }
	.container table.sp-break{ display: block; border: solid 1px #e6e6e6; }
	.container table.sp-break tbody,
	.container table.sp-break tr,
	.container table.sp-break th,
	.container table.sp-break td{ display: block; }
	.container table.sp-break td{ background: #fff; }

	.container .flow-list{ margin: 3rem 0; }
	.container .flow-list dl{ width: 100%; }
	.container .flow-list dl:nth-of-type(n+2){ margin-top: 2rem; }
	.container .flow-list dl dt{ font-size: 1.6rem; padding-left: 5rem; margin-bottom: 0; }
	.container .flow-list dl dt:before{ font-size: 2.75rem; left: 1rem; top: .3rem; }
	.container .flow-list dl dd{ flex-wrap: wrap; }
	.container .flow-list dl dd .txt{ width: 100%; order: 2; margin-top: 1.2rem; }
	.container .flow-list dl dd .img{ width: 100%; order: 1; }

	.container ul.dice, .container ol{ margin: 3rem 0; }
	.container ul.dice li + li{ margin-top: .15em; }	
	
	.container .youtube{ margin: 6.5rem 0 2rem; }
	.container img.full{ margin: 6.5rem 0 2rem; }
	
	.container .flexB .flex3{ flex-basis: 100%; }
	
	.center_img{ width:100%; }
}