@charset "utf-8";
/* CSS Document */
@media screen and (min-width:768px), print {
  /*----------------------------------------------------------------------
PC Style
----------------------------------------------------------------------*/
  /********** メインビュー **********/
  .main_img {
    background: url("../images/policy/main_img.jpg") no-repeat center / cover;
  }
  /**********  メインエリア ***********/
  .inner {
    width: 900px;
  }
  p.intro {
    margin-bottom: 70px;
    letter-spacing: 0;
  }
  dl.rule {
    border-top: solid 1px #A5A5A5;
    margin-bottom: 180px;
  }
  dl.rule dt {
    color: var(--navy);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.2;
    padding-top: 35px;
    margin-bottom: 10px;
  }
  dl.rule dd {
    border-bottom: solid 1px #A5A5A5;
    padding-bottom: 35px;
  }
  dl.rule dd a {
    color: #005DAB;
    text-decoration: underline;
    transition: opacity 0.3s;
  }
  dl.rule dd a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width:767px) {
  /*----------------------------------------------------------------------
SP Style
----------------------------------------------------------------------*/
  /********** メインビュー **********/
  .main_img {
    background: url("../images/policy/main_img.jpg") no-repeat center / cover;
    width: 100%;
    height: 150px;
    margin-top: 60px;
    position: relative;
  }
  .main_img .inner {
    width: 90%;
    height: 100%;
    position: relative;
  }
  /**********  メインエリア ***********/
  p.intro {
    font-size: 1.4rem;
    margin-bottom: 25px;
  }
  dl.rule {
    border-top: solid 1px #A5A5A5;
    margin-bottom: 60px;
  }
  dl.rule dt {
    color: var(--navy);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2;
    padding-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 0;
  }
  dl.rule dd {
    font-size: 1.4rem;
    border-bottom: solid 1px #A5A5A5;
    padding-bottom: 10px;
  }
  dl.rule dd a {
    color: #005DAB;
    text-decoration: underline;
  }
}