@charset "utf-8";

/* CSS Document */

#contents {
  background-image: url(../../common/images/sidebar-bg.jpg), url(../../common/images/sidebar-bg-bottom.jpg), url(../images/security_bg.jpg);
  background-position: left 350px, left 350px, bottom right;
  background-repeat: no-repeat, repeat-y, no-repeat;
  background-color: white;
}
/*
#main {
  background-image: url(../images/security_bg.jpg);
  background-position: bottom right;
}
*/
#main {
  /* height: 1443px; */
  /* height: 1740px; */
  height: 1800px;
}

h2.pagetitle {
  margin-bottom: 0px;
  background-image: url(../images/pagetitle.jpg);
}

.contents01 {
  margin-top: 25px;
  margin-left: 40px;
  margin-right: 40px;
  background-position: top;
}

.contents01 .lead {
  margin-bottom: 35px;
}

.contents01 h3.contentsTitle {
  color: #fff;
  background-color: #0080A3;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.contentsList dt.contentsListTitle {
  background-color: #c9c3ab;
  margin-bottom: 15px;
}

.contentsList dt.contentsListTitle span {
  color: #fff;
  background-color: #0080a3;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 180px;
}

.contentsList dd {
  margin: 25px 0 50px;
  padding: 0 5px;
}

.contentsList dd .point {
  font-size: 16px;
  font-weight: bold;
  display:inline-block;
  margin-bottom: 15px;
  background:linear-gradient(transparent 60%, #ff6 60%);
}
.contentsList dd .point::before {
  content: "■";
  color: #0080a3;
  display: inline-block;
}

.contentsList dd > p {
  line-height: 1.8;
}

.contentsListDetails {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.contentsListDetailsPic {
  width: 100%;
  margin-bottom: 25px;
}

.contentsListDetailsPic > img {
  width: 100%;
}

.contentsListDetailsText {
  width: 100%;
}


p.text + span.point {
  margin-top: 20px;
}