::-moz-selection {
  background: #005598;
  color: #fff; }

::selection {
  background: #005598;
  color: #fff; }

strong,
b {
  font-weight: bold; }

p {
  text-align: justify; }

.focus {
  color: #D65713; }
  .focus.type2 {
    background: #ffeb00;
    color: #000;
    padding: 0px 5px; }

#header {
  background-color: #4b9b99;
  background-color: #aa0a07;
  background-image: url(../../images/bg.png);
  background-position: center 60px;
  padding-top: 0px !important; }
  #header .image img {
    border-radius: 0px 0px 5px 5px; }
  @media screen and (max-width: 1440px) {
    #header {
      background-image: url(../../images/bg-1440.png);
      padding: 2em 2em 4em; } }
  @media screen and (max-width: 1280px) {
    #header {
      background-image: url(../../images/bg-1280.png); } }
  @media screen and (max-width: 1280px) and (min-height: 860px) {
    #header {
      background-image: url(../../images/bg-1280-900.png); } }
  @media screen and (max-width: 1024px) {
    #header {
      background-image: url(../../images/bg-1024.png);
      padding: 2em 30px 30px; } }
  @media screen and (max-width: 992px) {
    #header {
      background-image: url(../../images/bg-table.png); } }
  @media screen and (max-width: 980px) {
    #header {
      padding: 2.25em 1.5em 3em; } }
  @media screen and (max-width: 768px) {
    #header {
      padding: 2.25em 1.5em 2em; } }
  #header h1 {
    color: #e7d9ad;
    text-align: center; }
    @media screen and (max-width: 1199px) and (min-width: 981px) {
      #header h1 {
        font-size: 1.6em;
        letter-spacing: -1px; } }
    #header h1 img {
      text-align: center;
      padding: 0; }
  #header h2 {
    color: #D65713;
    font-weight: bold;
    margin: .5em 0;
    font-size: 1.5em;
    letter-spacing: -1px; }
    #header h2 span {
      font-size: .5em;
      display: inline-block;
      vertical-align: super; }

small {
  font-size: 80%; }

#footer1 .warning li .warningFocus {
  color: #D65713; }

.underline {
  text-decoration: underline; }

@media screen and (max-width: 1280px) {
  #header h1 br {
    display: inline; } }

img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.button.line, input[type="submit"].line, input[type="reset"].line, input[type="button"].line {
  background-color: #EA5404;
  border: 1px solid #ebc064;
  color: #ffffff !important; }
  .button.line:hover, input[type="submit"].line:hover, input[type="reset"].line:hover, input[type="button"].line:hover {
    background-color: #d34a00;
    border: 1px solid #ebc064; }

.footer-contactInfo {
  font-size: 0px;
  margin: 0px -10px; }
  .footer-contactInfo-item {
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    padding: 0px 10px;
    position: relative; }
    .footer-contactInfo-item:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 1px;
      top: 0px;
      right: 0px;
      background: #ccc; }
    .footer-contactInfo-item-name {
      font-size: 15px;
      font-weight: bold; }
    .footer-contactInfo-item-address {
      margin: 5px 0px; }
    .footer-contactInfo-item:last-of-type:before {
      display: none; }

@media screen and (max-width: 980px) {
  .footer-contactInfo {
    padding: 10px 0px;
    margin: 0px; } }

@media screen and (max-width: 767px) {
  .footer-contactInfo {
    padding: 10px 5px; }
    .footer-contactInfo-item {
      display: block;
      width: auto;
      border-bottom: solid 1px #ccc;
      padding: 10px 0px; }
      .footer-contactInfo-item:before {
        display: none; }
      .footer-contactInfo-item-phone {
        float: left;
        margin-right: 10px; }
      .footer-contactInfo-item:first-of-type {
        padding-top: 0px; }
      .footer-contactInfo-item:last-of-type {
        padding-bottom: 0px;
        border-bottom: none; } }

#footer a.button {
  margin: 5px;
  height: auto;
  line-height: 1.5;
  padding: .25em 0; }
  #footer a.button.lines {
    display: none; }
  #footer a.button span {
    display: block;
    font-size: 0.8em; }

#footer .lineQrCode {
  width: 200px;
  margin: 5px;
  background: #fff;
  border-radius: 6px; }
  #footer .lineQrCode img {
    max-width: 100%;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 20px 0px; }
  #footer .lineQrCode-text {
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    padding: 0px 0px 10px;
    letter-spacing: -0.8px;
    color: #000;
    margin-top: -8px; }
  #footer .lineQrCode-share {
    text-align: center;
    background: #0ab833;
    background: #30bf39;
    border-radius: 0px 0px 6px 6px;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    padding: 6px 0px;
    letter-spacing: -0.8px; }
    #footer .lineQrCode-share a {
      color: #fff;
      border-bottom: none; }
      #footer .lineQrCode-share a:hover {
        color: #fff !important; }
      #footer .lineQrCode-share a img {
        height: auto;
        width: 30px;
        display: inline-block;
        border-radius: 0px;
        padding: 0px;
        vertical-align: middle; }

