@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:400,700&display=swap&subset=japanese');

html {
  font-size: 3.125vw; /* 10px見当 */
}
@media screen and (min-width: 481px) {
}
@media screen and (min-width: 641px) {
  html {
    font-size: 10px;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (min-width: 897px) {
  a[href^="tel:"] {
  /*  pointer-events: none;*/
  }
}

body {
  background-color: #fff;
  color: #434343;
  font-family: 'Roboto', 'Noto Sans JP', '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium',
               'メイリオ', 'Meiryo', sans-serif;
  font-weight: normal;
  font-weight: 400;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.container {
  font-size: 1.3em;
  line-height: 1.77;
  display: flex;
  position: relative;
}
.container-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

@media screen and (min-width: 481px) {
}
@media screen and (min-width: 641px) {
  .container { font-size: 1.4em; }
}
@media screen and (min-width: 769px) {
  .container { font-size: 1.5em; }
}
@media screen and (min-width: 897px) {
  .container { font-size: 1.6em; }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * common
**/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', 'Noto Sans JP', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic',
               'メイリオ', 'Meiryo', sans-serif;
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
}
em {
  font-family: 'Roboto', 'Noto Sans JP', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic',
               'メイリオ', 'Meiryo', sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
}
strong {
  font-family: 'Roboto', 'Noto Sans JP', '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic',
               'メイリオ', 'Meiryo', sans-serif;
  font-size: 1.07em;
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
}
.fz-small {
  font-size: .93em;
}
.fz-smaller {
  font-size: .85em;
}
[class$="-note"],
[class*="-note "] {
  font-size: .85em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * link
**/
a {
  color: rgba( 67, 113, 59, .99 );
}
a:hover {
  color: rgba( 67, 113, 59, .77 );
  text-decoration: underline;
}
a:hover .ws-nowrap {
  text-decoration: underline;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * clearfix
**/
[class$="-inner"]::after,
[class*="-inner "]::after,
.clearfix::after, .cf::after {
  content: '';
  display: block;
  clear: both;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * other
**/
img {
  width: 100%;
  height: auto;
}
.ws-nowrap {
  white-space: nowrap;
  display: inline-block;
}
.first-bracket {
  display: inline-block;
  margin-left: -.5em;
}
.marker-1 {
  background: linear-gradient( transparent 50%, rgba( 233, 235, 43, .59 ) 60% );
}
.marker-2 {
}
.marker-3 {
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * sorry
**/
body.suspension {
}
.sorry {
  text-align: center;
  overflow: auto;
}
.sorry-overlay {
  background-color: rgba( 255, 255, 255, 1 );
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  z-index: 1001;
}
.sorry-inner {
  display: block;
  margin: auto;
  padding: 0 1em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1003;
}
.sorry .img-bnr {
  display: block;
  margin: 0 auto;
  max-width: 900px;
}
.sorry .text-text {
  font-size: 1.33em;
}
.sorry .text-link a {
  border: 1px solid rgba( 67, 113, 59, .99 );
  display: inline-block;
  margin: 0 auto;
  padding: .67em 1em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * header | footer | main | other
**/
.article-inner > .text-block,
.article-inner > .unit,
.page-footer-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * header
**/
.page-header-inner {
}
.page-header .heading {
  background-color: rgba( 255, 255, 255, .77 );
  width: 100%;
  min-height: 3.83em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 59;
}
.page-heading {
  font-weight: normal;
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
  width: 51%;
  max-width: 14em;
  margin: 0;
  padding: 0 .5em;
}
.page-heading img {
  width: 100%;
  height: auto;
}

/* ヘッダーの表示・非表示 */
.page-header.header-fixed .heading {
  top: 0;
  transition: all .3s ease-out;
}
.scroll-page .page-header.header-fixed .heading {
  top: -4.3em;
  transition: all .3s ease-out;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * menu
**/
.menu-block {
  display: block;
  width: calc( 3.83em - 2px );
  height: calc( 3.83em - 2px );
  position: absolute;
  z-index: 71;
  top: 1px;
  right: 1px;
}
.menu-open .menu-overlay {
  background-color: rgba( 255, 255, 255, .85 );
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.menu-btn {
  background-color: rgba( 113, 175, 101, .93 );
  border-bottom-left-radius: .3em;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 75;
  overflow: hidden;
  cursor: pointer;
}
.menu-btn:hover {
  background-color: rgba( 113, 175, 101, .71 );
}
.menu-btn::before,
.menu-btn::after,
.menu-btn .inner-ele::before {
  background-color: #fff;
  content: '';
  display: block;
  width: 2.7em;
  height: .3em;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  opacity: 1;
  transition: all .2s ease;
}
.menu-btn::before {
  top: .5em;
}
.menu-btn .inner-ele::before {
  top: 1.3em;
}
.menu-btn::after {
  top: 2.1em;
}
.menu-btn .inner-ele::after {
  color: #fff;
  content: '\30e1 \30cb \30e5 \30fc';
  font-size: 10px;
  line-height: 1.15;
  text-align: center;
  display: block;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 75%;
}

@media screen and (min-width: 481px) {
  .menu-btn .inner-ele::after {
    font-size: 11px;
    top: 77%;
  }
}
@media screen and (min-width: 641px) {
  .menu-btn::before,
  .menu-btn::after,
  .menu-btn .inner-ele::before {
    height: 4px;
  }
  .menu-btn .inner-ele::after {
    font-size: 10px;
    top: 75%;
  }
}
@media screen and (min-width: 897px) {
  .menu-btn::before,
  .menu-btn::after,
  .menu-btn .inner-ele::before {
    height: 5px;
  }
}

.menu-open .menu-btn::before {
  width: 2.85em;
  top: 33.5%;
  transform: rotate( 135deg );
  transition: all .2s ease;
}
.menu-open .menu-btn::after {
  width: 2.85em;
  top: 33.5%;
  transform: rotate( -135deg );
  transition: all .2s ease;
}
.menu-open .menu-btn .inner-ele::before {
  height: 0;
  opacity: 0;
  transition: all .2s ease;
}

/**
 * ++++++++++++++++++++ ---------- *
 * menu - nav
**/
.page-nav {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 91;
  transition: all .25s ease-out;
}
.menu-open + .page-nav {
  top: 3.83em;
  transition: all .25s ease-out;
}
.page-nav .nav-body-inner {
  width: 94%;
  max-width: 600px;
  max-height: calc( 89vh - 3.9em );
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  overflow-y: auto;
}
.menu-open + .page-nav .nav-body-inner {
  top: 1em;
}
.page-nav .nav-item,
.page-nav .nav-item i {
  font-size: .93em;
  line-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: line-height    .3s ease-out,
              margin-bottom  .3s ease-out,
              opacity        .1s linear .1s,
              visibility     .1s linear .1s;
}
.menu-open + .page-nav .nav-item,
.menu-open + .page-nav .nav-item i {
  line-height: 1.5;
  margin-bottom: 2px;
  opacity: 1;
  visibility: visible;
  transition: line-height    .3s ease-out,
              margin-bottom  .3s ease-out,
              opacity        .1s linear .1s,
              visibility     .1s linear .1s;
}
.page-nav .nav-item a {
  background-color: rgba( 113, 175, 101, .89 );
  color: #fff;
  text-decoration: none;
  display: block;
  padding-top: 0;
  padding-right: .9em;
  padding-bottom: 0;
  padding-left: .9em;
  transition: padding-top    .3s ease-out,
              padding-bottom .3s ease-out;
}
.menu-open + .page-nav .nav-item a {
  padding-top: 1.1em;
  padding-bottom: 1em;
  transition: padding-top    .3s ease-out,
              padding-bottom .3s ease-out;
}
.page-nav .nav-item:first-child a {
  border-top-right-radius: .3em;
  border-top-left-radius: .3em;
}
.page-nav .nav-item:last-child a {
  border-bottom-right-radius: .3em;
  border-bottom-left-radius: .3em;
}

@media screen and (min-width: 641px) {
  .page-nav .nav-item {
    font-size: 1em;
  }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * footer
**/
.page-footer {
  background-color: rgba( 91, 91, 91, .07 );
  text-align: center;
  width: 100%;
  margin-top: auto;
  padding: 1.6em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * root-nav
**/
.root-nav {
  /*border: 1px solid rgba( 91, 91, 91, .59 );
  border-bottom: none;*/
  margin-bottom: 2.5em;
}
.root-nav .nav-body-inner {
  text-align: center;
  margin: 0;
}
.root-nav .nav-item {
  border-bottom: 1px solid rgba( 91, 91, 91, .59 );
}
.root-nav .nav-item:last-child {
  border-bottom: none;
  padding-bottom: .3em;
}
.root-nav .nav-item > .item-inner > a {
  line-height: 1.3;
  display: block;
  width: 100%;
  padding: .67em .33em;
  position: relative;
}
.root-nav .subnav-body-inner {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  margin-top: -.15em;
}
.root-nav .subnav-item {
  width: 50%;
}
.root-nav .subnav-item > .item-inner {
  display: block;
  padding: .25em .25em .25em .5em;
}
.root-nav .subnav-item:nth-child( 2n ) > .item-inner {
  padding: .25em .5em .25em .25em;
}
.root-nav .subnav-item > .item-inner > a {
  background-color: rgba( 255, 255, 255, .59);
  border: 1px solid rgba( 91, 91, 91, .59 );
  border-radius: .3em;
  line-height: 1.4;
  display: block;
  width: 100%;
  padding: .3em;
}

@media screen and (min-width: 641px) {
  .root-nav .nav-body-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .root-nav .nav-item:first-child > .item-inner > a::before {
    /*background-color: rgba( 91, 91, 91, .59 );
    content: '';
    width: 1px;
    height: 200%;
    position: absolute;
    top: 0;
    right: 0;*/
  }
  .root-nav .nav-item {
    width: 50%;
  }
  .root-nav .nav-item:last-child {
    width: 100%;
    padding-bottom: .3em;
  }
  .root-nav .subnav-item > .item-inner > a {
    text-align: center;
    padding: .67em .33em;
  }
}
@media screen and (min-width: 897px) {
  .root-nav .subnav-item {
    width: 33.33%;
  }
  .root-nav .subnav-item:nth-child( 3n + 1 ) > .item-inner {
    padding: .25em .25em .25em .5em;
  }
  .root-nav .subnav-item:nth-child( 3n - 1 ) > .item-inner {
    display: block;
    padding: .25em .25em .25em .25em;
  }
  .root-nav .subnav-item:nth-child( 3n ) > .item-inner {
    padding: .25em .5em .25em .25em;
  }
}
@media screen and (min-width: 997px) {
  .root-nav .nav-item {
    width: 25%;
  }
  .root-nav .nav-item:first-child > .item-inner > a::before,
  .root-nav .nav-item:nth-child( 2 ) > .item-inner > a::before,
  .root-nav .nav-item:nth-child( 3 ) > .item-inner > a::before {
    /*background-color: rgba( 91, 91, 91, .59 );
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;*/
  }
  .root-nav .nav-item:last-child > .item-inner > a::before {
    display: none;
  }
}
/**
 * ++++++++++++++++++++ ---------- *
 * root-nav lp-troubles
**/
.root-nav .lp-troubles {
  border-top: 1px solid rgba( 91, 91, 91, .59 );
  display: flex;
  flex-wrap: wrap;
  margin: 2.5em .5em 1em;
  position: relative;
}
.root-nav .lp-troubles .nav-item {
  width: 100%;
}
.root-nav .lp-troubles .nav-item:last-child {
  border-bottom: 1px solid rgba( 91, 91, 91, .59 );
  padding-bottom: 0;
}
.root-nav .lp-troubles .nav-item > .item-inner > a {
  padding: 1em .33em;
}

@media screen and (min-width: 641px) {
  .root-nav .lp-troubles::before {
    background-color: rgba( 91, 91, 91, .59 );
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
  }
  .root-nav .lp-troubles .nav-item {
    width: 50%;
  }
  .root-nav .lp-troubles .nav-item:nth-last-child( 2 ) {
  }
}

/**
 * ++++++++++++++++++++ ---------- *
 * nav-taglines
**/
.nav-taglines .nav-heading {
  background-color: rgba( 34, 88, 213, .77 );
  border-top-right-radius: .3em;
  border-top-left-radius: .3em;
  color: #fff;
  margin: 2em auto 0;
  padding: .33em;
}
.nav-taglines .text-block {
  background-color: #fff;
  border: 4px solid rgba( 34, 88, 213, .77 );
  border-top: none;
  border-bottom-right-radius: .3em;
  border-bottom-left-radius: .3em;
  padding: 1em 1.5em;
}
.nav-taglines .text-block .text-text {
  text-align: left;
}
.nav-taglines .text-block .text-text + .text-text {
  border-top: 1px solid rgba( 34, 88, 213, .77 );
  text-align: center;
  width: 100%;
  margin-top: 1em;
  padding-top: 1.15em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * address | copyright
**/
.page-footer .address {
  padding-bottom: 1em;
}
.page-footer .text-text {
  text-align: left;
  display: inline-block;
  margin: 0;
}
.page-footer .text-text .postal-code {
  display: block;
}
.page-footer .text-text .address-locality {
  display: inline-block;
  margin-right: 1em;
}
.page-footer .text-text .extended-address {
  display: inline-block;
}
.page-footer .copyright-inner {
  margin: 1.2em auto 4.75em;
}
.page-footer .copyright-inner small {
  font-size: .93em;
}
.page-footer .copyright-inner a {
  color: #434343;
  text-decoration: none;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * google-map
**/
.google-map {
  width: 100%;
}
.map-inner {
  border: 1px solid rgba( 91, 91, 91, .59 );
}
.google-map iframe {
  display: block;
  width: 100%;
  height: 360px;
}
@media screen and (min-width: 481px) {
}
@media screen and (min-width: 641px) {
}
@media screen and (min-width: 769px) {
  .google-map {
    width: calc( 100% + 3.2em );
    margin: 0 -1.6em;
  }
  .map-inner {
    border-right: none;
    border-left: none;
  }
  .google-map iframe {
    height: 420px;
  }
}
@media screen and (min-width: 897px) {
  .google-map iframe {
    height: 480px;
  }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * other
**/
.page-other {
  display: block;
  width: 100%;
  margin: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 55;
  transition: all .3s ease-out;
}
.scroll-page .page-other {
  bottom: -7.7em;
  transition: all .3s ease-out;
}
.page-other .contact-block {
  display: flex;
}
.page-other .phone,
.page-other .email {
  width: 50%;
  padding: .5em .5em .4em;
  padding-bottom: 41px; /* チャットプラスを導入したためリンク部分の底上げ */
}
.page-other .phone {
  background-color: rgba( 52, 204, 17, .73 );
}
.page-other .email {
  background-color: rgba( 237, 13, 13, .73 );
}
.page-other .phone a,
.page-other .email a {
  border-radius: .3em;
  color: #fff;
  font-size: 1.08em;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 492px;
  padding: .67em;
}
.page-other .phone a {
  background-color: rgba( 52, 204, 17, .79 );
  margin-right: 0;
  margin-left: auto;
}
.page-other .email a {
  background-color: rgba( 237, 13, 13, .79 );
  margin-right: auto;
  margin-left: 0;
}
.page-other .phone a:hover {
  background-color: rgba( 123, 222, 100, .85 );
}
.page-other .email a:hover {
  background-color: rgba( 243, 97, 97, .85 );
}

@media screen and (min-width: 641px) {
  .page-other .phone a,
  .page-other .email a {
    font-size: 1.15em;
  }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * go-to-top
**/
.go-to-top {
  width: calc( 3.83em - 2px );
  height: calc( 3.83em - 2px );
  position: absolute;
  right: 1px;
  top: calc( -3.83em + 1px );
  transition: all .3s ease-out;
}
.go-to-top a {
  background-color: rgba( 113, 175, 101, .93 );
  border-top-left-radius: .3em;
  color: #fff;
  text-align: center;
  display: block;
  padding-top: .31em;
  width: 100%;
  height: 100%;
}
.go-to-top a:hover {
  background-color: rgba( 113, 175, 101, .71 );
}
.go-to-top a .fas {
  font-size: 2.7em;
  line-height: 1.15;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ ---------- *
 * main
**/
.article {
  margin-top: -2.85em;
  padding-top: 2.85em;
  margin-bottom: 1.5em;
}
.article-inner > .tagline,
.article-inner > .text-block,
.article-inner > .unit {
  padding: 0 1.6em;
}
.article-inner > .unit + .unit,
.article-inner > .text-block + .unit {
  margin-top: 2em;
}

@media screen and (min-width: 641px) {
  .article {
    margin-bottom: 2em;
  }
  .article-heading {
    padding: 1em 1.6em .9em;
  }
  .article-heading .heading-inner {
    font-size: 1.67em;
  }
}
@media screen and (min-width: 769px) {
  .article {
    margin-bottom: 3em;
  }
}
@media screen and (min-width: 1053px) {
  .article-inner > .tagline,
  .article-inner > .text-block,
  .article-inner > .unit {
    padding: 0;
  }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * tagline
**/
.tagline img {
  vertical-align: top;
}
.page-header .tagline {
  margin: 0;
  padding-top: 2.83em;
}
.page-header .tagline-inner {
  font-size: 1em;
  width: 100%;
  max-width: 1000px;
  margin: 2em auto 0;
  padding: 0;
}
.page-header .tagline-heading,
.page-header .tagline-text {
  margin: 0;
  padding: 0;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * heading
**/
/* h2::相当 */
.article-heading {
  background-color: rgba( 34, 88, 213, .85 );
  color: #fff;
  font-size: 1em;
  line-height: 1.3;
  text-align: center;
  width: 100%;
  margin: 0 0 2em;
  padding: .8em 1.6em .7em;
}
.article-heading .heading-inner {
  font-size: 1.5em;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* h3::相当 */
.unit-heading {
  border-bottom: 2px solid rgba( 34, 88, 213, .85 );
  font-size: 1em;
  line-height: 1.3;
  margin: 1em 0;
  padding: 0 .05em .3em;
}
.unit-heading .heading-inner {
  font-size: 1.17em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * banner
**/
.banner .prescription-bnr + .contact-bnr {
  margin-top: 1em;
}
.banner .contact-bnr {
  padding-bottom: 2em;
}
.banner .bnr-inner {
  text-align: center;
  display: block;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding-right: 1.6em;
  padding-left: 1.6em;
}
.banner .phone a:hover .img-text {
  opacity: .77;
}
.banner .email .text-text {
  font-size: 1.08em;
  line-height: 1.15;
  margin: .5em 0 0;
}
.banner .email .text-text a {
  background-color: rgba( 237, 13, 13, .93 );
  border-radius: 1em;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: .5em 1em;
}
.banner .email .text-text a:hover {
  background-color: rgba( 237, 13, 13, .73 );
}

@media screen and (min-width: 481px) {
  .banner .email .text-text {
    font-size: 1em;
  }
}
@media screen and (min-width: 641px) {
  .banner .prescription-bnr + .contact-bnr {
    margin-top: 2em;
  }
  .banner .email .text-text {
    font-size: 1.33em;
  }
}
@media screen and (min-width: 769px) {
  .banner .contact-bnr {
    padding-bottom: 3em;
  }
  .banner .email .text-text {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 897px) {
  .banner .email .text-text {
    font-size: 1.75em;
  }
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * blockquote
**/
.blockquote {
  border: 1px solid rgba( 91, 91, 91, .59 );
  margin: 1.5em auto;
}
.blockquote > .blockquote-inner {
  padding: 1em 2em;
  position: relative;
}
.blockquote > .blockquote-inner > .text-text {
  margin: 0 0 .5em;
}
.blockquote a > .fas {
  font-size: 2em;
  position: absolute;
  margin-top: 0;
}
.blockquote .text-bolck {
  margin-left: 2em;
}
.blockquote .text-bolck .text-text {
  display: inline-block;
  margin: 0;
}
.blockquote .text-bolck .text-subbolck {
  display: inline-block;
  padding-left: 1em;
}
.blockquote .text-bolck .text-note {
  display: inline-block;
  margin: 0;
  padding-right: 1em;
}
.blockquote .text-note + .text-note {
  margin-top: -1em;
}

/**
 * ++++++++++++++++++++ ---------- ++++++++++++++++++++ *
 * list
**/
.list-block.inline-block {
  text-align: center;
}
.list-block .list li {
  line-height: 1.5;
  text-align: left;
  position: relative;
}
.list-block [class$="-heading"],
.list-block [class*="-heading "] {
  margin: 1.5em 0 .5em;
}
.list-block [class$="-heading"] + .text-text,
.list-block [class*="-heading "] + .text-text {
  margin-top: 0;
}

/* ol */
.list-block ol.list {
  counter-reset: item;
  list-style-type: none;
  padding: 0;
}
.list-block.inline-block ol.list {
  display: inline-block;
}
.list-block ol.list li {
  padding-left: 2em;
}
.list-block ol.list li + li {
  margin-top: .27em;
}
.list-block ol.list li::before {
  color: rgba( 34, 88, 213, 1 );
  counter-increment: item;
  content: counter(item)'.';
  text-align: right;
  width: 1.55em;
  position: absolute;
  left: 0;
}

/*  */
.list-block + .text-text {
  margin-top: 2em;
}



/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */