/* #service-list
------------------------------------------------------------------------------------- */
#service-list {
  margin-bottom: 10px;
  line-height: 1.5em; }
  #service-list .cell {
    background: url(../img_com/bk_back2.gif);
    margin: 0 0 15px 0;
    border: 5px solid #E4E4E4; }
  #service-list .left {
    clear: both;
    float: left;
    margin: 0 15px 15px 0; }
  #service-list .right {
    float: right;
    margin: 0 0 15px 0; }
  #service-list .cell section {
    display: block; }
  #service-list a {
    display: block;
    border: 1px solid #FFFFFF;
    padding: 15px;
    color: #333333;
    text-decoration: none; }
    #service-list a:hover {
      cursor: pointer; }
      #service-list a:hover .link {
        color: #FF8000; }
  #service-list .img {
    width: 100px;
    float: left; }
    #service-list .img img {
      width: 100%; }
  #service-list .box {
    float: right;
    display: block; }
  #service-list h2 {
    font-size: 146.5%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    line-height: 1.3em;
    border-bottom: 1px solid #666666; }
  #service-list p {
    font-size: 108%;
    margin: 0 0 10px 0; }
  #service-list .link {
    margin: 0;
    padding: 0 0 0 25px;
    background: url(../img_com/icon_arrow3.gif) no-repeat 0 0.2em; }
  #service-list a:hover .link {
    background: url(../img_com/icon_arrow3_o.gif) no-repeat 0 0.2em; }
  #service-list .clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden; }

/* #service
------------------------------------------------------------------------------------- */
#service {
  margin-bottom: 10px; }
  #service .img-title {
    margin-bottom: 20px; }
  #service p {
    line-height: 1.6em;
    font-size: 108%;
    margin: 0 0 20px 0; }
    #service p.catch {
      font-size: 131%;
      font-weight: bold;
      margin: 0 0 20px 0; }
  #service h2 {
    font-size: 131%;
    font-weight: bold;
    margin: 50px 0 20px 0;
    padding: 5px 0;
    background: url(../img_com/line_ten.gif) repeat-x bottom; }
  #service h3 {
    font-size: 116%;
    font-weight: bold;
    margin: 30px 0 0px 0;
    padding: 5px 0; }
  #service ul {
    line-height: 1.5em;
    margin: 0 0 20px 0; }
  #service .img-left {
    width: 280px;
    padding-bottom: 10px;
    text-align: center; }
  #service .link {
    clear: both;
    text-align: right; }
    #service .link a {
      background: url(../img_com/icon_arrow1.gif) no-repeat 0 0.3em;
      padding: 0 0 0 15px;
      color: #333333; }
      #service .link a:hover {
        background: url(../img_com/icon_arrow1_o.gif) no-repeat 0 0.3em;
        color: #FF8000; }
  #service .chara-narrow {
    letter-spacing: -0.5em; }
  #service .chara-narrow-sm {
    letter-spacing: -0.1em; }
  #service .chara-narrow-xs {
    letter-spacing: -0.05em; }
  #service .chara-wide {
    letter-spacing: 0.1em; }
  #service .chara-wide-xs {
    letter-spacing: 0.05em; }
  #service ul.list {
    margin-bottom: 30px; }
    #service ul.list li {
      list-style: disc;
      margin-left: 2em; }
  #service .service8-1 b {
    background: #D9D2CA;
    font-weight: normal;
    white-space: nowrap;
    padding: 0.2em;
    margin: 0.2em;
    display: inline;
    float: left; }
  #service .service8-1 span {
    font-weight: normal;
    white-space: nowrap;
    padding: 0.2em 0;
    margin: 0.2em 0;
    display: inline;
    float: left; }
  #service .box-works {
    background: #F2F2F2;
    padding: 15px;
    margin: 50px 0 20px 0; }
    #service .box-works h2 {
      font-size: 138.5%;
      font-weight: bold;
      margin: 0 0 20px 0;
      padding: 5px 0;
      background: none; }
    #service .box-works .cell {
      text-align: center;
      padding: 0 0 30px 0;
      float: left; }
      #service .box-works .cell .img {
        padding: 0 5px; }
        #service .box-works .cell .img img {
          width: 100%; }
      #service .box-works .cell h3 {
        font-size: 108%;
        font-weight: bold;
        padding: 5px; }
    #service .box-works .img-left {
      width: 240px; }
    #service .box-works .cell p {
      line-height: 1.4em;
      padding: 0 5px; }
    #service .box-works .clear {
      clear: both;
      display: block;
      height: 1px;
      overflow: hidden; }
  #service .service-plan {
    padding: 0;
    margin: 0 auto 50px auto; }
    #service .service-plan li {
      line-height: 0;
      margin: 0 0 5px 0; }
    #service .service-plan .clear {
      clear: both;
      display: block;
      height: 1px;
      overflow: hidden; }
  #service .btn-form {
    margin: 20px auto;
    text-align: center;
    border: 5px solid #FFB973;
    background: url(../img_com/bk_back5.gif); }
    #service .btn-form a {
      display: block;
      border: 1px solid #FFFFFF; }
      #service .btn-form a span {
        font-size: 123.1%;
        font-weight: bold;
        color: #FFFFFF;
        display: block;
        padding: 10px 5px 0 5px; }
      #service .btn-form a:hover {
        text-decoration: none; }
  #service .link-list {
    font-size: 108%; }
    #service .link-list li {
      padding: 3px 0;
      margin: 0 0 0 2em;
      list-style: disc; }
      #service .link-list li a {
        color: #333333;
        text-decoration: underline; }
        #service .link-list li a:hover {
          color: #FF8000; }
  #service .table-service {
    border: 1px solid #FFFFFF;
    border-collapse: collapse;
    margin-bottom: 15px;
    font-size: 108%;
    width: 100%;
    table-layout: fixed; }
    #service .table-service .head-item {
      background: url(../img_com/bk_back3.gif);
      border: 1px solid #FFFFFF;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
      padding: 7px 5px; }
    #service .table-service th {
      background: url(../img_com/bk_back6.gif);
      text-align: center;
      border: 1px solid #FFFFFF;
      color: #000000;
      font-weight: bold;
      padding: 7px 3px; }
    #service .table-service td {
      background: url(../img_com/bk_back1.gif);
      border: 1px solid #FFFFFF;
      padding: 7px;
      text-align: center;
      background: url(../img_com/bk_back1.gif);
      border: 1px solid #FFFFFF;
      padding: 7px;
      text-align: center; }
    #service .table-service .cell1 {
      width: 10%; }
    #service .table-service .cell2 {
      width: 20%; }
    #service .table-service .cell3 {
      width: 30%; }
    #service .table-service .cell4 {
      width: 40%; }
    #service .table-service .cellT1 {
      width: 26.2%; }
    #service .table-service .cellH1 {
      width: calc(50% - 26.2%); }
  #service .table-text-left th {
    width: 30%; }
  #service .table-text-left td {
    text-align: left; }
  #service .table-service .cell-appeal {
    background: #FFCC99;
    color: #B22D00; }
  #service .table-service td.cell-appeal {
    background: #FFECD9; }
  #service .table-service .cell-appeal-txt {
    color: #FF8000;
    font-weight: bold; }
  #service .table-th-left th {
    text-align: left;
    padding: 7px 7px 7px 10px; }
  #service td span.value1 {
    display: inline-block;
    text-align: right;
    min-width: calc(50% + 1em);
    white-space: nowrap; }
  #service td span.value2 {
    display: inline-block;
    min-width: calc(50% - 1em);
    text-align: left; }
  #service .space40b {
    margin-bottom: 40px !important;
    background: #FF8000; }
  #service .comments {
    font-weight: normal !important;
    font-size: 75%; }
  #service .list-attention {
    margin-bottom: 50px; }
  #service .font-sm {
    font-size: small; }
  #service .font-xs {
    font-size: x-small; }

