@charset "utf-8";

.main-visual {
  width: 100%;
  background: url("../images/privacy/h-bg.jpg") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}


@media (max-width: 600px) {

  .main-visual {
    height: 120px;
  }

  .privacy-area {
    padding: 15px;
    margin-bottom: 30px;
  }

  .privacy-area .title,
  .map-area .title {
    font-size: 1.8rem;
    color: #1a9fc8;
    margin-bottom: 15px;
  }

  .privacy-area dt {
    padding: 5px 8px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    background: #1a9fc8;
  }

  .privacy-area dd {
    margin-bottom: 10px;
    padding: 5px 8px;
    font-size: 1.4rem;
  }


}

@media (min-width: 601px) {

  .main-visual {
    height: 300px;
  }

  .privacy-area,
  .map-area {
    width: 940px;
    margin: 0 auto 50px;
    padding: 50px 0;
  }

  .privacy-area .title,
  .map-area .title {
    margin-bottom: 50px;
    font-size: 2.6rem;
    color: #1a9fc8;
    position: relative;
  }

  .privacy-area .title:after {
    content: "";
    width: 255px;
    height: 52px;
    margin: auto 0 auto 10px;
    display: inline-block;
    background: url("../images/company/privacy-title-ornament.png") no-repeat bottom center;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .privacy-area  dt {
    font-size: 1.8rem;
    font-weight: bold;
	 color: #1a9fc8;
	     margin: 20px 0 5px;
  }

  .privacy-area  dd {
    font-size: 16px;
	line-height:200%;
  }


}