@media screen and (max-width: 980px) {
  #footer a.button {
    margin: 0px 0px; }
    #footer a.button.line {
      display: inline-block; }
  #footer .lineQrCode {
    display: none; } }

@media screen and (max-width: 479px) {
  #footer a.button {
    font-size: 15px !important;
    padding: 0px 8px;
    min-width: auto; } }

section h2 {
  color: #003e8d;
  font-weight: bold;
  position: relative; }
  section h2 span {
    color: #bc140f; }

ul ul, ol ul {
  list-style-type: circle; }

.chart {
  margin: 0 auto 2em; }
  .chart-tit {
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px;
    text-align: center; }
  .chart-table {
    margin-bottom: 15px; }
    .chart-table-row {
      display: table;
      width: 100%;
      border-bottom: dashed 1px #ccc;
      background: #fbfcff; }
      .chart-table-row:nth-of-type(2n+0) {
        background: #fff; }
      .chart-table-row.tit {
        background: #173e75;
        color: #fff; }
        .chart-table-row.tit strong {
          color: #fff; }
    .chart-table-col {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1.4;
      padding: 8px 8px;
      border-right: dashed 1px #ccc; }
      .chart-table-col:last-of-type {
        border-right: none; }
      .chart-table-col.tit {
        background: #173e75;
        color: #fff; }
        .chart-table-col.tit strong {
          color: #fff; }
      .chart-table-col.focus {
        background: #e6f0ff;
        color: #000; }
      .chart-table-col.alignLeft {
        text-align: left; }
    .chart-table.no1 .chart-table-col {
      width: 16.66667%; }
      .chart-table.no1 .chart-table-col.colspan-1and2 {
        width: 33.33333%; }
    .chart-table.no2 .chart-table-col {
      width: 25%; }
      .chart-table.no2 .chart-table-col:nth-of-type(1) {
        width: 50%; }
  .chart-img {
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 100%; }
  .chart-source {
    font-size: 16px;
    line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .chart-table {
      font-size: 13px; }
      .chart-table.no1 {
        overflow-x: auto; }
        .chart-table.no1 .chart-table-row {
          min-width: 380px; } }

.red {
  color: #f00; }

.green {
  color: #20a000; }

.btnArea {
  text-align: center;
  margin-bottom: 40px; }
  .btnArea.twoBtn .button:nth-of-type(2) {
    margin-top: 15px; }
  .btnArea.align-left {
    text-align: left; }
  @media screen and (max-width: 767px) {
    .btnArea.align-left {
      text-align: center; } }

.fa-external-link-alt {
  font-size: 13px;
  vertical-align: middle; }

blockquote li {
  padding-bottom: 3px; }
  blockquote li:last-of-type {
    padding-bottom: 0px; }

blockquote > ul,
blockquote > ol {
  margin: 0px; }
  blockquote > ul > li,
  blockquote > ol > li {
    padding-bottom: 15px; }
    blockquote > ul > li:last-of-type,
    blockquote > ol > li:last-of-type {
      padding-bottom: 0px; }

@media screen and (max-width: 767px) {
  .mobileHide {
    display: none; } }

.qATit:nth-of-type(2) strong {
  color: #003e8c; }

.qATit strong,
.qATit span {
  vertical-align: middle; }

.qATit-icon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  border-radius: 100%;
  background: #003e8c;
  font-size: 24px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .qATit-icon {
    font-size: 20px;
    width: 30px;
    line-height: 30px; } }

.focusText {
  background: #ffd34f; }

ul.infotext li {
  font-size: 0.8em; }
  ul.infotext li:first-child {
    list-style: none;
    margin-left: -1.5em;
    font-size: .9em;
    background: #92c4e7;
    padding: .5em;
    display: initial;
    border-radius: 5px;
    color: #fff;
    line-height: 2.5; }

p em, h2 em {
  font-size: 0.5em;
  display: inline-block;
  vertical-align: super;
  color: #000; }

ol {
  list-style: disc; }
  ol li {
    color: #0959cc;
    font-weight: bold; }
    ol li span {
      color: #000000; }
    ol li p {
      color: #000000;
      font-weight: normal;
      margin-bottom: .8em; }

.mhide {
  display: block; }
  @media screen and (max-width: 768px) {
    .mhide {
      display: none; } }

.mshow {
  display: none; }
  @media screen and (max-width: 768px) {
    .mshow {
      display: block; } }

@media screen and (max-width: 768px) {
  #header h2 {
    font-size: 1.15em;
    text-align: left; } }

#two h2::before {
  content: "";
  background: url(../../images/title-light.png);
  width: 35px;
  height: 34px;
  display: block;
  position: absolute;
  top: -10px;
  left: -20px; }

.fixedbtn {
  position: fixed;
  right: 0;
  top: 40%; }
  .fixedbtn img {
    max-width: 140px; }
  @media screen and (max-width: 980px) {
    .fixedbtn {
      top: auto;
      bottom: 0; }
      .fixedbtn img {
        max-width: 100px; } }

h2 + h2 {
  margin-top: -1em; }

.head {
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 2;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }
  .head a {
    border: none; }
  .head img {
    max-width: 150px;
    margin: 7px 0 0 7px;
    display: inline-block; }