@media( width: 1024px ){
	.works .works-slide .inner{ width: 820px; }
	.works .slick-dots li{ font-size: 10px; letter-spacing: 0; }
	.main-content .inner{ transform: scale(0.8); }
}

@media(max-width: 768px){
	video{ min-height: auto; width: 140vw; top: 44%; }

	.right-nav{ right: 2vw; }
	.right-nav ul li a{ width: 1.07vw; height: 1.07vw; border-radius: 2.13vw; margin: 3.73vw auto; }
	.right-nav ul li a.active{ width: 2.13vw; height: 2.13vw; }

	.mv h2{ font-size: 5.87vw; padding-top: 12vw; background-size: 18.67vw; bottom: 6.66vw; }
	.mv.has-news h2{ bottom: 76.66vw; }
	.no-webp .mv h2{background-size: 18.67vw;}
	.mv #news.visible{ width: 100%; padding:8vw; bottom: 25vw; background: #666;}
	.mv #news.visible .news-box{ flex-wrap: wrap; padding: 0; background: transparent; }
	.mv #news.visible .news-box h3{ width: 100%; font-size: 5.87vw; margin-bottom: 2vw; color: #FFF!important;}
	.mv #news.visible .news-box .news-content{ width: 100%; }
	.mv #news.visible .news-box .news-content dl dt{ width: 22vw; color: #FFF!important;}
	.mv #news.visible .news-box .news-content dl dd{ width: calc(100% - 22vw); color: #FFF!important;}

	.mv #ytBnr{ width: 100%; height: 80px; margin: 0 auto; position: absolute; bottom: 2vw; left: 0; margin-left: 0; text-align: center;}
	.mv #ytBnr img{ width: auto; height: 100%;}


	.works-ttl h2{ font-size: 8vw; white-space: nowrap; line-height: 1.5; padding-top: 21.33vw; background-size: 31.2vw; }
	.no-webp .works-ttl h2{background-size: 31.2vw;}

	.main-content .inner{ width: 100%; padding-left: 8vw; padding-right: 8vw; }
	.main-content .bg-txt{ font-size: 18.67vw; }
	.main-content .bg-txt:first-letter{ font-size: 34.67vw; }
	.main-content .outer{ height: auto; padding-top: 37.33vw; }
	.main-content h2{ font-size: 6.4vw; margin-bottom: 1em; letter-spacing: .08em; white-space: nowrap; }
	.main-content .concept .left{ width: 100%; }
	.main-content .left .content{ width: 100%; padding-left: 5.33vw; padding-bottom: 10.67vw; }
	.main-content .left .content p + p{ margin-top: 0; }
	.slick-slide img.sp{ display: block; }

	.main-content .concept .item01{ position: static; }
	.main-content .concept .bg-txt{ top: -17vw; left: 5vw; }

	.main-content .about .bg-txt{ top: -17vw; left: 5vw; right: auto; }
	.main-content .about .left{ width: 100%; }
	.main-content .about .content .item02{ margin-top: 8vw; }
	.main-content .about h3{ font-size: 2.93vw; height: 8vw; width: calc(100% - 5.33vw); margin-left: auto; }
	.main-content .about table{ width: calc(100% - 5.33vw); margin-left: auto; }
	.main-content .about table th{ font-size: 2.67vw; }
	.main-content .about table td{ font-size: 2.67vw; letter-spacing: .05em; }
	.main-content .about .right{ width: 100%; }

	.main-content .desiner .bg-txt{ top: -17vw; left: 5vw; }
	.main-content .desiner .content dl dd{ width: 24vw; }
	.main-content .desiner .content dl dt{ width: calc(100% - 28vw); font-size: 2.67vw; line-height: 1.6; }
	.main-content .desiner .content dl dt h3{ font-size: 4.8vw; }

	.main-content .desiner .inner{ width: 100%; }
	.main-content .desiner .item01{ position: static; width: 78.67vw; margin-left: auto; display: block; }
	.main-content .desiner a.btn{ position: relative; margin-left: auto; margin-top: 6.66vw; }

	.main-content .recruit{ padding-bottom: 26.67vw; }
	.main-content .recruit .bg-txt{ top: -17vw; left: 5vw; }
	.main-content .recruit .content p{ margin-bottom: 0; }
	.main-content .recruit .item01{ position: static; width: 77.33vw; margin-left: auto; display: block; margin-bottom: 7.2vw; }
	.main-content .recruit a.btn{ margin-left: auto; }
	.main-content .recruit a.btn + a.btn{ margin-top: 5.33vw; }

	.works-ttl{ }
	.works-ttl .slide-wrap01{ left: auto; right: 0; }
	.works-ttl .ttl-slide02{ height: 35vh; }
	.works-ttl .ttl-slide01 li, .works-ttl .ttl-slide02 li{ height: 35vh; }
	.works-ttl .slide-wrap02{ bottom: auto; top: 0; }
	.works-ttl .ttl-slide02{ height: 35vh; }
	.works-ttl .slide-wrap03{ top: auto; bottom: 1px; right: -1px; background: #0b0b0d; }
	.works-ttl .ttl-slide03{ width: calc(100vw + 2px); height: 65vh; }
	.works-ttl .ttl-slide03 li{ width: calc(100vw + 2px); transform: scale(1.02); }

	.works .outer{ height: auto; min-height: 100vh; padding: 49.33vw 8vw 8vw; }
	.works .intro .inner{ width: 84vw; padding: 10.67vw 4vw 17.33vw; }
	.works .intro .inner:before{ height: 8vw; top: -5.5vw; }
	.works .intro .inner h2{ font-size: 5.87vw; margin-bottom: .8em; }
	.works .intro .inner p{ margin-bottom: 0; }
	.works .slick-dots{ bottom: auto; top: 20.27vw; flex-wrap: wrap; width: 84vw; }
	.works .slick-dots li{ width: 10.67vw; letter-spacing: 0; white-space: nowrap; font-size: 2.67vw; margin: 0 4vw 5.33vw 0; }
	/*.works .slick-dots li:nth-of-type(7){ margin-right: 0; }*/
	.works .slick-arrow{ width: 10.67vw; height: 10.67vw; bottom: auto; top: 34.67vw; }
	.works .slick-arrow.slick-next{ right: 7.5vw; }
	.works .slick-arrow.slick-prev{ right: 22vw; }

	.works .works-slide .inner{ width: 84vw; }
	.works .works-slide .content{ width: 100%; position: static; padding: 4vw; margin-top: 2.67vw; }
	.works .works-slide .content .cat{ width: 32vw; height: 6.93vw; font-size: 2.93vw; margin-bottom: .5em; }
	.works .works-slide .content h3{ font-size: 4.8vw; margin-bottom: .1em; }
	.works .works-slide .content p{ font-size: 2.67vw; }
	.works .works-slide .medial-link, .works .works-slide .dental-link{ width: 76vw; height: 13.33vw; top: 38vw; right: auto; left: 50%; transform: translateX(-50%); padding: 2.67vw 3.2vw; }
	.works .works-slide .medial-link .logo, .works .works-slide .dental-link .logo{ width: 32.8vw; padding-right: 2.67vw; }
	.works .works-slide .medial-link .txt, .works .works-slide .dental-link .txt{ width: calc(100% - 32.8vw); font-size: 2.67vw; padding-left: 2.93vw; background-size: 5.07vw; }
	.works .works-slide .photo-slide li{ max-height: none; }
	.works .works-slide .photo-slide .slick-counter{ top: -10vw; right: auto; left: 0; }
	.works .works-slide .photo-slide .slick-counter span{ line-height: 1; font-size: 2.93vw; }
	.works .works-slide .photo-slide .slick-counter .slider-progress{ width: 4.27vw; margin: 1vw 0; }

	.sp-contact{ height: auto; }
	.sp-contact .inner{ padding-left: 8vw; padding-right: 8vw; height: auto; padding-top: 37.33vw; padding-bottom: 16vw; position: relative; z-index: 0; }
	.sp-contact .bg-txt{ font-size: 18.67vw; position: absolute; top: 4vw; left: 4vw; z-index: -1; color: #fbfbfb; }
	.sp-contact .bg-txt:first-letter{ font-size: 34.67vw; }
	.sp-contact h2{ font-size: 6.4vw; margin-bottom: .5em; }
	.sp-contact .content{ padding-left: 5.33vw; padding-bottom: 10.67vw; border-left: solid 1px #e6e6e6; }
	.sp-contact .content + h2{ margin-top: 5.87vw; }
	.sp-contact .content p{ line-height: 2; margin-bottom: 5.87vw; }

	/*.foot-info{ padding-top: 13.33vw; }*/
	footer{ padding-top: 13.33vw; }

	ul.test{ position: fixed; top: 0; left: 0; z-index: 10000; }

	.fp-scrollable{ height: auto !important; }

		.footerlink{margin-top: 0em; margin-bottom: 3em;}
	.footerlink div {
		width: 45%;}

}