@charset "UTF-8";
/*
Author: Ann Tachibana
Version: 1.0
*/
/*======================================
common
/*======================================*/
.bgFixd-js {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 110vh;
  transform: translate(0, 0);
  opacity: 0;
}
.fadein {
  opacity: 1;
  transition: all 1s ease;
}
.fadeout {
  opacity: 0;
  transition: all 1s ease;
}
/*======================================
SP - TAB
/*======================================*/
#profile {
  background: url(../img/LP01-BG-profile-SP.jpg) repeat-y;
  background-size: 100%;
}
#message {
  background: url(../img/LP01-BG-message-SP.jpg) no-repeat center top;
  background-size: cover;
}
#offerA {
  background: url(../img/LP01-header-SP-BG.png) no-repeat center top;
  background-size: contain;
}
#offerA-bgFixd, #offerC-bgFixd {
  background: url(../img/LP01-BG-offer-SP.jpg) no-repeat center bottom;
  background-size: cover;
}
#matters-bgFixd {
  background: url(../img/LP01-BG-matters-SP.jpg) no-repeat center;
  background-size: cover;
}
#voice-bgFixd {
  background: url(../img/LP01-BG-voice-SP.jpg) no-repeat center bottom;
  background-size: cover;
}
#step-bgFixd {
  background: url(../img/LP01-BG-step-SP.jpg) no-repeat center;
  background-size: cover;
}
/*======================================
TAB - PC
/*======================================*/
@media screen and (min-width:768px) {}
/*======================================
TAB - PC
/*======================================*/
@media screen and (min-width:769px) {
  #profile {
    background: url(../img/LP01-BG-profile-PC.jpg) repeat-y;
    background-size: 100%;
  }
  #message {
    background: url(../img/LP01-BG-message-PC.jpg) no-repeat center center;
    background-size: cover;
  }
  #offerA {
    background: url(../img/LP01-header-PC-BG.png) no-repeat center top;
    background-size: contain;
  }
  #offerA-bgFixd, #offerC-bgFixd {
    background: url(../img/LP01-BG-offer-PC.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #matters-bgFixd {
    background: url(../img/LP01-BG-matters-PC.jpg) no-repeat center;
    background-size: cover;
  }
  #voice-bgFixd {
    background: url(../img/LP01-BG-voice-PC.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #step-bgFixd {
    background: url(../img/LP01-BG-step-PC.jpg) no-repeat center;
    background-size: cover;
  }
} /*END-query*/
/*======================================
PC
/*======================================*/
@media screen and (min-width:1025px) {} /*END-query*/