@charset "UTF-8";
/* CSS Document */
/*=============================

c4 D-MAILとは? に関わるCSS

=============================*/
#c4 .numBox .threeCol {
  padding-top: 30px;
}

#c4 .numBox .threeCol dt {
  padding-top: 0;
}

#c4 .numBox .threeCol ul {
  float: none;
}

#c4 .numBox .threeCol li dd {
  padding-bottom: 0;
}

#c4 .numBox .threeCol li dd img {
  height: 126px;
}

.whatArea {
  display: flex;
  justify-content:space-between;
  padding: 10px 0 0;
}
.whatArea .whatbox {
  padding: 20px;
  text-align: center;
  border: solid 2px #11929F;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #11929F;
  width: 400px;
  margin:  10px 10px 0;
}
.whatArea .whatbox .boxtitle {
  font-size: 2rem;
  line-height: 1.3;
}
.whatArea .whatbox span {
  font-weight: bold;
}

.whatArea_note {
    display: flex;
  justify-content:space-between;
  padding: 10px;
  margin-top: 0;
  padding: 10px;
}
.whatArea_note .notebox {
  text-align: left;
  font-size: 1.1rem;
  line-height: 1.3;
  width: 400px;
}

#c4 .boxInner {
  background-color: #fff;
  padding: 30px 20px;
  border: 1px solid #2a6bb3;
}
#c4 .qrCode {
  padding: 20px 0;
}

#c4 .qrCode div {
  display: table;
  height: 60px;
  margin: 0 auto;
  width: 320px;
}

#c4 .qrCode div span.url {
  box-sizing: border-box;
  display: table-cell;
  float: left;
  height: 60px;
  padding-top: 8px;
  vertical-align: middle;
  width: 260px;
}

#c4 .qrCode div span.qr {
  display: table-cell;
  float: left;
  height: 60px;
  vertical-align: middle;
  width: 60px;
}