@charset "UTF-8";

/* ページタイトル
--------------------------------*/
.topimg
{
      background-image: url(../img/company-topimg.webp);
      background-size: cover;
      background-position: center;
}

/* 見出し
--------------------------------*/
h3
{
      text-align: center;
      font-size: 2.5rem;
      font-weight: 400;
      padding-bottom: 3rem;
}

@media screen and (max-width: 1100px)
{
      h3
      {
            font-size: 2rem;
            padding-bottom: 20px;
      }
}

/* 個人情報保護方針
--------------------------------*/
.policy-area
{
      max-width: 900px;
      width: 85%;
      margin: 80px auto 0;
      line-height: 1.9;
}

.policy-lead
{
      margin-bottom: 50px;
      font-size: 1.6rem;
      line-height: 1.9;
}

.policy-section
{
      margin-top: 45px;
}

.policy-section h2
{
      position: relative;
      font-size: 2rem;
      font-weight: 400;
      padding-bottom: 1.2rem;
      margin-bottom: 2rem;
      border-bottom: 1px solid #B4C0C9;
}

.policy-section h2::after
{
      position: absolute;
      content: '';
      left: 0;
      bottom: -1px;
      width: 10rem;
      height: 3px;
      background: linear-gradient(90deg, #8be2a7 0%, #81a2bd 100%);
}

.policy-section p
{
      font-size: 1.5rem;
      line-height: 1.9;
      padding-bottom: 1rem;
}

.policy-section ol
{
      padding-left: 1.8em;
      margin-top: 0.5rem;
}

.policy-section li
{
      list-style: decimal;
      font-size: 1.5rem;
      line-height: 1.9;
      padding-bottom: 0.4rem;
}

.policy-contact
{
      font-size: 1.5rem;
      line-height: 1.9;
      padding: 2rem 2.5rem;
      margin-top: 1rem;
      background: linear-gradient(-90deg, #ddf6e6 0%, #dbe6ec 100%);
}

.policy-contact a
{
      display: inline;
      text-decoration: underline;
      color: #428CB8;
}

.policy-date
{
      margin-top: 55px;
      text-align: right;
      font-size: 1.5rem;
      line-height: 1.9;
}

.policy-back
{
      margin-top: 60px;
      text-align: center;
}

.policy-back a
{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 230px;
      height: 50px;
      color: #fff;
      background: linear-gradient(90deg, #81a2bd 0%, #8be2a7 100%);
}

@media screen and (max-width: 1100px)
{
      .policy-area
      {
            margin: 40px auto 0;
      }

      .policy-lead
      {
            margin-bottom: 35px;
            font-size: 1.4rem;
            line-height: 1.7;
      }

      .policy-section
      {
            margin-top: 35px;
      }

      .policy-section h2
      {
            font-size: 1.7rem;
            padding-bottom: 1rem;
            margin-bottom: 1.5rem;
      }

      .policy-section h2::after
      {
            width: 5rem;
            height: 3px;
      }

      .policy-section p,
      .policy-section li,
      .policy-contact,
      .policy-date
      {
            font-size: 1.4rem;
            line-height: 1.7;
      }

      .policy-contact
      {
            padding: 1.5rem;
      }

      .policy-date
      {
            text-align: left;
      }

      .policy-back a
      {
            width: 258px;
      }
}