.__nuxt-error-page {
  padding: 1rem;
  background: #f7f8fb;
  color: #47494e;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.__nuxt-error-page .error {
  max-width: 450px
}

.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494e;
  margin-bottom: 8px
}

.__nuxt-error-page .description {
  color: #7f828b;
  line-height: 21px;
  margin-bottom: 10px
}

.__nuxt-error-page a {
  color: #7f828b !important;
  text-decoration: none
}

.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  width: 0;
  opacity: 1;
  -webkit-transition: width .1s, opacity .4s;
  transition: width .1s, opacity .4s;
  background-color: #d5092f;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  -webkit-transition: none;
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

/*!
 * ress.css ? v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button,
select {
  text-transform: none
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio,
canvas,
progress,
video {
  display: inline-block
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

.hero .hero_container {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-family: roboto, "Noto Sans JP:300", "Noto Sans JP:600";
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

body {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  background: #fff
}

body,
html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%
}

li,
ul {
  list-style: none
}

img {
  vertical-align: top;
  max-width: 100%
}

button {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  cursor: pointer
}

.btn,
a {
  text-decoration: none
}

.btn {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .1em;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 15px 0;
  overflow: hidden;
  border-radius: 5px
}

.btn--ghost {
  border: 1px solid #e8e8e8
}

.btn--primary {
  background: #d5092f;
  color: #fff
}

.btn.more_toggle {
  position: relative;
  margin-top: 20px
}

.btn.more_toggle:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.9 10'%3E%3Cpath d='M8.4 10c-.4 0-.8-.1-1.1-.4L.4 2.7C-.2 2.1-.2 1.2.4.6 1 0 2 0 2.6.6l5.8 5.8L14.3.5c.6-.6 1.5-.6 2.1 0 .6.5.6 1.5 0 2.1l-7 7c-.3.3-.6.4-1 .4z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 16px;
  height: 10px;
  margin-left: 10px
}

@media screen and (min-width:959px) {
  .btn {
    width: auto;
    margin: 0 auto;
    padding: 15px 70px
  }
}

.container {
  padding: 0 10px;
  text-align: center
}

.text {
  margin-bottom: 20px;
  text-align: left
}

.text p {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.7;
  font-weight: 300
}

.text p:not(:last-child) {
  margin-bottom: 20px
}

@media screen and (min-width:959px) {
  .container {
    max-width: 760px;
    margin: 0 auto;
    padding: 0
  }
}

.breadcrumb {
  font-size: 12px;
  font-size: .75rem;
  margin: 20px 0;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap
}

.breadcrumb.to-home {
  text-align: center
}

.breadcrumb a {
  color: #006cd8
}

.breadcrumb li {
  display: inline;
  padding-right: 0
}

.breadcrumb li:not(:last-child):after {
  content: ">";
  margin: 0 10px;
  color: #797979
}

@media screen and (min-width:959px) {
  .breadcrumb {
    text-align: left
  }
}

.hero {
  position: relative;
  background: url(/sumicoco/img/hero_s.jpg) 0 100% no-repeat;
  background-size: cover;
  height: 120px;
  z-index: 0;
  margin-bottom: 15px
}

.hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(208, 2, 27, .8)), to(rgba(255, 160, 110, .8)));
  background: linear-gradient(90deg, rgba(208, 2, 27, .8), rgba(255, 160, 110, .8));
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.hero .hero_container {
  width: 100%;
  text-align: center;
  z-index: 2;
  color: #fff
}

.hero .hero_catch {
  font-size: 14px;
  font-size: .875rem;
  border-bottom: 2px solid #fff;
  display: inline-block;
  padding-bottom: 4px
}

.hero .hero_title {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 6px;
  font-weight: 700
}

.hero .hero_title:before {
  font-size: 16px;
  font-size: 1rem;
  content: attr(data-text);
  display: block
}

.label:before {
  margin-right: 5px
}

.label--friendly:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 1.667A8.333 8.333 0 111.667 10 8.343 8.343 0 0110 1.667zM10 0a10 10 0 1010 10A10 10 0 0010 0zm4.589 11.617A6.963 6.963 0 0110 13.227a6.965 6.965 0 01-4.59-1.609l-.41.41A6.146 6.146 0 0010 15a6.144 6.144 0 005-2.972zm-7.506-4.95a1.25 1.25 0 101.25 1.25 1.25 1.25 0 00-1.25-1.25zm5.833 0a1.25 1.25 0 101.25 1.25 1.25 1.25 0 00-1.249-1.25z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 20px
}

.label--friendly:before,
.label--quiet:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  height: 20px
}

.label--quiet:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.333' height='20'%3E%3Cpath d='M7.5 0H5.833v13.063C3.017 12.507 0 14.659 0 17.006A3 3 0 003.266 20 4.174 4.174 0 007.5 15.633V5c2.508 1.852 4.686 2.7 4.216 5.833 1.192-1.439 1.617-2.347 1.617-3.376C13.333 3.752 7.5 2.528 7.5 0z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 13px
}

.label--traffic:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M4.5 18H3a.75.75 0 01-.75-.75v-.75A1.5 1.5 0 01.75 15V9A.75.75 0 010 8.25V6a.75.75 0 01.75-.75v-3A2.25 2.25 0 013 0h12a2.25 2.25 0 012.25 2.25v3A.75.75 0 0118 6v2.25a.75.75 0 01-.75.75v6a1.5 1.5 0 01-1.5 1.5v.75A.75.75 0 0115 18h-1.5a.75.75 0 01-.75-.75v-.75h-7.5v.75a.75.75 0 01-.75.75zm-1.125-5.25a1.125 1.125 0 11-1.125 1.125 1.125 1.125 0 011.125-1.125zm11.25 0a1.125 1.125 0 11-1.125 1.125 1.125 1.125 0 011.125-1.125zm-3.75.75h-3.75a.375.375 0 000 .75h3.75a.375.375 0 000-.75zm4.875-9.375a.375.375 0 00-.375-.375H2.625a.375.375 0 00-.375.375V10.5a24.177 24.177 0 006.75.75 24.177 24.177 0 006.75-.75zM12 1.5H6v.75h6z' fill='%23d5092f' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px
}

.label--life:before,
.label--traffic:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}

.label--life:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='17.5'%3E%3Cpath d='M3.988 4.375L8.1.261a.893.893 0 011.523.64.869.869 0 01-.262.622l-2.85 2.852zm10.5 0h2.523L12.9.261a.892.892 0 00-1.523.64.869.869 0 00.262.622zM21 6.125v1.75h-.562a1.225 1.225 0 00-1.1.688L15.75 17.5H5.25L1.662 8.561a1.222 1.222 0 00-1.1-.686H0v-1.75zm-13.125 3.5a.875.875 0 00-1.75 0V14a.875.875 0 001.75 0zm3.5 0a.875.875 0 00-1.75 0V14a.875.875 0 001.75 0zm3.5 0a.875.875 0 00-1.75 0V14a.875.875 0 001.75 0z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 21px;
  height: 17px
}

.label--image:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.333' height='20'%3E%3Cpath d='M0 12.5a7.278 7.278 0 019.167 5 7.5 7.5 0 019.167-5C16.278 13.77 15.42 20 9.167 20S2.094 13.774 0 12.5zM6.836 2.432a2.445 2.445 0 014.889 0 2.445 2.445 0 012.444 4.234 2.445 2.445 0 01-2.444 4.234 2.445 2.445 0 01-4.889 0 2.445 2.445 0 01-2.444-4.233 2.445 2.445 0 012.444-4.234zm2.331 2.151a2.083 2.083 0 11-2.084 2.084 2.084 2.084 0 012.084-2.084z' fill='%23d5092f' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 18px;
  height: 20px
}

.label--image:before,
.label--nature:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}

.label--nature:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.364' height='15'%3E%3Cpath d='M10.764 4.453C7.282 6.352 2.091 10.71 0 15h2a14.466 14.466 0 012.63-4.024 8.386 8.386 0 0011.734-7.734A9.091 9.091 0 0015.736 0c-1.6 2.127-3.85.717-7.4 1.108-5.219.575-7.608 4.634-5.973 7.868 2.39-2.328 6.493-4.35 8.4-4.523z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 16px;
  height: 15px
}

.label--administration:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.333' height='20'%3E%3Cpath d='M16.667 18.333h1.667V20H0v-1.667h1.667V0h15zm-8.333-2.5H6.667v3.333h1.666zm3.333 0H10v3.333h1.667zM15 1.667H3.333v16.666H5v-4.166h8.333v4.167H15zM5 10.833h1.667V12.5H5zm3.333 0H10V12.5H8.333zm3.333 0h1.667V12.5h-1.666zM5 8.333h1.667V10H5zm3.333 0H10V10H8.333zm3.333 0h1.667V10h-1.666zM5 5.833h1.667V7.5H5zm3.333 0H10V7.5H8.333zm3.333 0h1.667V7.5h-1.666zM5 3.333h1.667V5H5zm3.333 0H10V5H8.333zm3.333 0h1.667V5h-1.666z' fill='%23d5092f' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 18px;
  height: 20px
}

.label--administration:before,
.label--prices:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}

.label--prices:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.99' height='17.001'%3E%3Cpath d='M15.291 4.259H3.058c-1.019 0-1.358-.51-1.358-.846l13.591-1.278V.861a.9.9 0 00-1.019-.848L1.444 2.305A1.728 1.728 0 000 4.004v11.3a1.7 1.7 0 001.7 1.7h13.591a1.7 1.7 0 001.7-1.7V5.958a1.7 1.7 0 00-1.7-1.699zm-1.274 7.645a1.274 1.274 0 111.274-1.274 1.306 1.306 0 01-1.274 1.274z' fill='%23d5092f'/%3E%3C/svg%3E");
  width: 16px;
  height: 17px
}

.media {
  *zoom: 1;
  text-align: left;
  color: #333
}

.media:after,
.media:before {
  content: " ";
  display: table
}

.media:after {
  clear: both
}

.media .media__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 5px
}

.media .media__title:after {
  font-size: 12px;
  font-size: .75rem;
  content: attr(data-line);
  display: inline-block;
  margin-left: 5px;
  font-weight: 400
}

.media .media__image {
  position: relative;
  float: left;
  width: 120px;
  height: 80px;
  background: #f5f6ff;
  border-radius: 5px;
  overflow: hidden
}

.media .media__body {
  float: right;
  width: calc(100% - 130px)
}

.media .media__body p {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.5
}

@media screen and (min-width:959px) {
  .media {
    margin: 0
  }

  .media .media__body,
  .media .media__image {
    float: none
  }

  .media .media__body {
    width: 100%
  }

  .media .media__image {
    width: 100%;
    height: 110px;
    margin-bottom: 12px
  }
}

#more__container,
#more__showContents {
  display: none
}

input#more__showContents:checked~#more__container {
  display: block
}

input#more__showContents:checked~#myReadMore .more_toggle {
  display: none
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0
}

.pagination a {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .1em;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  position: relative;
  padding: 13px 20px 11px;
  text-decoration: none;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  color: #333
}

.pagination__prev:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16.9'%3E%3Cpath d='M0 8.5c0 .4.1.8.4 1.1l6.9 6.9c.6.6 1.5.6 2.1 0 .6-.6.6-1.5 0-2.1L3.6 8.5l5.9-5.9c.6-.6.6-1.5 0-2.1C9-.1 8-.1 7.4.4l-7 7c-.3.3-.4.7-.4 1.1z' fill='%23d5092f'/%3E%3C/svg%3E");
  margin-right: 8px
}

.pagination__next:after,
.pagination__prev:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 16px
}

.pagination__next:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16.9'%3E%3Cpath d='M10 8.5c0 .4-.1.8-.4 1.1l-6.9 6.9c-.6.6-1.5.6-2.1 0-.6-.6-.6-1.5 0-2.1l5.8-5.8-6-6C-.1 2-.1 1 .4.4 1-.1 2-.1 2.6.4l7 7c.3.3.4.7.4 1.1z' fill='%23d5092f'/%3E%3C/svg%3E");
  margin-left: 8px
}

.ranking {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0
}

.ranking li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 45px
}

.ranking li .rank {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  counter-increment: item;
  content: counter(item) "ˆÊ";
  font-weight: 700;
  color: #797979;
  width: 40px;
  text-align: center
}

.ranking li:first-child .rank,
.ranking li:nth-child(2) .rank {
  color: #d5092f
}

.ranking.more {
  counter-reset: item 10;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  margin-top: 20px
}

.ranking.more li:first-child .rank,
.ranking.more li:nth-child(2) .rank {
  color: #797979
}

@media screen and (min-width:959px) {
  .ranking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .ranking li {
    width: 25%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px;
    padding: 0 10px
  }

  .ranking li .rank {
    position: relative;
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: auto;
    margin: 0 0 3px;
    width: 100%;
    text-align: center
  }

  .ranking li:first-child,
  .ranking li:nth-child(2) {
    width: 50%
  }

  .ranking li:first-child .media__image,
  .ranking li:nth-child(2) .media__image {
    height: 240px
  }

  .more li:first-child,
  .more li:nth-child(2) {
    width: 25%
  }

  .more li:first-child .media__image,
  .more li:nth-child(2) .media__image {
    height: 110px
  }
}

.section .section__title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.3;
  position: relative;
  margin: 50px 0 20px;
  text-align: left
}

.section .section__title:before {
  content: "";
  width: 30px;
  height: 3px;
  background: #d5092f;
  position: absolute;
  top: -15px
}

.section .section__image {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #f5f6ff
}

.section .section__image img {
  max-height: 300px
}

@media screen and (min-width:959px) {
  .section .section__image img {
    max-height: 400px
  }
}

.stats .stats__general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #d5092f;
  color: #fff;
  border-radius: 5px 5px 0 0
}

.stats .stats__general:after {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: roboto;
  font-weight: 700;
  content: attr(data-rate);
  color: #fff;
  margin-left: 8px
}

.stats .stats__table {
  font-size: 14px;
  font-size: .875rem;
  background: #f5f6ff;
  border-radius: 0 0 5px 5px;
  padding: 15px 10px;
  margin-bottom: 20px;
  text-align: left
}

.stats .stats__table li {
  display: inline-block;
  width: 50%
}

.stats .stats__table span {
  font-weight: 700;
  font-family: roboto;
  margin-left: auto
}

.stats .stats__table span:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='3'%3E%3Cg transform='translate(-128 -497)' fill='%23a3a3a3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' transform='translate(145 497)'/%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' transform='translate(137 497)'/%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' transform='translate(128 497)'/%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 3px;
  margin: 0 5px
}

.stats .stats__table span:after {
  font-size: 20px;
  font-size: 1.25rem;
  content: attr(data-rate)
}

@media screen and (max-width:320px) {
  .stats .stats__table li {
    display: block;
    width: 100%
  }
}

@media screen and (min-width:959px) {
  .stats .stats__table {
    padding: 15px 20px
  }

  .stats .stats__table li {
    width: 33.33333%
  }
}

.value {
  font-size: 12px;
  font-size: .75rem;
  background: #f5f6ff;
  color: #797979;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 0 8px 2px
}

.value,
.value:after {
  display: inline-block
}

.value:after {
  content: attr(data-rate);
  font-size: 16px;
  font-size: 1rem;
  font-family: Roboto;
  font-weight: 700;
  margin-left: 5px;
  color: #068e01
}

.introduction header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 8px
}

.introduction .introduction__rank {
  font-size: 18px;
  font-size: 1.125rem;
  color: #d5092f;
  margin-right: 18px
}

.introduction .introduction__rank:before {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  content: attr(data-rank)
}

.introduction .introduction__title {
  font-size: 24px;
  font-size: 1.5rem
}

.introduction .introduction__title span {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  margin-left: 10px
}

.introduction .introduction__image {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #f5f6ff
}

.introduction .introduction__image img {
  max-height: 400px
}

@media screen and (min-width:959px) {
  .introduction header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

#v4_header .v4_hgroup {
  display: table;
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #c2c2c2
}

#v4_header .v4_logo {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 88px;
  padding: 10px 0 10px 10px;
  line-height: 0;
  font-size: 0
}

#v4_header .v4_logo_portal {
  margin: 6px 0 0
}

#v4_header a {
  text-decoration: none;
  color: #111
}

#v4_header .v4_logo_portal img {
  width: 120px;
  max-width: none
}

#v4_header .v4_message {
  display: table-cell;
  padding: 5px 10px;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  color: #111
}

#v4_footer {
  padding-bottom: 110px;
  background-color: #fff
}

.v4_pagetop {
  font-size: 0;
  line-height: 0;
  position: fixed;
  right: 10px;
  bottom: 120px
}

.v4_pagetop a {
  display: block;
  margin-left: auto;
  width: 30px;
  height: 30px;
  background-color: #4a4a4a !important;
  border-radius: 3px;
  text-decoration: none
}

#v4_footer .v4_fNav {
  border-top: 1px solid #c6c6c6
}

#v4_footer .v4_fNav li a {
  display: block;
  background-color: #f2f2f2;
  padding: 10px;
  font-size: 14px;
  text-decoration: none;
  color: #111
}

#v4_footer .v4_fNav li+li {
  margin-top: 1px
}

#v4_footer .v4_copy {
  border-top: 1px solid #c6c6c6;
  padding: 15px 10px;
  font-size: 14px;
  color: #111;
  text-align: center
}

.v4_pagetop a:before {
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 1;
  font-size: 16px;
  content: "\f062";
  width: 30px;
  line-height: 30px;
  display: block;
  color: #fff
}

.v4_copy .kentaku_footer_logo {
  width: 238px
}