@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap");
@keyframes ft {
  0% {
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transition-duration: 1s;
    transform: translate(0); } }
.main-title .in {
  animation: ft 1s forwards; }

.content-area a {
  color: #6ac9ff; }

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 768px ~ */
@media screen and (min-width: 769px), print {
  .main-title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 100px;
    position: relative; }
    .main-title::after {
      content: "";
      display: block;
      background-image: url(../../img/title_bg.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 520px;
      height: 200px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .main-title p.en {
      color: #6ac9ff;
      font-size: 12px; }
    .main-title h2 {
      font-size: 30px;
      padding: 20px;
      font-weight: 500; }

  .content-area {
    margin: 40px auto 0; }
    .content-area #corp_waku .info_box li + li {
      margin-top: 150px; }
    .content-area #corp_waku .info_box li h3 {
      font-size: 27px;
      line-height: 1.7;
      margin-bottom: 60px;
      letter-spacing: 2px;
      color: #6ac9ff;
      text-align: center; }
    .content-area #corp_waku .info_box li .base table tr th {
      width: 180px; }
    .content-area #corp_waku .info_box li .base table tr td .bold {
      font-weight: 500; }
      .content-area #corp_waku .info_box li .base table tr td .bold + br + span {
        margin-left: 1.8em;
        display: inline-block; }
    .content-area #corp_waku .info_box li .base table tr td .indent + br + span {
      margin-left: 0.6em;
      display: inline-block; } }
/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 768px */
@media only screen and (max-width: 768px) {
  .main-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px;
    position: relative; }
    .main-title::after {
      content: "";
      display: block;
      background-image: url(../../img/title_bg.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      height: 200px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .main-title p.en {
      color: #6ac9ff;
      font-size: 12px; }
    .main-title h2 {
      width: 100%;
      font-size: 24px;
      padding: 14px 0;
      font-weight: 500; }

  .content-area {
    margin: 40px auto 100px; }
    .content-area #corp_waku .info_box li + li {
      margin-top: 100px; }
    .content-area #corp_waku .info_box li h3 {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 35px;
      letter-spacing: 2px;
      color: #6ac9ff;
      text-align: center; }
    .content-area #corp_waku .info_box li .base table tr th {
      display: block; }
    .content-area #corp_waku .info_box li .base table tr td {
      display: block; }
      .content-area #corp_waku .info_box li .base table tr td .bold {
        font-weight: 500; }
        .content-area #corp_waku .info_box li .base table tr td .bold + br + span {
          margin-left: 1.8em;
          display: inline-block; }
      .content-area #corp_waku .info_box li .base table tr td .indent + br + span {
        margin-left: 0.6em;
        display: inline-block; } }
