@charset "UTF-8";
#cta-6437aba6d7b20f33cdfe03ca {
  /*-ptn1--*/
  /*.button021 a:after {
      content: "\f019";
      position: relative;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-left: 10px;
      color: #000;
  }

  .button021 a {
      position: relative;
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin: 0 auto;
      padding: 20px 25px;
      color: #313131;
      transition: 0.3s ease-in-out;
      font-weight: 500;
  }

  .button021 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(142,142,142, 0.2);
    transition: all 0.3s;
  }
  .button021 a:hover::before {
    opacity: 0;
    transform: scale(0.4, 0.4);
  }
  .button021 a::after {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border: 2px solid rgba(107,182,255, 0.4);
    transform: scale(1.2, 1.2);
  }
  .button021 a:hover::after {
      padding-left:-20px;
      padding-right:10px;
    opacity: 1;
    transform: scale(1, 1);
  }
  /*---ptn 1ここまで---*/
  /*---ptn 2---*/
  /*---ptn 2ここまで---*/
}
#cta-6437aba6d7b20f33cdfe03ca .component.cta {
  /* sample */
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  padding: 20px 25px;
  color: #313131;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border-color: #fd7a38;
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:before,
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:after {
  content: "";
  border-color: #fd7a38;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-style: solid;
  display: block;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:before {
  top: -6px;
  left: -6px;
  border-width: 1px 0 0 1px;
  z-index: 5;
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 1px 1px 0;
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:hover:before,
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:hover:after {
  border-color: #fd7a38;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
}
#cta-6437aba6d7b20f33cdfe03ca .button_line004 a:hover {
  color: #fde9df;
  border-color: #fde9df;
  background-color: #fde9df;
}