.move_up-down {
  -webkit-animation: move_up-down 3s ease infinite;
  animation: move_up-down 3s ease infinite; }

@-webkit-keyframes move_up-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  5% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes move_up-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  5% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.emerge {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.emerge:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards; }

.emerge:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards; }

.emerge:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards; }

.emerge:nth-child(4) {
  -webkit-animation: example 0.5s ease 2s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards; }

.emerge:nth-child(5) {
  -webkit-animation: example 0.5s ease 2.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards; }

.emerge:nth-child(6) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 3s 1 forwards; }

@-webkit-keyframes example {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@keyframes example {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

/****************
contact
*********************/
.sub .saiWeb2019 .contactLst .flexBox .col-2 {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 6%;
  vertical-align: top;
  position: inherit; }
  .sub .saiWeb2019 .contactLst .flexBox .col-2:nth-child(2n) {
    margin-right: 0; }
  .sub .saiWeb2019 .contactLst .flexBox .col-2 .txt {
    margin: 16px 0;
    text-align: left;
    line-height: 1.8; }
  .sub .saiWeb2019 .contactLst .flexBox .col-2 p.ttl {
    font-size: 18px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 4px; }
  .sub .saiWeb2019 .contactLst .flexBox .col-2 .h-btn {
    position: relative;
    text-align: center; }

.opn {
  display: inline-block;
  width: 60%;
  height: 50px;
  line-height: 3;
  text-align: center;
  background-color: #fff;
  color: #252525;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #252525;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .opn:after {
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #252525;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: -1; }
  .opn:hover {
    color: #fff; }
  .opn:hover:after {
    height: 360%;
    opacity: 1; }
  .opn:active:after {
    height: 340%;
    opacity: 1; }

/*priacy*/
.page-pp .intro-txt {
  margin-bottom: 18px;
  font-size: 16px; }

.page-pp .pp-1 {
  margin-bottom: 24px; }
  .page-pp .pp-1 .ttl {
    font-size: 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid #cacaca; }
  .page-pp .pp-1 .d-txt {
    font-size: 14px; }
  .page-pp .pp-1 a {
    color: #252525;
    text-decoration: underline; }

@media screen and (max-width: 768px) {
  .opn {
    height: 46px;
    border: 1px solid #252525; }
  .sub .saiWeb2019 .contactLst .flexBox .col-2 {
    width: 100%;
    margin-right: 0%;
    vertical-align: top;
    position: inherit;
    padding: 0 3vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px; }
    .sub .saiWeb2019 .contactLst .flexBox .col-2:nth-child(2n) {
      margin-right: 0; }
    .sub .saiWeb2019 .contactLst .flexBox .col-2 .txt {
      margin: 16px 0;
      text-align: left; }
    .sub .saiWeb2019 .contactLst .flexBox .col-2 p.ttl {
      font-size: 16px; }
    .sub .saiWeb2019 .contactLst .flexBox .col-2:hover:after {
      height: 300%;
      opacity: 1; }
    .sub .saiWeb2019 .contactLst .flexBox .col-2:active:after {
      height: 290%;
      opacity: 1; }
  /*priacy*/
  .page-pp .intro-txt {
    margin-bottom: 18px;
    font-size: 14px; }
  .page-pp .pp-1 {
    margin-bottom: 24px; }
    .page-pp .pp-1 .ttl {
      font-size: 12px;
      margin-bottom: 8px; }
    .page-pp .pp-1 .d-txt {
      font-size: 12px; } }

/*# sourceMappingURL=rabe.css.map */