@media(max-width: 768px){
	.mv{ width: calc(100% - 10.66vw); height: 45vw; margin: 20vw auto 2.67vw; }

	.pankuzu{ width: 100%; padding-left: 5.33vw; padding-right: 5.33vw; }
	.pankuzu li{ font-size: 2.67vw; }

	main{ width: 100%; padding-left: 5.33vw; padding-right: 5.33vw; margin: 13vw auto; }
	main h1.marcellus{ font-size: 18.67vw; left: 31vw; top: -36vw; }
	main h1.marcellus:first-letter { font-size: 18.67vw; }
	main > h2{ font-size: 5.3333vw; margin-bottom: 10vw; margin-top: 20vw; }
	main > p.center{ text-align: left; }
	main > a.btn.center{ margin: 6vw auto 10vw; }


	/*** designer ***/

	.profile-ceo, .staff-list > li{ padding: 5.3333vw 0 10.6666vw; flex-wrap: wrap; margin-bottom: 6.333vw; }
	.staff-list > li:last-of-type{ margin-bottom: 0; }
	.profile-ceo > .left, .profile-ceo > .right{ width: 100%; padding: 0; }
	.profile-ceo > .left .row img,
	.staff-list > li .row .img{ width: 36vw; display: block; }
	.profile-ceo > .left .row .name,
	.staff-list > li .row .name{ width: 50.6666vw; }
	.profile-ceo > .left .row .name h2,
	.staff-list > li .row .name h2{ font-size: 5.3333vw; margin-bottom: .5em; }
	.profile-ceo > .left .row .name h2 span, .staff-list > li .row .name h2 span{ font-size: 2.9333vw; }
	.profile-ceo > .left .row .name ul li, .staff-list > li .row .name ul li{ font-size: 2.9333vw; letter-spacing: 0; white-space: nowrap; }
	.profile-ceo > .left p, .staff-list > li p{ margin-bottom: 6.6666vw; line-height: 1.6; margin-top: 6.333vw; }
	.profile-ceo > .right dt{ margin-bottom: 4vw; }
	.profile-ceo > .right dd{ margin-bottom: 6.6666vw; }
	.profile-ceo > .right dt,
	.profile-ceo > .right dd table th,
	.profile-ceo > .right dd table td,
	.profile-ceo > .right dd ul li{ font-size: 2.9333vw; }
	.profile-ceo > .right dd table th,
	.profile-ceo > .right dd table td{ letter-spacing: 0; }
	.profile-ceo > .right dd ul li{ white-space: nowrap; }
	.staff-list > li{ width: 100%; }
	.staff-list > li:nth-of-type(odd){ padding-right: 0; }
	.staff-list > li:nth-of-type(even){ padding-left: 0; }
	.staff-list > li .row{ margin-bottom: 4vw; }
	.staff-list > li .row .img img{ display: block; }
	.staff-list > li h3{ font-size: 2.9333vw; margin-bottom: 4vw; }
	.staff-list > li p{ font-size: 3.466vw; margin-bottom: 0; }
	.staff-list > li p + p{ margin-top: 1.5em; }
	.staff-list > li p.soon{ font-size: 5.3333vw; margin-top: 6vw; }


	/*** privacy ***/

	.privacy{ margin-top: 12vw; }
	.privacy dt{ font-size: 4vw; }
	.privacy dd{ font-size: 3.2vw; }	


	/**** contact ****/

	main p a.tel{ font-size: 6vw; padding-left: 5vw; background-size: 3.4vw; }

	.form-content{ background: #f2f2f2; margin-top: 13.333vw; width: 100vw; margin-left: -5.33vw; padding: 10vw 5.33vw 4vw; }
	.form-content table,
	.form-content table tbody,
	.form-content table tr,
	.form-content table th,
	.form-content table td{ display: block; border: none; }
	.form-content table td.border-top0{ border-top: solid 1px #ccc; }
	.form-content table th{ padding: 0; margin-bottom: 1.3333vw; font-size: 3.2vw; }
	.form-content table td{ padding: 0; min-height: 10.6666vw; background: #fff; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 4vw; font-size: 3.2vw; border: solid 1px #ccc; }
	.form-content table td.no-border{ border: none; }	
	.form-content table td.border-bottom0{ border-bottom: solid 1px #cccccc; }
	.form-content table td input[type="text"],
	.form-content table td input[type="tel"],
	.form-content table td input[type="email"],
	.form-content table td input[type="date"]{ height: 10.6666vw; background: #fff; }
	.form-content table td.date-cell input[type="text"]{ width: 19vw;}
	.form-content table td.resev input[type="text"]{ width: 13vw; }
	.form-content table td.resev{ padding-left: 6vw; }
	.form-content table td.sp-padding{ padding: 1em; }
	.form-content table td.sp-padding input[type="text"], .form-content table td.sp-padding textarea{ border: solid 1px #ccc; }
	.form-content table td input.date-width{ width: 19vw; }
	.form-content select{ width: calc(100vw - 10.6666vw); height: 10.6666vw; font-size: 3.2vw; }	
	.form-content select.school-history{ width: 26vw; padding-left: 1em; margin-left: 1em; }
	.form-content table td textarea{ background: #fff; }
	.form-content table td .wrap-row{ width: 100%; }
	.form-content table td.sp-padding input[type="text"].sp-ml0{ margin-left: 0 !important; }
	.form-content table td.sp-padding input[type="text"].sp-mt1{ margin-top: 1em !important; }
	span.wpcf7-form-control-wrap.treatment { padding: 3vw 0; }
	.submit-wrap{ background: none; padding: 0; height: auto; }
	.submit-wrap input[type="submit"]{ width: 45.333vw; height: 12vw; font-size: 3.4666vw; margin: 10.6666vw auto 13.3333vw; }
	.form-content small{ font-size: 2.666vw; margin-top: 0; }


	/*** recruit ***/

	.recruit-movie{ margin: 5.33vw 0; }
	.recruit-main{ margin-bottom: 0; }
	.recruit-main dd{ height: 58vw; }
	.recruit-main dt{ font-size: 3.2vw; margin-top: 0; height: 20vw; display: flex; justify-content: center; align-items: center; }
	table.normal td{ font-size: 3.2vw; }
	table.normal th{ padding-right: 2em; font-size: 3.2vw; }


	/*** footer ***/

	footer{ padding: 13.33vw 0 2.67vw; }
	footer .copy{ margin-top: 6.13vw; }
	
	
	
	main.main-content {padding: 0;}
	main.main-content .outer .inner .row {justify-content: center;}
	main.main-content h2 {margin-bottom: 50px;}
	main.main-content h3{margin-bottom: 10px;}
	main.main-content .left{margin-bottom: 3rem;}
	main.main-content .left p,
	main.main-content .right p{text-align: center;}

	
}