@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  padding: 0;
}

html {
  overflow: auto;
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  overflow: hidden;
  min-width: 320px;
  color: #333333;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
figure {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 17px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 14px;
}

p {
  margin-top: 1em;
  line-height: 1.7;
}

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

figure {
  text-align: center;
}

figure img {
  display: inline;
}

a {
  overflow: hidden;
  color: #3AA99C;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #267067;
  text-decoration: underline;
}

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

th,
td {
  padding: 1em;
  line-height: 1.7;
  text-align: left;
  vertical-align: middle;
}

hr {
  display: block;
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
  border: none;
  border-top: 1px solid #cccccc;
}

input[type=text],
select,
textarea {
  width: 100%;
  padding: 7px;
  font-family: inherit;
}

.grid1 {
  width: 6.5%;
}

.grid2 {
  width: 15%;
}

.grid3 {
  width: 23.5%;
}

.grid4 {
  width: 32%;
}

.grid5 {
  width: 40.5%;
}

.grid6 {
  width: 49%;
}

.grid7 {
  width: 57.5%;
}

.grid8 {
  width: 66%;
}

.grid9 {
  width: 74.5%;
}

.grid10 {
  width: 83%;
}

.grid11 {
  width: 91.5%;
}

.grid12 {
  width: 100%;
  float: none;
}

[class*="grid"] {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2%;
}
[class*="grid"]:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  [class*="grid"] {
    margin: 20px 0;
    float: none;
    width: 100%;
  }
}

.container {
  width: 100%;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 1000px;
  }
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
.container + .container {
  margin-top: 20px;
}

.btn {
  cursor: pointer;
  touch-action: manipulation;
  display: inline-block;
  margin: 1em 0 0;
  border: 1px solid transparent;
  background-image: none;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  border-color: #ccc;
  background-color: #fff;
  color: #333;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  background-color: #333;
  color: #fff;
}

.btn-primary {
  border-color: #01447f;
  background-color: #015198;
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #013665;
  border-color: #002342;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #015198;
  border-color: #01447f;
}
.btn-primary .badge {
  background-color: #fff;
  color: #015198;
}

.btn-success {
  border-color: #33968a;
  background-color: #3AA99C;
  color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2d8379;
  border-color: #246860;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #3AA99C;
  border-color: #33968a;
}
.btn-success .badge {
  background-color: #fff;
  color: #3AA99C;
}

.btn-info {
  border-color: #46b8da;
  background-color: #5BC0DE;
  color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5BC0DE;
  border-color: #46b8da;
}
.btn-info .badge {
  background-color: #fff;
  color: #5BC0DE;
}

.btn-warning {
  border-color: #e84a1c;
  background-color: #EA5C33;
  color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #d44016;
  border-color: #b43713;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #EA5C33;
  border-color: #e84a1c;
}
.btn-warning .badge {
  background-color: #fff;
  color: #EA5C33;
}

.btn-danger {
  border-color: #681a00;
  background-color: #812000;
  color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #4e1300;
  border-color: #2a0a00;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #812000;
  border-color: #681a00;
}
.btn-danger .badge {
  background-color: #fff;
  color: #812000;
}

.btn-link {
  border-radius: 0;
  color: #3AA99C;
  font-weight: normal;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #267067;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 17px;
  line-height: 1.33;
}

.btn-sm {
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.5;
}

