.rich-content {
  color:#394b5a;
  line-height:2;
  font-size:16px
}
.rich-content p {
  margin:0 0 1.2em
}
.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6 {
  margin:1.6em 0 .8em;
  color:#193d63;
  line-height:1.6;
  font-weight:700
}
.rich-content h1 {
  font-size:28px
}
.rich-content h2 {
  font-size:24px
}
.rich-content h3 {
  font-size:20px
}
.rich-content h4 {
  font-size:17px
}
.rich-content>*:first-child {
  margin-top:0
}
.rich-content .heading-underline {
  padding-bottom:.4em;
  border-bottom:3px solid #193d63
}
.rich-content .heading-bg {
  padding:.5em .8em;
  background:#edf4f8;
  border-radius:4px
}
.rich-content .heading-line {
  padding-left:.7em;
  border-left:5px solid #9b7a45
}
.rich-content ul,.rich-content ol {
  margin:0 0 1.2em;
  padding-left:1.6em
}
.rich-content ul {
  list-style:disc
}
.rich-content ol {
  list-style:decimal
}
.rich-content li {
  margin-bottom:.4em
}
.rich-content table {
  width:100%;
  margin:0 0 1.4em;
  border-collapse:collapse
}
.rich-content table th,.rich-content table td {
  padding:10px 14px;
  border:1px solid #dfe5e9;
  text-align:left;
  font-size:14px
}
.rich-content table th {
  background:#f5f8fa;
  color:#193d63;
  font-weight:700
}
.rich-content img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto 1.2em;
  border-radius:6px
}
.rich-content a {
  color:#193d63;
  text-decoration:underline
}
.rich-content blockquote {
  margin:0 0 1.2em;
  padding:.8em 1.2em;
  border-left:4px solid #d5dfe6;
  background:#f7f9fa;
  color:#556
}
.rich-content hr {
  margin:2em 0;
  border:0;
  border-top:1px solid #dfe5e9
}
/* 画像配置バリエーション */
.rich-content:after {
  content:"";
  display:table;
  clear:both
}
.rich-content img.img-center {
  display:block;
  margin:0 auto 1.2em
}
.rich-content img.img-float-left {
  float:left;
  display:block;
  margin:0 24px 16px 0;
  max-width:50%
}
.rich-content img.img-float-right {
  float:right;
  display:block;
  margin:0 0 16px 24px;
  max-width:50%
}
.rich-content img.img-half {
  display:inline-block;
  width:calc(50% - 8px);
  margin:0 4px 16px;
  vertical-align:top
}
.rich-content img.img-third {
  display:inline-block;
  width:calc(33.333% - 8px);
  margin:0 4px 16px;
  vertical-align:top
}
@media(max-width:600px) {
  .rich-content img.img-float-left,.rich-content img.img-float-right {
    float:none;
    max-width:100%;
    margin:0 0 16px
  }
  .rich-content img.img-half,.rich-content img.img-third {
    display:block;
    width:100%;
    margin:0 0 16px
  }
}
/* 画像回転 */
.rich-content img[data-rotate="90"] {
  transform:rotate(90deg)
}
.rich-content img[data-rotate="180"] {
  transform:rotate(180deg)
}
.rich-content img[data-rotate="270"] {
  transform:rotate(270deg)
}
.rich-content a.content-link-button {
  display:inline-block;
  margin:.35em .25em .8em 0;
  padding:12px 22px;
  border-radius:7px;
  background:#193d63;
  color:#fff;
  text-decoration:none;
  line-height:1.5;
  transition:opacity .2s,transform .2s
}
.rich-content a.content-link-button:hover {
  opacity:.85;
  transform:translateY(-1px)
}
/* NEWS本文では画像の横へ文章を回り込ませない */
.rich-content p,.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6,.rich-content ul,.rich-content ol,.rich-content table,.rich-content blockquote,.rich-content hr {
  clear:both
}
.rich-content img.img-float-left {
  float:none;
  display:block;
  margin:0 auto 1.2em 0;
  max-width:100%
}
.rich-content img.img-float-right {
  float:none;
  display:block;
  margin:0 0 1.2em auto;
  max-width:100%
}
.rich-content img + br {
  display:block
}