.about, .point, .gallery, .price, .cta {
  padding: 100px 20%;
}

html,
body {
  font-family: 'Noto Sans JP', sans-serif;
  }




.header {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  width: 100%;
  background: white;
  box-shadow: 0px 3px 7px rgba(53, 39, 17, 0.2);
}
.header { width: 100%; background: white; box-shadow: 0px 3px 7px rgba(53, 39, 17, 0.2); }
@media screen and (max-width: 768px) { .header { position: relative; } }
.header a { color: #352711; }
.header-upper { display: flex; align-items: center; padding-top: 1rem; }
@media screen and (max-width: 768px) { .header-upper { padding-bottom: 1rem; } }
.header-upper__logo { width: 245px; }
@media screen and (max-width: 768px) { .header-upper__logo { width: 180px; } }
.header-upper__nav { margin-left: auto; }
.header-upper__nav ul li { display: inline; margin-left: 20px; }
@media screen and (max-width: 768px) { .header-upper__nav ul li .btn-s { min-width: inherit; padding: .75rem; }
  .header-upper__nav ul li span { display: none; } }
/* header-nav-sp */
.header-nav-sp { display: none; padding: 1rem; width: 70px; height: 74px; box-sizing: border-box; position: absolute; top: 0; left: 0; transition: .4s; }
@media screen and (max-width: 768px) { .header-nav-sp { display: block; z-index: 20000; } }
.header-nav-sp.active { left: 84%; position: fixed; }
.btn-s { background: #352711; color: white !important; border: 1px solid #352711; border-radius: 40px; font-size: 1rem; line-height: 1; min-width: 180px; text-align: center; padding: .75rem 1rem; box-sizing: border-box; display: inline-block; transition: .4s; }
.btn-s:hover { background: white; color: #352711 !important; }
@media screen and (max-width: 599px) { .sp-show-inline { display: inline; }
  .sp-hide-inline { display: none; } }
.inner { width: 100%; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; padding-bottom: .5rem; box-sizing: border-box; max-width: 1000px; }
@media screen and (max-width: 768px) { .inner { width: 100%; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0; box-sizing: border-box; } }

.inner-block { margin-left: 10%; margin-right: 10%; }
.footer-nav { padding: 4rem 0; }
.footer-nav ul { text-align: center; }
@media screen and (max-width: 768px) { .footer-nav ul { text-align: left; } }
.footer-nav ul li { display: inline; margin: 0 1rem; }
@media screen and (max-width: 768px) { .footer-nav ul li { display: block; padding: .5rem 0; } }
.footer-nav ul li a { color: #352711; }
.product-buy { position: fixed; bottom: 1rem; right: 1rem; z-index: 30000; transition: .4s; }
@media screen and (max-width: 768px) { .product-buy { bottom: .25rem; right: 0; }
  .product-buy img { width: 150px; } }
.product-buy__close { position: absolute; right: 0; top: .25rem; display: inline-block; cursor: pointer; z-index: 40000; }
.product-buy__close i { font-size: 1.375rem; }
.product-buy__close:hover i { color: #BF972D; }
.product-buy.is-close { right: -250px; }
.product-buy__alw { position: fixed; bottom: 1rem; right: -200px; z-index: 30000; cursor: pointer; transition: .4s; opacity: 1; }
.product-buy__alw:hover { opacity: .7; }
.product-buy__alw.is-close { right: 0; }




.fd-in {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
}

.fd-done {
  opacity: 1.0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}


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

body {
 background-color: #fff;
}



.lp{
  display: block;
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 1vw;
  margin-right: auto;
  margin-left: auto;
}

.lpin {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.lp img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  align: center;
}




.ctabox{
  display: block;
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 1vw;
  margin-right: auto;
  margin-left: auto;
}

.ctaboxin {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.ctaboxin img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  align: center;
}
.ctaboxin span {
  display: block;
  object-fit: contain;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.ctaboxin img:hover {
  opacity: 0.5;
  transition: color 0.8s;
  transform: scale(0.95, 0.95);
  margin-right: auto;
　margin-left: auto;
}
.ctaboxin span:hover {
  opacity: 0.5;
  transition: color 0.8s;
  transform: scale(0.95, 0.95);
  margin-right: auto;
　margin-left: auto;
}

.ctaboxin2 img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.ctaboxin2 span {
  display: block;
  object-fit: contain;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  align: center;
}

.ctaboxin2 img:hover {
  opacity: 0.5;
  transition: color 0.8s;
  transform: scale(0.95, 0.95);
  margin-right: auto;
　margin-left: auto;
}

.ctaboxin2 span:hover {
  opacity: 0.5;
  transition: color 0.8s;
  transform: scale(0.95, 0.95);
  margin-right: auto;
　margin-left: auto;
}


footer {
  border-top: 2px solid #fff;
  padding: 1vw 0;
  background: #A7272D;
  text-align: center;
  color: #fff;
}
a	{
	text-decoration:none;
}

footer p {
  font-size: 1vw;
  line-height: 1.2;
}