@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; }
    .wrap.wide{padding-top: 5rem;}
	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: 16.666vw auto 0; }
	header nav ul li{ color: #fff; font-size: 3.9vw; text-align: center; border-bottom: dotted 0.5333vw #b79541; line-height: 1.5; margin-bottom: 3px;}
	header nav ul li a{ line-height: 2.3; }
	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: 3.8vw; left: -10.266vw; }
section.why ul li{
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 0;
    line-height: 2rem;
}

	.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; margin-bottom: 2vw; }
	.price h2 strong{ font-size: 7vw; 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 h3 .black{font-size: 1.5rem;}
	.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.2666vw; 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: 11.5vw; }
	.feature ul li{ padding: 0 5.3333vw; margin-bottom: 70px;}
    .feature ul li:last-child{ margin-bottom: 0;}
	.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{ padding: 0; }
    .flow .wide .center{color:#000000;}
	.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: 400.86vw; margin-top: 17.333vw; padding-left: 9vw; }
	.flow ul li{ width: 65.3333vw; padding: 14.6666vw 4vw; }
	.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: -9.6vw; }
	.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; }
    
    .seo_flow.flow ul{ width: 320.86vw;}
	.seo_flow.flow ul li{ width: 65.3333vw; padding: 14.6666vw 4vw 0;}
    .seo_flow h2.general{font-size: 28px;}
    
	.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{ 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;}
    .first h2 strong{
        font-size: 2rem;
    }
     .first h2{
        font-size: 2.3rem;
                 line-height:1.5;
    }
    section.first h2 span{
        font-size: 1.4rem;
    }
    section.first h2 span{padding-left: 20px;}
    section.first h2 img {
     width: 35px;
}
    .solution h2{
        font-size: 2rem;
        padding-left: 35px;
        margin-bottom: 15px;
    }
    .solution h2::before{
        left: 0;
    }
    .solution ul.mincho li:before{
        width: 20px;
        top: 15px;
        left: -30px;
    }
    .solution ul.mincho li{
        font-size: 4vw;
        line-height: 1.4;
        padding: .8em 0;
        margin-left: 7.266vw;
        margin-bottom: 0;
    }
        .solution {
        padding: 16.666vw 0 10.666vw;
        background-image: url(../images/bg-solution01-sp.png);
        background-repeat: no-repeat;
    }
     .features {
        padding: 14.666vw 0 10.666vw;
        background-image: url(../images/bg-features01-sp.png);
        background-repeat: no-repeat;
    }
    
    .price.why h3{
        width: auto;
        font-size: 5.1333vw;
    }
    .solution p{
            font-size: 16px;
        margin: 20px auto;
    }
    .solution strong{
            font-size: 15px;
    }
    .solution ul li{
         font-size: 14px;
    }
    ul.yajirushi li{
        padding-bottom: 10px;
    }
    .overview{padding-top: 10vw;}
    .overview ul.circle li{
         font-size: 15px;
    }
    .overview ul.circle li:before{
            top: 12px;
        width: 14px;
        height: 14px;
    }
        .overview ul.check li{
         font-size: 15px;
            margin-left: 38px;
    }
    .overview ul.check li:before{
            top: 12px;
        width: 24px;
        height: 24px;
    }
    .overview p{
            font-size: 14px;
    }
     .overview p strong{
                font-size: 1.2rem;
    }
    .results .fw{
            font-size: 1.4rem;
    }
    .results .qa{
         left: 0;
            font-size: 1rem;
        width: 100%;
        padding: 0.6rem 1rem 0.6rem 3.1rem;
    }
    .results2 h2{margin-top: 25px;}
    .results2 h3{
            font-size: 20px;
        margin-bottom: 40px;
    }
     .results .qa2{
         left: 0;
            font-size: 1rem;
         width: 100%;
        padding: 0.6rem 1rem 0.6rem 3rem;
    }
    .results .qa:before{
                    left: -17px;
        width: 60px;
    height: 60px;
    }
     .results .qa2:before{
                    left: -17px;
         width: 60px;
    height: 60px;
    }
section.results{ padding:50px 0 80px;}
    .results .wrap.wide{padding:0;}
    .seo_flow{
    position: relative;
    padding:80px 0 50px;
    
}
    .solution h2 strong{font-size: 1.7rem;}
    ol.number {
    width: 100%;
}
     ol.number li{
    padding: 0.9rem 0 0.9rem 5rem;
         font-size: 14px;
}
    section.features{
        background-position: right 10px bottom 20px;
    }
     section.features h2{
         font-size: 6.3vw;
        text-align: center;
        line-height: 1.6;
        margin-bottom: 7.33333vw;
    }
    section.features h2 span{font-size: 5.0666vw;
        text-align: center;
    }
    
    section.features h3{top: 0;
        padding: 0;
        font-size: 3.266vw;
    }
    section.features h3 img{width: 8vw;
        top: 11vw;
        left: 0;
    }
    section.features h3{
        margin-bottom: 30px;
    }
    
    
     section.features h3 strong{font-size: 5vw;
        display: block;
                padding-left: 12vw;
        margin-bottom: 6vw;}
    
     section.features h3 strong span{display: block;
        font-size: 4.8vw;
      }
    
    
    section.features h3:last-child{
    margin-bottom: 30px;
   
}
    section.features h3:first-of-type img.imageye-selected2 {
          left: -3vw;
}

    .flow ul li:not(:last-of-type):after{right: -10.6vw;}
     #bg-green .inner{width: 100%; padding: 0;}
    #bg-green {padding: 3rem 2rem 5rem; margin-bottom: 0rem;}
    #bg-green .inner h2 {font-size: 2rem;}
    #bg-green .inner > ul{margin-top: 3rem;}
    #bg-green  .inner > ul li p {
        font-size: 4.2666vw;
        display: block;
    }
    
    #bg-green .inner > ul li{ width: 100%; height: 18.666vw; background-size: 15.33vw; background-position: top 50% left 6vw; padding-left: 6vw; margin-top: 6.6666vw; }
	#bg-green .inner > ul li:not(:nth-of-type(1)):after,
	#bg-green .inner > ul li:nth-of-type(1):after{ content: ''; width: 4.2666vw; height: 8.1333vw; background-image: url(../images/arrow-next01.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 2.666vw; transform: translateY(-50%);}
	#bg-green .inner > ul li:nth-of-type(1){ height: 24vw; }
	#bg-green .inner > ul li p{ font-size: 4.2666vw; text-align: center; line-height: 1.4; }
	#bg-green .inner > ul li p small{ font-size: 2.933vw; line-height: inherit; }
	#bg-green .inner > ul li p span{ display: block; line-height: inherit; }
    .center{text-align: center; margin-top: 20px;}
    .heading-left{margin-top: 50px; font-size: 1.1rem; padding-left: 1rem; margin-bottom: 50px; width: 360px; padding:0.5rem; padding-left: 2rem;}
    .heading-left:first-of-type{margin-top: 0;}
    .contact h3{text-align: center;
    font-size: 16px;
}
    .results2 h3{font-size: 16px;}
    
    
    
    
    .boxstyle01{padding: 2rem 1.5rem;}
    .boxstyle01 li {margin-bottom: 1rem;}
    
    .wrap.wide img.hikaku{width: 100%;}
    .intro.why ul.mincho{margin: auto 0;}
    .boxstyle02 {padding: 1.52rem;}
    
}