@media (max-width: 801px) {
  #service .table-service {
    font-size: 90%; } }
@media (max-width: 801px) {
  #service th {
    font-size: 80%; }
  #service td {
    font-size: 90%;
    text-align: right !important;
    white-space: nowrap; }
    #service td span.value1 {
      text-align: initial !important;
      display: initial !important; }

  td span.value2 {
    text-align: initial !important;
    display: initial !important; }

  .ms-font1 {
    font-size: 75% !important;
    padding: 5px 3px;
    white-space: nowrap; }

  .ms-font2 {
    font-size: 90%; } }
@media (min-width: 1041px) {
  .ms-br {
    display: none; } }
@media (max-width: 801px) {
  #service .comments {
    font-size: 70%; } }
#service7_1_6 .table-service th {
  white-space: pre-wrap; }
#service7_1_6 .table-service td.head-item {
  color: #000;
  white-space: pre-wrap; }
#service7_1_6 .table-service th.cell-appeal.cellT1 {
  background: url("../img_com/bk_back7.gif");
  color: #FFFFFF; }
#service7_1_6 .table-service td.cell-appeal {
  color: #FF8000;
  white-space: pre-wrap; }
#service7_1_6 .list-attention li {
  padding-left: 1.5em;
  text-indent: -1.5em; }
#service7_1_6 .ms-font1 {
  white-space: pre-wrap !important; }
#service7_1_6 sup {
  font-size: 68%; }
@media (min-width: 802px) {
  #service7_1_6 table.table-service th {
    padding: 7px 10px !important; }
  #service7_1_6 table.table-service th.head-item {
    font-size: 83%; }
  #service7_1_6 table.table-service th.cell-appeal.cellT1 {
    font-size: 83%;
    color: #711F00; }
  #service7_1_6 table.table-service .cellT1 {
    width: 16%; }
  #service7_1_6 table.table-service:nth-of-type(-n+2) tr th:nth-of-type(2) {
    text-align: left !important; } }
@media (max-width: 801px) {
  #service7_1_6 .cellT1 {
    width: 30% !important; } }

#service7_1_7 .table-service td span.value1 {
  min-width: 50%; }
#service7_1_7 .table-service td span.value2 {
  min-width: 50%; }
#service7_1_7 .list-attention li {
  padding-left: 1.5em;
  text-indent: -1.5em; }
#service7_1_7 sup {
  font-size: 68%; }