@media(max-width: 768px){
	*{ font-size: 3.7333vw; }

	.sp{ display: block; }
	.pc{ display: none !important; }

	.wrap, .wrap.wide{ width: 100%; padding-left: 5.3333vw; padding-right: 5.3333vw; }

	header nav{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; background: url(../images/bg-nav01.jpg) no-repeat; background-size: cover; background-position: right; transition: .3s; z-index: 9999; display: block; }
	header nav.active{ opacity: 1; visibility: visible; }
	header nav .logo{ width: 29.733vw; margin: 5.3333vw 0 0 5.3333vw; }
	header nav ul{ display: block; width: 73.3333vw; margin: 18.666vw auto 0; }
	header nav ul li{ color: #fff; font-size: 4.5333vw; text-align: center; border-bottom: dotted 0.5333vw #b79541; }
	header nav ul li a{ line-height: 4.2; }
	header nav ul li:not(:last-of-type) a{ border: none; }

	.intro{ padding: 10vw 0 9.3333vw; background-image: url(../images/bg-intro01-sp.png); background-repeat: no-repeat; }
	.intro ul li{ font-size: 4vw; line-height: 1.4; padding: .8em 0; margin-left: 10.266vw; }
	.intro ul li:before{ width: 6.2vw; height: 5.2666vw; top: 6vw; left: -10.266vw; }

	.price{ padding: 14.666vw 0 10.666vw; }
	.price:before{ border-width: 6.666vw 17.333vw 0 17.333vw; }
	.price h2{ font-size: 6.4vw; line-height: 2.2; margin-bottom: 2vw; }
	.price h2 strong{ font-size: 10.6666vw; line-height: 1; margin-top: 2vw; }
	.price h3{ width: 100vw; margin-left: -5.3333vw; font-size: 5.3333vw; line-height: 1.6; margin-bottom: 10.6666vw; }
	.price table + table{ margin-top: 10.666vw; }
	.price table thead th{ height: 10.666vw; }
	.price table tbody th{ width: 29.3333vw; font-size: 4vw; padding: 1em 0; line-height: 1.6; }
	.price table tbody td{ font-size: 4vw; padding: 1em .8em; line-height: 1.6; }
	.price table + p{ font-size: 3.2vw; }

	.performance{ padding: 20vw 0 11.333vw; background-image: url(../images/bg-performance01-sp.jpg); }
	.performance:before{ border-width: 6.666vw 17.333vw 0 17.333vw; }
	.performance h2{ font-size: 6.6666vw; line-height: 1.6; }
	.performance h2 + p{ padding-bottom: 13.3333vw; background-size: 13.3333vw; margin-top: 2vw; margin-bottom: 6.6666vw; }
	.performance h2 + p + p{ text-align: left; }
	.performance h2 + p + p br{ display: none; }
	.performance .table-wrap{ flex-wrap: wrap; margin-top: 10.666vw; }
	.performance .table-wrap table{ width: 100%; }
	.performance .table-wrap table + table{ margin-top: 10.666vw; }
	.performance .table-wrap table thead th{ font-size: 3.7333vw; height: 12vw; }
	.performance .table-wrap table tbody th{ font-size: 4.8vw; height: 16vw; }
	.performance .table-wrap table tbody td{ font-size: 4.8vw; }
	.performance .table-wrap table tbody td strong{ font-size: 8vw; }
	.performance .table-wrap + p{ font-size: 6.666vw; line-height: 1.6; margin-top: 10.133vw; }


	.performance .table-wrap table.mini{ width: 100%; }
	.performance .table-wrap table.mini thead th{ font-size: 3.7333vw; height: 6vw; }
	.performance .table-wrap table.mini tbody th{ font-size: 2.8vw; height: 10vw; }
	.performance .table-wrap table.mini tbody td{ font-size: 2.8vw; }
	.performance .table-wrap table.mini tbody td strong{ font-size: 8vw; }
	.performance .table-wrap + p{ font-size: 6.666vw; line-height: 1.6; margin-top: 10.133vw; }
    
    
    .feature{ padding: 10.66vw 0 13.333vw; }
	.feature h2{ font-size: 6.4vw; line-height: 1.4; padding-bottom: 13.3333vw; background-size: 13.3333vw; margin-bottom: 8vw; }
	.feature h2 strong{ font-size: 12vw; }
	.feature ul li{ padding: 0 5.3333vw; }
	.feature ul li + li{ margin-top: 13.3333vw; }
	.feature ul li:before{ content: none; }
	.feature ul li .inner{ width: 100%; }
	.feature ul li .content .bg{ display: none; }
	.feature ul li .content{ background: transparent; width: 100%; padding: 0; }
	.feature ul li .content h3{ font-size: 4.53333vw; padding: 1em 0 1em 3.5em; margin-bottom: 6vw; }
	.feature ul li .content h3 span:before{ width: 8vw; height: 8vw; top: -0.5vw; left: -11vw; }
	.feature ul li .img{ position: static; width: 100%; height: auto; transform: none; margin-top: 6.666vw; }
	.feature ul li .img .img-in{ transform: none; position: static; height: 40vw; }

	h2.general{ font-size: 6.666vw; padding-bottom: 13.3333vw; background-size: 13.3333vw; }

	.flow{ padding: 12vw 0 14.666vw; }
	.flow .wrap{ padding: 0; }
	.flow .scroll-wrap{ overflow-x: scroll; padding-bottom: 18vw; width: 84vw; margin: 0 auto; }
	.flow .scroll-wrap::-webkit-scrollbar{ width: 84vw; background: #fff; height: 6.6666vw; border-radius: 6vw; padding: 1.333vw; }
	.flow .scroll-wrap::-webkit-scrollbar-thumb{ background: #f2f2f2; border-radius: 6vw; border: solid 1.333vw #fff; }
	.flow ul{ width: 263.86vw; margin-top: 17.333vw; padding-left: 16vw; }
	.flow ul li{ width: 53.3333vw; padding: 14.6666vw 4vw 6.666vw; }
	.flow ul li:before{ font-size: 13.3333vw; top: -7vw; }
	.flow ul li:not(:last-of-type):after{ border-width: 3.2vw 0 3.2vw 4.2666vw; right: -8.2vw; }
	.flow ul li img{ width: 10.666vw; margin-bottom: 9.333vw; }
	.flow ul li h3{ font-size: 4.8vw; min-height: 18.6666vw; margin-bottom: 4vw; }

	.link:before{ border-width: 6.666vw 17.333vw 0 17.333vw; }
	.link .left, .link .right{ height: 26.6666vw; }
	.link .left p{ font-size: 4.533vw; padding-left: 5.3333vw; background-size: 4.2666vw; }
	.link .right p{ font-size: 4.533vw; padding-left: 5.6vw; background-size: 4vw; }

	.contact{ padding: 10.666vw 0 18.666vw; }
	.contact table{ width: 100%; margin: 8vw 0 6vw; display: block; border-spacing: 0; }
	.contact table tbody, .contact table tr{ display: block; }
	.contact table th{ display: block; font-size: 3.7333vw; width: 100%; }
	.contact table th small.sp,
	.contact table th small:not(.sp){ display: inline-block; font-weight: 300; font-size: 3.2vw; }
	.contact table td{ display: block; margin-bottom: 4.3333vw; }
	.contact table td input{ height: 10.6666vw; }
	.contact table td textarea{ height: 89.333vw; }
	.contact input[type="submit"], input[type="button"], .thanks-wrap a.btn{ width: 66.6666vw; height: 13.333vw;  }

	footer{ padding: 0; }
	footer .wrap{ display: block; padding: 0; }
	footer ul li{ margin: 0; width: 50%; height: 13.333vw; display: flex; justify-content: center; align-items: center; border-bottom: solid 1px #f2f2f2; font-size: 3.4666vw; }
	footer ul li:nth-of-type(1){ border-right: solid 1px #f2f2f2; }
	footer p.copy{ font-size: 2.6666vw; margin: 3.4666vw 0 18.8vw; }

	.float-btn.sp{ display: flex; position: fixed; bottom: 0; left: 0; z-index: 9998; width: 100%; }
	.float-btn li{		
	    background: rgb(202,169,74);
	    background: -moz-linear-gradient(-45deg, rgba(202,169,74,1) 0%, rgba(35,24,21,1) 49%, rgba(35,24,21,1) 100%);
	    background: -webkit-linear-gradient(-45deg, rgba(202,169,74,1) 0%,rgba(35,24,21,1) 49%,rgba(35,24,21,1) 100%);
	    background: linear-gradient(135deg, rgba(202,169,74,1) 0%,rgba(35,24,21,1) 49%,rgba(35,24,21,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa94a', endColorstr='#231815',GradientType=1 );
		width: 50%; height: 16vw; display: flex; justify-content: center; align-items: center; position: relative; color: #fff; }
	.float-btn li .inner{ position: relative; padding-right: 5.333vw; }
	.float-btn li .inner:after{ content: ''; width: 1.6vw; height: 2.3333vw; background: url(../images/arrow01.png) no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
	.float-btn li img{ display: block; width: 37.733vw; }

	.menu-btn.sp{ width: 16.266vw; height: 16.266vw; position: fixed; top: 0; right: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; transition: .3s; }
	.menu-btn.bg{ background: #231815; }
	.menu-btn.bg.active{ background: transparent; }
	.menu-btn .inner{ width: 6.6666vw; height: 5.8666vw; position: relative; }
	.menu-btn .inner span{ width: 100%; height: 2px; background: #fff; position: absolute; left: 0; transition: .3s; }
	.menu-btn .inner span:nth-of-type(1){ top: 0; }
	.menu-btn .inner span:nth-of-type(2){ top: 50%; transform: translateY(-50%); }
	.menu-btn .inner span:nth-of-type(3){ bottom: 0; }
	.menu-btn.active .inner span:nth-of-type(1){ transform: rotate(45deg) translate(1.8vw,1.2vw); }
	.menu-btn.active .inner span:nth-of-type(2){ opacity: 0; }
	.menu-btn.active .inner span:nth-of-type(3){ transform: rotate(-45deg) translate(2vw,-2vw); }

	#formWrap{ padding-top: 8vw; padding-bottom: 8vw; }
	#formWrap h1{ font-size: 5.3333vw; margin-bottom: 6vw; }
	#formWrap .formTable{ margin: 8vw 0; }
	#formWrap .formTable th{ padding: 1em; font-size: 3.2vw; }
	#formWrap .formTable td{ padding: 1em; font-size: 3.2vw; }
	input[type="submit"] + input[type="button"]{ margin-top: 4vw; }

	.thanks-wrap{ background-image: url(../images/bg-performance01-sp.jpg); padding: 15vw 0 10vw; }
	.thanks-wrap h1{ font-size: 6.666vw; margin-bottom: 6vw; }
	.thanks-wrap h2{ font-size: 4vw; }
	.thanks-wrap .inner{ padding: 5.3333vw; }
	.thanks-wrap p{ text-align: left; }
	.thanks-wrap .inner dl{ display: block; margin-top: 6vw; }
	.thanks-wrap .inner dl dd a{ font-size: 8vw; }
	.thanks-wrap .inner dl dd a + small{ font-size: 3.2vw; }
	.thanks-wrap a.btn{ margin-top: 8vw; }
    .wrap .table-wrap .micro.mini thead th{font-size: 3.7333vw;height: 12vw;}    
.wrap .table-wrap .micro.mini th,.wrap .table-wrap .micro.mini td{height: 35px; font-size: 4.8vw;height: 16vw;}
}