body {
  font-family: "Yu Mincho",serif;
  font-weight: 500;
}

a:hover {
  color: #ff4a8a;
  text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.box_sdw {
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

@media (min-width: 768px) {
 .p2_u1_cntnt {
   top: auto;
   margin-bottom: 30px;
 }
 .p2_u2_cntnt2 {
   top: auto;
   margin-bottom: 200px;
 }
 .p2_u3_cntnt {
   top: auto;
   margin-bottom: 100px;
 }
}

@media (min-width: 992px) {
 .p2_u1_cntnt {
   top: auto;
   margin-bottom: 60px;
 }
 .p2_u2_cntnt2 {
   top: auto;
   margin-bottom: 200px;
 }
 .p2_u3_cntnt {
   top: auto;
   margin-bottom: 130px;
 }
}

@media (min-width: 1200px) {
 .p2_u1_cntnt {
   top: auto;
   margin-bottom: 60px;
 }
 .p2_u2_cntnt2 {
   top: auto;
   margin-bottom: 200px;
 }
 .p2_u3_cntnt {
   top: auto;
   margin-bottom: 130px;
 }
}

.main_base {
  position: relative;
}

.main_cntnt {
  position: absolute;
  top: 0;
  left: auto;
}

video.movie_bg {
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  display: block;
}

.p2_u1_base {
   background-image: url(../images/page2_usage1.webp);
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
}

.p2_u1_title {
  top: 0;
  left: auto;
}

.p2_u1_cntnt {
  top: auto;
  left: 15%;
}

.p2_u1_cntnt2 {
  top: auto;
}

.p2_u2_base {
   background-image: url(../images/page2_usage2.webp);
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
}

.p2_u2_title {
  top: 0;
  left: auto;
}

.p2_u2_cntnt {
  top: auto;
  left: 12%;
}

.p2_u2_cntnt2 {
  top: auto;
}

.p2_u3_base {
   background-image: url(../images/page2_usage3.webp);
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
}

.p2_u3_title {
  top: 0;
  left: auto;
}

.p2_u3_cntnt {
  top: auto;
  left: 5%;
}
.page_sale_base {
   background-image: url(../images/page_sale.webp);
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
}

.page_sale_title {
  top: 0;
  left: auto;
}

.page_sale_cntnt {
  top: 0;
  left: auto;
}

.pagetop {
    display: none;
    position: fixed;
    left: 48%;
    right: 52%;
    bottom: 10px;
}
.pagetop a {
    display: block;
    background: url(../images/pagetop_w.svg) no-repeat;
	background-size: cover;
    width: 40px;
	height: 40px;
}
.pagetop a:hover {
    background: url(../images/pagetop_w_hover.svg) no-repeat;
}