.btn_box a {
  border-color: #fff;
    background:none;
    color:#fff;
}
    .btn_box a:hover {
    background:#fff;
    color:#555;
}
body {
    font-family:yu-gothic-pr6n, sans-serif;
  background-size: cover;
  background: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/bg.jpg) repeat center top;
  background-size: 100% auto;
  color: #595959;
  font-weight: 400;
}
main {
  background: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/bubble_bg.png) repeat center top;
  background-size: 100% auto;
  position: relative;
}
main:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/bubble.png) repeat center top;
  position: absolute;
  left: 0;
  top: 0;
  animation-name: fall-up;
  animation-duration: 1200s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
  z-index: -1;
}
@keyframes fall-up {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0%;
  }
}
main {
  position: relative;
}
.inbox {
  position: relative;
  padding: 0 7%;
}
@media screen and (max-width:900px) {
  .inbox {
    padding: 0 4%;
  }
  main {
    background-size: 150% auto;
  }
}
h1, h2, h3, h4 {
  font-weight: 400!important;
    font-family: futura-pt, yu-gothic-pr6n, sans-serif;
}
h2 {
  margin-bottom: 1em;
}
section h2 strong {
  font-size: 2em;
    font-weight: 400;
}
h3 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
h4 {
  font-size: 1.25em;
  margin-bottom: 1em;
}
strong {
  font-weight: 700;
}
.attention {
  font-size: 12px !important;
}
.totop {
  margin-top: 10rem;
}
.totop a {
  width: 20em;
  margin: 1em;
}
@media screen and (min-width:901px) {
  .totop {
    font-size: 1.5em;
  }
}
@media screen and (min-width:901px) {
  body {
    font-size: 1vw;
  }
}
section {
  padding: 10rem 0;
}
section:not(.product) h2 {
  text-align: center;
  color: #fff;
}
/*top_img
========================================*/
#top_img {
  padding: 0;
}
#top_img ul {
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
#top_img li {
  text-align: center;
}
#top_img a {
  display: block;
  height: 100%;
}
@media screen and (min-width:901px) {
  .top_slide img {
    height: 100vh;
    width: auto;
    max-width: auto;
  }
}
/*concept
========================================*/
.logoanime {
  margin-bottom: 3em;
}
.logoanime p {
  font-weight: bold;
  margin: 0;
  font-size: 0.7em !important;
  letter-spacing: 0.3em;
}
@media screen and (min-width:901px) {
  .logoanime {
    font-size: 1.5em;
  }
}
#concept {
  font-size: 1.2em;
  text-align: center;
  line-height: 2;
}
#concept p {
  margin: 2em 0 3em;
}
#concept h3 {
  font-size: 1.2em;
  margin-bottom: 1em;
}
#concept h3 strong {
  font-size: 1.5em;
  line-height: 1;
  font-weight: 400;
}
.profile_box img {
  max-height: 80vh;
}
.profile_box dl {
  background: rgba(255, 255, 255, 0.3);
  padding: 1.5em;
  text-align: left;
  border-radius: 0.5em;
    line-height: 1.5;
}
.profile_box dt {
  margin-bottom: 1em;
}
.profile_box dt strong {
  font-size: 1.2em;
        display: block;
    margin-top: 0.5em;
}
@media screen and (min-width:901px) {
  #concept {
    font-size: 1.5em;
    text-align: left;
  }
  .profile_box {
    display: flex;
    gap: 5%;
    justify-content: center;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }
  .profile_box .txt_box {
    padding-bottom: 16em;
    text-align: left;
    width: 60%;
  }
  .profile_box .txt_box p {
    color: #595959;
  }
  .profile_box img {
    position: sticky;
    top: 10vh;
  }
  #concept h3 {
    font-size: 1.5em;
    text-align: left;
  }
  #concept dl {
    position: absolute;
    right: 40%;
    bottom: 6em;
    font-size: 0.5em;
  }
}
@media screen and (max-width:900px) {
  .profile_box {
    text-align: center;
  }
  .profile_box img {
    margin-bottom: 2em;
  }
  .profile_box dl {
    display: inline-block;
      font-size:0.8em;
  }
}
/*cm
========================================*/
@media screen and (min-width:901px) {
  #cm {
    position: relative;
    padding-bottom: 3em;
    margin-bottom: 10rem;
  }
  #cm .inbox {
    overflow: hidden;
  }
  #cm .cm {
    width: 49%;
    float: left;
  }
  .making {
    padding-top: 5em;
    width: 49%;
    float: right;
  }
  #cm:before {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55%;
    height: 65%;
    border-radius: 0.5em 0 0 0.5em;
  }
}
@media screen and (max-width:900px) {
  .making {
    padding: 2em 5%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.5em;
    margin-top: 2em;
  }
}
.movie iframe,
.movie img{border-radius:0.5em;}

/*product
========================================*/
.product {
  position: relative;
  color: #fff;
  text-align: center;
  padding: 0;
  min-height: 100vh;
border-bottom:1em solid #fff;}
.product:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/silky_bg.jpg) no-repeat left top;
  background-size: cover;
  filter: blur(2em);
  opacity: 0;
  transition: 5s;
  z-index: -1;
}
.product.active:before {
  opacity: 1;
  filter: blur(0);
}
#melty.product:before {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/melty_bg.jpg);
}
#damage.product:before {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/damage_bg.jpg);
}
#enrich.product:before {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/enrich_bg.jpg);
}
.product:after {
  content: "";
  display: block;
  width: 100%;
  height: 45%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/silky_h.png) no-repeat 15% bottom;
  background-size: contain;
}
#melty.product:after {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/melty_h.png);
  background-position: 85% bottom;
}
#damage.product:after {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/damage_h.png);
}
#enrich.product:after {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/beautyfarmcojp/uploads/anummy/image/enrich_h.png);
  background-position: 85% bottom;
}
.product .img_box {
  text-align: center;
}
.product .img_box img {
  max-height: 80vh;
}
.product h2 {
  font-size: 1.7em;
  text-align: center;
}
.product dt {
  font-size: 1.5em;
}
.product h2 span.sub {
  font-size: 0.75em;
}
.product dl {
  display: inline-block;
  text-align: left;
}
.product dd {
  margin-bottom: 1em;
}
.product .btn_box a {
  color: #fff;
  background: none;
}
#enrich .btn_box a {
  padding: 0.5em 1.5em;
  min-width: auto;
}
@media screen and (min-width:901px) {
  .product .inbox {
    display: flex;
    gap: 5%;
    font-size: 1.3em;
    align-items: center;
  }
  #enrich .inbox {
    font-size: 1.1em;
  }
  #silky .inbox, #damage .inbox {
    flex-direction: row-reverse;
  }
  .product .img_box {
    flex: 1;
  }
  .product .txt_box {
    flex: 1;
    padding: 10rem 0 30%;
  }
  #enrich .btn_box {
    text-align: right;
  }
}
@media screen and (max-width:900px) {
  .product {
    padding-bottom: 32vh;
  }
  .product:after {
    height: 30vh;
    background-position: center bottom !important;
  }
  .product .img_box {
    padding-top: 4em;
    margin-bottom: 2em;
  }
  .product .img_box img {
    max-height: 40vh;
  }
}
/*column_box
----------------------------------------*/
.column_box {
  text-align: left;
}
.column_box .caption {
  font-size: 0.8em;
}
@media screen and (min-width:901px) {
  .column_box {
    display: flex;
    gap: 5%;
  }
}

/*タレント画像*/
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
}
.imagepro {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}



/*後で消す*/
.movie img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}