@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
#contents #guide-lead {
  text-align: center; }
  #contents #guide-lead p {
    color: #1d95ff;
    font-size: 1.125rem; }
  @media screen and (max-width: 480px) {
    #contents #guide-lead {
      text-align: left; }
      #contents #guide-lead p {
        font-size: 1rem; } }
#contents #guide-link {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #contents #guide-link .box {
    width: 49%;
    display: flex;
    align-items: center;
    background: #f2f4f6; }
    #contents #guide-link .box:nth-child(n+3) {
      margin-top: 20px; }
    #contents #guide-link .box figure {
      width: 160px;
      flex-basis: auto; }
    #contents #guide-link .box-text {
      width: 100%;
      flex-shrink: 9999;
      padding: 0 20px; }
      #contents #guide-link .box-text dt {
        margin-bottom: 7px;
        border-bottom: 1px solid #ddd; }
      #contents #guide-link .box-text i {
        color: #1d95ff;
        margin-right: 5px; }
      #contents #guide-link .box-text ul {
        display: flex; }
        #contents #guide-link .box-text ul li {
          width: 50%; }
  @media screen and (max-width: 1024px) {
    #contents #guide-link .box figure {
      width: 140px; } }
  @media screen and (max-width: 768px) {
    #contents #guide-link {
      display: block;
      margin-top: 40px; }
      #contents #guide-link .box {
        width: auto; }
        #contents #guide-link .box:nth-child(n+2) {
          margin-top: 20px; } }
  @media screen and (max-width: 480px) {
    #contents #guide-link .box-text ul {
      display: block; }
      #contents #guide-link .box-text ul li {
        width: auto; } }
#contents #guide-contact {
  margin-top: 40px; }
  #contents #guide-contact-bt a {
    display: block;
    font-weight: 700;
    position: relative;
    transition: all 0.3s ease;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #1d95ff;
    border-radius: 0.5rem;
    line-height: 52px;
    width: 304px;
    height: 54px;
    text-decoration: none;
    margin: 0 auto; }
    #contents #guide-contact-bt a svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #contents #guide-contact-bt a svg rect {
        width: 300px;
        height: 50px;
        transition: all 800ms ease;
        stroke: #1d95ff;
        stroke-width: 1.5;
        stroke-dasharray: 332px, 16px;
        stroke-dashoffset: 80px; }
    #contents #guide-contact-bt a span i {
      margin-left: 5px; }
    #contents #guide-contact-bt a:hover {
      color: #004FFF; }
      #contents #guide-contact-bt a:hover svg rect {
        stroke-dashoffset: 432px;
        stroke: #004FFF; }
    @media screen and (max-width: 480px) {
      #contents #guide-contact-bt a {
        margin: 0 auto; } }