@charset "utf-8";

/*ヘッダーとフッターのcss読み込み*/
@import url("style.css");

.sp_header {
  opacity: 1;
}

#law-logo-img {
  width: 20vw;
  margin: 120px auto 80px;
}

h1 {
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

h2 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 20px;
}

/*メインをフェードイン*/
main {
  animation: textAnimation 2s forwards;
}

@keyframes textAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*以下PC用のcss*/
@media screen and (min-width: 850px) {
  .pc_header {
    display: block;
    opacity: 1;
  }

  .sp_header {
    display: none;
  }

  #law-logo-img {
    width: 8vw;
    margin: 200px auto 160px;
  }

  main {
    width: 80%;
    margin: 0 auto;
  }
}