.btn-xs {
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.form-require {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px 5px;
  background: #EA5C33;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 0.8em;
}

.form-msg {
  display: block;
  margin-top: 3px;
  color: #812000;
  font-size: 12px;
  font-size: 1.2rem;
}
.form-msg:before {
  content: '窶ｻ';
}

.form-btn {
  text-align: center;
}
.form-btn button {
  letter-spacing: 0.1em;
}

.form-address {
  margin-top: 7px;
}

@media screen and (max-width: 767px) {
  .form {
    padding: 0 10px 30px;
  }

  .form-btn {
    margin: 0 auto 30px;
  }

  .form-object:before, .form-object:after {
    content: "";
    display: table;
  }
  .form-object:after {
    clear: both;
  }
  .form-object li {
    float: left;
    width: 49%;
    margin: 0 0 5px 2%;
  }
  .form-object li:nth-child(odd) {
    margin-left: 0;
  }
  .form-object input[type=radio],
  .form-object input[type=checkbox] {
    display: none;
  }
  .form-object label {
    display: block;
    width: 100%;
    padding: 10px 0;
    background: #eee;
    border-radius: 5px;
    color: #333;
    font-size: 0.9em;
    text-align: center;
  }
  .form-object input[type=radio]:checked + label,
  .form-object input[type=checkbox]:checked + label {
    background: #ccc;
  }

  .form-address li {
    margin-top: 7px;
  }
  .form-address li:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .form-address {
    display: table;
    width: 100%;
  }
  .form-address li {
    display: table-cell;
    vertical-align: middle;
  }
  .form-address li:first-child {
    padding-right: 10px;
  }

  .form-object li:not(:first-child) {
    margin-top: 7px;
  }
}
.heading--default {
  margin-bottom: 20px;
  border: 1px solid #d5d5d5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  padding: 12px;
  border-top: 5px solid #3AA99C;
}

.heading--default_s {
  margin-bottom: 20px;
  border: 1px solid #d5d5d5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
  padding: 8px;
  font-size: 16px;
  font-size: 1.6rem;
}
.heading--default_s span {
  padding-left: 10px;
  border-left: 5px solid #3AA99C;
}

.heading--invisible span {
  position: absolute;
  left: -1000em;
}

.contents__header h1,
.contents__header h2,
.contents__header div {
  display: block;
  padding: 25px 0 20px;
  background: url('../img/common/avatar_02.png') no-repeat;
  background-position: right bottom -10px;
  -moz-background-size: 104px 90px;
  -o-background-size: 104px 90px;
  -webkit-background-size: 104px 90px;
  background-size: 104px 90px;
  text-shadow: 2px 2px 0 white;
}
.contents__header h1 span,
.contents__header h2 span,
.contents__header div span {
  display: block;
  min-height: 35px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .contents__header h1,
  .contents__header h2,
  .contents__header div {
    background: url('../img/common/avatar_02@2x.png') no-repeat;
    background-position: right bottom -10px;
    -moz-background-size: 104px 90px;
    -o-background-size: 104px 90px;
    -webkit-background-size: 104px 90px;
    background-size: 104px 90px;
  }
}
.list-default {
  font-size: 1.4rem;
}

.list-default-small {
  font-size: 1.2rem;
}

.list-default,
.list-default-small {
  margin-top: 1em;
  margin-bottom: 1em;
}
.list-default ul,
.list-default-small ul {
  padding-left: 1.1em;
  font-size: 0.9em;
}
.list-default > li,
.list-default ul li,
.list-default-small > li,
.list-default-small ul li {
  margin-top: 0.5em;
  line-height: 1.7;
}
.list-default > li:first-child, .list-default ul li:first-child,
.list-default-small > li:first-child,
.list-default-small ul li:first-child {
  margin-top: 0;
}

.list-circle,
.list-decimal,
.list-disc,
.list-square,
.list-cjk {
  padding-left: 1.1em;
}

.list-circle {
  list-style: circle;
}

.list-decimal {
  list-style: decimal;
}

.list-disc {
  list-style: disc;
}

.list-square {
  list-style: square;
}

.list-cjk {
  list-style: cjk-ideographic;
}

.icon-arrow, .footer__list a, .sitemap__list a, .maintenance__list h4, .dictionary__index a {
  padding-left: 16px;
}

.icon-arrow-green, .footer__list a, .sitemap__list a, .maintenance__list h4, .dictionary__index a {
  background: url('../img/common/icon_arrow_green.png') no-repeat left center;
}

.icon-arrow-white {
  background: url('../img/common/icon_arrow_white.png') no-repeat left center;
}

.icon-gradient-bar, .case__detail h2 {
  padding-left: 12px;
  background: url('../img/common/icon_gradient_bar.png') no-repeat left center;
}

.icon-tile-bar {
  padding-left: 18px;
  background: url('../img/common/icon_grid.png') no-repeat left center;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .icon-arrow-green, .footer__list a, .sitemap__list a, .maintenance__list h4, .dictionary__index a {
    background: url('../img/common/icon_arrow_green@2x.png') no-repeat left center;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
  }

  .icon-arrow-white {
    background: url('../img/common/icon_arrow_white@2x.png') no-repeat left center;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
  }

  .icon-gradient-bar, .case__detail h2 {
    background: url('../img/common/icon_gradient_bar@2x.png') no-repeat left center;
    -moz-background-size: 5px 60px;
    -o-background-size: 5px 60px;
    -webkit-background-size: 5px 60px;
    background-size: 5px 60px;
  }

  .icon-tile-bar {
    background: url('../img/common/icon_grid@2x.png') no-repeat left center;
    -moz-background-size: 8px 35px;
    -o-background-size: 8px 35px;
    -webkit-background-size: 8px 35px;
    background-size: 8px 35px;
  }
}
.banner {
  display: block;
}
.banner span {
  position: absolute;
  left: -1000em;
}

.banner-fts {
  width: 260px;
  height: 65px;
  margin: 0 auto;
  background: url('../img/common/banner_fts.png') no-repeat 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .banner-fts {
    background: url('../img/common/banner_fts@2x.png') no-repeat 0 0;
    -moz-background-size: 260px 65px;
    -o-background-size: 260px 65px;
    -webkit-background-size: 260px 65px;
    background-size: 260px 65px;
  }
}
.pagination {
  margin-top: 20px;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin-left: 10px;
}
.pagination li:first-child {
  margin-left: 0;
}
.pagination li.active a {
  color: #aaa;
}
.pagination a {
  display: inline-block;
  padding: 8px 15px;
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.list-table li {
  width: 100%;
}
.list-table:before, .list-table:after {
  content: "";
  display: table;
}
.list-table:after {
  clear: both;
}

@media screen and (min-width: 768px) {
  .list-table li {
    float: left;
  }

  .list-table2 li {
    width: 49%;
  }

  .list-table3 li {
    width: 32%;
  }

  .list-table4 li {
    width: 23.5%;
  }

  .list-table2 li,
  .list-table3 li,
  .list-table4 li {
    margin-left: 2%;
  }

  .list-table2 li:first-child,
  .list-table3 li:first-child,
  .list-table4 li:first-child,
  .list-table2 li:nth-child(odd),
  .list-table3 li:nth-child(3n +1),
  .list-table3 li:nth-child(3n +1),
  .list-table4 li:nth-child(4n +1) {
    margin-left: 0;
  }

  .list-table2 li:nth-child(n + 3):not(:nth-child(n + 13)),
  .list-table3 li:nth-child(n + 4):not(:nth-child(n + 17)),
  .list-table4 li:nth-child(n + 5):not(:nth-child(n + 18)) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .list-table li + li {
    margin-top: 15px;
  }
}
.dl-table {
  width: 100%;
  margin: 10px 0 20px;
}
.dl-table dl {
  display: table;
  width: 100%;
}
.dl-table dt,
.dl-table dd {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
}
.dl-table dt {
  width: 25%;
}
.dl-table dd {
  width: 75%;
}

.dl-table-fill dt,
.dl-table-empty dt {
  background: #eee;
}

@media screen and (max-width: 767px) {
  .dl-table {
    margin: 10px 0;
  }
  .dl-table dl,
  .dl-table dt,
  .dl-table dd {
    display: block;
    width: 100%;
  }
  .dl-table dt,
  .dl-table dd {
    display: block;
    width: 100%;
  }

  .dl-table .dl-table-padding dd {
    padding: 20px 0;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-fill {
    border: 1px solid #ccc;
  }
  .dl-table-fill dt {
    border-right: 1px solid #ccc;
  }

  .dl-table-fill dl + dl,
  .dl-table-empty dl + dl {
    border-top: 1px dotted #ccc;
  }
}
.ad-title-under {
  margin: 12px 0 20px 0;
}

.ad-page-under {
  margin: 20px 0 10px 0;
}

/* サイトロゴ
 ====================================== */
.header__logo {
  display: block;
  background: url('../img/common/logo.png') no-repeat 0 0;
}
.header__logo span {
  position: absolute;
  left: -1000em;
}

@media screen and (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .header__logo {
    width: 300px;
    height: 39px;
    -moz-background-size: 300px 39px;
    -o-background-size: 300px 39px;
    -webkit-background-size: 300px 39px;
    background-size: 300px 39px;
  }
}
@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .header__logo {
    background: url('../img/common/logo@2x.png') no-repeat 0 0;
    -moz-background-size: 300px 39px;
    -o-background-size: 300px 39px;
    -webkit-background-size: 300px 39px;
    background-size: 300px 39px;
  }
}
@media screen and (min-width: 1025px) {
  .header__logo {
    width: 386px;
    height: 50px;
  }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) {
  .header__logo {
    background: url('../img/common/logo@2x.png') no-repeat 0 0;
    -moz-background-size: 386px 50px;
    -o-background-size: 386px 50px;
    -webkit-background-size: 386px 50px;
    background-size: 386px 50px;
  }
}
/* ヘッダー
 ====================================== */
.header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .header {
    padding: 15px 0 0;
  }

  .header-left {
    margin-bottom: 15px;
  }

  .header-right {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .header {
    display: table;
    max-width: 1000px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-left,
  .header-right {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header-left {
    margin-bottom: 20px;
  }
}
/* プライマリーナビ
 ====================================== */
.header__primary {
  margin-bottom: 5px;
  font-size: 0px;
  font-size: 0rem;
  text-align: right;
}
.header__primary li {
  display: inline-block;
  margin-left: 15px;
}
.header__primary li:first-child {
  margin-left: 0;
}
.header__primary a {
  font-size: 12px;
  font-size: 1.2rem;
}

/* 検索フォーム
 ====================================== */
.header__search input[type=text]:focus,
.header__search .btn:focus {
  outline: none;
}
.header__search input[type=text] {
  border: 1px solid #ccc;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.header__search ul {
  display: table;
  width: 100%;
}
.header__search ul li {
  display: table-cell;
  vertical-align: middle;
}
.header__search .btn {
  margin: 0;
  padding: 7px 15px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header__search {
    padding-left: 20px;
  }
}
.global-navigation__body a {
  display: block;
  color: #333;
  font-weight: bold;
}

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

  .global-menu__label {
    display: block;
    padding: 5px;
    background: #f5f5f5;
    color: #a5a5a5;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .global-navigation__body li {
    border-bottom: 1px solid #d5d5d5;
  }
  .global-navigation__body a {
    padding: 10px;
  }
  .global-navigation__body span {
    display: none;
  }

  .global-search__body {
    padding: 10px;
  }
  .global-search__body span {
    display: block;
    margin-bottom: 5px;
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .global-search__body input[type=text] {
    border: 1px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .global-menu__toggle {
    padding: 15px;
    background: #3AA99C;
    text-align: center;
  }
  .global-menu__toggle:hover {
    cursor: pointer;
  }
  .global-menu__toggle span {
    display: inline-block;
    padding-left: 26px;
    background: url('../img/common/btn_toggle.png') no-repeat center left;
    -moz-background-size: 18px 16px;
    -o-background-size: 18px 16px;
    -webkit-background-size: 18px 16px;
    background-size: 18px 16px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
}
@media screen and (min-width: 768px) {
  .global-search,
  .global-menu__label,
  .global-menu__toggle {
    display: none;
  }

  .global-navigation {
    border-top: 5px solid #3AA99C;
    border-bottom: 1px solid #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwY2ZiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d0cfbd));
    background-image: -moz-linear-gradient(top, #ffffff, #d0cfbd);
    background-image: -webkit-linear-gradient(top, #ffffff, #d0cfbd);
    background-image: linear-gradient(to bottom, #ffffff, #d0cfbd);
    -moz-box-shadow: 0 1px 0 #D0CFBD;
    -webkit-box-shadow: 0 1px 0 #D0CFBD;
    box-shadow: 0 1px 0 #D0CFBD;
  }

  .global-navigation__body {
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .global-navigation__body a {
    padding: 5px 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #D0CFBD;
  }
  .global-navigation__body a:hover {
    text-decoration: none;
  }
  .global-navigation__body span {
    display: block;
    color: #3AA99C;
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal;
  }
  .global-navigation__body a,
  .global-navigation__body span {
    text-align: center;
  }
  .global-navigation__body li {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0;
  }
  .global-navigation__body li:first-child a {
    border-left: none;
  }
  .global-navigation__body li:last-child a {
    border-right: none;
  }
}
@media screen and (min-width: 1025px) {
  .global-navigation {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.breadcrumb {
  width: 100%;
  padding: 10px;
  background: #EBEAE3;
  font-size: 0px;
  font-size: 0rem;
}
.breadcrumb li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 5px;
}
.breadcrumb li:before {
  content: ">";
  margin-right: 5px;
}
.breadcrumb li:first-child {
  margin-left: 0;
}
.breadcrumb li:first-child:before {
  content: normal;
}
.breadcrumb a {
  color: #3AA99C;
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* フッター
 ====================================== */
.footer {
  border-top: 5px solid #3AA99C;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 20px;
  }
}
/* 版権表示
 ====================================== */
.footer__signature {
  padding: 10px;
  background: #333;
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
}

/* フッターナビゲーション
 ====================================== */
.footer__list a {
  color: #333;
}

.footer__list a,
.footer__list_sub a {
  color: #333;
}

@media screen and (max-width: 767px) {
  .footer__list:before, .footer__list:after {
    content: "";
    display: table;
  }
  .footer__list:after {
    clear: both;
  }
  .footer__list li {
    float: left;
    width: 50%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
  }
  .footer__list a {
    display: block;
    padding: 10px;
    background: #f5f5f5;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .footer__list li:nth-child(even) {
    border-right: none;
  }
  .footer__list li:nth-child(odd) {
    border-left: none;
  }

  .footer__list_sub {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .footer__list,
  .footer__list_sub {
    text-align: center;
    font-size: 0px;
    font-size: 0rem;
  }
  .footer__list li,
  .footer__list_sub li {
    display: inline-block;
  }

  .footer__list li {
    margin-left: 20px;
  }
  .footer__list li:first-child {
    margin-left: 0;
  }
  .footer__list a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .footer__list .sp {
    display: none;
  }

  .footer__list_sub {
    margin-top: 15px;
  }
  .footer__list_sub li {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #d5d5d5;
  }
  .footer__list_sub li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  .footer__list_sub a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* 骨組み
 ====================================== */
.wrap, .top-case, .top-information, .top-trable, .top-service {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.wrap + div, .top-case + div, .top-information + div, .top-trable + div, .top-service + div {
  margin-top: 20px;
}

.global-menu + .wrap, .global-menu + .top-case, .global-menu + .top-information, .global-menu + .top-trable, .global-menu + .top-service {
  margin-top: 20px;
  margin-bottom: 20px;
}

.main {
  width: 100%;
}

.side {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .side {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .wrap, .top-case, .top-information, .top-trable, .top-service {
    max-width: 1000px;
  }
  .wrap:before, .top-case:before, .top-information:before, .top-trable:before, .top-service:before, .wrap:after, .top-case:after, .top-information:after, .top-trable:after, .top-service:after {
    content: "";
    display: table;
  }
  .wrap:after, .top-case:after, .top-information:after, .top-trable:after, .top-service:after {
    clear: both;
  }

  .main {
    float: left;
  }

  .side {
    float: right;
    max-width: 300px;
  }
}
@media screen and (min-width: 1025px) {
  .main {
    max-width: 660px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .main-inner {
    margin-right: 320px;
  }

  .side {
    margin-left: -300px;
  }
}
/* コンテンツ共通の部品
 ====================================== */
.contents__header {
  margin-bottom: 20px;
}

.contents__body .section + div {
  margin-top: 20px;
}
.contents__body .heading--default .icon-arrow, .contents__body .heading--default .footer__list a, .footer__list .contents__body .heading--default a, .contents__body .heading--default .sitemap__list a, .sitemap__list .contents__body .heading--default a, .contents__body .heading--default .maintenance__list h4, .maintenance__list .contents__body .heading--default h4, .contents__body .heading--default .dictionary__index a, .dictionary__index .contents__body .heading--default a {
  padding-left: 21px;
}

.contents__figure--200 img,
.contents__figure--300 img {
  display: block;
  width: 100%;
  max-width: 300px;
}

.contents__figure--200 img {
  max-width: 200px;
}

@media screen and (max-width: 767px) {
  .contents__figure--200 img,
  .contents__figure--300 img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .contents__figure--200:before, .contents__figure--200:after,
  .contents__figure--300:before,
  .contents__figure--300:after {
    content: "";
    display: table;
  }
  .contents__figure--200:after,
  .contents__figure--300:after {
    clear: both;
  }
  .contents__figure--200 img,
  .contents__figure--300 img {
    float: right;
    margin-left: 15px;
  }
  .contents__figure--200 img + p,
  .contents__figure--300 img + p {
    margin-top: 0;
  }
}
/* 共通
 ====================================== */
.side > div + div {
  margin-top: 20px;
}

/* お問い合わせボタン
 ====================================== */
.side-contact {
  padding: 10px;
  border: 1px solid #D4D3C3;
  background: #EBEAE3;
}
.side-contact div {
  padding: 10px;
  background: #fff;
}
.side-contact .side-contact__img {
  display: block;
  width: 216px;
  margin: 0 auto 5px;
}
.side-contact .side-contact__btn {
  display: block;
  width: 215px;
  height: 65px;
  margin: 0 auto;
}
.side-contact .side-contact__btn img {
  width: 100%;
}

/* 相談の流れ
 ====================================== */
.side-flow__list li {
  z-index: 0;
  position: relative;
  margin-top: 35px;
}
.side-flow__list li:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  display: block;
  width: 0px;
  height: 0px;
  margin-left: -15px;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #FFCC00 transparent transparent transparent;
}
.side-flow__list li:first-child {
  margin-top: 0;
}
.side-flow__list li:first-child:before {
  border: none;
}
.side-flow__list span {
  display: inline-block;
  margin-bottom: 12px;
  padding: 3px 10px;
  background: #3AA99C;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
.side-flow__list h3,
.side-flow__list em {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: normal;
}
.side-flow__list p {
  padding-right: 100px;
  font-size: 12px;
  font-size: 1.2rem;
}

.side-flow__list_01 p {
  background: url('../img/common/side_flow_01.png') no-repeat top right;
}

.side-flow__list_02 p {
  background: url('../img/common/side_flow_02.png') no-repeat top right;
}

.side-flow__list_03 p {
  background: url('../img/common/side_flow_03.png') no-repeat top right;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .side-flow__list_01 p {
    background: url('../img/common/side_flow_01@2x.png') no-repeat top right;
    -moz-background-size: 80px 60px;
    -o-background-size: 80px 60px;
    -webkit-background-size: 80px 60px;
    background-size: 80px 60px;
  }

  .side-flow__list_02 p {
    background: url('../img/common/side_flow_02@2x.png') no-repeat top right;
    -moz-background-size: 80px 60px;
    -o-background-size: 80px 60px;
    -webkit-background-size: 80px 60px;
    background-size: 80px 60px;
  }

  .side-flow__list_03 p {
    background: url('../img/common/side_flow_03@2x.png') no-repeat top right;
    -moz-background-size: 80px 60px;
    -o-background-size: 80px 60px;
    -webkit-background-size: 80px 60px;
    background-size: 80px 60px;
  }
}
@media screen and (max-width: 1024px) {
  .side-flow__list img {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .side-flow__list div:before, .side-flow__list div:after {
    content: "";
    display: table;
  }
  .side-flow__list div:after {
    clear: both;
  }
  .side-flow__list img {
    float: right;
    display: block;
    width: 100%;
    max-width: 70px;
    margin-left: 10px;
  }
}
/* トップページ用見出し
 ====================================== */
.top__heading, .top__heading--talk, .top__heading--trable, .top__heading--service {
  display: block;
  padding-left: 41px;
}

.top__heading--talk {
  background: url('../img/top/icon_talk.png') no-repeat 0 50%;
}

.top__heading--trable {
  background: url('../img/top/icon_trable.png') no-repeat 0 50%;
}

.top__heading--service {
  background: url('../img/top/icon_service.png') no-repeat 0 50%;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .top__heading--talk {
    background: url('../img/top/icon_talk@2x.png') no-repeat 0 50%;
    -moz-background-size: 31px 25px;
    -o-background-size: 31px 25px;
    -webkit-background-size: 31px 25px;
    background-size: 31px 25px;
  }

  .top__heading--trable {
    background: url('../img/top/icon_trable@2x.png') no-repeat 0 50%;
    -moz-background-size: 31px 25px;
    -o-background-size: 31px 25px;
    -webkit-background-size: 31px 25px;
    background-size: 31px 25px;
  }

  .top__heading--service {
    background: url('../img/top/icon_service@2x.png') no-repeat 0 50%;
    -moz-background-size: 31px 22px;
    -o-background-size: 31px 22px;
    -webkit-background-size: 31px 22px;
    background-size: 31px 22px;
  }
}
/* サイトコピー
 ====================================== */
.top-copy {
  position: relative;
  background-image: url('../img/top/bg_copy.png'), url('../img/top/bg_copy_grid.png'), linear-gradient(to bottom, #afdef8, #ffffff);
  background-repeat: repeat-x, repeat, no-repeat;
  background-position: bottom left, 0 0, 0 0;
}

.top-copy__inner {
  border: 1px solid #d5d5d5;
  background: #fff;
}

.top-copy__list {
  font-size: 0px;
  font-size: 0rem;
}
.top-copy__list li {
  display: inline-block;
  padding-left: 21px;
  background: url('../img/common/icon_check.png') no-repeat left center;
}

.top-copy__btn {
  display: block;
  height: 65px;
}

@media screen and (max-width: 767px) {
  .top-copy {
    padding: 10px 10px 44px;
  }
  .top-copy .desktop {
    display: none;
  }

  .sp {
    border: 1px solid #d5d5d5;
  }
  .sp div {
    padding: 15px;
    background: #fff;
  }
  .sp div:first-child {
    border-bottom: 1px dotted #e5e5e5;
  }

  .top-copy__head {
    display: block;
    width: 100%;
    max-width: 345px;
    margin: 0 auto;
  }

  .top-copy__btn {
    width: 215px;
    margin: 0 auto;
  }

  .top-copy__paragraph {
    display: block;
    margin: 0 auto;
  }

  .top-copy__avatar_left,
  .top-copy__avatar_right {
    position: absolute;
    bottom: 0;
    height: 70px;
  }

  .top-copy__avatar_left {
    left: 0;
  }

  .top-copy__avatar_right {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .top-copy {
    padding: 20px 20px 44px;
  }
  .top-copy .sp {
    display: none;
  }

  .top-copy__btn {
    width: 370px;
  }

  .desktop {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #d5d5d5;
    background: #fff;
  }
  .desktop img + img {
    margin-top: 10px;
  }
  .desktop ul {
    display: table;
    width: 100%;
    margin-top: 12px;
  }
  .desktop ul li {
    display: table-cell;
    vertical-align: middle;
  }
  .desktop ul li:first-child {
    padding-right: 15px;
  }
  .desktop ul li img {
    width: 100%;
  }

  .top-copy__avatar_left,
  .top-copy__avatar_right {
    position: absolute;
    bottom: -46px;
    height: 100px;
  }

  .top-copy__avatar_left {
    left: -80px;
  }

  .top-copy__avatar_right {
    right: -80px;
  }
}
/* よくある相談事例
 ====================================== */
.top-case {
  margin-top: 20px;
}

.top-case__header {
  position: relative;
}
.top-case__header .more {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-block;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #3AA99C;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .top-case__header .more {
    display: none;
  }
}
.top-case__list h3 {
  font-size: 14px;
  font-size: 1.4rem;
}
.top-case__list a,
.top-case__list p {
  font-size: 12px;
  font-size: 1.2rem;
}
.top-case__list p {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #ccc;
}
.top-case__list a {
  color: #3AA99C;
}
.top-case__list div {
  margin-top: 5px;
  text-align: right;
}
.top-case__list li {
  border: 2px solid #d5d5d5;
  padding: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.top-case__list li:nth-child(odd) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebe2));
  background-image: -moz-linear-gradient(top, #ffffff, #ebebe2);
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebe2);
  background-image: linear-gradient(to bottom, #ffffff, #ebebe2);
}
.top-case__list li:nth-child(even) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTdlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2e7eb));
  background-image: -moz-linear-gradient(top, #ffffff, #e2e7eb);
  background-image: -webkit-linear-gradient(top, #ffffff, #e2e7eb);
  background-image: linear-gradient(to bottom, #ffffff, #e2e7eb);
}

@media screen and (max-width: 767px) {
  .top-case__list li {
    margin-top: 10px;
    border: 2px solid #d5d5d5;
  }
  .top-case__list li:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .top-case__list {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 30px;
  }
  .top-case__list li {
    display: table-cell;
    vertical-align: top;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #d5d5d5 inset;
  }
}
/* 日本地図の部分
 ====================================== */
.map__pref {
  font-size: 0px;
  font-size: 0rem;
}
.map__pref li {
  display: inline-block;
}
.map__pref li:hover {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .map {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .map__selectbox {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .map {
    padding: 10px;
    border: 2px solid #3AA99C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }

  .map__panel,
  .map__image {
    display: none;
  }

  .map__heading {
    display: block;
    margin-bottom: 15px;
    padding: 10px;
    background: #3AA99C;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
  }

  .map__pref + .map__pref {
    margin-top: 10px;
  }
  .map__pref li {
    margin-left: 10px;
    color: #3AA99C;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
  }
  .map__pref li:first-child {
    pointer-events: none;
    display: inline-block;
    width: 15%;
    margin-left: 0;
    border-right: 1px dotted #ccc;
    color: #333;
    font-weight: bold;
    text-decoration: none;
  }
}
@media screen and (min-width: 1025px) {
  .map {
    position: relative;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url('../img/top/bg_map.png') repeat 0 0;
    -moz-background-size: 4px 4px;
    -o-background-size: 4px 4px;
    -webkit-background-size: 4px 4px;
    background-size: 4px 4px;
  }

  .map__panel {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .map__pref {
    position: absolute;
    z-index: 100;
  }
  .map__pref li:first-child {
    display: none;
  }
  .map__pref li a {
    display: block;
    width: 70px;
    padding: 3px 5px;
    border: 1px solid #d5d5d5;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #eeeeee));
    background-image: -moz-linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%);
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%);
    background-image: linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%);
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
  }
  .map__pref li a:hover {
    background: #3AA99C;
    border-color: #3AA99C;
    color: #fff;
  }

  .map__pref--hokkaido {
    right: 20px;
    top: 140px;
    width: 70px;
  }

  .map__pref--tohoku {
    right: 20px;
    top: 220px;
    width: 140px;
  }

  .map__pref--kanto {
    right: 20px;
    bottom: 150px;
    width: 210px;
  }

  .map__pref--hokuriku {
    left: 360px;
    top: 160px;
    width: 70px;
  }

  .map__pref--tokai {
    left: 370px;
    bottom: 70px;
    width: 140px;
  }

  .map__pref--kinki {
    left: 270px;
    top: 200px;
    width: 70px;
  }

  .map__pref--chugoku {
    left: 180px;
    top: 260px;
    width: 70px;
  }

  .map__pref--shikoku {
    left: 200px;
    bottom: 30px;
    width: 140px;
  }

  .map__pref--kyushu {
    bottom: 60px;
    left: 20px;
    width: 140px;
  }

  .map__pref--okinawa {
    top: 290px;
    left: 60px;
    width: 70px;
  }
}
/* よくある故障例
 ====================================== */
.top-trable p {
  font-size: 12px;
  font-size: 1.2rem;
}
.top-trable .side img {
  display: block;
  width: 250px;
  margin: 0 auto;
}

.top-trable__list:before, .top-trable__list:after {
  content: "";
  display: table;
}
.top-trable__list:after {
  clear: both;
}
.top-trable__list li {
  float: left;
}
.top-trable__list img {
  display: block;
  margin-bottom: 5px;
}
.top-trable__list span {
  display: block;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  .top-trable .right {
    margin-top: 20px;
  }

  .top-trable__list li {
    width: 49%;
    margin-top: 10px;
    margin-left: 2%;
  }
  .top-trable__list li:nth-child(odd) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .top-trable__list {
    padding: 0 10px;
    border-right: 1px solid #ccc;
  }
  .top-trable__list li {
    width: 24%;
    margin-left: 1%;
  }
  .top-trable__list li:first-child {
    margin-left: 0;
  }
}
/* 設置後の各種サービス
 ====================================== */
.top-service__list {
  margin-bottom: 30px;
}
.top-service__list li {
  text-align: center;
}
.top-service__list h3 {
  margin-top: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.top-service__list a {
  color: #333;
}
.top-service__list p {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}
.top-service__list img {
  width: 90px;
  height: 90px;
}

@media screen and (max-width: 767px) {
  .top-service__list .icon-arrow-green, .top-service__list .footer__list a, .footer__list .top-service__list a, .top-service__list .sitemap__list a, .sitemap__list .top-service__list a, .top-service__list .maintenance__list h4, .maintenance__list .top-service__list h4, .top-service__list .dictionary__index a, .dictionary__index .top-service__list a {
    display: inline-block;
  }
  .top-service__list li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
  }
  .top-service__list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (min-width: 768px) {
  .top-service__list:before, .top-service__list:after {
    content: "";
    display: table;
  }
  .top-service__list:after {
    clear: both;
  }
  .top-service__list li {
    float: left;
    width: 31%;
    margin-left: 1.5%;
    padding-left: 1.5%;
    border-left: 1px dotted #ccc;
  }
  .top-service__list li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
}
/* 相談事例の中身
 ====================================== */
.case__detail {
  padding: 10px;
  background: #DFDED2;
}
.case__detail div {
  padding: 20px;
  background: #fff;
}
.case__detail h2 {
  margin-bottom: 15px;
}
.case__detail ul {
  padding-top: 15px;
  border-top: 1px dotted #ccc;
}
.case__detail li {
  margin-top: 10px;
  padding-top: 20px;
  background: url('../img/case/line.png') repeat-x 0 0;
  -moz-background-size: 2px 4px;
  -o-background-size: 2px 4px;
  -webkit-background-size: 2px 4px;
  background-size: 2px 4px;
}
.case__detail li:first-child {
  margin-top: 0;
  padding-top: 0;
  background: none;
}

.case__number {
  display: inline-block;
  padding: 3px 7px 3px 32px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: url('../img/case/icon_talk.png') no-repeat 7px 50% #3AA99C;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

.case__created {
  color: #666;
  font-size: 11px;
  font-size: 1.1rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .case__number {
    background: url('../img/case/icon_talk@2x.png') no-repeat 7px 50% #3AA99C;
    -moz-background-size: 18px 14px;
    -o-background-size: 18px 14px;
    -webkit-background-size: 18px 14px;
    background-size: 18px 14px;
  }
}
/* 相談事例の一覧
 ====================================== */
.case__list h3 {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-size: 1.4rem;
}
.case__list a,
.case__list p {
  font-size: 12px;
  font-size: 1.2rem;
}
.case__list p {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #ccc;
}
.case__list a {
  color: #3AA99C;
}
.case__list div {
  margin-top: 5px;
  text-align: right;
}
.case__list li {
  border: 2px solid #d5d5d5;
  padding: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.case__list li:nth-child(odd) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebe2));
  background-image: -moz-linear-gradient(top, #ffffff, #ebebe2);
  background-image: -webkit-linear-gradient(top, #ffffff, #ebebe2);
  background-image: linear-gradient(to bottom, #ffffff, #ebebe2);
}
.case__list li:nth-child(even) {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTdlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2e7eb));
  background-image: -moz-linear-gradient(top, #ffffff, #e2e7eb);
  background-image: -webkit-linear-gradient(top, #ffffff, #e2e7eb);
  background-image: linear-gradient(to bottom, #ffffff, #e2e7eb);
}

@media screen and (max-width: 1024px) {
  .case__list li {
    margin-top: 10px;
    border: 2px solid #d5d5d5;
  }
  .case__list li:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .case__list:before, .case__list:after {
    content: "";
    display: table;
  }
  .case__list:after {
    clear: both;
  }
  .case__list li {
    float: left;
    width: 49%;
    margin-bottom: 10px;
    margin-left: 2%;
  }
  .case__list li:nth-child(odd) {
    margin-left: 0;
  }
}
/* 当サイトについて
 ====================================== */
.help h3 {
  padding-left: 10px;
  border-left: 5px solid #3AA99C;
}
.help .section + .section {
  margin-top: 30px;
}

/* サイトマップリスト
 ====================================== */
.sitemap__list:before, .sitemap__list:after {
  content: "";
  display: table;
}
.sitemap__list:after {
  clear: both;
}
.sitemap__list li {
  float: left;
  margin-left: 2%;
  margin-bottom: 10px;
}
.sitemap__list a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #333;
}

@media screen and (max-width: 1024px) {
  .sitemap__list li {
    width: 49%;
  }
  .sitemap__list li:nth-child(odd) {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .sitemap__list li {
    width: 32%;
  }
  .sitemap__list li:nth-child(3n+1) {
    margin-left: 0;
  }
}
/* 運営会社
 ====================================== */
.company .list-default {
  margin: 0;
}

.company__list img {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .company__list li {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
  }
  .company__list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
  .company__list + ul {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
  }
}
@media screen and (min-width: 768px) {
  .company__list:before, .company__list:after {
    content: "";
    display: table;
  }
  .company__list:after {
    clear: both;
  }
  .company__list + ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #ddd;
  }
  .company__list li {
    float: left;
    width: 48%;
    margin-left: 2%;
    padding-left: 2%;
    border-left: 1px dotted #ddd;
  }
  .company__list li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
}
.inquiry__read {
  margin-bottom: 20px;
  text-align: center;
}
.inquiry__read span {
  display: block;
}

@media screen and (max-width: 767px) {
  .inquiry__read span {
    margin-bottom: 1em;
  }
}
/* 保険についてまとめたテーブル（デスクトップ・タブレット）
 ====================================== */
.insurance__table {
  border: 1px solid #ccc;
  margin: 20px auto;
}
.insurance__table tr {
  border-top: 1px solid #ccc;
}
.insurance__table th {
  text-align: center;
}
.insurance__table th:first-child {
  border-left: none;
  background: #eee;
  font-weight: normal;
}
.insurance__table th,
.insurance__table td {
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .insurance__table {
    display: none;
  }
}
/* 保険についてまとめたテーブル（スマートフォン向け）
 ====================================== */
.insurance__table_s {
  margin: 20px auto 0;
}
.insurance__table_s li {
  margin-top: 20px;
}
.insurance__table_s li:first-child {
  margin-top: 0;
}
.insurance__table_s span {
  display: block;
}
.insurance__table_s .title {
  padding: 7px;
  background: #3AA99C;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}
.insurance__table_s .label {
  margin-top: 15px;
  padding-left: 7px;
  border-left: 7px solid #3AA99C;
  font-weight: bold;
}

.insurance__caution {
  color: #aaa;
  font-size: 11px;
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
  .insurance__table_s,
  .insurance__caution {
    display: none;
  }
}
/* 保険金額の目安
 ====================================== */
.insurance__indication {
  margin: 20px auto;
}
.insurance__indication div {
  padding: 10px;
}
.insurance__indication span,
.insurance__indication em {
  color: #333;
}
.insurance__indication span {
  font-size: 14px;
  font-size: 1.4rem;
}
.insurance__indication em {
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: bold;
}
.insurance__indication .insurance__indication_header {
  border: 1px solid #3AA99C;
  background: #3AA99C;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.insurance__indication .insurance__indication_body {
  border: 1px solid #ccc;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .insurance__indication {
    display: table;
    width: 100%;
  }
  .insurance__indication div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .insurance__indication .insurance__indication_body {
    border-left: none;
  }
}
/* メンテナンス項目・点検機器用リスト
 ====================================== */
.maintenance__list + ul {
  margin-top: 20px;
}
.maintenance__list p {
  font-size: 13px;
  font-size: 1.3rem;
}
.maintenance__list img {
  display: block;
  max-width: 300px;
  margin: 0 auto;
}
.maintenance__list .label {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .maintenance__list > li {
    margin-top: 20px;
  }
  .maintenance__list > li:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .maintenance__list:before, .maintenance__list:after {
    content: "";
    display: table;
  }
  .maintenance__list:after {
    clear: both;
  }
  .maintenance__list > li {
    float: left;
    width: 49%;
    margin-left: 2%;
  }
  .maintenance__list > li:first-child {
    margin-left: 0;
  }
}
/* 故障事例用リスト
 ====================================== */
.trouble-list {
  margin-top: 20px;
  padding: 12px;
  background: #DFDED2;
}
.trouble-list li {
  margin-top: 5px;
  padding: 15px;
  background: #fff;
}
.trouble-list li:before, .trouble-list li:after {
  content: "";
  display: table;
}
.trouble-list li:after {
  clear: both;
}
.trouble-list li:first-child {
  margin-top: 0;
}
.trouble-list div {
  width: 75%;
  margin-left: 25%;
}
.trouble-list .trouble-list__img {
  float: left;
  display: block;
  width: 20%;
  max-width: 120px;
  text-align: center;
}

.dictionary {
  padding: 12px;
  background: #DFDED2;
}
.dictionary > div {
  padding: 0 20px 20px;
  border: 1px solid #eee;
  background: #fff;
}

.dictionary__header {
  margin-bottom: 15px;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc;
}

.dictionary__index {
  font-size: 0;
}
.dictionary__index li {
  display: inline-block;
  width: 32%;
  margin-top: 5px;
  margin-left: 1%;
}
.dictionary__index li:nth-child(3n+1) {
  margin-left: 0;
}
.dictionary__index a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.dictionary__header-detail {
  margin: 20px auto;
  padding-left: 15px;
  border-left: 7px solid #333;
}
.dictionary__header-detail h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
.dictionary__header-detail h1 + small {
  display: inline-block;
  color: #666;
  margin-left: -5px;
}
.dictionary__header-detail small {
  color: #aaa;
  font-style: italic;
}

.dictionary__body {
  border-top: 1px dotted #ccc;
}
.dictionary__body .contents__figure--200 {
  margin-top: 20px;
}
.dictionary__body .contents__figure--200 p {
  overflow: hidden;
}