@charset "UTF-8";

.title {
  background: #bae3f9;
  color: #221e1f;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 4px 11px;
}

.left-line {
  color: #1068b3;
  font-size: 1.8em;
  line-height: 1.2em;
  border-bottom: solid 1px #005ead;
  padding: 0px 0px 8px;
  margin: 27px 0px 10px 0px;
}

.sub-title {
  border-left: solid 5px #1068b3;
  padding: 0 0 0 10px;
}

.text,
.attention,
.attention2,
.call,
.padding-left,
.pointText2 {
  color: #221e1f;
  font-size: 1.6em;
  line-height: 1.8em;
  /* font-family: "Yu Gothic" , sans-serif; */
}

.blue {
  color: #1068b3;
  font-weight: bold;
}

.thin,
.thin2,
.thin3,
.thin4 {
  font-weight: normal;
}

.orange,
.point {
  color: #e75524;
}

.lightBlue {
  color: #49aad2;
}

.bold {
  font-weight: bold;
}

.newLine,
.thin3,
.thin4 {
  display: inline-block;
}

/* new
----------------------------*/

.new {
  margin: 20px 0 0 0;
  border: 1px solid #e75524;
  clear: both;
}

.new-title {
  background: #e75524;
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 4px 11px;
}

.text-box {
  padding: 15px;
}

.point,
.point2 {
  margin-right: 3px;
}

.text-right {
  color: #221e1f;
  font-size: 1.4em;
  line-height: 1.8em;
  font-family: "Yu Gothic", sans-serif;
}

.pointText {
  color: #221e1f;
  font-size: 1.6em;
  line-height: 1.8em;
  /* font-family: "Yu Gothic" , sans-serif; */
  text-indent: -1em;
}

.box {
  padding-left: 14px;
}

.pointText2 {
  text-indent: -1em;
}

.pointText3 {
  color: #221e1f;
  font-size: 1.6em;
  line-height: 1.8em;
  /* font-family: "Yu Gothic" , sans-serif; */
  text-indent: 0.1em;
}

/* update
----------------------------*/

.update {
  margin: 20px 0 0 0;
  border: 1px solid #49aad2;
}

.update-title {
  background: #49aad2;
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 4px 11px;
}

.marker {
  background: #d2ecfa;
  color: #1068b3;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 2px 2px 1px 11px;
  margin: 20px 0 8px 0;
}

.marker2 {
  background: #fff697;
  color: #1068b3;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 2px 2px 1px 11px;
  margin: 10px 0 8px 0;
}

.marker3 {
  background: #ccccff;
  color: #1068b3;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 2px 2px 1px 11px;
  margin: 10px 0 8px 0;
}

.thin2,
.thin3,
.thin4 {
  color: #221e1f;
}

.red,
.attention,
.attention2 {
  color: #e50012;
  font-weight: bold;
}

.attention {
  margin: 20px 0 0 0;
}

.attention2 {
  padding-left: 13px;
}

/* reception
----------------------------*/

.reception {
  margin: 25px 0 30px 0;
}

.thin3 {
  font-size: 15px;
  margin-left: 60px;
}

.thin4 {
  font-size: 15px;
  margin-left: 22px;
}

/* bottom-contents
----------------------------*/

.bottom-contents {
  margin-bottom: 20px;
}

.title2 {
  background: #dde782;
  color: #221e1f;
  font-size: 1.3em;
  line-height: 1.8em;
  padding: 4px 11px;
}

/* help
----------------------------*/

.help {
  width: 840px;
  float: left;
  margin-top: 35px;
  margin-bottom: 50px;
}

.helpTitle {
  overflow: hidden;
  background: #1068b3;
  padding-left: 32px;
}

.helpText {
  color: #ffffff;
  font-size: 2.4em;
  line-height: 1.3em;
  padding: 8px 0px 5px 0px;
}

.call {
  margin-top: 13px;
}

.box {
  width: auto;
}

/* responsive
----------------------------*/

@media screen and (max-width: 767px) {
  .help {
    width: auto;
    float: none;
    margin-top: 13px;
  }

  .helpTitle {
    padding-left: 15px;
    padding-right: 5px;
  }

  .helpText {
    float: left;
    min-height: 22px;
    width: 100%;
    text-align: left;
    color: #ffffff;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 16px 0px 12px 0px;
  }
  .left-line {
    color: #1068b3;
    font-size: 1.5em;
    line-height: 1.2em;
    border-bottom: solid 1px #005ead;
    padding: 0px 0px 5px;
    margin: 27px 0px 10px 0px;
  }
  .marker {
    background: #d2ecfa;
    color: #1068b3;
    font-size: 1.3em;
    line-height: 1.8em;
    padding: 2px 2px 1px 11px;
    margin: 20px 0 8px 0;
  }
  .marker2 {
    background: #fff697;
    color: #1068b3;
    font-size: 1.3em;
    line-height: 1.8em;
    padding: 2px 2px 1px 11px;
    margin: 10px 0 8px 0;
  }
  .marker3 {
    background: #ccccff;
    color: #1068b3;
    font-size: 1.3em;
    line-height: 1.8em;
    padding: 2px 2px 1px 11px;
    margin: 10px 0 8px 0;
  }
  .pointText {
    color: #221e1f;
    font-size: 1.3em;
    line-height: 1.8em;
    /* font-family: "Yu Gothic" , sans-serif; */
    text-indent: -1em;
  }
  .text,
  .attention,
  .attention2,
  .call,
  .padding-left,
  .pointText2 {
    color: #221e1f;
    font-size: 1.3em;
    line-height: 1.8em;
    /* font-family: "Yu Gothic" , sans-serif; */
  }
}

@media screen and (max-width: 414px) {
  .thin3,
  .thin4 {
    margin: 0;
  }

  .senterName {
    font-weight: bold;
  }
}

.bottom-contents2{
    margin-top: 60px;
    margin-bottom: 30px;
}

.title2 {
  background: #1068b3;
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.8em;
  padding: 11px 11px;
    margin: 10px 0 10px 0;
}

.text2{
    margin-bottom: 11px;
}