/* ==========================================================================
   c5-information--box
========================================================================== */
.c5-information--box{
  /*color: #83838f;*/
  display: table;
  width: 100%;
  margin: 20px 0;
	background-color: #f5f5f5;
  padding:10px 0px 20px 0;
}

.c5-info-importantBox{
  border: solid 1px #f5f5f5;
  padding: 10px;
  font-weight: bold;
}

.c5-information--box .s5-list{
  padding: 0;
  padding-bottom: 20px;
}

.c5-information--box h3{
  padding-left: 35px;
  /*width: 100%;*/
}
.c5-information--box .c5-information--box--list{
  padding: 0 45px;
  padding-bottom: -10px;
}
.c5-information--box .c5-information--box--list li{
	margin-top: 10px;
}


.c5-information--dl{
  display: table;
  margin: 0;
  padding: 0 35px;
}

.c5-information--dl dt{
  display: table-cell;
  vertical-align: top;
  min-width: 136px;
  padding-right: 10px;
  border-right: solid 1px #2f353d;
}

.c5-information--dl dd{
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.c5-information--caution{
  padding-left: 180px;
  padding-right:20px;
}
.c5-information--close{
	background-color: #f3f4f6;
	padding: 15px;
	margin:15px 25px 25px 25px;
}

@media screen and (max-width: 639px) {

    .c5-information--box h3{
      padding-left: 20px;
    }
	
	.c5-information--box .c5-information--box--list{
		padding: 0 30px;
	}

    .c5-information--dl{
      display: table;
      margin: 0;
      padding: 0 20px 10px 20px;
    }

    .c5-information--dl dt{
      display: block;
      border: none;
      padding: 0;
      margin: 0;
      font-weight: bold;
    }
    .c5-information--dl dd{
      display: block;
      padding: 5px 0 0 0;
      margin: 0;
    }
	
    .c5-information--caution{
      padding-left:20px;
      padding-right:20px;
    }
}