﻿@charset "UTF-8";

@import '/svcsol/common/css/campaign_cv.css';
@import '/svcsol/common/css/font_fontawesome.css';
/* ****************************************************
layout.css
***************************************************** */
/* header
---------------------------------*/
#contentsContainer {
  margin-top: 0;
}

/* header
---------------------------------*/
.search .form01 {
  padding-top: 0;
  padding-bottom: 0;
}

/* section
---------------------------------*/
#contents .section {
  padding-bottom: 44px;
}

@media only screen and (max-width: 768px) {
  #contents .section {
    padding-bottom: 36px;
  }
}

/* sideContainer
---------------------------------*/
@media only screen and (max-width: 768px) {
  #aside {
    padding: 30px 18px 0;
  }
}

@media only screen and (max-width: 768px) {
  #aside .rNaviTitle {
    margin-left: -18px;
    margin-right: -18px;
  }
}

#aside h2.rttl01 {
  padding-bottom: 5px;
  margin-bottom: 4px;
  background: url(/svcsol/common/images/sr_h_bg001.gif) no-repeat center bottom;
}

#aside h2.rtt01_bg01 {
  background: url(/svcsol/common/images/sr_h_bg001_01.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg02 {
  background: url(/svcsol/common/images/sr_h_bg001_02.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg03 {
  background: url(/svcsol/common/images/sr_h_bg001_03.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg04 {
  background: url(/svcsol/common/images/sr_h_bg001_04.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg05 {
  background: url(/svcsol/common/images/sr_h_bg001_05.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg06 {
  background: url(/svcsol/common/images/sr_h_bg001_06.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg07 {
  background: url(/svcsol/common/images/sr_h_bg001_07.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg08 {
  background: url(/svcsol/common/images/sr_h_bg001_08.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg09 {
  background: url(/svcsol/common/images/sr_h_bg001_09.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg10 {
  background: url(/svcsol/common/images/sr_h_bg001_10.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg11 {
  background: url(/svcsol/common/images/sr_h_bg001_11.png) no-repeat center bottom !important;
}

#aside h2.rtt01_bg12 {
  background: url(/svcsol/common/images/sr_h_bg001_12.png) no-repeat center bottom !important;
}

/* iot 20201005 */
#aside h2.rtt01_bg13 {
  background: url(/svcsol/common/images/sr_h_bg001_13.png) no-repeat center bottom !important;
}
/* iot 20201005 end */

#aside h2.rttl01 span {
  display: block;
  padding: 9px 5px;
  border: 1px solid #d4123f;
  line-height: 1.4;
  font-weight: bold;
  color: #d4123f;
  text-align: center;
}

#aside h2.rtt01_bg01 span {
  color: #d4123f !important;
}

#aside h2.rtt01_bg02 span {
  color: #7c5b83 !important;
}

#aside h2.rtt01_bg03 span {
  color: #9f96bd !important;
}

#aside h2.rtt01_bg04 span {
  color: #a7bc5b !important;
}

#aside h2.rtt01_bg05 span {
  color: #da9a4b !important;
}

#aside h2.rtt01_bg06 span {
  color: #67a8cf !important;
}

#aside h2.rtt01_bg07 span {
  color: #006f8c !important;
}

#aside h2.rtt01_bg08 span {
  color: #4d9988 !important;
}

#aside h2.rtt01_bg09 span {
  color: #417dbe !important;
}

#aside h2.rtt01_bg10 span {
  color: #896c31 !important;
}

#aside h2.rtt01_bg11 span {
  color: #3c4e55 !important;
}

#aside h2.rtt01_bg12 span {
  color: #e1b200 !important;
}

/* iot 20201005 */
#aside h2.rtt01_bg13 span {
  color: #e98f8f !important;
}
/* iot 20201005 end */


#aside h2.rttl02,
#ppz_remind h2.rttl02 {
  margin-bottom: .875em;
  padding: .875em 0;
  border-bottom: 2px solid #cf0040;
  background-color: #666;
  color: #fff;
  font-size: 93.333333%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #aside h2.rttl02,
  #ppz_remind h2.rttl02 {
    font-size: 1.4rem;
  }
}

#aside h2.rttl03 {
  padding: 16px 0;
  margin-bottom: 10px;
  background: #818f94 url(/svcsol/common/images/com_h_bg002.gif) no-repeat left top;
  line-height: 1;
  text-align: center;
  font-size: 93.333333%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #aside h2.rttl03 {
    font-size: inherit;
  }
}

#aside h2.rttl04 {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  background: #6a6a6a;
  border-bottom: 2px solid #cf0040;
  color: #fff;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #aside h2.rttl04 {
    font-size: inherit;
  }
}

#aside h2.rttl04 span.ttl {
  display: table-cell;
  vertical-align: middle;
  padding: 12px 0;
  color: #fff;
  text-align: center;
}

#aside h2.rttl04 span.ico {
  display: table-cell;
  vertical-align: middle;
  width: 45px;
  background-color: #cf0040;
  text-align: center;
}

#aside h2.rttl05 {
  margin-bottom: 5px;
  padding: 10px 0 16px 0;
  background: #818f94 url(/svcsol/common/images/sr_h_bg003.gif) no-repeat center bottom;
  color: #fff;
  font-size: 106.666666%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #aside h2.rttl05 {
    font-size: 1.3rem;
  }
}

#aside h2.rttl06 {
  position: relative;
  margin-bottom: -5px;
  padding: 13px 0 20px 0;
  background-color: #3d4e56;
  background-image: url(/svcsol/common/images/sr_h_bg001_11.png), -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background-image: url(/svcsol/common/images/sr_h_bg001_11.png), linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat-x;
  background-position: center bottom,  center bottom;
  background-size: auto, 5px 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#aside .srbox {
  margin-bottom: 10px;
  padding: 8px 15px;
  border: 1px solid #d4d4d4;
  border-top: none;
}

#aside h2.rttl06 + .srbox {
  position: relative;
  margin-top: -5px;
}

#aside .srbox h4.ttl05 span.bg {
  padding: 5px 0 6px;
  line-height: 1.5;
}

#aside .srbox h4.ttl05 span.tgblank {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#aside .srbox h4.ttl05 img {
  vertical-align: middle;
}

#aside .srbox h4.ttl05 span.date {
  display: inline-block;
  padding-top: 5px;
  color: #555555;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

#aside .srbox h4.ttl05 span.date img {
  vertical-align: bottom;
}

#aside h3.rttl01 {
  position: relative;
  margin-bottom: 1.75em;
  padding-left: 10px;
  border-left: 2px solid #b3b3b3;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #aside h3.rttl01 {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}

#aside h3.rttl01::before {
  content: '';
  display: block;
  position: absolute;
  left: -2px;
  bottom: -13px;
  width: 100%;
  width: calc(100% + 2px);
  height: 2px;
  background-image: -webkit-linear-gradient(left, #9e9e9e 50%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(to right, #9e9e9e 50%, rgba(255, 255, 255, 0) 50%);
  background-repeat: repeat-x;
  background-size: 4px 2px;
}

@media only screen and (max-width: 768px) {
  #aside h3.rttl01::before {
    bottom: -10px;
  }
}

/* sideNav */
#aside .sideNav {
  margin-bottom: 20px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background: #f1f3f3;
}

@media only screen and (max-width: 768px) {
  #aside .sideNav {
    margin-left: -18px;
    margin-right: -18px;
  }
}

#aside .sideNav li {
  padding: 8px 4px 8px 14px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #aside .sideNav li {
    font-size: inherit;
  }
}

#aside .sideNav li.current {
  background: #fff;
}

#aside .sideNav li a {
  display: block;
  padding: 0 10px 0 0;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  text-decoration: none;
}

#aside .sideNav li a:hover {
  text-decoration: underline;
}

/* sideNav02 */
.sideNav02 {
  margin-bottom: 20px;
}

/* Start 2021.08.02 */
.sideNav02 li a {
  font-size: 15px;
  line-height: 1.34;
  transition: none
}
.sideNav02 li a:focus {
  color: #333;
  text-decoration: none;
}
.sideNav02 li li a {
  padding-right: 14px;
  background-position-y: 50%
}
.sideNav02 li li li a {
  padding-left: 58px;
  background-color: #eee;
  background-image: none
}
.sideNav02 li li li a:hover {
  background-color: #d7083b;
  background-image: none;
}
.sideNav02 li li li a:hover:before {
  background-color: #fff
}
.sideNav02 li li li a:before {
  position: absolute;
  top: 1.2em;
  left: 50px;
  width: 3px;
  height: 3px;
  background-color: #333;
  content: ""
}
/* End 2021.08.02 */

@media only screen and (max-width: 768px) {
  #aside .sideNav02 {
    margin-left: -18px;
    margin-right: -18px;
  }
}

.sideNav02 li a {
  position: relative;
}

.sideNav02 > li:first-child,
.sideNav02 > li.active + li {
  border-top: none;
}

.sideNav02 > li > a {
  display: block;
  border-top: none;
  padding: 14px 20px 14px 39px;
  border-bottom: 1px solid #dddddd;
  background: #eeeeee url(/common/images/com_icn01.png) no-repeat 20px 1.3em;
  font-weight: bold;
  text-decoration: none;
}

.sideNav02 > li > a:not(:hover) {
  color: #333;
}

@media print, screen and (min-width: 769px) {
  .sideNav02 > li > a:hover {
    background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
    color: #ffffff;
  }
}

.sideNav02 > li:first-child > a {
  border-top: 1px solid #dddddd;
}

.sideNav02 > li > a > span {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: -14px -20px -14px -39px;
  padding: 16px 20px 16px 39px;
  background: #eeeeee url(/common/images/com_icn01.png) no-repeat 20px 1.3em;
  font-weight: bold;
  color: #333333;
  line-height: 1.1;
  text-decoration: none;
}

.sideNav02 > li > a:hover > span,
.sideNav02 > li > a:active > span {
  background: #d7083b url(/common/images/com_icn40.png) no-repeat 20px 1.3em;
  color: #ffffff;
}

.sideNav02 > li.active > a,
.sideNav02 > li.active > a > span {
  background-color: #d7083b;
  background-image: url(/common/images/com_icn76.png);
  background-repeat: no-repeat;
  background-position: 20px 1.3em;
  color: #ffffff;
}

.sideNav02 > li > a.current,
.sideNav02 > li.current > a,
.sideNav02 > li.current > a > span {
  background-color: #d7083b;
  background-image: url(/common/images/com_icn40.png);
  background-repeat: no-repeat;
  background-position: 20px 1.3em;
  color: #ffffff;
}

/* 4th level */
.sideNav02 li li a {
  display: block;
  padding: 9px 20px 9px 48px;
  border-bottom: 1px solid #fff;
  background: #ddd url(/common/images/com_icn77.png) no-repeat 30px 1.5em;
  position: relative;
  font-size: 86.67%;
  color: #333333;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .sideNav02 li li a {
    font-size: inherit;
  }
}

.sideNav02 li li a:hover {
  background-color: #d7083b;
  background-image: url(/common/images/com_icn112.png);
  color: #ffffff;
}

.sideNav02 > li.blank > a > span::after,
.sideNav02 > li.blank-link > a > span::after,
.sideNav02 > li li.blank > a::after,
.sideNav02 > li li.blank-link > a::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-left: 5px;
  background-image: url(/common/images/com_icn05.png);
  background-repeat: no-repeat;
}

@media print, screen and (min-width: 769px) {
  .sideNav02 > li.blank > a > span:hover::after,
  .sideNav02 > li.blank-link > a > span:hover::after,
  .sideNav02 > li li.blank > a:hover::after,
  .sideNav02 > li li.blank-link > a:hover::after {
    background-image: url(/svcsol/common/images/com_icn05_on.png);
  }
}

/* 5th level */
.sideNav02 li li.active > a {
  background: #d7083b url(/common/images/com_icn112.png) no-repeat 30px 1.5em;
  color: #ffffff;
}

.sideNav02 li li.active ul {
  border-bottom: 1px solid #dddddd;
  background-color: #eeeeee;
  padding-left: 25px;
}

.sideNav02 li li.active li:last-child {
  border-bottom: none;
}

.sideNav02 li li.active ul a {
  display: block;
  padding: 13px 20px 12px 27px;
  background: url(/common/images/com_icn77.png) no-repeat 8px 1.6em;
  border-bottom: none;
}

.sideNav02 li li.active ul a:hover {
  background: #d7083b url(/common/images/com_icn78.png) no-repeat 8px 1.6em;
  color: #ffffff;
  font-weight: bold;
}

.sideNav02 li li.active li.active a {
  background: #d7083b url(/common/images/com_icn78.png) no-repeat 8px 1.6em;
  color: #ffffff;
  font-weight: bold;
}

.sideNav02 li.under-arrow a {
  background: #d7083b url(/common/images/com_icn76.png) no-repeat 30px 1.3em;
  color: #ffffff;
  font-weight: bold;
}

.sideNav02 li li.active li.active {
  padding: 0;
}

/* Start 2022.02.22 */
.sidebar {
  padding-bottom: 40px !important;
}

.sidebar .title {
  padding: 21px 10px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
}

.sidebar .item {
  margin-top: 23px;
}

.sidebar .sidenav li {
  margin-top: 2px;
}

.sidebar .sidenav li.current a {
  color: #d7092f;
  background-color: #e7ecef;
}

.sidebar .sidenav li.current a:before {
  width: 19px;
}

.sidebar .sidenav li.blue.current a {
  color: #003b83;
}

.sidebar .sidenav li.blue a {
  padding-top: 10px;
  padding-bottom: 9px;
  font-size: 14px;
}

.sidebar .sidenav li.blue a:hover, .sidebar .sidenav li.blue a:focus {
  color: #003b83;
}

.sidebar .sidenav li.blue a:before {
  top: 9px;
  bottom: 9px;
  background-color: #003b83;
}

.sidebar .sidenav li a {
  position: relative;
  padding: 18px 18px 18px 28px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #f3f5f6;
  border: 0;
}

.sidebar .sidenav li a:hover, .sidebar .sidenav li a:focus {
  color: #d7092f;
  background-color: #e7ecef !important;
}

.sidebar .sidenav li a:hover:before, .sidebar .sidenav li a:focus:before {
  width: 19px;
}

.sidebar .sidenav li a:before {
  position: absolute;
  top: 12px;
  right: calc(100% - 19px);
  bottom: 12px;
  width: 4px;
  background: #d7092f;
  content: "";
  transition: all .15s ease;
}

.sidebar .box-contact {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 16px;
  background-color: #e7ecef;
}

.sidebar .box-contact .icon-phone {
  margin-right: 10px;
}

.sidebar .box-contact .number {
  font-size: 32px;
  line-height: 1.5;
  color: #d7092f;
}

.sidebar .box-contact .text-sm {
  font-size: 11px;
}

.sidebar .box-contact a:hover {
  opacity: .8;
}

.sidebar .border-top {
  border-top: 4px solid #d7092f;
}

@media only screen and (max-width: 768px) {
  #aside .sidenav {
    margin-right: 0;
    margin-left: 0;
  }
}

.navfooter {
  padding-top: 30px;
  padding-bottom: 16px;
  margin-top: 83px;
  background-color: #dadfe2;
}

.navfooter ul {
  margin-bottom: 0;
}

.navfooter > ul {
  margin-right: -7px;
  margin-left: -7px;
}

.navfooter > ul li {
  width: 50%;
  min-height: 60px !important;
  padding-right: 7px;
  padding-left: 7px;
  margin-bottom: 15px;
}

.navfooter > ul li, .navfooter > ul li:hover {
  border: 0;
}

.navfooter > ul li.blue {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.navfooter > ul li.blue ul {
  width: 100%;
}

.navfooter > ul li.blue ul li {
  min-height: 50px !important;
}

.navfooter > ul li.blue ul li a {
  font-size: 16px;
  border-left-color: #003b83;
}

.navfooter > ul li.blue ul li a.current, .navfooter > ul li.blue ul li a:hover, .navfooter > ul li.blue ul li a:focus {
  background-color: #003B83;
  border-left-color: #3683ff;
}

.navfooter > ul li.blue ul li a.current:after, .navfooter > ul li.blue ul li a:hover:after, .navfooter > ul li.blue ul li a:focus:after {
  border-right-color: #3683ff;
}

.navfooter > ul li.blue ul li a:after {
  border-right-color: #003b83;
}

.navfooter > ul li.li-lg {
  width: 100%;
}

.navfooter > ul li a {
  position: relative;
  padding-left: 13px;
  font-size: 20px;
  font-weight: bold;
  border-left: 6px solid #d7092f;
  transition: .15s;
}

.navfooter > ul li a.current, .navfooter > ul li a:hover, .navfooter > ul li a:focus {
  padding-left: 13px;
  color: #fff;
  background-color: #d70a3b;
  border-left-color: #ff912e;
}

.navfooter > ul li a.current:after, .navfooter > ul li a:hover:after, .navfooter > ul li a:focus:after {
  border-right-color: #ff912e;
}

.navfooter > ul li a:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent #d7092f transparent transparent;
  content: "";
  transition: all .15s ease;
}

.navfooter > ul li a, .navfooter > ul li a.current, .navfooter > ul li a:hover, .navfooter > ul li a:focus {
  background-image: none !important;
}

.serviceBox02.navfooter > ul li {
  margin-left: 0;
}

.link-arrow {
  display: block;
  padding: 2px 0;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.3;
  color: #fff !important;
}

@media (max-width: 767px) {
  .link-arrow {
    font-size: 12px;
  }
}

.link-arrow:hover, .link-arrow:focus {
  text-decoration: underline;
}

.link-arrow .arrow {
  margin-left: 3px;
}

.row-13 {
  margin-right: -13px;
  margin-left: -13px;
}

.row-13 > [class*=col-],
.row-13 > div {
  padding-right: 13px;
  padding-left: 13px;
}

/* End 2022.02.22 */

/*--#aside .sideNav02 li toplist(no-link)--*/
#aside .sideNav02 li span.listtop {
  display: block;
  border-top: none;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  background: #d7083b;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

/* sideListStyle01 */
#aside .sideListStyle01 {
  margin-bottom: 20px;
}

#aside .sideListStyle01 li {
  padding: 8px 4px 8px 4px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle01 li {
    font-size: inherit;
  }
}

#aside .sideListStyle01 li a {
  display: block;
  padding: 0 10px 0 0;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  text-decoration: none;
}

#aside .sideListStyle01 li a:hover {
  text-decoration: underline;
}

/* sideListStyle02 */
#aside .sideListStyle02,
#ppz_remind .sideListStyle02 {
  margin-bottom: 20px;
}

#aside .sideListStyle02 li,
#ppz_remind .sideListStyle02 li {
  padding-bottom: 8px;
}

#aside .sideListStyle02 li a,
#ppz_remind .sideListStyle02 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/svcsol/common/images/com_ic002.png) no-repeat 2px center;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle02 li a,
  #ppz_remind .sideListStyle02 li a {
    font-size: inherit;
  }
}

#aside .sideListStyle02 li a:hover,
#ppz_remind .sideListStyle02 li a:hover {
  text-decoration: underline;
}

/* sideListStyle03 */
#aside .sideListStyle03 {
  margin-bottom: 20px;
}

#aside .sideListStyle03 li {
  padding-bottom: 8px;
}

#aside .sideListStyle03 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.3em;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle03 li a {
    font-size: inherit;
  }
}

#aside .sideListStyle03 li a:hover {
  text-decoration: underline;
}

#aside .sideListStyle03 li a span,
.tabBoxT .tabBox li a span {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#aside .sideListStyle03 li a span.dwpdf {
  padding-right: 17px;
  background: url(/svcsol/common/images/com_icn06.png) no-repeat right center;
}

/* sideListStyle04 */
#aside .sideListStyle04 {
  margin-bottom: 10px;
}

#aside .sideListStyle04 li {
  padding: 8px 0;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
}

#aside .sideListStyle04 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.8;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle04 li a {
    font-size: inherit;
  }
}

#aside .sideListStyle04 li a span {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#aside .sideListStyle04 li a:hover {
  text-decoration: underline;
}

/* sideListStyle05 */
#aside .sideListStyle05 {
  padding-top: 9px;
  margin-bottom: 20px;
}

#aside .sideListStyle05 li:not(:first-child) {
  margin-top: 11px;
}

#aside .sideListStyle05 li a {
  display: flex;
  text-decoration: none;
}

#aside .sideListStyle05 li a[target="_blank"] .txt::after {
  content: url(/common/images/com_icn05.png);
  margin-left: 5px;
}

#aside .sideListStyle05 li a:hover {
  text-decoration: underline;
}

#aside .sideListStyle05 li .img {
  margin-right: 11px;
  font-size: 0;
}

#aside .sideListStyle05 li .txt {
  flex: 1;
  display: block;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle05 li .txt {
    font-size: inherit;
  }
}

#aside .sideListStyle05 li .txt:not(:hover) {
  color: #333;
}

/* sideListStyle06 */
#aside .sideListStyle06 {
  margin-bottom: 10px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle06 {
    font-size: inherit;
  }
}

#aside .sideListStyle06 li:not(:first-child) {
  margin-top: 5px;
}

#aside .sideListStyle06 li a {
  display: block;
  text-decoration: none;
}

#aside .sideListStyle06 li a:hover {
  text-decoration: underline;
}

#aside .sideListStyle06 li a:not(:hover) {
  color: #333;
}

#aside .sideListStyle06 span.company {
  width: 220px;
}

@media only screen and (max-width: 768px) {
  #aside .sideListStyle06 span.company {
    width: 100%;
  }
}

#aside .sideListStyle06 span.img {
  display: table-cell;
  width: 112px;
  font-size: 0;
}

#aside .sideListStyle06 span.img img {
  border: 1px solid #dddddd;
}

#aside .sideListStyle06 span.ttl {
  display: table-cell;
  vertical-align: middle;
}

#aside .sideListStyle06 span.company {
  display: table;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
}

#aside .sideListStyle06 span.txt {
  display: block;
  padding: 6px 0;
  line-height: 1.8;
}

/* box01 */
#aside .box01 {
  padding: 13px 0 4px;
  margin-bottom: 20px;
  background: #f1f3f3;
  text-align: center;
}

#aside .box01 .btn {
  padding-bottom: 9px;
}

/* box02 */
#aside .box02 {
  margin-bottom: 20px;
  background: #f1f3f3;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #aside .box02 {
    display: none;
  }
}

#aside .box02 .ttl {
  margin-bottom: .9375em;
  padding: .75em;
  border-top: 2px solid #cf0040;
  border-bottom: 2px solid #cf0040;
  background-color: #fff;
  color: #cf0040;
  font-size: 93.333333%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #aside .box02 .ttl {
    font-size: inherit;
  }
}

#aside .box02 .btn {
  padding-bottom: 12px;
}

#aside .box02 .txt {
  padding-bottom: 17px;
}

/* twitterBox */
#aside .twitterBox .link {
  padding: 0 0 13px 53px;
  font-weight: bold;
}

#aside .twitterBox .link a {
  text-decoration: none;
  margin-right: 10px;
  display: block;
  background: url(/svcsol/common/images/com_ico_blankon.png) no-repeat right center;
}

#aside .twitterBox .link a:hover {
  text-decoration: none;
}

#aside .twitterBox .link .ico {
  margin-left: -53px;
  float: left;
}

#aside .twitterBox .link .txt01 {
  color: #00b0ed;
}

#aside .twitterBox .link .txt03 {
  color: #3a5898;
}

#aside .twitterBox .link .txt02 {
  font-family: Arial, Helvetica, sans-serif;
}

#aside .twitterBox .link a:hover .txt01,
#aside .twitterBox .link a:hover .txt02,
#aside .twitterBox .link a:hover .txt03 {
  text-decoration: underline;
}

/* top
=================================*/
#mainArea {
  margin-bottom: 26px;
}

#mainArea .colL {
  width: 700px;
}

#mainArea .colR {
  width: 220px;
}

#mainArea .colR h2 {
  padding: 10px 5px 15px 5px;
  margin-bottom: 7px;
  background: #f9327b url(/svcsol/images/index_h_bg001.gif) no-repeat center bottom;
  line-height: 1.8;
  font-size: 106.666666%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #mainArea .colR h2 {
    font-size: 1.4rem;
  }
}

#mainArea .colR .box {
  padding: 12px 0;
  background: #f1f3f3;
  text-align: center;
}

#mainArea .colL .mainImg {
  padding-bottom: 22px;
}

/* tabs */
#tabs {
  position: relative;
}

#tabs .link {
  position: absolute;
  top: -29px;
  right: 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #tabs .link {
    font-size: inherit;
  }
}

#tabs .link a {
  display: inline-block;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.2em;
}

#tabNav {
  position: absolute;
  left: 0;
  top: -29px;
  z-index: 10;
}

#tabNav li a {
  display: block;
  height: 30px;
  width: 153px;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}

#tabNav li.tab1,
#tabNav li.tab2,
#tabNav li.tab3 {
  float: left;
  height: 30px;
  width: 153px;
  padding-right: 3px;
}

#tabNav li.tab1 a {
  background: url(/svcsol/images/index_tab001.gif) no-repeat;
}

#tabNav li.tab1 a:hover {
  background: url(/svcsol/images/index_tab001on.gif) no-repeat;
}

#tabNav li.tab1 a.on {
  background: url(/svcsol/images/index_tab001on.gif) no-repeat;
}

#tabNav li.tab2 a {
  background: url(/svcsol/images/index_tab002.gif) no-repeat;
}

#tabNav li.tab2 a:hover {
  background: url(/svcsol/images/index_tab002on.gif) no-repeat;
}

#tabNav li.tab2 a.on {
  background: url(/svcsol/images/index_tab002on.gif) no-repeat;
}

#tabNav li.tab3 a {
  background: url(/svcsol/images/index_tab003.gif) no-repeat;
}

#tabNav li.tab3 a:hover {
  background: url(/svcsol/images/index_tab003on.gif) no-repeat;
}

#tabNav li.tab3 a.on {
  background: url(/svcsol/images/index_tab003on.gif) no-repeat;
}

#tabs .tabBoxT {
  margin-top: 29px;
}

#tabs .tabBox {
  display: none;
  width: 698px;
  min-height: 70px;
  border: 1px solid #dddddd;
}

#tabs #tabA {
  display: block;
}

#tabs .tabBox ul {
  padding: 12px 25px 0;
}

#tabs .tabBox ul li {
  padding-bottom: 9px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #tabs .tabBox ul li {
    font-size: inherit;
  }
}

#tabs .tabBox ul li a {
  display: inline-block;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.2em;
}

#tabs .tabBox ul li.nolink {
  font-size: 93.333333%;
  display: block;
  padding: 0 0 9px 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.2em;
}

@media only screen and (max-width: 768px) {
  #tabs .tabBox ul li.nolink {
    font-size: inherit;
  }
}

#tabs .tabBox ul li.nolink a {
  font-size: 100%;
  display: inline;
  padding: 0;
  background: none;
}

/* tabs02 */
#tabs02 {
  margin-bottom: 20px;
}

#tabs02 #tabNav02 {
  overflow: hidden;
}

#tabs02 #tabNav02 li {
  float: left;
  margin-right: 3px;
}

#tabs02 #tabNav02 li a {
  float: left;
  width: 152px;
  height: 30px;
  border-bottom: 1px solid #dddddd;
  background: #f1f3f3;
  color: #3d4e56;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}

#tabs02 #tabNav02 li a.on,
#tabs02 #tabNav02 li a:hover {
  width: 150px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #dddddd;
  border-bottom: none;
  background: #ffffff;
  color: #d7103c;
}

#tabs02 .tabBox {
  display: none;
  width: 698px;
  border: 1px solid #dddddd;
  min-height: 70px;
}

#tabs02 #tabA {
  display: block;
}

#tabs02 .tabBoxT {
  margin-top: -1px;
}

#tabs02 .tabBox ul {
  overflow: hidden;
  padding: 0 20px 15px;
}

#tabs02 .tabBox ul li {
  float: left;
  width: 206px;
  /*padding:12px 7px 8px 66px;*/
  padding: 12px 0 0 0;
  margin-right: 20px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
  cursor: pointer;
}

#tabs02 .tabBox ul li a {
  display: table;
  padding: 8px 5px;
  text-decoration: none;
}

#tabs02 .tabBox ul li a:hover {
  background: #d1d1d1;
}

#tabs02 .tabBox ul li.last {
  margin-right: 0;
}

#tabs02 .tabBox ul li .img {
  /*float:left;
    margin-left:-55px;*/
  display: table-cell;
  width: 44px;
  text-align: center;
  vertical-align: middle;
}

#tabs02 .tabBox ul li .ttl {
  display: table-cell;
  padding-left: 10px;
  width: 140px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  font-size: 106.666666%;
  line-height: 1.3;
  font-weight: bold;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  #tabs02 .tabBox ul li .ttl {
    font-size: 1.4rem;
  }
}

#tabs02 .list {
  background: #f1f3f3 url(/svcsol/common/images/com_bg005.png) no-repeat center top;
  padding: 20px;
}

#tabs02 .list ul {
  overflow: hidden;
}

#tabs02 .list ul li {
  float: left;
  width: 200px;
  padding: 0 0 20px 110px;
  margin-right: 20px;
}

#tabs02 .list ul li a {
  display: block;
  text-decoration: none;
}

#tabs02 .list ul li a:hover {
  text-decoration: underline;
}

#tabs02 .list ul li .img {
  float: left;
  margin-left: -110px;
}

#tabs02 .list ul li .ttl {
  display: block;
  padding-bottom: 10px;
  font-size: 106.666666%;
  line-height: 1.3;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #tabs02 .list ul li .ttl {
    font-size: 1.4rem;
  }
}

#tabs02 .list ul li .txt {
  display: block;
  line-height: 1.5;
}

#tabs02 .list ul li.last {
  margin-right: 0;
}

/* topTwoCol */
.topTwoCol {
  margin-bottom: 38px;
}

.topTwoCol .colL {
  width: 700px;
}

.topTwoCol .colR {
  width: 220px;
}

.topTwoCol .colL h3.ttl01 {
  padding: 0 12px;
  margin-bottom: 9px;
  border-left: 6px solid #818f94;
  font-size: 126.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL h3.ttl01 {
    font-size: 1.5rem;
  }
}

.topTwoCol .colL .recommend {
  padding: 22px 110px 22px 86px;
  border-top: 3px solid #d4123f;
}

.topTwoCol .colL .recommend a {
  text-decoration: none;
}

.topTwoCol .colL .recommend a:hover {
  text-decoration: underline;
}

.topTwoCol .colL .recommend p.img {
  float: left;
  margin-left: -86px;
}

.topTwoCol .colL .recommend p.ttl {
  padding-bottom: 10px;
  line-height: 1;
  font-size: 140%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .recommend p.ttl {
    font-size: 1.6rem;
  }
}

.topTwoCol .colL .recommend p.txt {
  padding-bottom: 10px;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .recommend p.txt {
    font-size: inherit;
  }
}

.topTwoCol .colL .recommend .icoR {
  float: right;
  margin-right: -110px;
}

.topTwoCol .colL .recommend ul li {
  float: left;
  margin-right: 7px;
}

.topTwoCol .colL .recommend ul li.last {
  margin-right: 0;
}

/* listStyle01 */
.topTwoCol .colL .listStyle01 li {
  float: left;
  width: 150px;
  padding: 13px 10px 20px 60px;
  margin-right: 20px;
  cursor: pointer;
}

.topTwoCol .colL .listStyle01 li a {
  text-decoration: none;
}

.topTwoCol .colL .listStyle01 li a:hover {
  background: #f2f4f4;
}

.topTwoCol .colL .listStyle01 li .img {
  float: left;
  margin-left: -55px;
}

.topTwoCol .colL .listStyle01 li .ttl {
  display: block;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 126.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listStyle01 li .ttl {
    font-size: 1.5rem;
  }
}

.topTwoCol .colL .listStyle01 li .txt {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listStyle01 li .txt {
    font-size: inherit;
  }
}

.topTwoCol .colL .listStyle01 li.item01 {
  border-top: 1px solid #7c5b83;
}

.topTwoCol .colL .listStyle01 li.item02 {
  border-top: 1px solid #9f96bd;
}

.topTwoCol .colL .listStyle01 li.item03 {
  margin-right: 0;
  border-top: 1px solid #a7bc5b;
}

.topTwoCol .colL .listStyle01 li.item04 {
  border-top: 1px solid #da9a4b;
}

.topTwoCol .colL .listStyle01 li.item05 {
  border-top: 1px solid #67a8cf;
}

.topTwoCol .colL .listStyle01 li.item06 {
  margin-right: 0;
  border-top: 1px solid #006f8c;
}

.topTwoCol .colL .listStyle01 li.item07 {
  border-top: 1px solid #4d9988;
}

.topTwoCol .colL .listStyle01 li.item08 {
  border-top: 1px solid #6778cf;
}

.topTwoCol .colL .listStyle01 li.item09 {
  margin-right: 0;
  border-top: 1px solid #83615b;
}

/* listStyle02 */
.topTwoCol .colL .listStyle02 {
  border-top: 1px solid #d4d4d4;
}

.topTwoCol .colL .listStyle02 li {
  float: left;
  width: 220px;
  margin-right: 20px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
  cursor: pointer;
}

.topTwoCol .colL .listStyle02 li a {
  display: table;
  width: 220px;
  padding: 12px 0 8px 0;
  text-decoration: none;
  background: url(/common/images/com_icn01.png) no-repeat 210px center;
}

.topTwoCol .colL .listStyle02 li a:hover {
  background: #d1d1d1 url(/common/images/com_icn01.png) no-repeat 210px center;
}

.topTwoCol .colL .listStyle02 li.last {
  margin-right: 0;
}

.topTwoCol .colL .listStyle02 li a .img {
  display: table-cell;
  width: 64px;
  text-align: center;
  vertical-align: middle;
}

.topTwoCol .colL .listStyle02 li a .ttl {
  display: table-cell;
  width: 140px;
  font-size: 106.666666%;
  line-height: 1.3;
  font-weight: bold;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listStyle02 li a .ttl {
    font-size: 1.3rem;
  }
}

/* listStyle03 */
.topTwoCol .colL .listStyle03 li {
  float: left;
  width: 230px;
  padding: 0 0 20px 110px;
  margin-right: 20px;
}

.topTwoCol .colL .listStyle03 li a {
  display: block;
  text-decoration: none;
}

.topTwoCol .colL .listStyle03 li a:hover {
  text-decoration: underline;
}

.topTwoCol .colL .listStyle03 li .img {
  float: left;
  margin-left: -110px;
  border: 1px solid #ddd;
}

.topTwoCol .colL .listStyle03 li .ttl {
  display: block;
  padding-bottom: 10px;
  line-height: 1.3;
  font-size: 106.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listStyle03 li .ttl {
    font-size: 1.3rem;
  }
}

.topTwoCol .colL .listStyle03 li .txt {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listStyle03 li .txt {
    font-size: inherit;
  }
}

.topTwoCol .colL .listStyle03 li.last {
  margin-right: 0;
}

/* listLink */
.topTwoCol .colL .listLink {
  padding: 16px 13px;
  margin-bottom: 35px;
  background: #f1f3f3;
  line-height: 1;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .listLink {
    font-size: inherit;
  }
}

.topTwoCol .colL .listLink a {
  display: inline-block;
  padding: 0 0 0 12px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
}

/* search */
.topTwoCol .colL .search {
  padding: 5px 11px;
  margin-bottom: 35px;
  background: #f1f3f3;
  line-height: 1;
}

.topTwoCol .colL .search input.txt {
  height: 33px;
  width: 557px;
  padding: 0 7px;
  margin-right: 4px;
  border: 1px solid #cccbc9;
  line-height: 2.8;
  vertical-align: bottom;
  font-size: 93.333333%;
  color: #999;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colL .search input.txt {
    font-size: inherit;
  }
}

/* search（カテゴリ用） */
.searchCategory {
  padding: 5px 5px 5px 15px;
  margin: 22px 0;
  background: #f1f3f3;
  line-height: 1;
}

.searchCategory .colL {
  float: left;
}

.searchCategory .colR {
  float: right;
}

.searchCategory p {
  font-size: 126.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .searchCategory p {
    font-size: 1.5rem;
  }
}

.searchCategory input.txt {
  height: 33px;
  width: 180px;
  padding: 0 7px;
  margin-right: 4px;
  border: 1px solid #cccbc9;
  line-height: 2.8;
  vertical-align: bottom;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .searchCategory input.txt {
    font-size: inherit;
  }
}

/* h2 */
/*.topTwoCol .colR h2.topttl01{
    padding: 0 12px;
    margin-bottom: 9px;
    border-left: 6px solid #818f94;
    font-size: 126.666666%;
    font-weight: bold;
}*/
.topTwoCol .colR h2.topttl02 {
  padding: 10px 0;
  margin-bottom: 10px;
  background: #818f94 url(/svcsol/common/images/com_h_bg002.gif) no-repeat left top;
  line-height: 1;
  text-align: center;
  font-size: 106.666666%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR h2.topttl02 {
    font-size: 1.3rem;
  }
}

/* listStyle04 */
.topTwoCol .colR .listStyle04 li {
  float: left;
  width: 145px;
  padding: 0 0 11px 75px;
}

.topTwoCol .colR .listStyle04 li a {
  text-decoration: none;
}

.topTwoCol .colR .listStyle04 li a:hover {
  text-decoration: underline;
}

.topTwoCol .colR .listStyle04 li .img {
  float: left;
  margin-left: -75px;
}

.topTwoCol .colR .listStyle04 li .ttl {
  display: block;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 93.333333%;
  font-weight: bold;
}

.topTwoCol .colR .listStyle04 li .txt {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR .listStyle04 li .txt {
    font-size: inherit;
  }
}

/* listStyle05 */
.topTwoCol .colR .listStyle05 {
  margin-bottom: 30px;
}

.topTwoCol .colR .listStyle05 li {
  padding-bottom: 8px;
}

.topTwoCol .colR .listStyle05 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/svcsol/common/images/com_ic002.png) no-repeat 2px center;
  font-size: 93.333333%;
  color: #000;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR .listStyle05 li a {
    font-size: inherit;
  }
}

.topTwoCol .colR .listStyle05 li a:hover {
  text-decoration: underline;
}

/* box01 */
.topTwoCol .colR .box01 {
  padding: 13px 0 20px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left top;
}

.topTwoCol .colR .box01 .ttl {
  display: block;
  padding-bottom: 10px;
  line-height: 1;
  font-size: 106.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR .box01 .ttl {
    font-size: 1.3rem;
  }
}

.topTwoCol .colR .box01 .txt {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR .box01 .txt {
    font-size: inherit;
  }
}

/* box02 */
.topTwoCol .colR .box02 {
  background: #f1f3f3;
  text-align: center;
}

.topTwoCol .colR .box02 .ttl {
  padding: 13px 5px 18px 5px;
  margin-bottom: 7px;
  background: #3d4e56 url(/svcsol/images/index_h_bg002.gif) no-repeat center bottom;
  text-align: center;
  line-height: 1.5;
  font-size: 93.333333%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .topTwoCol .colR .box02 .ttl {
    font-size: inherit;
  }
}

.topTwoCol .colR .box02 .btn {
  padding-bottom: 12px;
}

.topTwoCol .colR .box02 .txt {
  padding-bottom: 17px;
}

/* btnList */
.topTwoCol .colR .btnList li {
  padding-bottom: 13px;
}

/* footer
=================================*/
/* ftContact */
#footer-container #ftContact {
  width: 916px;
  padding: 20px 12px 20px 20px;
  margin: 0 auto 1px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftContact {
    width: auto;
  }
}

#footer-container #ftContact .colL {
  width: 648px;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftContact .colL {
    float: none;
    width: auto;
  }
}

#footer-container #ftContact .colR {
  width: 237px;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftContact .colR {
    float: none;
    width: auto;
  }
}

#footer-container #ftContact .colL p.ttl {
  padding-bottom: 12px;
}

#footer-container #ftContact .colL p.txt01 {
  padding-bottom: 11px;
}

#footer-container #ftContact .colL p.btn {
  padding-bottom: 23px;
}

#footer-container #ftContact .colL p.txt02 {
  float: right;
  margin-top: -90px;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftContact .colL p.txt02 {
    float: none;
    margin-top: 0;
  }
}

#footer-container #ftContact .colL p.txt03 {
  padding: 16px 0;
  background: #f1f3f3;
  text-align: center;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftContact .colL p.txt03 {
    font-size: inherit;
  }
}

#footer-container #ftContact .colL p.txt03 a {
  font-weight: bold;
  color: #d40c31;
}

#footer-container #ftContact .colR li {
  padding: 0 0 15px;
}

#footer-container #ftContact .colR li.last {
  padding-bottom: 0;
}

/* 20221129 Del ftSitemap START */

/* ftSitemap */
/*
#footer-container #ftSitemap {
  position: relative;
  width: 880px;
  padding: 25px 35px 25px;
  margin: 0 auto;
  background: #f1f3f3;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap {
    width: auto;
  }
}

#footer-container #ftSitemap p.ttl01 {
  padding: 0 0 25px;
  font-size: 126.666666%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap p.ttl01 {
    font-size: 1.5rem;
  }
}

#footer-container #ftSitemap p.ttl01 a {
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat 0 center;
  text-decoration: none;
}

#footer-container #ftSitemap p.ttl01 a:hover {
  text-decoration: underline;
}

#footer-container #ftSitemap p.ttl02 {
  clear: both;
  padding: 0 0 15px;
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap p.ttl02 {
    font-size: 1.3rem;
  }
}

#footer-container #ftSitemap p.ttl03 a {
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat 0 center;
  text-decoration: none;
}

#footer-container #ftSitemap p.ttl03 a:hover {
  text-decoration: underline;
}

#footer-container #ftSitemap .colL {
  width: 630px;
  padding: 0 0 20px 12px;
  background: url(/svcsol/common/images/ft_hr001.gif) repeat-y right top;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colL {
    float: none;
    width: auto;
  }
}

#footer-container #ftSitemap .colR {
  width: 215px;
  margin-top: -0.5em;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colR {
    float: none;
    width: auto;
  }
}

#footer-container #ftSitemap .colL .left {
  float: left;
  width: 350px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colL .left {
    float: none;
    width: auto;
    font-size: inherit;
  }
}

#footer-container #ftSitemap .colL .right {
  float: left;
  width: 250px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colL .right {
    font-size: inherit;
  }
}

#footer-container #ftSitemap .colL .left li {
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat 0 0.6em;
  line-height: 2;
}

#footer-container #ftSitemap .colL .left li ul {
  padding-bottom: 20px;
}

#footer-container #ftSitemap .colL .right li {
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat 0 0.6em;
  line-height: 2;
}

#footer-container #ftSitemap .colL .right li.ttl03 {
  margin-top: 48px;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colL .right li.ttl03 {
    font-size: 1.4rem;
  }
}

#footer-container #ftSitemap .colL .left li ul li,
#footer-container #ftSitemap .colL .right li ul li {
  padding: 0 0 0 12px;
  font-weight: normal;
}

#footer-container #ftSitemap .colL .left li ul li {
  float: left;
  width: 144px;
}

#footer-container #ftSitemap a {
  text-decoration: none;
}

#footer-container #ftSitemap a:hover {
  text-decoration: underline;
}

#footer-container #ftSitemap .colR ul {
  padding: 0 0 25px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer-container #ftSitemap .colR ul {
    font-size: inherit;
  }
}

#footer-container #ftSitemap .colR ul li {
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat 0 0.6em;
  line-height: 2;
}

.ftSitemap {
  position: relative;
  background: #f1f3f3;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .ftSitemap {
    width: auto;
    display: none;
  }
}

.ftSitemap .fgSitemap-inner {
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0px 40px;
  overflow: hidden;
}

.ftSitemap .fgSitemap-inner .outerWrap-col ul li a[target="_blank"]:after {
    display: inline-block;
    margin-left: 8px;
    content: url(/common/images/com_icn05.png);
}

@media only screen and (max-width: 768px) {
  .ftSitemap .fgSitemap-inner {
    width: auto;
    padding: 18px;
  }
}

.ftSitemap .ttl01 {
  margin-bottom: 20px;
  font-size: 120%;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .ttl01 {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
}

.ftSitemap .outerWrap {
  display: flex;
  justify-content: space-between;
  padding-left: 17px;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .outerWrap {
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .ftSitemap .outerWrap-col {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .ftSitemap .outerWrap-col:nth-child(odd) {
    padding-right: 1.5em;
  }
}

.ftSitemap .outerWrap-col:nth-child(even) {
  width: 240px;
  padding-left: 48px;
  background-image: url(/svcsol/common/images/ft_hr001.gif);
  background-repeat: repeat-y;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .outerWrap-col:nth-child(even) {
    width: auto;
    padding-left: 0;
    background-image: none;
  }
}

.ftSitemap .outerWrap-col:nth-child(even) ul:not(:last-child) {
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .outerWrap-col:nth-child(even) ul:not(:last-child) {
    margin-bottom: 0;
  }
}

.ftSitemap .innerWrap {
  display: flex;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .innerWrap {
    display: block;
    margin-bottom: 0px;
  }
}

.ftSitemap .innerWrap ul {
  margin-right: 50px;
}

@media only screen and (max-width: 768px) {
  .ftSitemap .innerWrap ul {
    margin-right: 0;
  }
}

.ftSitemap a {
  display: inline-block;
  padding-left: 17px;
  background: url(/common/images/com_icn01.png) no-repeat 0 0.5em;
}

@media only screen and (max-width: 768px) {
  .ftSitemap a {
    display: block;
  }
}

.ftSitemap li a {
  padding: .2em 0 .2em 17px;
}
*/
/* 20221129 Del ftSitemap END */

#footer {
  width: 910px;
  min-height: 67px;
  padding: 0 20px;
  margin: 0 auto;
  background: url(/svcsol/common/images/ft_bg01.gif) no-repeat 0 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer {
    font-size: inherit;
  }
}

#footer #footer-utility {
  float: left;
  width: 570px;
  padding: 20px 0 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #footer #footer-utility {
    font-size: inherit;
  }
}

#footer #footer-utility li {
  float: left;
  padding: 0 15px 5px 0;
}

#footer #footer-utility a:before {
  padding: 0 5px 0 0;
  content: url(/svcsol/common/images/com_icn01.png);
}

#footer #footer-utility li:first-child {
  padding-left: 0;
  border-left: none;
}

#footer #footer-utility a {
  display: block;
  padding-bottom: 1px;
  text-decoration: underline;
  color: #d8d8d8;
}

#footer #footer-utility a:hover {
  text-decoration: none;
}

/* -- utility -- */
#footer #utility {
  float: right;
  width: 309px;
  margin-top: 18px;
}

#footer #utility ul li {
  float: left;
  margin-right: 15px;
}

#footer #utility ul li.last {
  margin-right: 0;
}

#footer #footer-up {
  position: fixed;
  right: 0;
  bottom: 34px;
}

/* clearFix
=================================*/
#header:after,
#header #header-utility:after,
#contentsContainer:after,
#mainArea:after,
#tabNav:after,
.topTwoCol:after,
.topTwoCol .colL .recommend ul:after,
.topTwoCol .colL .listStyle01:after,
.topTwoCol .colL .listStyle02:after,
.topTwoCol .colL .listStyle03:after,
.topTwoCol .colR .listStyle04:after,
.sideListStyle05:after,
#aside .twitterBox .link:after,
#footer:after,
#footer-container #ftContact:after,
#footer-container #ftSitemap:after,
#footer-container #ftSitemap .colL .left li ul:after,
#footer #footer-utility:after,
.searchCategory:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

#header,
#header #header-utility,
#contentsContainer,
#mainArea,
#tabNav,
.topTwoCol,
.topTwoCol .colL .recommend ul,
.topTwoCol .colL .listStyle01,
.topTwoCol .colL .listStyle02,
.topTwoCol .colL .listStyle03,
.topTwoCol .colR .listStyle04,
.sideListStyle05,
#aside .twitterBox .link,
#footer,
#footer-container #ftContact,
#footer-container #ftSitemap,
#footer-container #ftSitemap .colL .left li ul,
#footer #footer-utility,
.searchCategory {
  zoom: 1;
}

/* ****************************************************
new_base.css
***************************************************** */
@media only screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

a.linkred:hover {
  text-decoration: underline;
  color: #c90e32;
}

a:hover img.ov {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

a.linkPdf:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 16px;
  margin-left: 5px;
  background-image: url(/common/images/com_icn06.png);
}

.aL {
  text-align: left !important;
}

.aC {
  text-align: center !important;
}

.aC02 {
  margin: 0 auto !important;
}

.aR {
  text-align: right !important;
}

.colL,
.colC,
.colL_inbox {
  float: left;
}

.colR,
.colR_inbox {
  float: right;
}

.clr {
  clear: both;
}

strong {
  font-weight: bold;
}

.nobg {
  background: none !important;
}

.nobb {
  border-bottom: none !important;
}

.nobd {
  border: none !important;
}

.bb {
  border: 0;
  border-bottom: 1px solid #dddddd;
}

.font01 {
  color: #3d4e56;
}

.fnt12 {
  font-size: 12px !important;
}

.fwb {
  font-weight: bold !important;
}

.f_normaltext {
  font-weight: normal !important;
}

.txt-size-large01 {
  font-size: 200% !important;
  line-height: 1 !important;
}

.txt-size-large02 {
  font-size: 180% !important;
  line-height: 1 !important;
}

.txt-size-large03 {
  font-size: 150% !important;
  line-height: 1 !important;
}

.txt-size-large04 {
  font-size: 120% !important;
  line-height: 1 !important;
}

.hr01 {
  height: 1px;
  margin-bottom: 20px;
  background: #b2b2b2;
  font-size: 0;
}

.bgBC {
  background-position: center bottom !important;
}

.picL {
  float: left;
}

.picR {
  float: right;
}

.picL p {
  float: left;
  margin-right: 20px;
}

.picR p {
  float: left;
  margin-left: 20px;
}

.picL img,
.picR img {
  padding-bottom: 5px;
}

.picL,
.picR {
  text-align: center;
}

/*  heading
=========================================*/
#contents .heading01 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  #contents .heading01 {
    padding: 10px;
    display: block;
    height: auto;
  }
}

#contents .heading01 .title-text {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #contents .heading01 .title-text br {
    display: none;
  }
}

#contents .heading01 .title-text::after {
  display: none;
}

#contents .heading01 .title-text .title-text02 {
  font-size: 200%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #contents .heading01 .title-text .title-text02 {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 768px) {
  #contents .heading01 .heading-ic01 {
    display: block;
    margin-top: 5px;
    text-align-last: auto;
  }
}

/*  border
=========================================*/
/* クラウド */
.bd_red01 {
  border-top: 6px solid #d4123f !important;
}

.bd_cloud {
  border-color: #d4123f !important;
}

/* インターネット接続 */
.bd_purple01 {
  border-top: 6px solid #7c5b83 !important;
}

.bd_internet {
  border-color: #7c5b83 !important;
}

/* モバイル */
.bd_purple02 {
  border-top: 6px solid #9f96bd !important;
}

.bd_mobile {
  border-color: #9f96bd !important;
}

/* IoT -20201005 */
.bd_pink01 {
  border-top: 6px solid #e98f8f !important;
}

.bd_iot {
  border-color: #e98f8f !important;
}

/* セキュリティ */
.bd_green02 {
  border-top: 6px solid #a7bc5b !important;
}

.bd_security {
  border-color: #a7bc5b !important;
}

/* メール・web */
.bd_brown02 {
  border-top: 6px solid #da9a4b !important;
}

.bd_mailweb {
  border-color: #da9a4b !important;
}

/* データセンター */
.bd_blue03 {
  border-top: 6px solid #67a8cf !important;
}

.bd_datacenter {
  border-color: #67a8cf !important;
}

/* WAN・ネットワーク */
.bd_blue01 {
  border-top: 6px solid #006f8c !important;
}

.bd_network {
  border-color: #006f8c !important;
}

/* グローバル */
.bd_green01 {
  border-top: 6px solid #4d9988 !important;
}

.bd_global {
  border-color: #4d9988 !important;
}

/* SI/ソリューション */
.bd_blue02 {
  border-top: 6px solid #417dbe !important;
}

.bd_si {
  border-color: #417dbe !important;
}

/* 特定業種向け */
.bd_brown01 {
  border-top: 6px solid #896c31 !important;
}

.bd_industry {
  border-color: #896c31 !important;
}

/* 放送・配信 */
.bd_yellow01 {
  border-top: 6px solid #e1b200 !important;
}

.bd_broadcast {
  border-color: #e1b200 !important;
}

/* GIO */
.bd_gio {
  border-color: #3c4e55 !important;
}

/*  h2,h3,h4,h5
=========================================*/
h2.agr_chapter {
  margin-top: 30px !important;
}

h2.agr_chapter,
h2.agr_suppl {
  margin: auto;
  background: none;
  color: #333;
}

h1.ttl01 {
  padding: 9px 14px;
  margin-bottom: 20px;
  border-left: 6px solid #da1949;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

h1.ttl02 {
  padding: 5px 14px 0;
  margin-bottom: 20px;
  border-left: 6px solid #da1949;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

h1.ttl02 span.txt01 {
  display: block;
  font-size: 75%;
}

@media only screen and (max-width: 768px) {
  #contents h1.ttl03 {
    margin-top: 20px;
  }
}

h1.ttl03 {
  padding: 9px 14px;
  margin-bottom: 20px;
  border-left: 6px solid #da1949;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

h1.ttl04 {
  padding-bottom: 5px;
  line-height: 1.6;
  font-size: 208%;
  font-weight: bold;
}

h1.ttl04 span.txt01 {
  display: block;
  font-size: 46%;
}

h1.ttl05 {
  margin-bottom: 20px;
}

h1.ttl05 span.txt01 {
  display: block;
  padding-bottom: 10px;
  font-size: 93.333333%;
  font-weight: bold;
}

h1.ttl05 span.ico img {
  vertical-align: middle;
}

h1.ttl05 span.ttl {
  padding-right: 15px;
  font-size: 160%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h1.ttl05 span.ttl {
    font-size: 2rem;
  }
}

h1.ttl05 span.sublogo {
  float: right;
}

h1.ttl05 span.sublogo img {
  vertical-align: middle;
}

h1.ttl06 {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  *border-left: 6px solid #da1949;
}

h1.ttl06 span {
  display: table-cell;
  vertical-align: middle;
}

h1.ttl06 span.text {
  *float: left;
  padding: 9px 14px;
  border-left: 6px solid #da1949;
  *border-left: none;
  line-height: 1.6;
  font-size: 160%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h1.ttl06 span.text {
    font-size: 1.8rem;
  }
}

h1.ttl06 span.img {
  *float: right;
  width: 100px;
  border: 0px solid #d1d1d1;
  text-align: center;
}

h1.ttl06 img {
  vertical-align: middle;
}

h1.ttl06_01 {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  *border-left: 6px solid #da1949;
}

h1.ttl06_01 span {
  display: table-cell;
  vertical-align: middle;
}

h1.ttl06_01 span.text {
  *float: left;
  padding: 18px 14px;
  border-left: 6px solid #da1949;
  *border-left: none;
  line-height: 1.6;
  font-size: 160%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h1.ttl06_01 span.text {
    font-size: 1.8rem;
  }
}

h1.ttl06_01 span.img {
  *float: right;
  width: 100px;
  text-align: center;
}

h1.ttl06_01 img {
  vertical-align: middle;
}

h1.ttl07 {
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 160%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h1.ttl07 {
    font-size: 1.8rem;
  }
}

h1.ttl07 > span {
  display: block;
  padding: 21px 14px;
  border-left: 6px solid #da1949;
}

/*--title logo--*/
.ttl_logo {
  border-left: 6px solid #b7d7a1;
  margin-bottom: 20px;
  width: 100%;
  display: table;
  padding: 15px 0;
}

.ttl_logo .ttl {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
}

.ttl_logo .logo {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.ttl_logo h1 {
  line-height: 1.6;
  font-size: 160%;
  font-weight: bold;
  padding-left: 10px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .ttl_logo h1 {
    font-size: 1.8rem;
  }
}

.ttl_logo img {
  width: 100%;
  height: auto;
}

h1.category {
  display: table;
}

h1.category .category-name {
  display: table-cell;
  vertical-align: middle;
  padding-right: 6px;
}

h1.category .sol {
  display: table-cell;
  vertical-align: middle;
}

h2.ttl01, h2.ttl02,
h2.agr_chapter,
h2.agr_suppl {
  position: relative;
  padding: 12px 16px;
  margin-top: 2em;
  margin-bottom: 26px;
  background-color: #eee;
  line-height: 1.6;
  font-size: 146.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h2.ttl01, h2.ttl02,
  h2.agr_chapter,
  h2.agr_suppl {
    height: auto !important;
    font-size: 1.7rem;
  }
}

h2.ttl01::before, h2.ttl02::before,
h2.agr_chapter::before,
h2.agr_suppl::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 175px;
  height: 4px;
  background-color: #cf0040;
}

@media only screen and (max-width: 768px) {
  h2.ttl01::before, h2.ttl02::before,
  h2.agr_chapter::before,
  h2.agr_suppl::before {
    width: 100px;
  }
}

h2.ttl01::after, h2.ttl02::after,
h2.agr_chapter::after,
h2.agr_suppl::after {
  content: '';
  display: block;
  position: absolute;
  left: 176px;
  bottom: -4px;
  width: calc(100% - 176px);
  height: 4px;
  background-color: #6a6a6a;
}

@media only screen and (max-width: 768px) {
  h2.ttl01::after, h2.ttl02::after,
  h2.agr_chapter::after,
  h2.agr_suppl::after {
    left: 101px;
    width: calc(100% - 101px);
  }
}



/* === agr_exhibit style added 20171226 === */
div#contents .agr_exhibit {
    position: relative;
    padding: 12px 16px;
    margin-top: 2em;
    margin-bottom: 26px;
    background-color: #eee;
    line-height: 1.6;
/*    font-size: 146.666666%;*/
    font-weight: bold;
    color: #333;
    background-image: none;
}

div#contents .agr_exhibit a:active,
div#contents .agr_exhibit a:hover,
div#contents .agr_exhibit a:visited {
/*    color:#ffffff;*/
    color:#333;/* fixed 20171226 */
    text-decoration: none;
}

div#contents .agr_exhibit:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 175px;
    height: 4px;
    background-color: #cf0040;
}
div#contents .agr_exhibit:after {
    content: '';
    display: block;
    position: absolute;
    left: 176px;
    bottom: -4px;
    width: calc(100% - 176px);
    height: 4px;
    background-color: #6a6a6a;
}
/* === agr_exhibit added end 20171226=== */




h2.ttl02 span.btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  h2.ttl02 span.btn {
    position: static;
    margin-top: 5px;
  }
}

h2.ttl02 span.btn a {
  display: block;
  padding: 0 10px;
  border: 1px solid #dddddd;
  background-color: #fff;
  text-align: center;
  color: #3d4e56 !important;
  line-height: 1.4;
}

h2.ttl02 span.btn a .linkText {
  display: inline-block;
  padding: 10px 20px 10px 18px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  font-size: 68.181818%;
  font-weight: normal;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  h2.ttl02 span.btn a .linkText {
    padding-left: 0;
    font-size: 1.2rem;
    text-align: left;
  }
}

h2.ttl02 span.btn a:hover {
  border: 1px solid #d7083b;
  color: #c90e32 !important;
}

h2.ttl02 span.btn a:hover .linkText {
  background-image: url(/common/images/com_icn79.png);
}

h3.ttl01 {
  padding: 8px 13px;
  margin-bottom: 20px;
  background-color: #666;
}

h3.ttl01 span.icon {
  display: block;
  padding: 0 35px;
  background: url(/svcsol/common/images/com_h_bg008.png) no-repeat left center;
  font-size: 120%;
  color: #fff;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h3.ttl01 span.icon {
    font-size: 1.5rem;
  }
}

h2.ttl04 {
  position: relative;
  padding: 10px 25px 10px 47px;
  margin-bottom: 22px;
  background: #818f94 url(/svcsol/common/images/com_h_bg012.gif) no-repeat left top;
}

h2.ttl04 span.ttl {
  display: block;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
  color: #fff;
}

h2.ttl04 span.btn {
  position: absolute;
  top: 3px;
  right: 3px;
}

h2.ttl04 span.btn a {
  display: block;
  padding: 0 7px;
  border: 1px solid #dddddd;
  background: #fafafa url(/svcsol/common/images/com_bg003.gif) repeat-x 0 bottom;
  text-align: center;
  color: #3d4e56 !important;
  line-height: 1.4;
}

h2.ttl04 span.btn a .linkText {
  display: inline-block;
  padding: 10px 20px 10px 18px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  font-size: 93.333333%;
  text-align: center;
}

h2.ttl04 span.btn a:hover {
  background: url(/svcsol/common/images/com_bg001on.gif) repeat-x 0 top;
  color: #c90e32 !important;
}

h2.ttl04 span.btn a.list01 {
  display: block;
  width: 218px;
  padding: 0 7px;
  border: 1px solid #dddddd;
  background: #fafafa url(/svcsol/common/images/com_bg003.gif) repeat-x 0 bottom;
  text-align: center;
  color: #3d4e56 !important;
}

h2.ttl04 span.btn a.list02 {
  display: block;
  width: 218px;
  padding: 0 7px;
  border: 1px solid #dddddd;
  background: #fafafa url(/svcsol/common/images/com_bg003.gif) repeat-x 0 bottom;
  text-align: center;
  color: #3d4e56 !important;
}

h2.ttl04 span.btn a.list02 .linkText {
  display: inline-block;
  padding: 2px 20px 1px 18px;
  background: url(/svcsol/common/images/com_ic006.png) no-repeat right center;
  font-size: 93.333333%;
}

h2.ttl04 span.btn a:hover {
  background: url(/svcsol/common/images/com_bg001on.gif) repeat-x 0 top;
  color: #c90e32 !important;
}

h3.ttl02 {
  padding: 0 12px;
  margin-bottom: 22px;
  border-left: 6px solid #818f94;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h3.ttl02 {
    font-size: 1.5rem;
  }
}

h3.ttl03 {
  position: relative;
  padding: 10px 16px;
  margin-bottom: 24px;
  line-height: 1.6;
  font-size: 133.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h3.ttl03 {
    padding: 10px 0;
    font-size: 1.6rem;
  }
}

h3.ttl03::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 175px;
  height: 2px;
  background-color: #6a6a6a;
}

@media only screen and (max-width: 768px) {
  h3.ttl03::before {
    width: 100px;
  }
}

h3.ttl03::after {
  content: '';
  display: block;
  position: absolute;
  left: 176px;
  bottom: -2px;
  width: calc(100% - 176px);
  height: 2px;
  background-color: #cdcecd;
  background-repeat: repeat-x;
  background-size: 4px 2px;
}

@media only screen and (max-width: 768px) {
  h3.ttl03::after {
    left: 101px;
    width: calc(100% - 101px);
  }
}

#contents h2.ttl01 + h3.ttl03, #contents h2.ttl02 + h3.ttl03, #contents
h2.agr_chapter + h3.ttl03, #contents
h2.agr_suppl + h3.ttl03 {
  margin-top: -10px;
}

h3.ttl04 {
  padding: 0 12px;
  margin-bottom: 13px;
  border-left: 6px solid #818F94;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h3.ttl04 {
    font-size: 1.5rem;
  }
}

h3.ttl05 {
  padding-bottom: 10px;
  background: #fff;
}

h3.ttl05 span.bgB {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat center bottom;
}

h3.ttl05 span.bgB span.bg {
  display: block;
  padding: 14px 5px;
  background: #6a6a6a;
  line-height: 1.2;
  font-size: 113.333333%;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  h3.ttl05 span.bgB span.bg {
    font-size: 1.4rem;
  }
}

h3.ttl09 {
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h3.ttl09 {
    font-size: 1.5rem;
  }
}

h3.ttl10 {
  padding: 0 12px;
  margin-bottom: 22px;
  border-left: 6px solid #818f94;
  line-height: 1.6;
  font-weight: bold;
}

h3.ttl11 {
  padding: 0 12px;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
  background-color: #EA776F;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  h3.ttl11 {
    font-size: 1.5rem;
  }
}

h3.ttl12 {
  padding: 0 12px;
  margin-bottom: 22px;
  border-left: 6px solid #818f94;
  line-height: 1.7;
  font-size: 120%;
  font-weight: bold;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  h3.ttl12 {
    font-size: 1.5rem;
  }
}

h3.ttl12 span {
  color: #fff;
  background: #9eb453;
  margin-left: 25px;
  font-size: 80%;
  font-weight: normal;
  padding: 0 8px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px !important;
}

@media only screen and (max-width: 768px) {
  h3.ttl12 span {
    font-size: 1.2rem;
  }
}

/*--headline add--*/
h3.topichead {
  font-size: 120%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 16px;
  background: url(/svcsol/common/images/com_ico013.png) no-repeat center left;
  color: #d4123f;
  padding: 5px 0 0 35px;
}

@media only screen and (max-width: 768px) {
  h3.topichead {
    font-size: 1.5rem;
  }
}

h4.ttl01 {
  padding: 0 20px;
  margin-bottom: 22px;
  background: url(/svcsol/common/images/com_bg004b.gif) no-repeat left center;
  line-height: 1.5;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h4.ttl01 {
    font-size: 1.4rem;
  }
}

/*h4が2行以上になったclass*/
h4.ttl01_L2 {
  padding: 0 20px;
  margin-bottom: 22px;
  background: url(/svcsol/common/images/com_bg004b.gif) no-repeat left 7px;
  line-height: 1.5;
  font-size: 106.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h4.ttl01_L2 {
    font-size: inherit;
    background-position: left 3px;
  }
}

h4.ttl03 {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h4.ttl03 {
    font-size: 1.5rem;
  }
}

h4.ttl04 {
  padding-bottom: 6px;
  margin-bottom: 18px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat 22px bottom;
}

h4.ttl04 span {
  display: block;
  padding: 9px 15px;
  background: #6a6a6a;
  line-height: 1.2;
  font-size: 113.333333%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  h4.ttl04 span {
    font-size: 1.4rem;
  }
}

h4.ttl04 span img {
  position: relative;
  top: -2px;
  margin-right: 10px;
  vertical-align: text-bottom;
}

h4.ttl05 {
  background: url(/svcsol/common/images/com_h_bg005.gif) no-repeat 22px bottom;
  margin-bottom: 10px;
  padding-bottom: 6px;
}

h4.ttl05 span.bg {
  border-bottom: 1px solid #DDDDDD;
  display: block;
  font-weight: bold;
  line-height: 1.2;
  padding: 5px 0 9px;
}

h4.ttl06 {
  background: url(/svcsol/common/images/com_h_bg005.gif) no-repeat 22px bottom;
  margin-bottom: 10px;
  padding-bottom: 6px;
}

h4.ttl06 span.bg {
  border-bottom: 1px solid #DDDDDD;
  display: block;
  font-size: 93.333333%;
  font-weight: bold;
  line-height: 1.7;
  padding: 0 0 4px;
}

@media only screen and (max-width: 768px) {
  h4.ttl06 span.bg {
    font-size: inherit;
  }
}

h4.ttl06 a {
  display: inline-block;
  padding: 0 0 0 12px;
  background: url(../../images/com_ic001.png) no-repeat left 0.35em;
  text-decoration: none;
}

h4.ttl06 a:hover {
  text-decoration: underline;
}

h4.ttl06 a span.blank {
  display: inline-block;
  padding-right: 20px;
  background: url(../../images/com_ico_blank.png) no-repeat right 0.3em;
}

h4.ttl06 a:hover span.blank {
  text-decoration: underline;
}

h4.ttl07 {
  background: #fff;
}

h4.ttl07 a {
  display: block;
  color: #fff;
  text-decoration: none;
}

h4.ttl07 span.bgB {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg009_01.png) no-repeat 32px bottom;
}

h4.ttl07 span.bg {
  display: block;
  padding: 7px 10px 7px 15px;
  background: #f1f3f3 url(/svcsol/common/images/com_h_bg009.gif) repeat-x left bottom;
  line-height: 1.6;
  font-size: 113.333333%;
  font-weight: bold;
  color: #3d4e56;
}

@media only screen and (max-width: 768px) {
  h4.ttl07 span.bg {
    font-size: 1.4rem;
  }
}

h4.ttl07 span.icon {
  display: block;
  background: url(/common/images/com_icn01.png) no-repeat right center;
}

h4.ttl07 a:hover span.bgB {
  background: url(/svcsol/common/images/com_h_bg006.gif) no-repeat 32px bottom;
}

h4.ttl07 a:hover span.bg {
  background: #999;
}

h4.ttl08 {
  padding: 10px 0 3px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

h4.ttl08 a {
  display: block;
  padding: 0 0 0 15px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
  color: #3d4e56;
  font-weight: bold;
  text-decoration: none;
}

h4.ttl08 a:hover {
  text-decoration: underline;
}

/*h5.ttl01 {
    padding: 0 12px;
    margin-bottom: 22px;
    border-left: 6px solid #818f94;
    line-height: 2.2;
    font-size: 93.333333%;
    font-weight: bold;
}*/
h5.ttl01 {
  margin-bottom: 22px;
  line-height: 2.2;
  font-weight: bold;
}

h5.ttl02,
h3.heading_tw {
  padding-bottom: 10px;
  line-height: 1.6;
  font-weight: bold;
}

h5.ttl03 {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 15px;
  background-color: #ddd;
}

/*  for sub-index headline
=========================================*/
p.indexlist_hd1 {
  margin: 16px 0 8px 0;
  padding: 3px 0 3px 3px;
  color: #D4123F;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: solid 2px #D4123F;
}

@media only screen and (max-width: 768px) {
  p.indexlist_hd1 {
    font-size: 1.6rem;
  }
}

p.indexlist_hd2 {
  margin: 0 0 6px 0;
  padding: 2px 0 2px 3px;
  font-weight: bold;
  color: #111111;
  line-height: 1.3;
  background-color: #DDE0E1;
}

/*  search
=========================================*/
.searchBox {
  padding: 5px 11px;
  margin-bottom: 20px;
  background: none repeat scroll 0 0 #F1F3F3;
  line-height: 1;
}

.searchBox input.txt {
  height: 33px;
  width: 557px;
  padding: 0 7px;
  margin-right: 4px;
  border: 1px solid #CCCBC9;
  line-height: 2.8;
  vertical-align: bottom;
  font-size: 93.333333%;
  color: #999999;
}

@media only screen and (max-width: 768px) {
  .searchBox input.txt {
    font-size: inherit;
  }
}

/*  font
=========================================*/
.fontStyle01 {
  padding-bottom: 15px;
  /*line-height: 1.7;
    font-size: 113.333333%;*/
}

.fontStyle01 a.blank {
  margin: 0 5px 0 0;
  padding: 0 15px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

.fontStyle01 a.pdf {
  margin: 0 5px 0 0;
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn06.png) no-repeat right 0.3em;
}

@media only screen and (max-width: 768px) {
  .fontStyle01 a.pdf {
    background-position: right .15em;
  }
}

.fontStyle02 {
  padding-bottom: 15px;
  line-height: 2;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .fontStyle02 {
    font-size: 1.4rem;
  }
}

.fontStyle03 {
  padding-bottom: 15px;
  line-height: 1.7;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .fontStyle03 {
    font-size: inherit;
  }
}

.fontStyle04 {
  padding-bottom: 5px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .fontStyle04 {
    font-size: inherit;
  }
}

.fontStyle05 {
  line-height: 1.6;
  font-size: 140%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .fontStyle05 {
    font-size: 1.6rem;
  }
}

.fontStyle06 {
  line-height: 1.5;
  font-size: 113.333333%;
  font-weight: bold;
  color: #f9327b;
}

@media only screen and (max-width: 768px) {
  .fontStyle06 {
    font-size: 1.4rem;
  }
}

.fontStyle07 {
  padding-bottom: 5px;
  font-size: 80%;
}

@media only screen and (max-width: 768px) {
  .fontStyle07 {
    font-size: inherit;
  }
}

.fontStyle08 {
  padding-bottom: 15px;
  color: #da9a4b;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .fontStyle08 {
    font-size: 1.5rem;
  }
}

.fontStyle09 {
  font-size: 80%;
}

@media only screen and (max-width: 768px) {
  .fontStyle09 {
    font-size: inherit;
  }
}

.fontStyle10 {
  color: #999999;
}

.textStyle01 {
  line-height: 1.7;
}

.svc_remark {
  padding: 10px 0 30px 0;
  margin-top: 0;
  text-align: right;
  color: #3D4E56;
}

.notice_letter {
  color: #CC052D;
}

.pointLetter_main {
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .pointLetter_main {
    font-size: 1.3rem;
  }
}

.pointLetter_sub {
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .pointLetter_sub {
    font-size: 1.3rem;
  }
}

/* icoLink01 subgroup link
-------------------------------------*/
/*--Blank mark add--*/
span.icoBlank03 {
  display: inline-block;
}

span.icoBlank03 a,
span.icoBlank03 span {
  padding: 0 15px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

/*--icoLink add--*/
a.icoLink_topic {
  padding: 4px 0 4px 32px;
  color: #0995C4;
  text-decoration: none;
  background: url(/svcsol/common/images/com_arrowmark.png) no-repeat 4px center;
  font-size: 106.666666%;
  font-weight: bold;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  a.icoLink_topic {
    font-size: 1.3rem;
  }
}

a.icoLink_topic:hover {
  text-decoration: underline;
}

.newIco {
  padding: 0 0 0 50px;
  background: url(/svcsol/common/images/com_ico_new.gif) no-repeat left 0.3em;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .newIco {
    font-size: 1.4rem;
  }
}

.newIco img {
  padding: 0 10px 0 0;
  vertical-align: middle;
}

.talk {
  margin-bottom: 10px;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico009.png) no-repeat left 5px;
  font-size: 113.333333%;
  line-height: 1.5;
  font-weight: bold;
  color: #006f8c;
}

@media only screen and (max-width: 768px) {
  .talk {
    font-size: 1.4rem;
  }
}

.talk01 {
  margin-bottom: 5px;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico010.png) no-repeat left 5px;
  font-size: 113.333333%;
  line-height: 1.5;
  font-weight: bold;
  color: #da9a4b;
}

@media only screen and (max-width: 768px) {
  .talk01 {
    font-size: 1.4rem;
  }
}

.talk02 {
  margin-bottom: 5px;
  font-size: 113.333333%;
  line-height: 1.5;
  font-weight: bold;
  color: #006f8c;
}

@media only screen and (max-width: 768px) {
  .talk02 {
    font-size: 1.4rem;
  }
}

.talk02 .bg01 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico012.png) no-repeat left 5px;
  color: #9F96BD;
}

.talk02 .bg02 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico011.png) no-repeat left 5px;
  color: #7C5B83;
}

.talk02 .bg03 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico013.png) no-repeat left 5px;
  color: #d4123f;
}

.talk02 .bg04 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico014.png) no-repeat left 5px;
  color: #a7bc5b;
}

.talk02 .bg05 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico015.png) no-repeat left 5px;
  color: #417dbe;
}

.talk02 .bg06 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico016.png) no-repeat left 5px;
  color: #4d9988;
}

/*  box
=========================================*/
/* leadBox */
.leadBox {
  margin-bottom: 22px;
}

.leadBox .inner {
  padding: 22px 0 10px 0;
  border-top: 6px solid #d4123f;
  border-bottom: 1px dotted #333 !important;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner {
    margin: 0 -18px;
    padding: 19px 18px;
  }
}

.leadBox .inner .box {
  position: relative;
  min-height: 85px;
  padding: 0 110px 0 95px;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box {
    min-height: 45px;
    padding: 0 10px 0 57px;
  }
}

.leadBox .inner .box .ico {
  float: left;
  margin-left: -95px;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box .ico {
    margin-left: -57px;
  }
}

.leadBox .inner .box .ico img {
  width: 75px;
  height: auto;
  border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box .ico img {
    width: 45px;
  }
}

.leadBox .inner .box .icoR {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box .icoR {
    position: relative;
    text-align: right;
  }
}

.leadBox .inner .box .txt {
  padding-bottom: 7px;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box .txt {
    padding-bottom: 5px;
    line-height: 1.5;
  }
}

.leadBox .inner .box h1 {
  padding-bottom: 20px;
  line-height: 1.2;
  font-size: 200%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box h1 {
    padding-bottom: 0;
    font-size: 1.8rem;
  }
}

/* h1 序文統合
---------------------------------------*/
.leadBox .inner .box h1 span.head_foreword {
  display: block;
  padding-bottom: 7px;
  line-height: 1.8;
  font-size: 50%;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .box h1 span.head_foreword {
    font-size: 1.1rem;
  }
}

.leadBox .inner .desc {
  padding-bottom: 15px;
  line-height: 2;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .desc {
    font-size: 1.4rem;
  }
}

.leadBox .inner .list {
  margin-bottom: 12px;
}

.leadBox .inner .list li {
  display: table;
  float: left;
  width: 228px;
  margin-right: 8px;
  background: url(/svcsol/common/images/com_ic003.gif) no-repeat 11px 7px;
}

.leadBox .inner .list li p {
  display: table-cell;
  padding: 20px 18px 15px;
  border: 4px solid #f6d0d9;
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .leadBox .inner .list li p {
    font-size: 1.4rem;
  }
}

.leadBox .inner .list li.last {
  margin-right: 0;
}

.leadBox .inner02 {
  border-top: 1px solid #dddddd;
}

.leadBox .search {
  padding: 4px;
  margin-bottom: 22px;
  background: #f1f3f3;
}

.leadBox .search img {
  padding: 0 17px 0 12px;
  vertical-align: middle;
}

.leadBox .search .txt {
  display: inline-block;
  width: 588px;
  padding: 8px 7px;
  border: 1px solid #cccbc9;
  background: #fff;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .leadBox .search .txt {
    font-size: inherit;
  }
}

.lead_desc {
  padding: 10px 0 15px;
  margin-bottom: 30px;
  /*border: 1px solid #f2f4f4;*/
  line-height: 2;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .lead_desc {
    margin-bottom: 1.25em;
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

.lead_desc strong {
  font-weight: normal;
}

.lead_list {
  margin-bottom: 20px;
  overflow: hidden;
}

.lead_list li {
  display: table;
  float: left;
  width: 280px;
  margin-right: 36px;
  background: url(/svcsol/common/images/com_ic003.gif) no-repeat 11px 7px;
}

@media only screen and (max-width: 768px) {
  .lead_list li {
    float: none;
    width: 100%;
    margin: 2% 0 0;
  }
}

.lead_list li:nth-child(3n) {
  margin-right: 0;
}

.lead_list li p {
  display: table-cell;
  padding: 20px 18px 15px;
  border: 4px solid #f6d0d9;
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .lead_list li p {
    font-size: 1.4rem;
  }
}

.lead_list li p.brd02 {
  border: 4px solid #e5dee6;
}

.lead_list li p.brd03 {
  border: 4px solid #e9e5f8;
}

.lead_list li p.brd04 {
  border: 4px solid #e9eed6;
}

.lead_list li p.brd05 {
  border: 4px solid #f8ebdb;
}

.lead_list li p.brd06 {
  border: 4px solid #e1eef5;
}

.lead_list li p.brd07 {
  border: 4px solid #bfdbe2;
}

.lead_list li p.brd08 {
  border: 4px solid #dbebe7;
}

.lead_list li p.brd09 {
  border: 4px solid #cfdeef;
}

.lead_list li p.brd10 {
  border: 4px solid #e7e2d6;
}

.lead_list li.last {
  margin-right: 0;
}

/* lead_list01 */
.lead_list01 {
  overflow: hidden;
}

.lead_list01 + .lead_list01 {
  margin-top: 13px;
}

.lead_list01 a {
  display: block;
  padding: 8px 18px;
  border: 3px solid #f6d0d9;
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
  font-size: 113.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .lead_list01 a {
    font-size: 1.4rem;
  }
}

.lead_list01 a.brd02 {
  border: 3px solid #e5dee6;
}

.lead_list01 a.brd03 {
  border: 3px solid #e9e5f8;
}

.lead_list01 a.brd04 {
  border: 3px solid #e9eed6;
}

.lead_list01 a.brd05 {
  border: 3px solid #f8ebdb;
}

.lead_list01 a.brd06 {
  border: 3px solid #e1eef5;
}

.lead_list01 a.brd07 {
  border: 3px solid #bfdbe2;
}

.lead_list01 a.brd08 {
  border: 3px solid #dbebe7;
}

.lead_list01 a.brd09 {
  border: 3px solid #cfdeef;
}

.lead_list01 a.brd10 {
  border: 3px solid #e7e2d6;
}

.lead_list01 a.brd11 {
  border: 3px solid #f2f3f3;
}

.lead_list01 a:hover {
  border-color: #848f93;
}

.lead_list01 li.last {
  margin-right: 0;
}

/* serviceBox01 */
.serviceBox01 {
  padding-bottom: 22px;
  margin-bottom: 22px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
}

.serviceBox01 p.ttl {
  position: relative;
  z-index: 100;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat 35px bottom;
}

.serviceBox01 p.ttl span {
  display: block;
  padding: 9px 15px;
  background: #6a6a6a;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
}

.serviceBox01 p.ttl span a {
  color: #fff;
  text-decoration: underline;
}

.serviceBox01 p.ttl span a:hover {
  text-decoration: none;
}

.serviceBox01 ul li {
  margin-bottom: 2px;
  zoom: 1;
}

.serviceBox01 ul li a {
  display: table;
  width: 100%;
  padding: 15px 0;
  background: #eeeeee url(/common/images/com_icn01.png) no-repeat right 20px center;
  text-decoration: none;
}

.serviceBox01 ul li a:hover {
  background: #fff url(/common/images/com_icn79.png) no-repeat right 20px center;
}

.serviceBox01 ul li a:not(:hover) {
  color: #333;
}

.serviceBox01 ul li .img,
.serviceBox01 ul li .text {
  display: table-cell;
  vertical-align: middle;
}

.serviceBox01 ul li .img {
  width: 100px;
  font-size: 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .serviceBox01 ul li .img {
    width: 70px;
  }
}

.serviceBox01 ul li .img img {
  border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .serviceBox01 ul li .img img {
    width: 45px;
    height: auto;
  }
}

.serviceBox01 ul li .ttl01 {
  display: block;
  margin-right: 60px;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .serviceBox01 ul li .ttl01 {
    margin-right: 50px;
    font-size: 1.3rem;
  }
}

.serviceBox01 ul li .txt {
  display: block;
  margin-right: 60px;
  line-height: 1.8;
}

@media only screen and (max-width: 768px) {
  .serviceBox01 ul li .txt {
    margin-right: 50px;
  }
}

/* serviceBox02 */
.serviceBox02 {
  margin: 40px 0 0;
  padding: 30px 30px 25px;
  background-color: #eee;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .serviceBox02 {
    display: none;
    padding: 20px;
  }
}

.serviceBox02 a {
  color: #333;
  text-decoration: none;
}

.serviceBox02 a:hover {
  color: #d7083d;
}

.serviceBox02 .ttl {
  margin-bottom: 15px;
  border: 1px solid #fff;
}

.serviceBox02 .ttl a {
  display: flex;
  align-items: center;
  padding: 13px 17px 13px 47px;
  background: #ffffff url(/common/images/com_icn01.png) no-repeat 18px 50%;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .serviceBox02 .ttl a {
    font-size: 1.3rem;
  }
}

.serviceBox02 .ttl:hover {
  border: 1px solid #d7083b;
}

.serviceBox02 .ttl a:hover {
  padding: 13px 17px 13px 47px;
  background: #ffffff url(/common/images/com_icn79.png) no-repeat 18px 50%;
}

.serviceBox02 ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}

@media only screen and (max-width: 768px) {
  .serviceBox02 ul {
    display: block;
  }
}

.serviceBox02 li {
  box-sizing: border-box;
  display: flex;
  width: 32%;
  border: 1px solid #fff;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .serviceBox02 li {
    width: auto;
    margin-bottom: 10px;
  }
}

@media print, screen and (min-width: 769px) {
  .serviceBox02 li:not(:nth-child(3n+1)) {
    margin-left: 2%;
  }
}

.serviceBox02 li a {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13px 17px 13px 47px;
  color: #333;
  background: #ffffff url(/common/images/com_icn01.png) no-repeat 18px 50%;
}

.serviceBox02 li:hover {
  border: 1px solid #d7083b;
}

.serviceBox02 li a:hover {
  padding: 13px 17px 13px 47px;
  background: #ffffff url(/common/images/com_icn79.png) no-repeat 18px 50%;
}

.serviceBox02 li.current {
  border: 1px solid #d7083b;
}

.serviceBox02 li.current span {
  display: block;
  padding: 13px 10px 13px 47px;
  background: #d7083b url(/common/images/com_icn40.png) no-repeat 18px 50%;
  color: #ffffff;
}

.serviceBox02 a.current:not(:hover) {
  background: #d7083b url(/common/images/com_icn40.png) no-repeat 18px 50%;
  color: #ffffff;
}

/* serviceBox03 */
.serviceBox03 {
  display: flex;
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  .serviceBox03 {
    display: block;
  }
}

.serviceBox03 .serviceBox03-col {
  width: 438px;
}

@media only screen and (max-width: 768px) {
  .serviceBox03 .serviceBox03-col {
    width: auto;
  }
}

.serviceBox03 .serviceBox03-col:nth-child(even) {
  margin-left: 36px;
}

@media only screen and (max-width: 768px) {
  .serviceBox03 .serviceBox03-col:nth-child(even) {
    margin-left: 0;
    margin-top: 30px;
  }
}

.serviceBox03 .serviceBox03-col .ttl-comb01, .serviceBox03 .serviceBox03-col .ttl-comb02,
.serviceBox03 .serviceBox03-col .ttl-comb02 {
  margin-top: 0;
}

@media print, screen and (min-width: 769px) {
  .serviceBox03 .serviceBox03-col .ttl-comb01, .serviceBox03 .serviceBox03-col .ttl-comb02,
  .serviceBox03 .serviceBox03-col .ttl-comb02 {
    font-size: 120%;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
  .serviceBox03 .serviceBox03-col .ttl-comb01, .serviceBox03 .serviceBox03-col .ttl-comb02,
  .serviceBox03 .serviceBox03-col .ttl-comb02 {
    font-size: 1.5rem;
  }
}

.serviceBox03 .serviceBox03-col .colL,
.serviceBox03 .serviceBox03-col .colR {
  float: none;
  margin-bottom: 18px;
}

.serviceBox03 .serviceBox03-col .twoCol01 {
  margin-bottom: 0;
}

/* colBox01 */
.colBox01 .inner {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

.colBox01 .inner .txt01 {
  padding-bottom: 7px;
  font-size: 93.333333%;
  font-weight: bold;
  color: #3d4e56;
}

@media only screen and (max-width: 768px) {
  .colBox01 .inner .txt01 {
    font-size: inherit;
  }
}

.colBox01 .inner .btn01 a {
  display: block;
  padding: 10px 0;
  border: 1px solid #b10729;
  background: #b20c2c url(/svcsol/common/images/com_bg002.gif) repeat-x 0 top;
  text-decoration: none;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
}

.colBox01 .inner .btn01 a:hover {
  display: block;
  padding: 10px 0;
  border: 1px solid #868686;
  background: #868686 url(/svcsol/common/images/com_bg002on.gif) repeat-x 0 top;
  text-decoration: none;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .colBox01 .inner .btn01 a:hover {
    font-size: 1.5rem;
  }
}

.colBox01 .inner .btn01 a span.email {
  padding: 0 0 0 30px;
  background: url(/svcsol/common/images/com_ico_mail.png) no-repeat left center;
}

/* colBox02 */
.colBox02 a {
  display: block;
  padding: 22px 22px 22px 188px;
  margin-bottom: 20px;
  overflow: hidden;
  background: #f1f3f3 url(/svcsol/common/images/com_bg004.gif) no-repeat left top;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .colBox02 a {
    padding: 20px;
  }
}

.colBox02 a:not(:hover) {
  color: #333;
}

.colBox02 .img {
  float: left;
  margin-left: -168px;
}

@media only screen and (max-width: 768px) {
  .colBox02 .img {
    float: none;
    display: block;
    margin: 0 0 10px;
    font-size: 0;
    text-align: center;
  }
}

.colBox02 .ttl01 {
  display: block;
  width: 575px;
  padding: 10px 0 5px;
  line-height: 1;
  text-decoration: underline;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .colBox02 .ttl01 {
    width: auto;
    padding-top: 5px;
    font-size: 1.5rem;
  }
}

.colBox02 a:hover .ttl01 {
  text-decoration: none;
}

.colBox02 .txt {
  display: block;
  width: 575px;
  line-height: 1.8;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .colBox02 .txt {
    width: auto;
    font-size: 1.4rem;
  }
}

/*  2 column box
=========================================*/
/*2column wrap*/
.twocolmnbox {
  margin: 0;
  padding: 0;
}

.twocolmnbox:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
/* 1(left):1(right) */
.twocolmnbox div.txtcol01 {
  float: left;
  width: 536px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.txtcol01 {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

/*width=350px-8px*/
.twocolmnbox div.imagecol01 {
  float: left;
  width: 340px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.imagecol01 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.twocolmnbox div.imagecol01 > img {
  display: block;
  margin: 0 auto;
}

/*width=350px-8px*/
/* 2(left):3(right) */
.twocolmnbox div.txtcol02 {
  float: left;
  width: 476px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.txtcol02 {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

/*width=280px-16px*/
.twocolmnbox div.imagecol02 {
  float: left;
  width: 400px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.imagecol02 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.twocolmnbox div.imagecol02 > img {
  display: block;
  margin: 0 auto;
}

/* 1(left):1(right)--image_width 350px*/
.twocolmnbox div.txtcol03 {
  float: left;
  width: 526px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.txtcol03 {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

/*width=350px-16px*/
.twocolmnbox div.imagecol03 {
  float: left;
  width: 350px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.imagecol03 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.twocolmnbox div.imagecol03 > img {
  display: block;
  margin: 0 auto;
}

/*width=350px-0px*/
/* 3(left):1(right:220px) */
.twocolmnbox div.txtcol04 {
  float: left;
  width: 656px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.txtcol04 {
    float: none;
    width: auto;
    margin: 0;
  }
}

/*width=480px-16px*/
.twocolmnbox div.imagecol04 {
  float: left;
  width: 220px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.imagecol04 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.twocolmnbox div.imagecol04 > img {
  display: block;
  margin: 0 auto;
}

/* 1(left):3(right:460px) */
.twocolmnbox div.txtcol05 {
  float: left;
  width: 416px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.txtcol05 {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

/*width=480px-16px*/
.twocolmnbox div.imagecol05 {
  float: left;
  width: 460px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twocolmnbox div.imagecol05 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.twocolmnbox div.imagecol05 > img {
  display: block;
  margin: 0 auto;
}

/*twocolmnbox inBOX*/
/*2column wrap*/
.twocolmnbox_inner {
  margin: 0;
  padding: 0;
  width: 100%;
}

.twocolmnbox_inner:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
/* 2(left):1(right) */
.twocolmnbox_inner div.txtcol_in01 {
  float: left;
  width: 65%;
  margin: 0;
}

/*if width=670px,width=435.5px*/
.twocolmnbox_inner div.imagecol_in01 {
  float: right;
  width: 32%;
  margin: 0;
}

/*if width=670px,width=214.4px*/
.twocolmnbox_inner div.txtcol_in00 {
  float: left;
  margin: 0;
}

.twocolmnbox_inner div.imagecol_in00 {
  float: right;
  margin: 0;
}

/*  2 column box (枠あり等の汎用スタイル)
=========================================*/
/*2column wrap*/
.twocolmn_general {
  margin: 0;
  padding: 0;
}

.twocolmn_general:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
/* 1(left):1(right) */
.twocolmn_general div.col_1st {
  float: left;
  width: 46%;
  padding: 0 16px 0 0;
  margin: 0;
}

.twocolmn_general div.col_2nd {
  float: left;
  width: 50%;
  margin: 0;
}

.twocolomTxt {
  width: 100%;
}

.twocolomTxt ul {
  margin-bottom: 20px;
}

.twocolomTxt ul:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
.twocolomTxt ul li.txt1 {
  float: left;
  width: 49%;
}

.twocolomTxt ul li.txt2 {
  float: right;
  width: 49%;
}

.twocolomTxt ul li h3 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
  position: relative;
  margin-bottom: 5px;
}

.twocolomTxt ul li h3 img {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

/*  3 column box
=========================================*/
/*3column wrap*/
.threecolmnbox {
  margin: 0;
  padding: 0;
}

.threecolmnbox:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
/* 1(left):1(center):1(right) */
.threecolmnbox div.incoln01 {
  float: left;
  width: 280px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .threecolmnbox div.incoln01 {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

.threecolmnbox div.incoln01 > img {
  display: block;
  margin: 0 auto;
}

.threecolmnbox div.incoln02 {
  float: left;
  width: 280px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  .threecolmnbox div.incoln02 {
    float: none;
    width: auto;
    margin-right: 0;
    margin-top: 5.2%;
  }
}

.threecolmnbox div.incoln02 > img {
  display: block;
  margin: 0 auto;
}

.threecolmnbox div.incoln03 {
  float: left;
  width: 280px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .threecolmnbox div.incoln03 {
    float: none;
    width: auto;
    margin-top: 5.2%;
  }
}

.threecolmnbox div.incoln03 > img {
  display: block;
  margin: 0 auto;
}

/* 1(left):1(center):1(right)----wide marginType */
.threecolmnbox div.incoln01mw {
  float: left;
  width: 216px;
  margin: 0 26px 0 0;
}

.threecolmnbox div.incoln02mw {
  float: left;
  width: 216px;
  margin: 0 26px 0 0;
}

.threecolmnbox div.incoln03mw {
  float: left;
  width: 216px;
  margin: 0;
}

/*  4 column box
=========================================*/
/*4column wrap*/
.fourcolmnbox {
  margin: 0;
  padding: 0;
}

.fourcolmnbox:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
.fourcolmnbox div.in2colwrap {
  float: left;
  width: 438px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .fourcolmnbox div.in2colwrap {
    float: none;
    width: auto;
  }
}

.fourcolmnbox div.in2colwrap:nth-child(odd) {
  margin-right: 36px;
}

@media only screen and (max-width: 768px) {
  .fourcolmnbox div.in2colwrap:nth-child(odd) {
    margin-right: 0;
    margin-bottom: 5.2%;
  }
}

.fourcolmnbox div.in2colwrap:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

/*clearfix*/
div.in2colwrap div.in4col01 {
  float: left;
  width: 201px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  div.in2colwrap div.in4col01 {
    width: 47.4%;
    margin-right: 5.2%;
  }
}

div.in2colwrap div.in4col02 {
  float: left;
  width: 201px;
}

@media only screen and (max-width: 768px) {
  div.in2colwrap div.in4col02 {
    width: 47.4%;
  }
}

div.in2colwrap div.in4col03 {
  float: left;
  width: 201px;
  margin: 0 36px 0 0;
}

@media only screen and (max-width: 768px) {
  div.in2colwrap div.in4col03 {
    width: 47.4%;
    margin-right: 5.2%;
  }
}

div.in2colwrap div.in4col04 {
  float: left;
  width: 201px;
}

@media only screen and (max-width: 768px) {
  div.in2colwrap div.in4col04 {
    width: 47.4%;
  }
}

/* noticeBox */
.noticeBox dl {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .noticeBox dl {
    display: block;
  }
}

.noticeBox dl dt {
  display: table-cell;
  width: 100px;
  background: #3d4e55;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .noticeBox dl dt {
    display: block;
    width: auto;
    padding: 5px 0;
  }
}

.noticeBox dl dd {
  display: table-cell;
  padding: 10px 15px;
  border: 1px solid #d1d1d1;
  border-left-width: 0;
  line-height: 1.7;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .noticeBox dl dd {
    display: block;
    border-top-width: 0;
    border-left-width: 1px;
  }
}

/* noticeBox02 */


  .noticeBox02 dl {
    display: block;
    position: relative;

  }


.noticeBox02 dl dt {
  display: table-cell;
  width: 100px;
  border: 1px solid rgba(142,142,142,1.00);
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: rgba(0,60,147,1.00);
}

.noticeBox02 dl dt {
    display: block;
    width: auto;
    padding: 5px 0;
  }

.noticeBox02 dl dd {
  display: table-cell;
  padding: 10px 15px;
  border: 1px solid rgba(142,142,142,1.00);
  border-left-width: 0;
  line-height: 1.7;
  vertical-align: middle;
}

.noticeBox02 dl dd {
    display: block;
    border-top-width: 0;
    border-left-width: 1px;
  }

.noticeBox02 dl:after {
    content: "";
    position: absolute;
    top: 61%;
    right: 14px;
    width: 90px;
    height: 18px;
background: url(/svcsol/common/images/wizsafe_icn02.png) no-repeat left bottom;
}

/* noticeBox */
.noticeBox03 dl {
  display: table;
  width: 100%;
  margin-bottom: 10px;
        border: 1px solid #d9d9d9;
    margin-top: 40px;
    /*box-shadow: 0 1px 4px rgba(0,0,0,0.3);*/
}

@media only screen and (max-width: 768px) {
  .noticeBox03 dl {
    display: block;

  }
}

.noticeBox03 dl dt {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
    padding: 0px 25px;
    border-top:3px solid #003c93;
}

.noticeBox03 dl dd span{
 border-bottom: 1px solid #3968b2;
    display: block;
    margin-bottom: -16px;
    padding-bottom: 7px;
    font-weight: bold;
    color: rgba(0,60,147,1.00);
    text-align: center;
}

.noticeBox03 dl dd a{
    color: rgba(0,60,147,1.00);
}

.noticeBox03 dl dd a:hover{
    color: rgba(142,142,142,1.00);
}

.noticeBox03 dl dd strong{
    color: #d7083b;
}

@media only screen and (max-width: 768px) {
  .noticeBox03 dl dt {
    display: block;
    width: auto;
    padding: 5px 0;
  }
}

.noticeBox03 dl dd {
  display: table-cell;
  padding: 10px 15px;
  border-left-width: 0;
  line-height: 1.6;
  vertical-align: middle;
    /*background: #F5F3F5;*/
}

@media only screen and (max-width: 768px) {
  .noticeBox03 dl dd {
    display: block;
    border-top-width: 0;
    border-left-width: 1px;
  }
}



/* recBox01 */
.recBox01 {
  margin-bottom: 20px;
  overflow: hidden;
}

.recBox01 .ttl {
  position: relative;
  z-index: 100;
  padding-bottom: 12px;
  margin-bottom: 10px;
  background: url(/svcsol/common/images/com_hr002.png) no-repeat left bottom;
  font-size: 113.333333%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .recBox01 .ttl {
    font-size: 1.4rem;
  }
}

.recBox01 .ttl_bg01 {
  background: url(/svcsol/common/images/com_hr002_1.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg02 {
  background: url(/svcsol/common/images/com_hr002_2.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg03 {
  background: url(/svcsol/common/images/com_hr002_3.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg04 {
  background: url(/svcsol/common/images/com_hr002_4.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg05 {
  background: url(/svcsol/common/images/com_hr002_5.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg06 {
  background: url(/svcsol/common/images/com_hr002_6.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg07 {
  background: url(/svcsol/common/images/com_hr002_7.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg08 {
  background: url(/svcsol/common/images/com_hr002_8.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg09 {
  background: url(/svcsol/common/images/com_hr002_9.png) no-repeat left bottom !important;
}

.recBox01 .ttl_bg10 {
  background: url(/svcsol/common/images/com_hr002_10.png) no-repeat left bottom !important;
}

.recBox01 .link a {
  display: block;
  padding: 0 12px 10px 17px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  font-size: 113.333333%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .recBox01 .link a {
    background-position: left .3em;
    font-size: 1.4rem;
  }
}

.recBox01 .txt {
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .recBox01 .txt {
    font-size: inherit;
  }
}

/* recBox02 */
.recBox02 {
  margin-bottom: 20px;
  overflow: hidden;
}

.recBox02 .ttl {
  position: relative;
  z-index: 100;
  padding-bottom: 12px;
  margin-bottom: 10px;
  background: url(/svcsol/common/images/com_hr003.png) no-repeat left bottom;
  font-size: 113.333333%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .recBox02 .ttl {
    font-size: 1.4rem;
  }
}

.recBox02 .link a {
  display: block;
  padding: 0 12px 10px 17px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  font-size: 113.333333%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .recBox02 .link a {
    background-position: left .3em;
    font-size: 1.4rem;
  }
}

.recBox02 .txt {
  padding-bottom: 10px;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .recBox02 .txt {
    font-size: inherit;
  }
}

/* recBox03 */
.recBox03 {
  margin-bottom: 20px;
  overflow: hidden;
}

.recBox03 .ttl {
  position: relative;
  padding-bottom: 5px;
}

.recBox03 .ttl .txt {
  width: 480px;
  font-size: 146.666666%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .recBox03 .ttl .txt {
    font-size: 1.7rem;
  }
}

.recBox03 .ttl .ico {
  position: absolute;
  top: 5px;
  right: 0;
}

/* textBox01 */
.textBox01 {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}

.textBox01 .text {
  font-size: 106.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .textBox01 .text {
    font-size: 1.4rem;
  }
}

.textBox01 .ico {
  position: absolute;
  top: 5px;
  right: 0;
}

@media only screen and (max-width: 768px) {
  .textBox01 .ico {
    position: static;
    text-align: right;
  }
}

/* boxStyle02 */
.boxStyle02 {
  padding-bottom: 15px;
  margin-bottom: 20px;
  background: #eee;
}

.boxStyle02 h4.ttl02 {
  padding-bottom: 6px;
  margin-bottom: 18px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat 22px bottom;
}

.boxStyle02 h4.ttl02 span {
  display: block;
  padding: 9px 15px;
  background-color: #6a6a6a;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
}

.boxStyle02 .textBox {
  padding: 0 22px;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .boxStyle02 .textBox {
    font-size: inherit;
  }
}

/* boxStyle03 */
.boxStyle03 {
  padding: 15px 22px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 {
    padding: 15px;
  }
}

.boxStyle03 h4.ttl05 {
  padding-bottom: 6px;
  margin-bottom: 10px;
  background: url(/svcsol/common/images/com_h_bg005.gif) no-repeat 22px bottom;
}

.boxStyle03 h4.ttl05 span.bg {
  display: block;
  padding: 5px 0 9px;
  border-bottom: 1px solid #ddd;
  line-height: 1.2;
  font-weight: bold;
}

.boxStyle03 h4.ttl05 span.cate {
  margin-right: 20px;
}

.boxStyle03 .dotList {
  line-height: 2;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .dotList {
    font-size: 1.4rem;
  }
}

.boxStyle03 .dotList li {
  padding: 0 0 0 18px;
  background: url(/svcsol/common/images/com_dot01.gif) no-repeat left 0.8em;
}

.boxStyle03 .note {
  line-height: 2;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .note {
    font-size: inherit;
  }
}

.boxStyle03 .note li {
  padding: 0 0 0 1.5em;
}

.boxStyle03 .note li span {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  margin-left: -1.5em;
}

.boxStyle03 .txtBox_imgL {
  padding: 6px 0;
}

.boxStyle03 .txtBox_imgL .imgL {
  float: left;
  margin-right: 36px;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .txtBox_imgL .imgL {
    float: none;
    margin: 0 0 15px;
    text-align: center;
  }
}

.boxStyle03 .txtBox_imgL .colR {
  display: table-cell;
  float: none;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .txtBox_imgL .colR {
    display: block;
  }
}

.boxStyle03 .txtBox_imgL .title {
  line-height: 1.7;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .txtBox_imgL .title {
    font-size: 1.4rem;
  }
}

.boxStyle03 .txtBox_imgL .text {
  line-height: 1.7;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .boxStyle03 .txtBox_imgL .text {
    font-size: 1.4rem;
  }
}

/*boxStyle03--Padding narrow*/
.boxStyle03_pn {
  padding: 6px;
  margin-bottom: 20px;
  border: 1px solid #d1d1d1;
}

/* boxStyle04 for twoCol02  */
.boxStyle04 h4.title span.noicon {
  display: block;
  padding: 0 10px;
  background: none;
}

.boxStyle04 h4.title span.bgh {
  background: #6a6a6a;
  color: #fff;
  display: block;
  font-size: 106.666666%;
  font-weight: bold;
  line-height: 1.2;
  padding: 17px 5px;
}

@media only screen and (max-width: 768px) {
  .boxStyle04 h4.title span.bgh {
    font-size: 1.3rem;
  }
}

/* boxStyle04 for twoCol03,threeCol01  */
.boxStyle04 {
  padding-bottom: 15px;
  border: 1px solid #ddd;
  border-top: none;
}

@media only screen and (max-width: 768px) {
  .boxStyle04 {
    box-sizing: content-box;
  }
}

.boxStyle04 h4.title {
  padding-bottom: 10px;
  background: #fff;
}

.boxStyle04 h4.title a {
  display: block;
  color: #fff;
}

.boxStyle04 h4.title span.bgB {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat 22px bottom;
}

.boxStyle04 h4.title span.bg {
  display: block;
  padding: 9px 5px;
  background: #6a6a6a;
  line-height: 1.2;
  font-size: 106.666666%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .boxStyle04 h4.title span.bg {
    font-size: 1.3rem;
  }
}

.boxStyle04 h4.title a:hover span.bgB {
  background: url(/svcsol/common/images/com_h_bg006.gif) no-repeat 22px bottom;
}

.boxStyle04 h4.title a:hover span.bg {
  background: #999;
}

.boxStyle04 h4.title span.icon {
  display: block;
  padding: 0 10px;
  background: url(/svcsol/common/images/com_ic001on.png) no-repeat right center;
}

/* boxStyle05 for twoCol03,threeCol01  */
.boxStyle05 {
  position: relative;
  border-top: none;
}

.boxStyle05 a:not(:hover) {
  color: #333;
}

.boxStyle05 h4.title {
  background: #fff;
}

.boxStyle05 h4.title a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.boxStyle05 h4.title span.bgB {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg009_01.png) no-repeat 32px bottom;
}

.boxStyle05 h4.title span.bg {
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 8px 10px 8px 15px;
  background: #f1f3f3 url(/svcsol/common/images/com_h_bg009.gif) repeat-x left bottom;
  line-height: 1.4;
  font-size: 113.333333%;
  font-weight: bold;
  color: #3d4e56;
}

@media only screen and (max-width: 768px) {
  .boxStyle05 h4.title span.bg {
    font-size: 1.4rem;
  }
}

.boxStyle05 h4.title a:hover span.bgB {
  background: url(/svcsol/common/images/com_h_bg006.gif) no-repeat 32px bottom;
}

.boxStyle05 h4.title a:hover span.bg {
  background: #999;
}

.boxStyle05 h4.title span.icon {
  display: table-cell;
  padding: 0 20px 0 0px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  vertical-align: middle;
}

h4.title .bg03 {
  display: block;
  padding: 5px 0 5px 35px;
  background: url(/svcsol/common/images/com_ico013.png) no-repeat left center;
  color: #d4123f;
}

.boxStyle05 .txtBox {
  box-sizing: content-box;
  position: relative;
  margin-top: -6px;
  padding: 10px 15px 25px 15px;
  border: 1px solid #ddd;
  border-top: none;
}

.boxStyle05 .category {
  position: absolute;
  right: 1px;
  bottom: 1px;
  padding: 2px 10px;
  background: #f1f3f3;
  font-size: 80%;
  color: #3e4e57;
}

@media only screen and (max-width: 768px) {
  .boxStyle05 .category {
    font-size: inherit;
  }
}

.boxStyle05 .txtBox01 {
  position: relative;
  margin-top: -6px;
  border: 1px solid #ddd;
  border-top: none;
}

.boxStyle05 .txtBox01 .txt04 {
  padding: 10px 15px 10px 15px;
}

/*--personal Link--*/
.boxStyle05 a.linkBox01 {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: 212px;
  border: solid 1px #dddddd;
  text-decoration: none;
}

.boxStyle05 a.linkBox01:hover {
  background-color: #f1f3f3;
}

.boxStyle05 a.linkBox01:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.boxStyle05 a.linkBox01 span.linkmark {
  display: block;
  margin: 0;
  padding: 0 10px 0 15px;
}

.boxStyle05 a.linkBox01 span.imageBox {
  display: block;
  margin: 0 0 10px 0;
}

.boxStyle05 a.linkBox01 span.head04 {
  display: block;
  color: #3d4e56;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 5px;
  padding-left: 11px;
}

@media only screen and (max-width: 768px) {
  .boxStyle05 a.linkBox01 span.head04 {
    font-size: 1.5rem;
  }
}

@-moz-document url-prefix() {
  .boxStyle05 a.linkBox01 span.head04 {
    font-size: 120%;
  }
  @media only screen and (max-width: 768px) {
    .boxStyle05 a.linkBox01 span.head04 {
      font-size: 1.5rem;
    }
  }
}

.boxStyle05 a.linkBox01 span.head04:after {
  content: " ";
  background: url(/common/images/com_icn05.png) no-repeat 4px 0px;
  display: inline-block;
  width: 16px;
  height: 14px;
}

.boxStyle05 a.linkBox01 span.explain04 {
  display: block;
  line-height: 1.4;
}

/* boxStyle06 */
.boxStyle06 {
  padding: 10px 22px;
  background: #f1f3f3;
  border-top: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  .boxStyle06 {
    padding: 8px 16px;
  }
}

.boxStyle06 h4.title {
  padding-bottom: 6px;
  margin-bottom: 2px;
  background: url(/svcsol/common/images/com_h_bg010.png) no-repeat 22px bottom;
}

.boxStyle06 h4.title span.bg {
  display: block;
  padding: 5px 0 9px;
  border-bottom: 1px solid #d1d1d1;
  line-height: 1.2;
}

.boxStyle06 .link a {
  background: url(/common/images/com_icn01.png) no-repeat scroll left 0.4em transparent;
  display: block;
  padding: 0 12px 10px;
  margin-top: 0;
  font-size: 113.333333%;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .boxStyle06 .link a {
    font-size: 1.4rem;
  }
}

.boxStyle06 .textLink {
  padding: 0 0 5px 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.6;
}

.boxStyle06 .textLink span.name {
  display: block;
  font-weight: bold;
}

.boxStyle06 .textLink span.link {
  display: block;
}

/* boxStyle07 */
.boxStyle07 {
  position: relative;
  border-top: none;
}

.boxStyle07 h4.title {
  background: #fff;
}

.boxStyle07 h4.title a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.boxStyle07 h4.title a:hover {
  text-decoration: none;
}

.boxStyle07 h4.title span.bgB {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg009_01.png) no-repeat 32px bottom;
}

.boxStyle07 h4.title span.bg {
  display: table;
  width: calc(100% - 15px);
  padding: 7px 10px 10px 5px;
  background: #f1f3f3 url(/svcsol/common/images/com_h_bg009.gif) repeat-x left bottom;
  line-height: 1.4;
  font-size: 113.333333%;
  font-weight: bold;
  color: #3d4e56;
}

@media only screen and (max-width: 768px) {
  .boxStyle07 h4.title span.bg {
    width: 100%;
    font-size: 1.4rem;
  }
}

.boxStyle07 h4.title a:hover span.bgB {
  background: url(/svcsol/common/images/com_h_bg006.gif) no-repeat 32px bottom;
}

.boxStyle07 h4.title a:hover span.bg {
  background: #999;
}

.boxStyle07 h4.title span.icon {
  display: table-cell;
  padding: 0 10px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  vertical-align: middle;
}

.boxStyle07 .textBox {
  position: relative;
  display: table;
  width: calc(100% - 42px);
  padding: 15px 20px;
  margin-top: -6px;
  border: 1px solid #d1d1d1;
  border-top: none;
}

@media only screen and (max-width: 768px) {
  .boxStyle07 .textBox {
    width: 100%;
    padding: 15px;
  }
}

.boxStyle07 .textBox .img {
  display: table-cell;
  vertical-align: middle;
}

.boxStyle07 .textBox .text {
  display: table-cell;
  padding: 0 13px;
  font-size: 93.333333%;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .boxStyle07 .textBox .text {
    padding: 0 0 0 10px;
    font-size: inherit;
  }
}

.boxStyle07 .tableBox02 {
  position: relative;
  display: table;
  width: 303px;
  padding: 15px;
  margin-top: -6px;
  border: 1px solid #d1d1d1;
  border-top: none;
}

.boxStyle07 .tableBox02 .img {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.boxStyle07 .tableBox02 .text {
  display: table-cell;
  padding: 0 13px;
  font-size: 93.333333%;
  font-weight: normal;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .boxStyle07 .tableBox02 .text {
    font-size: inherit;
  }
}

/* boxStyle08 */
.boxStyle08 {
  border: 1px solid #ddd;
}

h4.subtitle {
  padding: 8px 12px 15px 12px;
  background: url(../images/com_h_bg011.gif) no-repeat left bottom;
  color: #7c5b83;
  font-size: 113.333333%;
  line-height: 1.4;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  h4.subtitle {
    font-size: 1.4rem;
  }
}

.boxStyle08 .box {
  padding: 0 20px;
}

.boxStyle08 .box .text {
  padding-bottom: 5px;
  line-height: 1.6;
}

/* boxStyle09 */
.boxStyle09 {
  padding: 0 12px;
  margin-top: -6px;
  border: 1px solid #ddd;
  border-top: none;
}

/* boxStyle10 */
.boxStyle10 {
  padding-bottom: 20px;
}

.boxStyle10 .txtBox {
  position: relative;
  margin-top: -6px;
  padding: 10px 15px 25px 15px;
  border: 1px solid #ddd;
  border-top: none;
}

/* boxStyle11 */
.boxStyle11 {
  width: 337px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .boxStyle11 {
    width: auto;
  }
}

.boxStyle11 img {
  border: 1px solid #dddddd;
}

@media only screen and (max-width: 768px) {
  .boxStyle11 img {
    box-sizing: content-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.boxStyle11 p {
  margin-top: 5px;
}

/* boxStyle12*/
.boxStyle12 {
  position: relative;
  padding-right: 100px;
}

.boxStyle12 .img {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* boxStyle13 for twoCol14  */
.boxStyle13 {
  padding-bottom: 10px;
}

.boxStyle13 h4.title {
  padding-bottom: 10px;
  background: #fff;
}

.boxStyle13 h4.title span.bgG {
  display: block;
  padding: 9px 5px;
  background-color: #6a6a6a;
  line-height: 1.2;
  font-size: 113.333333%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .boxStyle13 h4.title span.bgG {
    font-size: 1.4rem;
  }
}

.boxStyle13 h4.title span.bgR {
  display: block;
  padding: 9px 5px;
  background-color: #DA1949;
  line-height: 1.2;
  font-size: 113.333333%;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .boxStyle13 h4.title span.bgR {
    font-size: 1.4rem;
  }
}

/*------------------------------------------
   コーナーわけのBOXと見出し(共通利用可能)
--------------------------------------------*/
.boxStyle15 {
  margin: 0;
  padding: 16px;
  background-color: #E9EBEB;
}

.boxStyle15 h4.boxtitle01 {
  padding: 9px 15px;
  background: url(/svcsol/common/images/com_h_bg003.gif) no-repeat left 2px;
  line-height: 1.6;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .boxStyle15 h4.boxtitle01 {
    font-size: 1.4rem;
  }
}

/*------------------------------------------
   コーナーわけのBOX:囲い線のみ(共通利用可能)
--------------------------------------------*/
.boxStyle16 {
  margin: 0;
  padding: 15px;
  border: solid 1px #dddddd;
}

/*------------------------------------
    画像の解説/コラムのBOX
--------------------------------------*/
.boxStyle14 {
  padding: 8px 12px;
  border: 1px solid #dddddd;
}

.boxStyle14 ol {
  list-style-type: decimal;
  margin-left: 18px;
}

/* gioBox */
.gioBox {
  position: relative;
}

.gioBox .btnA {
  position: absolute;
  left: 80px;
  top: 74px;
}

.gioBox .btnB {
  position: absolute;
  left: 80px;
  top: 119px;
}

.gioBox .btnC {
  position: absolute;
  left: 80px;
  top: 164px;
}

.gioBox .btnD {
  position: absolute;
  left: 264px;
  top: 74px;
}

.gioBox .btnE {
  position: absolute;
  left: 264px;
  top: 119px;
}

.gioBox .btnF {
  position: absolute;
  left: 264px;
  top: 164px;
}

.gioBox .btnG {
  position: absolute;
  left: 448px;
  top: 74px;
}

.gioBox .btnH {
  position: absolute;
  left: 448px;
  top: 119px;
}

.gioBox .btnI {
  position: absolute;
  left: 448px;
  top: 164px;
}

/*  twoColumn
=========================================*/
.twoColumn01 {
  margin-bottom: 20px;
  overflow: hidden;
}

.twoColumn01 .colL,
.twoColumn01 .colR {
  width: 438px;
}

@media only screen and (max-width: 768px) {
  .twoColumn01 .colL,
  .twoColumn01 .colR {
    float: none;
    width: 100%;
  }
}

/*  twoCol
=========================================*/
/* twoCol01 */
.twoCol01 {
  margin-bottom: 18px;
}

.twoCol01 .colL,
.twoCol01 .colR {
  width: 438px;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .colL,
  .twoCol01 .colR {
    float: none;
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .twoCol01 .colL + .colR {
    margin-top: 10px;
  }
}

.twoCol01 h2.ttl01, .twoCol01 h2.ttl02, .twoCol01
h2.agr_chapter, .twoCol01
h2.agr_suppl {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 4px solid #eee;
  border-bottom: 4px solid #eee;
  background-color: rgba(255, 255, 255, 0);
  font-size: 18px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .twoCol01 h2.ttl01, .twoCol01 h2.ttl02, .twoCol01
  h2.agr_chapter, .twoCol01
  h2.agr_suppl {
    font-size: 1.5rem;
  }
}

.twoCol01 h2.ttl01::before, .twoCol01 h2.ttl02::before, .twoCol01
h2.agr_chapter::before, .twoCol01
h2.agr_suppl::before, .twoCol01 h2.ttl01::after, .twoCol01 h2.ttl02::after, .twoCol01
h2.agr_chapter::after, .twoCol01
h2.agr_suppl::after {
  display: none;
}

.ttl-comb01, .ttl-comb02 {
  position: relative;
  margin-top: 2em;
  padding: 12px 16px;
  margin-bottom: 26px;
  border-top: 4px solid #8a0404;
  border-bottom: 4px solid #eee;
  line-height: 1.6;
  color: #8a0404;
  font-size: 146.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .ttl-comb01, .ttl-comb02 {
    height: auto !important;
    font-size: 1.7rem;
  }
}

.ttl-comb02 {
  border-top-color: #012c6d;
  color: #012c6d;
}

.twoCol01 .ttl-comb01, .twoCol01 .ttl-comb02,
.twoCol01 .ttl-comb02 {
  font-size: 18px;
  text-align: center;
}

.twoCol01 .ttl {
  position: relative;
  z-index: 5;
  padding: 9px 14px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #eee;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .ttl {
    box-sizing: content-box;
    font-size: inherit;
  }
}

.twoCol01 .ttl_bg01 {
  background-color: #f7ecef;
}

.twoCol01 .ttl_bg02 {
  background-color: #f8eefa;
}

.twoCol01 .ttl_bg03 {
  background-color: #f1edfd;
}

.twoCol01 .ttl_bg04 {
  background-color: #f2f5e7;
}

.twoCol01 .ttl_bg05 {
  background-color: #feefdd;
}

.twoCol01 .ttl_bg06 {
  background-color: #ebf4f9;
}

.twoCol01 .ttl_bg07 {
  background-color: #e9f6f9;
}

.twoCol01 .ttl_bg08 {
  background-color: #e6f7f3;
}

.twoCol01 .ttl_bg09 {
  background-color: #ecf2f9;
}

.twoCol01 .ttl_bg10,
.twoCol01 .ttl_bg010 {
  background-color: #fff4de;
}

.twoCol01 .ttl_bg11 {
  background-color: #fef5d4;
}

.twoCol01 .box {
  border: 1px solid #d9d9d9;
  border-top: none;
}

.twoCol01 .box:hover {
  background: #f1f3f3;
  cursor: pointer;
}

.twoCol01 .box a {
  text-decoration: none;
}

.twoCol01 .box a:not(:hover) {
  color: #333;
}

.twoCol01 .link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .link {
    box-sizing: content-box;
  }
}

.twoCol01 .link .linktxt {
  flex: 1;
  padding: 0 20px 0 0;
  padding: .75em 20px .75em 33px;
  background: url(/common/images/com_icn01.png) no-repeat 14px 1.125em;
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .link .linktxt {
    background-position: 14px 1.0625em;
    font-size: 1.3rem;
  }
}

.twoCol01 a:hover .link .linktxt {
  background-image: url(/common/images/com_icn79.png);
}

.twoCol01 .link .linktxt span.ico {
  padding-right: 20px;
  background: url(/common/images/com_icn05.png) no-repeat right 0.5em;
}

.twoCol01 .link .img {
  width: 75px;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .link .img {
    width: 60px;
  }
}

.twoCol01 .link .img img {
  width: 75px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .link .img img {
    width: 60px;
  }
}

.twoCol01 .txt {
  padding: 9px 14px;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol01 .txt {
    height: auto !important;
    font-size: inherit;
  }
}

.twoCol01 .link + .txt {
  border-top: 1px dotted #d9d9d9;
}

/* twoCol02 */
.twoCol02 {
  overflow: hidden;
}

.twoCol02 .colL,
.twoCol02 .colR {
  width: 330px;
  padding: 0 20px 0 0;
}

/*--box内の2カラム--*/
.twoCol02 .colL_inbox,
.twoCol02 .colR_inbox {
  width: 47.4%;
}

@media only screen and (max-width: 768px) {
  .twoCol02 .colL_inbox,
  .twoCol02 .colR_inbox {
    float: none;
    width: auto !important;
  }
}

.twoCol02 .colL_inbox {
  padding: 0 10px 0 0;
}

@media only screen and (max-width: 768px) {
  .twoCol02 .colL_inbox {
    padding-right: 0;
  }
}

.twoCol02 .colR_inbox {
  padding: 0 0 0 10px;
}

@media only screen and (max-width: 768px) {
  .twoCol02 .colR_inbox {
    padding-left: 0;
  }
}

/* twoCol02_01 */
.twoCol02_01 {
  overflow: hidden;
}

.twoCol02_01 .colL,
.twoCol02_01 .colR {
  width: 47.4%;
}

/* twoCol03 */
.twoCol03 {
  padding-bottom: 20px;
}

.twoCol03 .colL {
  float: left;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .colL {
    float: none;
  }
}

.twoCol03 .colR {
  float: right;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .colR {
    float: none;
  }
}

@media only screen and (max-width: 768px) {
  .twoCol03 > .colL + .colR {
    margin-top: 20px;
  }
}

.twoCol03 .colL,
.twoCol03 .colR {
  width: 438px;
}

.listLink02 .twoCol03 .colL, .listLink02
.twoCol03 .colR {
  width: 430px;
}

@media only screen and (max-width: 768px) {
  .listLink02 .twoCol03 .colL, .listLink02
  .twoCol03 .colR {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  .twoCol03 .colL,
  .twoCol03 .colR {
    width: auto;
  }
}

/* ↓ add 20180713 for /svcsol/list/ and /svcsol/stop/ 用追加css start */
.section.fBox {
    overflow: hidden;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
}

.colServiceOne {
    width: 438px;
    margin: 0 36px 30px 0;
}
.colServiceOne:nth-child(even) {
    margin-right: 0;
}

@media only screen and (max-width: 768px) {
    .section.fBox {
        display: block;
    }
    .colServiceOne {
        width: auto;
        margin: 0 0 1.5rem 0;
    }

    .colServiceOne ul.linkList03 li {
        width: auto;
    }
}
/* ↑ add 20180713 /svcsol/list/ and /svcsol/stop/ 用追加css end */



.twoCol03 .boxStyle04 .txtBox {
  padding: 0 22px;
  line-height: 1.7;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox {
    font-size: inherit;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL01 {
  padding: 0 20px;
}

.twoCol03 .boxStyle04 .txtBox_imgL01 .imgL {
  float: left;
  width: 110px;
  padding-top: 20px;
  text-align: center;
}

.twoCol03 .boxStyle04 .txtBox_imgL01 .colR {
  float: right;
  width: 170px;
}

.twoCol03 .boxStyle04 .txtBox_imgL01 .modifyDate {
  padding-bottom: 3px;
  line-height: 1.7;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL01 .modifyDate {
    font-size: inherit;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL01 .text {
  padding-bottom: 5px;
  line-height: 1.7;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL01 .text {
    font-size: inherit;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL01 .linkBox a {
  display: inline-block;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.7;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL01 .linkBox a {
    font-size: inherit;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL02 {
  padding: 0 20px;
}

.twoCol03 .boxStyle04 .txtBox_imgL02 .imgL {
  float: left;
  margin-right: 36px;
  padding-top: 5px;
  font-size: 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL02 .imgL {
    float: none;
    margin: 0 0 10px;
    text-align: center;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL02 .colR {
  display: table-cell;
  float: none;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL02 .colR {
    display: block;
  }
}

.twoCol03 .boxStyle04 .txtBox_imgL02 .textBox {
  line-height: 1.7;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol03 .boxStyle04 .txtBox_imgL02 .textBox {
    font-size: inherit;
  }
}

/* txtBox_imgR */
.txtBox_imgR {
  padding-bottom: 25px;
}

.txtBox_imgR:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

.txtBox_imgR .title {
  padding-bottom: 12px;
  line-height: 1.6;
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .txtBox_imgR .title {
    font-size: 1.5rem;
  }
}

.txtBox_imgR .text {
  line-height: 1.7;
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .txtBox_imgR .text {
    font-size: 1.4rem;
  }
}

.txtBox_imgR .imgR {
  float: right;
  padding: 10px 0 15px 36px;
}

@media only screen and (max-width: 768px) {
  .txtBox_imgR .imgR {
    float: none;
    box-sizing: content-box;
    padding: 0;
    margin-bottom: 10px;
    text-align: center;
  }
}

.txtBox_imgR .imgR .photo {
  border: 0px solid #cfcdbf;
  font-size: 0;
}

/* txtBox_imgR01 */
.txtBox_imgR01 {
  padding: 5px 23px 10px 23px;
}

.txtBox_imgR01 .textBox {
  padding-bottom: 15px;
  line-height: 1.7;
}

.txtBox_imgR01 .imgR {
  float: right;
  margin-left: 36px;
}

@media only screen and (max-width: 768px) {
  .txtBox_imgR01 .imgR {
    float: none;
    margin-left: 0px;
    margin: 0 auto 20px;
  }
}

.txtBox_imgR01 .imgR .box03 {
  padding: 5px;
  background: #fff;
}

.txtBox_imgR01 .imgR .photo {
  padding-bottom: 5px;
  text-align: center;
}

.txtBox_imgR01 .imgR .text {
  line-height: 1.2;
  font-size: 86.666666%;
}

@media only screen and (max-width: 768px) {
  .txtBox_imgR01 .imgR .text {
    font-size: 1.3rem;
  }
}

.boxStyle02 .txtBox_imgR01 .textBox {
  padding: 0 0 15px 0;
}

/* twoCol04 */
.twoCol04 {
  margin-bottom: 20px;
  overflow: hidden;
}

.twoCol04 .colL,
.twoCol04 .colR {
  width: 440px;
}

@media only screen and (max-width: 768px) {
  .twoCol04 .colL,
  .twoCol04 .colR {
    float: none;
    width: 100%;
  }
}

.twoCol04 .box a {
  display: table;
  width: 100%;
  text-decoration: none;
}

.twoCol04 .box .img {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.twoCol04 .box .txt {
  display: table-cell;
  padding: 10px 14px;
  border: 1px solid #d1d1d1;
  border-left: 0;
  line-height: 1.4;
  vertical-align: middle;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol04 .box .txt {
    font-size: 1.4rem;
  }
}

.twoCol04 .box a:hover .txt {
  background: #d1d1d1;
}

.twoCol04 .box .txt01 {
  display: table-cell;
  padding: 10px 14px;
  line-height: 1.4;
  vertical-align: middle;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol04 .box .txt01 {
    font-size: 1.4rem;
  }
}

.twoCol04 .box a:hover .txt01 {
  background: #d1d1d1;
}

/* twoCol05 */
.twoCol05 {
  padding-bottom: 35px;
}

.twoCol05 .colL {
  float: left;
  width: 438px;
}

@media only screen and (max-width: 768px) {
  .twoCol05 .colL {
    float: none;
    width: auto;
  }
}

.twoCol05 .colR {
  float: right;
  width: 438px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .twoCol05 .colR {
    float: none;
    width: auto;
  }
}

.twoCol05 > .colL + .colR {
  margin-top: 20px;
}

.twoCol05 .title {
  padding-bottom: 10px;
  font-size: 120%;
  line-height: 1.9;
}

@media only screen and (max-width: 768px) {
  .twoCol05 .title {
    font-size: 1.5rem;
  }
}

.twoCol05 .text {
  font-size: 113.333333%;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .twoCol05 .text {
    font-size: 1.4rem;
  }
}

/* twoCol06 */
.twoCol06 {
  position: relative;
  margin-top: -6px;
  padding: 15px 15px 25px 12px;
  border: 1px solid #ddd;
  border-top: none;
}

.twoCol06 .colL {
  float: left;
  width: 70px;
}

@media only screen and (max-width: 768px) {
  .twoCol06 .colL {
    width: 47.4%;
  }
}

.twoCol06 .colR {
  float: right;
  width: 230px;
}

@media only screen and (max-width: 768px) {
  .twoCol06 .colR {
    width: 47.4%;
  }
}

/* twoCol06b */
.twoCol06b {
  display: flex;
  align-items: center;
}

.twoCol06b .img {
  font-size: 0;
}

.twoCol06b .text {
  flex: 1;
  margin-left: 15px;
}

/* twoCol06c */
.twoCol06c {
  position: relative;
  margin-top: -6px;
  padding: 15px 15px 25px 12px;
  border: 1px solid #ddd;
  border-top: none;
}

.twoCol06c .colL {
  float: left;
  width: 75px;
}

.twoCol06c .colR {
  float: right;
  width: 224px;
}

/* twoCol06d */
.twoCol06d {
  position: relative;
  margin-top: -6px;
  padding: 15px 15px 25px 15px;
  border: 1px solid #ddd;
  border-top: none;
}

@media only screen and (max-width: 768px) {
  .twoCol06d {
    box-sizing: content-box;
  }
}

.twoCol06d .colL {
  float: left;
  width: 102px;
}

@media only screen and (max-width: 768px) {
  .twoCol06d .colL {
    width: 47.4%;
  }
}

.twoCol06d .colR {
  float: right;
  width: 275px;
}

@media only screen and (max-width: 768px) {
  .twoCol06d .colR {
    width: 47.4%;
  }
}

/* twoCol07 */
.twoCol07 .colL {
  float: left;
  width: 47.4%;
}

.twoCol07 .colR {
  float: right;
  width: 47.4%;
}

.twoCol07 .colL .box,
.twoCol07 .colR .box {
  padding: 12px 8px 10px;
}

/* twoCol08 */
.twoCol08 {
  padding: 0 0 40px 0;
}

.twoCol08 .colL {
  float: left;
  width: 435px;
}

.twoCol08 .colR {
  float: right;
  width: 220px;
}

.twoCol08 .colR a.blockLink01 {
  text-decoration: none;
}

.twoCol08 .colR a.blockLink01:hover .block {
  text-decoration: underline;
}

.twoCol08 .colR a.blockLink01:hover .fontStyle06 {
  color: #f9327b;
  text-decoration: underline;
}

/* twoCol09 */
.twoCol09 {
  padding: 10px 15px;
  margin-top: -6px;
  border: 1px solid #ddd;
  border-top: none;
}

.twoCol09 .colL {
  float: left;
  width: 490px;
}

@media only screen and (max-width: 768px) {
  .twoCol09 .colL {
    width: 47.4%;
  }
}

.twoCol09 .colR {
  float: right;
  width: 160px;
  padding: 5px 0;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .twoCol09 .colR {
    width: 47.4%;
  }
}

/* twoCol10 */
.twoCol10 .photo {
  width: 218px;
  border: 1px solid #ddd;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .twoCol10 .photo {
    box-sizing: content-box;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .twoCol10 .colL {
    float: none;
  }
}

.twoCol10 .colR {
  float: right;
  width: 656px;
}

@media only screen and (max-width: 768px) {
  .twoCol10 .colR {
    float: none;
    width: auto;
    margin-top: 10px;
  }
}

.twoCol10 .colR .ttl {
  display: block;
  padding-bottom: 5px;
  font-size: 120%;
  line-height: 1.3;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .twoCol10 .colR .ttl {
    font-size: 1.5rem;
  }
}

.twoCol10 .colR .ttl a {
  display: block;
  padding: 0 0 0 15px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
}

.twoCol10 .colR .ttl a span {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

.twoCol10 .colR .txt {
  display: block;
  font-size: 113.333333%;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .twoCol10 .colR .txt {
    font-size: 1.4rem;
  }
}

/* twoCol11 */
.twoCol11 .colL {
  float: left;
  width: 230px !important;
}

.twoCol11 .colR {
  float: right;
  width: 70px;
}

/* twoCol12 */
.twoCol12 {
  margin-bottom: 35px;
  border: 1px solid #d1d1d1;
}

.twoCol12 .colL {
  float: left;
  width: 149px;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .twoCol12 .colL {
    width: 29.8%;
  }
}

.twoCol12 .colR {
  position: relative;
  width: 761px;
}

@media only screen and (max-width: 768px) {
  .twoCol12 .colR {
    width: 64.8%;
  }
}

.twoCol12 .colR .inner {
  padding: 12px 20px;
}

@media only screen and (max-width: 768px) {
  .twoCol12 .colR .inner {
    padding-left: 0;
    padding-bottom: 30px;
  }
}

.twoCol12 .colR .category {
  position: absolute;
  bottom: 0px;
  right: 0;
  padding: 5px 10px;
  background: #f1f3f3;
  color: #3e4e57;
  font-size: 80%;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .twoCol12 .colR .category {
    font-size: inherit;
  }
}

/* twoCol13 */
.twoCol13 {
  margin-bottom: 20px;
  overflow: hidden;
}

.twoCol13 .colL,
.twoCol13 .colR {
  width: 340px;
  border: 1px solid #d1d1d1;
}

.twoCol13 .box a {
  display: table;
  width: 100%;
}

.twoCol13 .box .img {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
}

.twoCol13 .box .txt {
  display: table-cell;
  padding: 10px 14px;
  border: 1px solid #d1d1d1;
  border-left: 0;
  line-height: 1.4;
  vertical-align: middle;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol13 .box .txt {
    font-size: 1.4rem;
  }
}

.twoCol13 .box a:hover .txt {
  background: #d1d1d1;
}

.twoCol13 .box .txt01 {
  display: table-cell;
  padding: 10px 14px;
  line-height: 1.4;
  vertical-align: middle;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .twoCol13 .box .txt01 {
    font-size: 1.4rem;
  }
}

.twoCol13 .box a:hover .txt01 {
  background: #d1d1d1;
}

/* twoCol14 */
.twoCol14 {
  padding-bottom: 20px;
}

.twoCol14 .colL {
  float: left;
}

.twoCol14 .colR {
  float: right;
}

.twoCol14 .colL {
  width: 438px;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .colL {
    float: none;
    width: auto;
  }
}

.twoCol14 .colR {
  width: 438px;
  padding-left: 24px;
  background: url(/svcsol/common/images/com_befor001.gif) no-repeat left 50%;
}
/* Added 20171227 only /svcsol/case/u-tokyo.html */
div.twoCol14 div.oneCol {
    width: 100%;
    float: none;
    background-image: none;
    margin: 0 auto;
    padding-left: 0;
}
div.twoCol14 div.oneCol:before {
    content: '';
    display: none;
}
/*  */


@media only screen and (max-width: 768px) {
  .twoCol14 .colR {
    float: none;
    width: auto;
    padding: 0;
    background-image: none;
  }
  .twoCol14 .colR::before {
    content: url(/svcsol/common/images/com_befor001.gif);
    display: inline-block;
    position: relative;
    left: 48%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
}

.twoCol14 .colL .boxStyle13 {
  border: 1px solid #6a6a6a;
  border-top: none;
}

.twoCol14 .colR .boxStyle13 {
  border: 1px solid #DA1949;
  border-top: none;
}

.twoCol14 .boxStyle13 .txtBox {
  padding: 0 8px 0 8px;
  line-height: 1.7;
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .boxStyle13 .txtBox {
    padding-bottom: 8px;
    font-size: 1.3rem;
  }
}

.twoCol14 .colL .boxStyle13 .txtBox ul {
  padding-left: 5px;
}

.twoCol14 .colL .boxStyle13 .txtBox li {
  background: url(/svcsol/common/images/com_dot03.png) no-repeat left 0.6em;
  padding: 0 0 5px 13px;
}

.twoCol14 .colR .boxStyle13 .txtBox ul {
  padding-left: 5px;
}

.twoCol14 .colR .boxStyle13 .txtBox li {
  background: url(/svcsol/common/images/com_dot02.png) no-repeat left 0.6em;
  padding: 0 0 5px 13px;
}

/* threeCol
========================================*/
/*threeCol01*/
.threeCol01 .colL {
  float: left;
  width: 222px;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .colL {
    float: none;
    width: auto;
  }
}

.threeCol01 .colC {
  float: left;
  width: 222px;
  padding-left: 17px;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .colC {
    float: none;
    width: auto;
    padding: 0;
  }
}

.threeCol01 .colR {
  float: right;
  width: 222px;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .colR {
    float: none;
    width: auto;
  }
}

.threeCol01 .boxStyle04 .linkList {
  padding: 0 10px;
  margin-bottom: 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .boxStyle04 .linkList {
    font-size: inherit;
  }
}

.threeCol01 .boxStyle04 .linkList li {
  padding-bottom: 0;
}

.threeCol01 .boxStyle05 {
  padding-bottom: 30px;
}

.threeCol01 .boxStyle05 a {
  display: block;
  text-decoration: none;
}

.threeCol01 .boxStyle05 a:hover {
  text-decoration: underline;
}

.threeCol01 .boxStyle05 .photo {
  display: block;
  border: 1px solid #dddddd;
}

.threeCol01 .boxStyle05 .company {
  display: block;
  padding: 15px 0 10px;
  line-height: 1.1;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .boxStyle05 .company {
    font-size: 1.4rem;
  }
}

.threeCol01 .boxStyle05 .text {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .threeCol01 .boxStyle05 .text {
    font-size: inherit;
  }
}

/*threeCol02*/
.threeCol02 {
  margin-bottom: 20px;
  overflow: hidden;
}

.threeCol02 .colL {
  float: left;
  width: 280px;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .colL {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
}

.threeCol02 .colC {
  float: left;
  width: 280px;
  padding-left: 36px;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .colC {
    float: none;
    width: auto;
    margin-bottom: 20px;
    padding-left: 0;
  }
}

.threeCol02 .colR {
  float: right;
  width: 280px;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .colR {
    float: none;
    width: auto;
  }
}

.threeCol02 .ttl {
  display: block;
  padding-bottom: 6px;
  background: url(/svcsol/common/images/com_h_bg004_01.png) no-repeat center bottom;
}

.threeCol02 .ttl p {
  display: table;
  width: 100%;
  background: #6a6a6a;
  text-align: center;
}

.threeCol02 .ttl p span {
  display: table-cell;
  padding: 10px 20px;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 93.333333%;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .ttl p span {
    font-size: inherit;
  }
}

.threeCol02 .box {
  padding: 14px;
  margin-top: -6px;
  border: 1px solid #d1d1d1;
  border-top: 0;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .box {
    box-sizing: content-box;
    font-size: inherit;
  }
}

.threeCol02 .photo01 {
  padding-bottom: 15px;
  text-align: center;
}

.threeCol02 .cate01 {
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .cate01 {
    font-size: 1.5rem;
  }
}

.threeCol02 .text01 {
  font-size: 113.333333%;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .threeCol02 .text01 {
    font-size: 1.4rem;
  }
}

/*threeCol03*/
.threeCol03 .item {
  float: left;
  width: 280px;
  margin-right: 36px;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .item {
    float: none;
    width: auto;
    margin-right: 0;
  }
}

.threeCol03 .last {
  margin-right: 0;
}

.threeCol03 .boxStyle04 .linkList {
  padding: 0 10px;
  margin-bottom: 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle04 .linkList {
    font-size: inherit;
  }
}

.threeCol03 .boxStyle04 .linkList li {
  padding-bottom: 0;
}

.threeCol03 .boxStyle05 {
  padding-bottom: 30px;
}

.threeCol03 .boxStyle05 a {
  display: block;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle05 a {
    padding-left: 110px;
    position: relative;
    min-height: 81px;
  }
}

.threeCol03 .boxStyle05 a:hover {
  text-decoration: underline;
}

.threeCol03 .boxStyle05 .photo {
  display: block;
  text-align: center;
border: 1px solid #dddddd;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle05 .photo {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.threeCol03 .boxStyle05 .photo img {
padding: 0 28px;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle05 .photo img {
    width: 100px;
  }
}

.threeCol03 .boxStyle05 .company {
  display: block;
  padding: 15px 0 10px;
  line-height: 1.1;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle05 .company {
    box-sizing: content-box;
    padding-top: 0;
    font-size: 1.4rem;
  }
}

.threeCol03 .boxStyle05 .text {
  display: block;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .threeCol03 .boxStyle05 .text {
    height: auto !important;
    box-sizing: content-box;
    font-size: inherit;
  }
}

/* btnList01 */
.btnList01 {
  font-size: 0;
}

.btnList01 li {
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .btnList01 li {
    padding-right: 5px;
    margin-bottom: 5px;
  }
}

@media print, screen and (min-width: 769px) {
  .btnList02 + .btnList01 {
    margin-top: -10px;
  }
}

#contents .btnList01 a {
  background: url(/svcsol/common/images/com_ic009.png) no-repeat right 8px center;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 8px 24px 8px 8px;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #contents .btnList01 a {
    padding: 5px 14px 5px 5px;
    background-position: right 4px center;
    background-size: 8px auto;
    font-size: 1rem;
  }
}

#contents .btnList01 a.cloud {
  background-color: #d4123f;
}

#contents .btnList01 a.cloud:hover {
  background-color: #eb063f;
}

#contents .btnList01 a.internet {
  background-color: #7c5b83;
}

#contents .btnList01 a.internet:hover {
  background-color: #8e6696;
}

#contents .btnList01 a.mobile {
  background-color: #9f96bd;
}

#contents .btnList01 a.mobile:hover {
  background-color: #b3a9d3;
}

#contents .btnList01 a.iot {
  background-color: #e98f8f;
}

#contents .btnList01 a.iot:hover {
  background-color: #efbcbc;
}

#contents .btnList01 a.security {
  background-color: #a7bc5b;
}

#contents .btnList01 a.security:hover {
  background-color: #bad063;
}

#contents .btnList01 a.mailweb {
  background-color: #da9a4b;
}

#contents .btnList01 a.mailweb:hover {
  background-color: #ebaf4c;
}

#contents .btnList01 a.datacenter {
  background-color: #67a8cf;
}

#contents .btnList01 a.datacenter:hover {
  background-color: #72bce3;
}

#contents .btnList01 a.network {
  background-color: #006f8c;
}

#contents .btnList01 a.network:hover {
  background-color: #007ea1;
}

#contents .btnList01 a.global {
  background-color: #4d9988;
}

#contents .btnList01 a.global:hover {
  background-color: #53ae9a;
}

#contents .btnList01 a.si {
  background-color: #417dbe;
}

#contents .btnList01 a.si:hover {
  background-color: #448bd9;
}

#contents .btnList01 a.industry {
  background-color: #896c31;
}

#contents .btnList01 a.industry:hover {
  background-color: #9c7c32;
}

#contents .btnList01 a.cdn {
  background-color: #e1b200;
}

#contents .btnList01 a.cdn:hover {
  background-color: #e7c033;
}

/* btnList02 */
.btnList02 {
  margin-bottom: 1px;
  text-align: right;
  font-size: 0;
}

.btnList02 li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

@media only screen and (max-width: 768px) {
  .btnList02 li {
    margin: 0 5px 5px 0;
  }
}

.btnList02 li span,
.btnList02 li a {
  display: block;
  padding: 7px;
  border: 1px solid #8b8b8b;
  color: #333;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .btnList02 li span,
  .btnList02 li a {
    padding: 4px;
    font-size: 1rem;
  }
}

.btnList02 li a:hover {
  border-color: #d7083b;
  color: #d7083b;
}

/* pageList */
.pageList {
  padding: 10px 0 10px 15px;
  margin: 15px 0 20px 0;
  background: #f0f3f3;
  overflow: hidden;
}

.pageList li {
  display: inline;
  margin: 0 60px 0 0;
  line-height: 1.4;
}

.pageList li a {
  padding: 0 0 0 15px;
  background: url(/svcsol/common/images/com_ic005.png) no-repeat 0 0.3em;
}

/* pageList01 */
.pageList01 {
  padding: 10px 15px 0 15px;
  margin: 15px 0 20px;
  background: #f0f3f3;
  overflow: hidden;
}

.pageList01 li {
  float: left;
  width: 210px;
  padding: 0 10px 10px 0;
  line-height: 1.4;
}

.pageList01 li a {
  padding: 0 0 0 15px;
  background: url(/svcsol/common/images/com_ic005.png) no-repeat 0 0.5em;
}

/* pageList02 */
.pageList02 {
  padding: 10px 12px 0 12px;
  margin: 15px 0 20px;
  background: #f0f3f3;
  overflow: hidden;
}

.pageList02 li {
  float: left;
  width: 159px;
  padding: 0 10px 10px 0;
  line-height: 1.4;
}

.pageList02 li a {
  padding: 0 0 0 15px;
  background: url(/svcsol/common/images/com_ic005.png) no-repeat 0 0.3em;
}

/* pageList03 */
.pageList03 {
  padding: 10px 0 10px 15px;
  margin: 15px 0 20px 0;
  background: #f0f3f3;
  overflow: hidden;
}

.pageList03 li {
  display: inline;
  margin: 0 45px 0 0;
  line-height: 1.4;
}

.pageList03 li a {
  padding: 0 0 0 15px;
  background: url(/svcsol/common/images/com_ic005.png) no-repeat 0 0.3em;
}

/*---general liststyle---*/
ul.general_List01 {
  padding-left: 8px;
  list-style-position: inside;
  list-style-type: none;
}

ul.general_List01 li {
  padding: 0 0 5px 18px;
  background: url(/svcsol/common/images/com_dot05.png) no-repeat 5px 0.7em;
}

/* show area (general-purpose)
background color only
----------------------------------*/
.show_areabox {
  padding: 11px;
  margin: 0;
  background-color: #f1f3f3;
}

/* for rightcolumn linklist Style
------------------------------------*/
#aside .side_linkList {
  margin-bottom: 16px;
  line-height: 1.4;
}

#aside .side_linkList li {
  padding: 0 0 8px 18px;
  background: url(/common/images/com_icn01.png) no-repeat 4px 3px;
}

#aside .side_linkList li a {
  text-decoration: none;
}

#aside .side_linkList li a:hover {
  text-decoration: underline;
}

#aside .side_linkList li a:active {
  text-decoration: underline;
}

#aside .side_childList {
  margin-bottom: -8px;
  margin-top: 8px;
  line-height: 1.4;
}

#aside .side_childList li {
  padding: 0 0 8px 18px;
  margin: 0;
  background: url(/common/images/com_icn08.png) no-repeat 5px 6px;
}

#aside .side_childList li a {
  text-decoration: none;
}

#aside .side_childList li a:hover {
  text-decoration: underline;
}

#aside .side_childList li a:active {
  text-decoration: underline;
}

/* newsList02 */
.newsList02 {
  padding-bottom: 20px;
}

.newsList02 li {
  padding: 0 0 5px 7em;
  line-height: 1.9;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .newsList02 li {
    box-sizing: content-box;
    padding: 0;
    margin: 0 0 .5em;
  }
}

.newsList02 li span.date {
  float: left;
  display: inline-block;
  width: 7em;
  margin: 0 0 0 -7em;
}

@media only screen and (max-width: 768px) {
  .newsList02 li span.date {
    float: none;
    box-sizing: content-box;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
  }
}

.newsList02 li a {
  position: relative;
  display: block;
  padding-left: 17px;
}

@media only screen and (max-width: 768px) {
  .newsList02 li a {
    position: relative;
    padding-left: 17px;
  }
}

.newsList02 li a::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: .5em;
  left: 0;
  width: 11px;
  height: 12px;
  background-image: url(/common/images/com_icn01.png);
  background-repeat: no-repeat;
}

.newsList02 li a img {
  padding-left: 5px;
  vertical-align: middle;
}

.newsList02 li a.pdf::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  margin-left: 4px;
  background-image: url(/common/images/com_icn06.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(-1px);
}

.newsList02 li a.blank::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-left: 4px;
  background-image: url(/common/images/com_icn05.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  transform: translateY(-1px);
}

/* faqList */
.faqList li {
  margin-bottom: 4px;
}

.col-round02 .faqList li a {
  display: inline-block;
  padding: 0 0 0 15px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  text-decoration: none;
}

.col-round02 .faqList li a:hover {
  text-decoration: underline;
}

.faqList li .question {
  display: block;
  padding: 17px 13px 17px 23px;
  background: #f1f3f3;
  font-size: 113.333333%;
  font-weight: bold;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .faqList li .question {
    font-size: 1.4rem;
  }
}

.faqList li .question span.qttl {
  padding-left: 5px;
}

.faqList li .answerBox {
  padding: 5px 23px 25px 23px;
}

.faqList li .answerBox .ttl {
  padding-bottom: 2px;
  font-size: 120%;
  font-weight: bold;
  color: #da1949;
}

@media only screen and (max-width: 768px) {
  .faqList li .answerBox .ttl {
    font-size: 1.5rem;
  }
}

.faqList li .answerBox .answer {
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .faqList li .answerBox .answer {
    font-size: inherit;
  }
}

/*with number list*/
ol.numbertype_list {
  list-style-type: decimal !important;
}

/*List-style non (common sub-class)*/
ul.snList li {
  background: none !important;
  padding: 0;
}

/* dlList
=================================*/
/* dlList01 */
.dlList01 {
  margin: 10px 0 0;
}

.dlList01 dt {
  font-weight: bold;
}

.dlList01 dd {
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList01 dd {
    padding-bottom: 14px;
    margin-bottom: 15px;
  }
}

/* dlList02 */
.dlList02 dt {
  margin-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  line-height: 1.4;
}

.dlList02 dt span.cate {
  display: inline-block;
  padding: 7px 12px;
  margin-right: 15px;
  background: #da0638;
  font-size: 93.333333%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .dlList02 dt span.cate {
    font-size: inherit;
  }
}

.dlList02 dt span.date {
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .dlList02 dt span.date {
    font-size: 1.4rem;
  }
}

.dlList02 dd {
  padding: 0 0 30px 15px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.7em;
}

.dlList02 dd div.link {
  padding-bottom: 5px;
  font-size: 113.333333%;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList02 dd div.link {
    font-size: 1.4rem;
  }
}

.dlList02 dd div.text {
  font-size: 93.333333%;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList02 dd div.text {
    font-size: inherit;
  }
}

/* dlList03 */
.dlList03 {
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #d1d1d1;
}

.dlList03 dt {
  float: left;
  width: 8em;
  padding-right: 1em;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList03 dt {
    font-size: inherit;
  }
}

.dlList03 dd {
  padding: 0 0 0 8em;
  background: url(/common/images/com_icn01.png) no-repeat 7em 0.3em;
  font-size: 93.333333%;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList03 dd {
    font-size: inherit;
  }
}

/* dlList04 */
.dlList04 {
  margin: 10px 0 0;
}

.dlList04 dt {
  font-weight: bold;
}

.dlList04 dd {
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.7;
}

@media only screen and (max-width: 768px) {
  .dlList04 dd {
    padding-bottom: 14px;
    margin-bottom: 15px;
  }
}

/* contact
=================================*/
@media only screen and (max-width: 768px) {
  #contentsContainer > .contact {
    margin-left: 18px;
    margin-right: 18px;
  }
}

@media only screen and (max-width: 768px) {
  #contentsContainer > .contact:last-child {
    margin-bottom: 40px;
  }
}

.contact {
  clear: both;
  max-width: 1200px;
  margin: 40px auto 0;
}

@media only screen and (max-width: 768px) {
  .contact {
    width: auto;
  }
}

.contact dt {
  position: relative;
}

.contact dt span {
  display: block;
  font-size: 72.222222%;
}

@media only screen and (max-width: 768px) {
  .contact dt span {
    font-size: 1.2rem;
  }
}

.contact dt:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-style: solid;
  border-color: transparent;
  width: 0;
  height: 0;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  border-width: 9px 8px 0px 8px;
  border-top-color: #000;
}

.contact dd {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-image: none;
  border: 1px solid #d1d1d1;
  border-top: none;
  background-color: #fff;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .contact dd {
    padding: 20px;
  }
}

.contact .contact-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .contact .contact-grid {
    display: block;
    padding-right: 0;
  }
}

.contact .txt01 {
  width: 37%;
  font-size: 12px;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .contact .txt01 {
    width: 100%;
  }
}

.contact .txt01 .btn {
  display: block;
  margin-top: 9px;
  height: 44px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .contact .txt01 .btn {
    height: 50px;
  }
}

.contact .txt01 .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff !important;
  font-size: 16px;
  background-color: #c6052c;
  text-decoration: none !important;
}

.contact .txt01 .btn a::before {
  content: url(/svcsol/common/images/contact_icn01.png);
  margin-right: 13px;
  margin-left: -8px;
}

.contact .txt01 .btn a:hover {
  background-color: #dc0632;
}

.contact .txt02 {
  line-height: 1;
  margin-left: 3%;
}

@media only screen and (max-width: 768px) {
  .contact .txt02 {
    margin-left: 0;
    margin-top: 15px;
  }
}

.contact .txt02 .t01 {
  display: block;
  font-size: 12px;
}

.contact .txt02 .t02 {
  display: block;
  margin: 11px 0 10px;
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .contact .txt02 .t02 {
    margin: 9px 0 8px;
  }
}

.contact .txt02 .t03 {
  font-size: 18px;
  font-weight: bold;
}

.contact .txt02 .t03::before {
  content: url(/svcsol/common/images/contact_icn02.png);
  margin-right: 7px;
}

.contact .txt02 .t04 {
  font-size: 10px;
}

.contact .txt03 {
  width: 100%;
  margin-top: 20px;
  padding: 15px;
  background: #f1f3f3;
  font-size: 93.333333%;
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .contact .txt03 {
    order: 4;
  }
}

@media only screen and (max-width: 768px) {
  .contact .txt03 {
    margin-top: 15px;
    font-size: 1.3rem;
    text-align: left;
  }
}

.contact .txt03 a {
  font-weight: bold;
  text-decoration: none !important;
}

.contact .txt03 a:hover {
  text-decoration: underline !important;
}

.contact .magazine {
  display: table;
  width: 25%;
  margin-left: 2.5%;
}

@media print, screen and (min-width: 769px) {
  .contact .magazine {
    order: 3;
  }
}

@media only screen and (max-width: 768px) {
  .contact .magazine {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}

.contact .magazine a {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 9px 6px;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9;
  background-image: url(/svcsol/common/images/contact_icn04.png);
  background-repeat: no-repeat;
  background-position: bottom right 5%;
  text-decoration: none !important;
  line-height: 1.1;
}

@media print, screen and (min-width: 769px) {
  .contact .magazine a:hover {
    opacity: .7;
  }
}

.contact .magazine a .list {
  display: block;
  margin-bottom: 3px;
  padding-left: 14px;
  background-image: url(/svcsol/common/images/contact_icn03.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #3f4e56;
  font-size: 13px;
  font-weight: bold;
}

.contact .magazine a .sub {
  color: #272424;
  font-size: 12px;
}

/* 報道関係
=================================*/

.press_detail .contact {
  max-width: 950px !important;
}

@media print, screen and (max-width: 769px) {
  .press_detail .contact {
    max-width: 950px !important;
    margin: 0 18px;
  }
  .contact.press dt {
    padding: 10px;
    font-size: 1.5rem;
  }
}

.contact .presstxt {
  display: table;
}

@media print, screen and (max-width: 769px) {
  .contact .presstxt {
    width: 100%;
  }
}

.contact .presstxt .t01 {
  font-size: 12px;
}

.contact .presstxt .t02 {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.contact .presstxt .t03 {
  display: block;
  font-size: 12px;
}

.contact .txt02.press_ver {
  padding-right: 3.5%;
  margin-right: 2.5%;
  border-right: 1px solid #C4c4c4;
}

@media print, screen and (max-width: 769px) {
  .contact .txt02.press_ver {
    padding: 10px 0;
    margin: 10px 0;
    border-right: none;
    border-bottom: 1px solid #C4c4c4;
  }
}


.press_detail .contact .txt02.press_ver .t04 {
  display: block;
  margin-top: 5px;
}

@media print, screen and (max-width: 1200px) {
  .contact .txt02.press_ver {
    margin-left: 0;
    margin-right: 0;
    padding-right: 5.5%;
  }
  .contact .txt02.press_ver .t04 {
    display: block;
    margin-top: 5px;
  }
}

@media print, screen and (max-width: 769px) {
  .contact .txt02.press_ver .t04 {
    display: block;
    margin-top: 5px;
  }
}

/* tab03
=================================*/
#tab03 #tabNav03 {
  background: url(../images/com_hr004.gif) repeat-x left bottom;
  overflow: hidden;
}

#tab03 #tabNav03 li {
  float: left;
  margin-right: 3px;
}

#tab03 #tabNav03 li a {
  float: left;
  width: 152px;
  height: 30px;
  border-bottom: 1px solid #3d4e56;
  background: #f1f3f3;
  color: #3d4e56;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}

#tab03 #tabNav03 li a.on,
#tab03 #tabNav03 li a:hover {
  width: 150px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #3d4e56;
  border-bottom: none;
  background: #ffffff;
  color: #d7103c;
}

#tab03 .tabBoxT {
  border: 1px solid #3d4e56;
  border-top: none;
}

#tab03 .tabBoxB,
#tab03 .tabBox01 {
  padding: 22px 22px 0 22px;
  background: #f1f3f3 url(/svcsol/common/images/com_bg005.png) no-repeat center top;
}

#tab03 .tabBox02 {
  padding: 0 22px 0 22px;
  background: #f1f3f3;
}

#tab03 .tabBox02Bg {
  padding: 22px 22px 0 22px;
  background: #f1f3f3 url(/svcsol/common/images/com_bg005.png) no-repeat center top;
}

#tab03 .listStyle08 {
  margin-right: -30px;
}

#tab03 .listStyle08 li {
  padding-bottom: 15px;
  margin-right: 30px;
}

#tab03 .listStyle08 li.last {
  margin-right: 0;
}

#tab03 .tabBox {
  display: none;
}

#tab03 #tabA {
  display: block;
}

#tab03 .tabBox01,
#tab03 .tabBox02 {
  display: none;
}

/*  キャンペーン終了告知（キャンペーンページ 共通使用）
===========================================================*/
div#contents-header div.closed_infoarea,
div#contents div.closed_infoarea {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  margin: 40px 0 20px 0;
}

div#contents-header div.closed_infoarea p.info_title,
div#contents div.closed_infoarea p.info_title {
  color: #CF052E;
  margin-top: 0;
  /*継承スタイルのクリア*/
  margin-bottom: 28px;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  div#contents-header div.closed_infoarea p.info_title,
  div#contents div.closed_infoarea p.info_title {
    font-size: 20px;
  }
}

div#contents-header div.closed_infoarea p.info_sub,
div#contents div.closed_infoarea p.info_sub {
  font-size: 16px;
  line-height: 1.6;
  /*margin:10px 0 20px 0;*/
}

@media only screen and (max-width: 768px) {
  div#contents-header div.closed_infoarea p.info_sub,
  div#contents div.closed_infoarea p.info_sub {
    font-size: 1.3rem;
  }
}

div#contents-header div.closed_infoarea p.info_sub a:link,
div#contents-header div.closed_infoarea p.info_sub a:visited,
div#contents-header div.closed_infoarea p.info_sub a:hover {
  color: #555555;
}

div#contents div.closed_infoarea p.info_sub a:link,
div#contents div.closed_infoarea p.info_sub a:visited,
div#contents div.closed_infoarea p.info_sub a:hover {
  color: #555555;
}

/*  bnr
=========================================*/
#aside a img[alt="BNR"] {
  display: block;
  width: 220px;
  margin: 0 auto;
}

/*  listStyle
=========================================*/
/* listStyle01 */
.section .listStyle01 li {
  padding: 0 0 0 37px;
  background: url(/svcsol/common/images/com_ic004.png) no-repeat 0 20px;
}

.section .listStyle01 li .inner {
  padding: 20px 0 16px;
  border-bottom: 1px solid #dddddd;
}

.section .listStyle01 li .inner .ttl {
  padding-bottom: 10px;
  margin-top: 0;
  font-size: 120%;
  font-weight: bold;
}

.section .listStyle01 li .inner .txt {
  margin-top: 0;
  line-height: 1.7;
  font-size: 113.333333%;
}

@media only screen and (max-width: 768px) {
  .section .listStyle01 li .inner .txt {
    font-size: 1.5rem;
  }
}

/* listStyle07 */
.listStyle07 {
  padding: 10px 0;
}

.listStyle07 li {
  padding: 0 0 20px 37px;
  background: url(/svcsol/common/images/com_ic004.png) no-repeat 0 0.25em;
}

@media only screen and (max-width: 768px) {
  .listStyle07 li {
    background-position: 0 0;
  }
}

.listStyle07 li .inner {
  padding: 0 0 16px;
  border-bottom: 1px solid #dddddd;
}

.listStyle07 li .inner02 {
  padding: 0 0 16px;
}

.listStyle07 li .inner .ttl, .listStyle07 li .inner02 .ttl {
  padding-bottom: 10px;
  font-size: 126.666666%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .listStyle07 li .inner .ttl, .listStyle07 li .inner02 .ttl {
    font-size: 1.5rem;
  }
}

.listStyle07 li .inner .txt, .listStyle07 li .inner02 .txt {
  line-height: 1.7;
  overflow: hidden;
}

.listStyle07 li ul.childList li:not(:first-child) {
  margin-top: 5px;
}

/* listStyle08 */
.listStyle08 {
  overflow: hidden;
}

.listStyle08 li {
  float: left;
  width: 438px;
  margin-bottom: 20px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .listStyle08 li {
    float: none;
    width: auto;
  }
}

.listStyle08 li:nth-child(even) {
  margin-left: 36px;
}

@media only screen and (max-width: 768px) {
  .listStyle08 li:nth-child(even) {
    margin-left: 0;
  }
}

.listStyle08 li a {
  display: block;
  text-decoration: none;
}

.listStyle08 li a:not(:hover) {
  color: #333;
}

.listStyle08 li a:hover {
  text-decoration: underline;
}

.listStyle08 li .img {
  float: left;
  border: 1px solid #D1D1D1;
}

.listStyle08 li .ttl {
  display: block;
  margin-left: 115px;
  padding-bottom: 10px;
  font-size: 106.666666%;
  line-height: 1.3;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .listStyle08 li .ttl {
    font-size: 1.3rem;
  }
}

.listStyle08 li .txt {
  display: block;
  margin-left: 115px;
  line-height: 1.5;
}

/* listStyle09 */
.listStyle09 {
  overflow: hidden;
  padding: 12px 15px 10px;
}

.listStyle09 li {
  float: left;
  width: 155px;
  /*padding:12px 7px 8px 66px;*/
  padding: 0 0 1px 0;
  margin: 0 6px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
  cursor: pointer;
}

.listStyle09 li.firstRow a {
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left top;
}

.listStyle09 li a {
  display: table;
  padding: 12px 5px 8px 0;
  text-decoration: none;
}

.listStyle09 li a.on,
.listStyle09 li a:hover {
  background: #d1d1d1;
}

.listStyle09 li.firstRow a.on,
.listStyle09 li.firstRow a:hover {
  background: #d1d1d1 url(/svcsol/common/images/com_hr001.gif) repeat-x left top;
}

.listStyle09 li.last {
  margin-right: 0;
}

.listStyle09 li .ttl {
  display: table-cell;
  width: 150px;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  line-height: 1.3;
  font-weight: bold;
  vertical-align: middle;
}

/* listStyle10 */
.listStyle10 {
  margin-bottom: 20px;
  overflow: hidden;
}

.listStyle10 li {
  width: 335px;
  /*padding:10px 20px;*/
  /*border: 1px solid #d1d1d1;*/
}

.listStyle10 li.left {
  float: left;
}

.listStyle10 li.right {
  float: right;
}

/* listStyle11 */
.listStyle11 {
  padding-bottom: 15px;
}

.listStyle11 li {
  padding: 0 0 5px 0;
  text-align: right;
}

.leadBox + .listStyle11 {
  margin-top: 5px;
}

/* listStyle12 */
.listStyle12 li {
  float: left;
  width: 160px;
  padding: 0 20px 15px 0;
}

.listStyle12 li.last {
  padding-right: 0;
}

.listStyle12 li .img {
  padding-bottom: 5px;
}

.listStyle12 li .name {
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .listStyle12 li .name {
    font-size: 1.5rem;
  }
}

.listStyle12 li .text {
  line-height: 1.5;
}

/* TX05 locaNavi */
.locaNavi {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin: 15px 0;
  padding: 15px;
  overflow: hidden;
}

.locaNavi li {
  float: left;
  margin-right: 26px;
}

/* floatさせない場合 */
.locaNavi.nf li {
  float: none;
}

.locaNavi li a {
  display: inline-block;
  padding: 0 0 0 20px;
  background: url(/common/images/com_icn49.png) no-repeat 0 0.25em;
}

.locaNavi li a:hover,
.locaNavi li a:active {
  color: #555555;
}

/* TX06 listStyle06 */
.listStyle06 {
  padding-bottom: 20px;
  overflow: hidden;
}

.listStyle06 li {
  float: left;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .listStyle06 li {
    float: none;
  }
}

.icoLink {
  display: inline-block;
  padding: 0 0 0 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
}

@media only screen and (max-width: 768px) {
  .icoLink {
    background-position: left .3em;
  }
}

.icoLink01 {
  padding: 3px 0 3px 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
  line-height: 1.4;
}

.icoLink01_sub {
  padding: 3px 0 3px 13px;
  margin-right: 20px;
  background: url(/common/images/com_icn08.png) no-repeat left center;
  line-height: 1.4;
  margin-left: 15px;
}

.icoLink02 {
  padding: 0 0 0 17px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
}

@media only screen and (max-width: 768px) {
  .icoLink02 {
    background-position: left .3em;
  }
}

.icoLink03 {
  display: inline-block;
  padding: 0 0 0 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.4;
}

/* TX06-03-01 icoBlank */
a.linkBlank {
  margin: 0 2px 0 0;
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

@media only screen and (max-width: 768px) {
  a.linkBlank {
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

a span span.linkBlank {
  margin: 0 2px 0 0;
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

.icoBlank {
  display: inline-block;
  padding: 0 0 0 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.4;
}

.icoBlank a,
.icoBlank span {
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

.icoBlank img {
  vertical-align: middle;
}

/* 20180111add #serviceTop > dd > .icoBlank Only */
div#serviceTop dl dd .icoBlank {
    display: block;
}

.icoBlank01 {
  padding: 3px 0 3px 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
  line-height: 1.4;
}

.icoBlank01 img {
  vertical-align: middle;
}

.icoBlank01 a,
.icoBlank01 span {
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

.icoBlank02 {
  margin-right: 20px;
  padding: 3px 0 3px 17px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
}

.icoBlank02 a,
.icoBlank02 span {
  padding: 0 17px 0 0;
  background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
}

/* TX06-08 linkList */
/* linkList */
.linkList {
  margin-bottom: 20px;
}

.linkList > li,
.linkList03 > li,
.linkList04 > li,
.linkList05 > li,
.linkList06 > li,
.linkList07 > li,
.linkList08 > li,
.linkList09 > li,
.linkList010 > li {
  margin: 8px 0 0 0;
  padding: 0 0 0 17px;
  background: url(/common/images/com_icn01.png) no-repeat 0 0.4em;
}

@media only screen and (max-width: 768px) {
  .linkList > li,
  .linkList03 > li,
  .linkList04 > li,
  .linkList05 > li,
  .linkList06 > li,
  .linkList07 > li,
  .linkList08 > li,
  .linkList09 > li,
  .linkList010 > li {
    margin: 5px 0 0 0;
    background-position: 0 .3em;
  }
}

.linkList li {
  padding: 0 0 5px 18px;
}

/* linkList01 */
.linkList01,
.normal-list {
  margin-bottom: 20px;
}

.linkList01 li,
.normal-list li {
  padding: 0 0 5px 18px;
  background: url(/common/images/com_icn07.png) no-repeat 5px 0.55em;
}

/* LS05 linkList03 */
.linkList03 {
  padding-bottom: 20px;
  overflow: hidden;
}

.linkList03 li {
  box-sizing: border-box;
  float: left;
  width: 438px;
  padding: 0 0px 0 17px;
  margin-right: 36px;
}

@media only screen and (max-width: 768px) {
  .linkList03 li {
    width: 47.4%;
    margin-right: 5.2%;
    background-position: 0 .3em;
  }
}

.linkList03 li:nth-of-type(2n) {
  margin-right: 0;
}

/* LS05-01 linkList04 */
.linkList04 {
  padding-bottom: 20px;
  overflow: hidden;
}

.linkList04 li {
  box-sizing: border-box;
  float: left;
  width: 280px;
  margin-right: 36px;
  padding: 0 0 0 17px;
}

@media only screen and (max-width: 768px) {
  .linkList04 li {
    width: 29.8%;
    margin-right: 5.2%;
    background-position: 0 .3em;
  }
}

.linkList04 li:nth-of-type(3n) {
  margin-right: 0;
}

/* linkList05 */
.linkList05 {
  margin-bottom: 20px;
}

.linkList05 li {
  padding: 0 0 5px 18px;
  background: url(/common/images/com_icn07.png) no-repeat 0px 0.55em;
}

@media only screen and (max-width: 768px) {
  .linkList05 li {
    background-position: 0 .45em;
  }
}

/* linkList06 --in table cell--*/
.linkList06 {
  margin-bottom: 0px;
}

.linkList06 li {
  padding: 0 0 5px 18px;
  background: url(/svcsol/common/images/com_dot05.png) no-repeat 5px 0.7em;
}

/* linkList07 --gray mark List--*/
.linkList07 {
  margin-bottom: 0px;
}

.linkList07 li {
  padding: 0 0 5px 15px;
  background: url(/svcsol/common/images/com_dot06.png) no-repeat 1px 0.6em;
}

/* linkList08 */
.linkList08 {
  padding-bottom: 20px;
  overflow: hidden;
}

.linkList08 li {
  box-sizing: border-box;
  float: left;
  width: 438px;
  padding: 0 0 0 12px;
  margin-right: 36px;
  background: url(/common/images/com_icn07.png) no-repeat 0 0.55em;
}

@media only screen and (max-width: 768px) {
  .tableStyle01 .linkList08 li {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .linkList08 li {
    width: 47.4%;
    margin-right: 5.2%;
    background-position: 0 .45em;
  }
}

.linkList08 li:nth-of-type(2n) {
  margin-right: 0;
}

/* linkList09 */
.linkList09 {
  padding-bottom: 20px;
  overflow: hidden;
}

.linkList09 li {
  box-sizing: border-box;
  float: left;
  width: 280px;
  margin-right: 36px;
  padding: 0 0 0 12px;
  background: url(/common/images/com_icn07.png) no-repeat 0 0.55em;
}

@media only screen and (max-width: 768px) {
  .linkList09 li {
    width: 29.8%;
    margin-right: 5.2%;
    background-position: 0 .45em;
  }
}

.linkList09 li:nth-of-type(3n) {
  margin-right: 0;
}

/* linkList10----float only */
.linkList10 {
  padding: 0px;
  margin: 0px;
  line-height: 1.6;
  font-size: 106.666666%;
}

@media only screen and (max-width: 768px) {
  .linkList10 {
    font-size: inherit;
  }
}

.linkList10:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

.linkList10 li {
  float: left;
  padding: 2px 0 0 12px;
  margin-right: 20px;
}

/* TX06-08 child-list */
/* childList01 */
.childList01 li,
.child-list li {
  padding: 0 0 0 17px;
  margin: 0;
  background: url(/svcsol/common/images/com_dot02.png) no-repeat 5px 0.6em;
}

/* childList */
.childList li {
  padding: 0 0 0 20px;
  margin: 0;
  background: url(/svcsol/common/images/com_ic002.png) no-repeat 5px 0.55em;
}

/* childList02 */
.childList02 li {
  padding: 0 0 0 20px;
  margin: 0;
  background: none;
}

/* listLink01 */
.listLink01 {
  padding: 16px 13px;
  margin-bottom: 22px;
  background: #f1f3f3;
  line-height: 1;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .listLink01 {
    font-size: inherit;
  }
}

.listLink01 a {
  display: inline-block;
  padding: 0 0 0 17px;
  margin-right: 20px;
  background: url(/common/images/com_icn01.png) no-repeat left center;
}

/* listLink02 */
.listLink02 {
  padding: 11px 23px;
  margin-bottom: 22px;
  background: #f1f3f3;
  line-height: 1;
}

/* table
=================================*/
/* default table */
@media only screen and (max-width: 768px) {
  .tableWrap {
    margin-bottom: 20px;
  }
  .tableWrap > table {
    margin-bottom: 0 !important;
  }
}

.agreement-section table,
.tableStyle01 {
  width: 100%;
  border-style: solid;
  border-color: #dddddd;
  border-width: 1px 1px 0 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .agreement-section table,
  .tableStyle01 {
    font-size: inherit;
  }
}

.agreement-section table th,
.agreement-section table td,
.tableStyle01 th,
.tableStyle01 td {
  padding: 10px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 0 0 1px 1px;
}

.agreement-section table th,
.tableStyle01 th {
  text-align: left;
  font-weight: bold;
}

.tableStyle01 .lv01 {
  background-color: #828f94;
  color: #ffffff;
}

.tableStyle01 .lv02 {
  background-color: #f1f3f3;
}

.tableStyle01 .lv03 {
  background-color: #fff1f4;
}

.tableStyle01 .lv04 {
  background-color: #da1949;
  color: #ffffff;
}

.tableStyle01 .lv05 {
  background-color: #3275be;
  color: #ffffff;
}

.tableStyle01 .lv06 {
  background-color: #c9def5;
}

.tableStyle01 th.emptycont {
  border-top: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
}

.tableStyle01 h3 {
  margin-top: 0;
}

.tableStyle01 th a.link01 {
  display: block;
  padding-right: 10px;
  color: #fff;
  background: url(/svcsol/common/images/com_ic001on.png) no-repeat right center;
  text-decoration: none;
}

.tableStyle01 th a.link01:hover {
  text-decoration: underline;
}

.tableStyle01 td.bdrnon-rg {
  border-right: solid 1px #ffffff;
  white-space: nowrap;
}

/* tableStyle02 */
.tableStyle02 {
  float: right;
  width: 50%;
  border-style: solid;
  border-color: #dddddd;
  border-width: 1px 1px 0 0;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .tableStyle02 {
    float: none;
    width: auto;
    font-size: inherit;
  }
}

.tableStyle02 th,
.tableStyle02 td {
  padding: 10px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 0 0 1px 1px;
}

.tableStyle02 th {
  text-align: left;
  font-weight: bold;
}

.tableStyle02 .lv01 {
  background-color: #828f94;
  color: #ffffff;
}

.tableStyle02 .lv02 {
  background-color: #f1f3f3;
}

.tableStyle02 .lv03 {
  background-color: #fff1f4;
}

.tableStyle02 .lv04 {
  background-color: #da1949;
  color: #ffffff;
}

/* table01 */
.table01 .normal-list li {
  background: url(/svcsol/common/images/com_dot01.gif) no-repeat 0 0.5em;
}

.table01 .normal-list .child-list {
  margin-left: 7px;
}

.table01 .child-list li {
  background: url(/common/images/com_icn08.png) no-repeat scroll 0 0.6em;
}

/*table cell style*/
.price_cell {
  white-space: nowrap !important;
}

/* tableBox */
a.blockLink {
  display: block;
  text-decoration: none;
}

a.blockLink:hover {
  text-decoration: underline;
}

.tableBox {
  display: table;
  width: 100%;
  padding: 3px 0;
}

@media only screen and (max-width: 768px) {
  .tableBox {
    padding: 0;
  }
}

.tableBox .img {
  display: table-cell;
  width: 126px;
  vertical-align: middle;
  font-size: 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .tableBox .img {
    display: block;
    width: 100%;
  }
}

.tableBox .text {
  display: table-cell;
  padding: 0 13px;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .tableBox .text {
    display: block;
    width: 100%;
    padding: 10px 0 0;
  }
}

.tableBox .text .ttl {
  display: block;
  padding-bottom: 5px;
  font-size: 113.333333%;
  line-height: 1.3;
  font-weight: bold;
}

.tableBox .text .txt {
  display: block;
  font-size: 93.333333%;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .tableBox .text .txt {
    font-size: 1.4rem;
  }
}

/* .boxStyle_inline01 */
.boxStyle_inline01 {
  margin-bottom: 20px;
}

.boxStyle_inline01:last-child {
  margin-bottom: 0;
}

.boxStyle_inline01-child {
  border: 1px solid #ddd;
}

.boxStyle_inline01-child:not(:first-child) {
  border-top: none;
}

.boxStyle_inline01-child .boxStyle_inline01-item {
  border: none;
}

.boxStyle_inline01-child .boxStyle_inline01-item:not(:first-child) {
  border-top: 1px dashed #ddd;
}

.boxStyle_inline01-child .boxStyle_inline01-item .title {
  padding: 15px 20px;
  font-size: 100%;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-child .boxStyle_inline01-item .title {
    padding: 10px 15px;
  }
}

.boxStyle_inline01-child .boxStyle_inline01-item .title a {
  height: calc(100% + 30px);
  margin: -15px -20px;
  padding: 15px 40px 15px 20px;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-child .boxStyle_inline01-item .title a {
    margin: -10px -15px;
    padding: 10px 30px 10px 15px;
  }
}

.boxStyle_inline01-child .boxStyle_inline01-item .txtBox {
  padding: 15px 20px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-child .boxStyle_inline01-item .txtBox {
    padding: 10px 15px;
    font-size: inherit;
  }
}

.boxStyle_inline01-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  border: 1px solid #ddd;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-item {
    display: block;
  }
}

.boxStyle_inline01-item.bbdash {
  border-bottom-style: dashed;
}

.boxStyle_inline01-item:not(:first-child) {
  border-top: none;
}

.boxStyle_inline01-item .title {
  box-sizing: border-box;
  display: block;
  display: flex;
  align-items: center;
  width: 50%;
  padding: 20px;
  background-color: #f1f3f3;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-item .title {
    width: auto;
    padding: 10px 15px;
    font-size: 1.4rem;
  }
}

.boxStyle_inline01-item .title a {
  box-sizing: border-box;
  display: block;
  display: flex;
  align-items: center;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  margin: -20px;
  padding: 20px 40px 20px 20px;
  background-image: url(/common/images/com_icn01.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  font-weight: bold;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-item .title a {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    margin: -10px -15px;
    padding: 10px 30px 10px 15px;
    background-position: right 15px center;
  }
}

@media print, screen and (min-width: 769px) {
  .boxStyle_inline01-item .title a:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(202, 202, 202, 0.16);
    outline: 1px solid #999;
    z-index: 1;
  }
}

.boxStyle_inline01-item .title a:not(:hover) {
  color: #333;
}

.boxStyle_inline01-item .txtBox {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 50%;
  padding: 20px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-item .txtBox {
    width: auto;
    padding: 10px 15px;
  }
}

.boxStyle_inline01-item .txtBox .txtBox-inner {
  width: 100%;
}

.boxStyle_inline01-item .txtBox .box:not(:first-of-type) {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.boxStyle_inline01-item .txtBox .box:not(:last-of-type) {
  padding-bottom: 10px;
}

.boxStyle_inline01-item .txtBox .cell {
  display: table-cell;
  vertical-align: top;
}

.boxStyle_inline01-item .txtBox .cell:not(:first-child) {
  padding-left: 15px;
}

.boxStyle_inline01-item .txtBox p {
  margin-top: 0;
}

.boxStyle_inline01-item .txtBox .tag {
  display: inline-block;
  margin-right: 10px;
  padding: 0 5px;
  border: 1px solid #ddd;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  .boxStyle_inline01-item .txtBox .tag {
    font-size: 1rem;
  }
}

.boxStyle_inline01-item .category {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1px 10px;
  background: #f1f3f3;
  color: #3e4e57;
  font-size: 80%;
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .boxStyle_inline01-item .category {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
  }
}

.boxStyle_inline01-item.striking {
  border-width: 3px;
}

@media print, screen and (min-width: 769px) {
  .boxStyle_inline01-item.striking a:hover::before {
    outline-width: 3px;
  }
}

/* topicLinkBox */
.topicLinkBox {
  position: relative;
  border: 2px solid #eee;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox {
    border-width: 1px;
  }
}

.topicLinkBox:nth-of-type(n+2) {
  margin-top: 20px;
}

.topicLinkBox a {
  display: block;
  text-decoration: none;
}

@media print, screen and (min-width: 769px) {
  .topicLinkBox a:hover::after {
    opacity: .18;
  }
}

.topicLinkBox a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #98deff;
  opacity: 0;
  -webkit-transition: opacity .2s, background-color .2s, color .2s;
  transition: opacity .2s, background-color .2s, color .2s;
}

.topicLinkBox a .adjust__box {
  display: flex;
  position: relative;
  color: #333;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box {
    padding-right: 20px;
  }
}

.topicLinkBox a .adjust__box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 100%;
  background-color: #eee;
  background-image: url(/common/images/com_icn01.png);
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box::before {
    width: 20px;
  }
}

.topicLinkBox a .adjust__box .tag {
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 3em;
  padding-right: 2px;
  font-weight: bold;
  line-height: 2em;
  color: #fff;
  background: #c82424;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box .tag {
    left: 80px;
    font-size: 1rem;
  }
}

.topicLinkBox a .adjust__box .tag::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: calc(-2em + 1px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2em 2em 0 0;
  border-color: #c82424 transparent transparent transparent;
}

.topicLinkBox a .adjust__box .pct {
  margin: 0;
  font-size: 0;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box .pct {
    display: block;
    width: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box .tag + .pct.pc_only + .pct.sp_only + dl {
    padding-top: 24px;
  }
}

.topicLinkBox a .adjust__box dl {
  flex: 1;
  padding: 20px;
  padding-right: 58px;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box dl {
    padding: 15px;
  }
}

.topicLinkBox a .adjust__box dl dt {
  font-size: 120%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box dl dt {
    font-size: 1.4rem;
  }
}

.topicLinkBox a .adjust__box dl dd {
  margin-top: 10px;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  .topicLinkBox a .adjust__box dl dd {
    font-size: 1.2rem;
  }
}

.topicLinkBox a[target="_blank"] dt::after {
  content: url(/common/images/com_icn05.png);
  display: inline-block;
  margin-left: 5px;
}

/*  margin/padding
=========================================*/
.pd0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.ptb10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.mtm10 {
  margin-top: -10px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.element-r00 {
  margin-right: 0 !important;
}

.cl_blue {
  color: #3d4d56 !important;
}

.cl_red {
  color: #f9327b !important;
}

.text_red {
  color: #ce2f47 !important;
}

.bd_blue {
  border-color: #3c4e55 !important;
}

.block {
  display: block !important;
}

/*  width
=========================================*/
.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w48 {
  width: 48% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

/*  margin/padding
=========================================*/
.posiRt-10 {
  position: relative !important;
  top: -10px !important;
}

/* display
=================================*/
.dp_inBlk {
  display: inline-block !important;
}

.dp_inl {
  display: inline !important;
}

.dp_Blk {
  display: block !important;
}

/* for SP
=================================*/
@media print, screen and (min-width: 769px) {
  .pc_only {
    display: block !important;
  }
}

@media only screen and (max-width: 768px) {
  .pc_only {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .sp_only {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .sp_only {
    display: block !important;
  }
}

/*  extra
=========================================*/
.leadBox .inner .list:after,
.twoCol01:after,
.serviceBox01 ul li a:after,
h1.ttl06:after,
h1.ttl05:after,
.txtBox_imgL:after,
.txtBox_imgL01:after,
.txtBox_imgL02:after,
.txtBox_imgR01:after,
.listStyle08:after,
.listStyle09:after,
.listStyle10:after,
.listStyle12:after,
.pageList01:after,
.twoCol02_01:after,
.twoCol03:after,
.twoCol04:after,
.twoCol05:after,
.twoCol06:after,
.twoCol06b:after,
.twoCol06c:after,
.twoCol06d:after,
.twoCol07:after,
.twoCol08:after,
.twoCol11:after,
.threeCol01:after,
.threeCol03:after,
.tableBox01:after,
.twoCol09:after,
.twoCol10:after,
.twoCol12:after,
.twoCol14:after,
.picCol01:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

.leadBox .inner .list,
.twoCol01,
.serviceBox01 ul li a,
h1.ttl06,
h1.ttl05,
.txtBox_imgL,
.txtBox_imgL01,
.txtBox_imgL02,
.txtBox_imgR01,
.listStyle08,
.listStyle09,
.listStyle10,
.listStyle12,
.pageList01,
.twoCol02_01,
.twoCol03,
.twoCol04,
.twoCol05,
.twoCol06,
.twoCol06b,
.twoCol06c,
.twoCol06d,
.twoCol07,
.twoCol08,
.twoCol11,
.threeCol01,
.threeCol03,
.tableBox01,
.twoCol09,
.twoCol10,
.twoCol12,
.twoCol14,
.picCol01 {
  zoom: 1;
}

@media only screen and (max-width: 768px) {
  .align-center a img {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  iframe {
    width: 100%;
  }
}

h1 + h2.ttl01, h1 + h2.ttl02, h1 +
h2.agr_chapter, h1 +
h2.agr_suppl,
h1 > h2.ttl01:first-child,
h1 > h2.ttl02:first-child,
h1 >
h2.agr_chapter:first-child,
h1 >
h2.agr_suppl:first-child,
h1 + .ttl-comb01,
h1 + .ttl-comb02,
h1 + .ttl-comb02,
h1 + .serviceBox03,
h1 h2.ttl02:first-child,
.leadBox + h2.ttl01,
.leadBox + h2.ttl02,
.leadBox +
h2.agr_chapter,
.leadBox +
h2.agr_suppl,
.leadBox > h2.ttl01:first-child,
.leadBox > h2.ttl02:first-child,
.leadBox >
h2.agr_chapter:first-child,
.leadBox >
h2.agr_suppl:first-child,
.leadBox + .ttl-comb01,
.leadBox + .ttl-comb02,
.leadBox + .ttl-comb02,
.leadBox + .serviceBox03,
.leadBox h2.ttl02:first-child,
.lead_desc + h2.ttl01,
.lead_desc + h2.ttl02,
.lead_desc +
h2.agr_chapter,
.lead_desc +
h2.agr_suppl,
.lead_desc > h2.ttl01:first-child,
.lead_desc > h2.ttl02:first-child,
.lead_desc >
h2.agr_chapter:first-child,
.lead_desc >
h2.agr_suppl:first-child,
.lead_desc + .ttl-comb01,
.lead_desc + .ttl-comb02,
.lead_desc + .ttl-comb02,
.lead_desc + .serviceBox03,
.lead_desc h2.ttl02:first-child,
.mb40 + h2.ttl01,
.mb40 + h2.ttl02,
.mb40 +
h2.agr_chapter,
.mb40 +
h2.agr_suppl,
.mb40 > h2.ttl01:first-child,
.mb40 > h2.ttl02:first-child,
.mb40 >
h2.agr_chapter:first-child,
.mb40 >
h2.agr_suppl:first-child,
.mb40 + .ttl-comb01,
.mb40 + .ttl-comb02,
.mb40 + .ttl-comb02,
.mb40 + .serviceBox03,
.mb40 h2.ttl02:first-child,
#result12 + h2.ttl01,
#result12 + h2.ttl02,
#result12 +
h2.agr_chapter,
#result12 +
h2.agr_suppl,
#result12 > h2.ttl01:first-child,
#result12 > h2.ttl02:first-child,
#result12 >
h2.agr_chapter:first-child,
#result12 >
h2.agr_suppl:first-child,
#result12 + .ttl-comb01,
#result12 + .ttl-comb02,
#result12 + .ttl-comb02,
#result12 + .serviceBox03,
#result12 h2.ttl02:first-child,
.section + h2.ttl01,
.section + h2.ttl02,
.section +
h2.agr_chapter,
.section +
h2.agr_suppl,
.section > h2.ttl01:first-child,
.section > h2.ttl02:first-child,
.section >
h2.agr_chapter:first-child,
.section >
h2.agr_suppl:first-child,
.section + .ttl-comb01,
.section + .ttl-comb02,
.section + .ttl-comb02,
.section + .serviceBox03,
.section h2.ttl02:first-child {
  margin-top: 0;
}

.listStyle07 + h2.ttl01, .listStyle07 + h2.ttl02, .listStyle07 +
h2.agr_chapter, .listStyle07 +
h2.agr_suppl,
.listStyle07 > h2.ttl01:first-child,
.listStyle07 > h2.ttl02:first-child,
.listStyle07 >
h2.agr_chapter:first-child,
.listStyle07 >
h2.agr_suppl:first-child,
.listStyle07 + .ttl-comb01,
.listStyle07 + .ttl-comb02,
.listStyle07 + .ttl-comb02,
.listStyle07 + .serviceBox03,
.listStyle07 h2.ttl02:first-child,
.faqList + h2.ttl01,
.faqList + h2.ttl02,
.faqList +
h2.agr_chapter,
.faqList +
h2.agr_suppl,
.faqList > h2.ttl01:first-child,
.faqList > h2.ttl02:first-child,
.faqList >
h2.agr_chapter:first-child,
.faqList >
h2.agr_suppl:first-child,
.faqList + .ttl-comb01,
.faqList + .ttl-comb02,
.faqList + .ttl-comb02,
.faqList + .serviceBox03,
.faqList h2.ttl02:first-child,
.serviceBox03 + h2.ttl01,
.serviceBox03 + h2.ttl02,
.serviceBox03 +
h2.agr_chapter,
.serviceBox03 +
h2.agr_suppl,
.serviceBox03 > h2.ttl01:first-child,
.serviceBox03 > h2.ttl02:first-child,
.serviceBox03 >
h2.agr_chapter:first-child,
.serviceBox03 >
h2.agr_suppl:first-child,
.serviceBox03 + .ttl-comb01,
.serviceBox03 + .ttl-comb02,
.serviceBox03 + .ttl-comb02,
.serviceBox03 + .serviceBox03,
.serviceBox03 h2.ttl02:first-child,
.locaNavi + h2.ttl01,
.locaNavi + h2.ttl02,
.locaNavi +
h2.agr_chapter,
.locaNavi +
h2.agr_suppl,
.locaNavi > h2.ttl01:first-child,
.locaNavi > h2.ttl02:first-child,
.locaNavi >
h2.agr_chapter:first-child,
.locaNavi >
h2.agr_suppl:first-child,
.locaNavi + .ttl-comb01,
.locaNavi + .ttl-comb02,
.locaNavi + .ttl-comb02,
.locaNavi + .serviceBox03,
.locaNavi h2.ttl02:first-child,
.twoCol01 + h2.ttl01,
.twoCol01 + h2.ttl02,
.twoCol01 +
h2.agr_chapter,
.twoCol01 +
h2.agr_suppl,
.twoCol01 > h2.ttl01:first-child,
.twoCol01 > h2.ttl02:first-child,
.twoCol01 >
h2.agr_chapter:first-child,
.twoCol01 >
h2.agr_suppl:first-child,
.twoCol01 + .ttl-comb01,
.twoCol01 + .ttl-comb02,
.twoCol01 + .ttl-comb02,
.twoCol01 + .serviceBox03,
.twoCol01 h2.ttl02:first-child,
.fontStyle01 + h2.ttl01,
.fontStyle01 + h2.ttl02,
.fontStyle01 +
h2.agr_chapter,
.fontStyle01 +
h2.agr_suppl,
.fontStyle01 > h2.ttl01:first-child,
.fontStyle01 > h2.ttl02:first-child,
.fontStyle01 >
h2.agr_chapter:first-child,
.fontStyle01 >
h2.agr_suppl:first-child,
.fontStyle01 + .ttl-comb01,
.fontStyle01 + .ttl-comb02,
.fontStyle01 + .ttl-comb02,
.fontStyle01 + .serviceBox03,
.fontStyle01 h2.ttl02:first-child,
.fontStyle02 + h2.ttl01,
.fontStyle02 + h2.ttl02,
.fontStyle02 +
h2.agr_chapter,
.fontStyle02 +
h2.agr_suppl,
.fontStyle02 > h2.ttl01:first-child,
.fontStyle02 > h2.ttl02:first-child,
.fontStyle02 >
h2.agr_chapter:first-child,
.fontStyle02 >
h2.agr_suppl:first-child,
.fontStyle02 + .ttl-comb01,
.fontStyle02 + .ttl-comb02,
.fontStyle02 + .ttl-comb02,
.fontStyle02 + .serviceBox03,
.fontStyle02 h2.ttl02:first-child {
  margin-top: 1em;
}

.serviceBox03 + .serviceBox02 {
  margin-top: 20px;
}

/* ****************************************************
individual.css

Last updated:2016/01/18

***************************************************** */
/*  biz component index
=========================================*/
/*  */
div#contents p.mapimg {
  width: 700px;
  height: 378px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  background: url(/biz/component/images/index_fig01.png) no-repeat top left;
}

p.mapimg a.linkmap01 {
  display: block;
  position: absolute;
  top: 19px;
  left: 59px;
  width: 106px;
  height: 17px;
  text-decoration: none;
}

p.mapimg a.linkmap01:hover {
  border-bottom: solid 1px #ffffff;
}

p.mapimg a.linkmap02 {
  display: block;
  position: absolute;
  top: 184px;
  left: 30px;
  width: 172px;
  height: 17px;
  text-decoration: none;
}

p.mapimg a.linkmap02:hover {
  border-bottom: solid 1px #ffffff;
}

p.mapimg a.linkmap03 {
  display: block;
  position: absolute;
  top: 63px;
  left: 350px;
  width: 88px;
  height: 16px;
  text-decoration: none;
}

p.mapimg a.linkmap03:hover {
  border-bottom: solid 1px #777777;
}

p.mapimg a.linkmap04 {
  display: block;
  position: absolute;
  top: 133px;
  left: 350px;
  width: 78px;
  height: 16px;
  text-decoration: none;
}

p.mapimg a.linkmap04:hover {
  border-bottom: solid 1px #777777;
}

p.mapimg a.linkmap05 {
  display: block;
  position: absolute;
  top: 203px;
  left: 350px;
  width: 88px;
  height: 16px;
  text-decoration: none;
}

p.mapimg a.linkmap05:hover {
  border-bottom: solid 1px #777777;
}

p.mapimg a.linkmap06 {
  display: block;
  position: absolute;
  bottom: 54px;
  left: 148px;
  width: 185px;
  height: 28px;
}

p.mapimg a.linkmap06:hover {
  border-bottom: solid 1px #cccccc;
}

p.mapimg a.linkmap01 span,
p.mapimg a.linkmap02 span,
p.mapimg a.linkmap03 span,
p.mapimg a.linkmap04 span,
p.mapimg a.linkmap05 span,
p.mapimg a.linkmap06 span {
  display: none;
}

/*  bigdata image内ボタンリンク
=========================================*/
div#fignavi {
  margin: 20px 0px;
  text-align: center;
}

div#fignavi div.fig_item {
  position: relative;
  width: 700px;
  height: 298px;
  background: url(/svcsol/category/cloud/images/index_fig01.png) no-repeat top left;
}

p a.btnList_inimg {
  display: block;
  width: 163px;
  height: 34px;
  border: 1px solid #dddddd;
  background: url(/svcsol/common/images/com_bg001.gif) repeat-x 0 bottom;
  text-align: center;
  color: #3d4e56 !important;
}

/*リンクなしのデザイン*/
p span.btnList02_inimg {
  display: block;
  width: 163px;
  height: 34px;
  border: 1px solid #dddddd;
  background: url(/svcsol/common/images/com_bg001.gif) repeat-x 0 bottom;
  text-align: center;
  color: #3d4e56 !important;
}

/*リンクなし*/
p a.btnList_inimg span.linkText {
  display: inline-block;
  width: 130px;
  padding: 2px 22px 2px 10px;
  background: url(/svcsol/common/images/com_ic001.png) no-repeat 150px center;
  font-size: 96%;
  line-height: 1.2;
}

p a.btnList_inimg:hover {
  background: url(/svcsol/common/images/com_bg001on.gif) repeat-x 0 top;
  color: #c90e32 !important;
}

p a.btnList_inimg:hover .linkText {
  background: url(/svcsol/common/images/com_ic006.png) no-repeat 150px center;
}

/*リンクなしのデザイン*/
p span.btnList02_inimg span.nolinkText {
  display: inline-block;
  width: 130px;
  /*padding:0;*/
  font-size: 96%;
  line-height: 34px;
}

/*リンクなし*/
/*--画像内のポジション--*/
div.fig_item .btn_posi01 {
  position: absolute;
  top: 258px;
  left: 3px;
}

div.fig_item .btn_posi02 {
  position: absolute;
  top: 258px;
  left: 180px;
}

div.fig_item .btn_posi03 {
  position: absolute;
  top: 258px;
  left: 357px;
}

div.fig_item .btn_posi04 {
  position: absolute;
  top: 258px;
  left: 532px;
}

/* 仮想デスクトップ xd.html
=================================*/
/*--table--*/
.menu_table01 {
  width: 100%;
  border: solid 1px #dddddd;
  font-size: 96%;
  border-collapse: collapse;
  border-spacing: 0;
}

.menu_table01 th,
.menu_table01 td {
  padding: 10px;
  border: solid 1px #dddddd;
}

.menu_table01 th.emptycont {
  border-top: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
}

.menu_table01 th.ttl_thead {
  background-color: #f1f3f3;
  font-weight: bold;
  text-align: center;
}

.menu_table01 td.icon_td {
  /*vertical-align:middle*/
}

.menu_table01 td img.incell_icon {
  vertical-align: middle;
}

.menu_table01 td span.menutxt_L1s {
  display: inline-block;
  /*border:solid 1px green;*/
  font-weight: bold;
  padding-left: 6px;
  line-height: 1.4;
  vertical-align: middle;
}

/*.menu_table01 td span.menutxt_L1 {
    display:block;
    float: left;
    width:auto;
    height:68px;
    border:solid 1px green;
    font-weight:bold;
    line-height:68px;
    padding-left:6px;
}*/
/*.menu_table01 td span.menutxt_L2 {
    display:block;
    float: left;
    width:auto;
    height:68px;
    border:solid 1px orange;
    line-height:1.4;
    vertical-align:middle;
}*/
/*.menu_table01 td span.menutxt_L2 span {
    vertical-align:middle;
    font-weight:bold;
}*/
.menu_table01 td ul.incell_list {
  margin-left: 20px;
  /*list-style-type:square;*/
  list-style-position: outside;
  list-style-image: url(/svcsol/common/images/list_mark01.png);
}

.menu_table01 td.notes_cell {
  font-size: 94%;
}

.menu_table01 span.incell_tblcaption {
  display: block;
}

.menu_table01 dl.incell_tbllist {
  display: table;
  width: 100%;
}

.menu_table01 dl.incell_tbllist dt {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #f1f3f3;
  width: 30%;
  border: solid 3px #ffffff;
}

.menu_table01 dl.incell_tbllist dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 70%;
  border: solid 3px #ffffff;
}

/*  cloud Networkpage [cloud-network.html]
================================================*/
div#fig01_image {
  margin: 0 auto;
  padding: 0;
  width: 700px;
  height: 600px;
  background: url(/svcsol/category/network/images/cloud-network_fig01_base.png) no-repeat top left;
  position: relative;
}

@media only screen and (max-width: 768px) {
  div#fig01_image {
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -moz-transform: scale(0.484, 0.484);
    -webkit-transform: scale(0.484, 0.484);
    -ms-transform: scale(0.484, 0.484);
    -o-transform: scale(0.484, 0.484);
    transform: scale(0.484, 0.484);
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: -300px;
  }
}

/*tooltip共通*/
div.ttip_btn01,
div.ttip_btn02,
div.ttip_btn03,
div.ttip_btn04,
div.ttip_btn05,
div.ttip_btn06,
div.ttip_btn07,
div.ttip_btn08,
div.ttip_btn09,
div.ttip_btn10,
div.ttip_btn11 {
  position: absolute;
  width: 200px;
  height: auto;
  display: none;
}

/*tooltip配置*/
div.ttip_btn01 {
  bottom: 485px;
  left: 2px;
  z-index: 10;
}

div.ttip_btn02 {
  bottom: 560px;
  left: 163px;
  z-index: 20;
}

div.ttip_btn03 {
  bottom: 530px;
  left: 330px;
  z-index: 30;
}

div.ttip_btn04 {
  bottom: 485px;
  left: 330px;
  z-index: 40;
}

div.ttip_btn05 {
  bottom: 517px;
  left: 496px;
  z-index: 50;
}

div.ttip_btn06 {
  bottom: 306px;
  left: 73px;
  z-index: 60;
}

div.ttip_btn07 {
  bottom: 254px;
  left: 73px;
  z-index: 70;
}

div.ttip_btn08 {
  bottom: 202px;
  left: 73px;
  z-index: 80;
}

div.ttip_btn09 {
  bottom: 287px;
  left: 336px;
  z-index: 90;
}

div.ttip_btn10 {
  bottom: 287px;
  left: 496px;
  z-index: 100;
}

div.ttip_btn11 {
  bottom: 401px;
  left: 496px;
  z-index: 110;
}

/*tooltip外側*/
div.balloon_p1 {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  background-color: #555555\9;
  /*for ie8 and below*/
  padding: 0;
  position: relative;
  /* Firefox v1.0+ */
  -moz-border-radius: 6px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 6px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 6px;
}

/*tooltip内側*/
div.balloon_p1 p.balloon_ch1 {
  /*background-color:rgba(34,34,34,0.7);*/
  position: relative;
  /*テキストの指定（px）*/
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  line-height: 150%;
}

/*擬似要素:after--ふきだし三角*/
div.balloon_p1 p.balloon_ch1:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  border: 12px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-color: #555555\9;
  /*for ie8 and below*/
  top: 100%;
  left: 50%;
}

/*--IIJ GIOプライベートバックボーンサービスのふきだし--*/
/*tooltip共通・配置も含む*/
div.ttip_link_pbb {
  position: absolute;
  width: 200px;
  height: auto;
  display: none;
  bottom: 394px;
  left: 250px;
  z-index: 120;
}

/*tooltip外側*/
div.ttip_link_pbb div.balloon_p1 {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  background-color: #555555\9;
  /*for ie8 and below*/
  padding: 0;
  position: relative;
  /* Firefox v1.0+ */
  -moz-border-radius: 6px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 6px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 6px;
}

/*tooltip内側*/
div.ttip_link_pbb div.balloon_p1 p.balloon_ch1 {
  /*background-color:rgba(255,255,255,0.9);*/
  position: relative;
  /*テキストの指定（px）*/
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  line-height: 150%;
}

/*擬似要素:after--ふきだし三角*/
div.ttip_link_pbb div.balloon_p1 p.balloon_ch1:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  border: 12px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-color: #555555\9;
  /*for ie8 and below*/
  top: 100%;
  left: 50%;
}

/*リンクさせるボタン*/
/*IIJインターネットアクセスサービス*/
#fig01_image p.svclinkbtn01 {
  position: absolute;
  top: 127px;
  left: 7px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn01 a {
  display: block;
  width: 158px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink01_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn01 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink01_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn01 a span.btntxt {
  display: none;
}

/*IIJデータセンターサービス*/
#fig01_image p.svclinkbtn02 {
  position: absolute;
  top: 41px;
  left: 184px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn02 a {
  display: block;
  width: 158px;
  height: 128px;
  background: url(/svcsol/category/network/images/btn_svclink02_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn02 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink02_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn02 a span.btntxt {
  display: none;
}

/*IIJ GIOコンポーネントサービス*/
#fig01_image p.svclinkbtn03 {
  position: absolute;
  top: 75px;
  left: 359px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn03 a {
  display: block;
  width: 158px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink03_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn03 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink03_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn03 a span.btntxt {
  display: none;
}

/*IIJ GIO仮想デスクトップサービス*/
#fig01_image p.svclinkbtn04 {
  position: absolute;
  top: 127px;
  left: 359px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn04 a {
  display: block;
  width: 158px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink04_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn04 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink04_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn04 a span.btntxt {
  display: none;
}

/*IIJクラウドエクスチェンジサービス for Microsoft*/
#fig01_image p.svclinkbtn05 {
  position: absolute;
  top: 95px;
  left: 535px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn05 a {
  display: block;
  width: 158px;
  height: 58px;
  background: url(/svcsol/category/network/images/btn_svclink05_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn05 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink05_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn05 a span.btntxt {
  display: none;
}

/*IIJプライベートアクセスサービス*/
#fig01_image p.svclinkbtn06 {
  position: absolute;
  top: 306px;
  left: 78px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn06 a {
  display: block;
  width: 192px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink06_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn06 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink06_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn06 a span.btntxt {
  display: none;
}

/*IIJ広域ネットワークサービス*/
#fig01_image p.svclinkbtn07 {
  position: absolute;
  top: 358px;
  left: 78px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn07 a {
  display: block;
  width: 192px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink07_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn07 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink07_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn07 a span.btntxt {
  display: none;
}

/*IIJマネージドVPNサービス*/
#fig01_image p.svclinkbtn08 {
  position: absolute;
  top: 410px;
  left: 78px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn08 a {
  display: block;
  width: 192px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink08_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn08 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink08_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn08 a span.btntxt {
  display: none;
}

/*IIJ GIOリモートアクセスサービス*/
#fig01_image p.svclinkbtn09 {
  position: absolute;
  top: 325px;
  left: 359px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn09 a {
  display: block;
  width: 158px;
  height: 42px;
  background: url(/svcsol/category/network/images/btn_svclink09_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn09 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink09_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn09 a span.btntxt {
  display: none;
}

/*IIJ GIOコンポーネントサービス SINET接続オプション*/
#fig01_image p.svclinkbtn10 {
  position: absolute;
  top: 324px;
  left: 535px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn10 a {
  display: block;
  width: 158px;
  height: 58px;
  background: url(/svcsol/category/network/images/btn_svclink10_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn10 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink10_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn10 a span.btntxt {
  display: none;
}

/*IIJクラウドエクスチェンジサービス for AWS*/
#fig01_image p.svclinkbtn11 {
  position: absolute;
  top: 211px;
  left: 535px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclinkbtn11 a {
  display: block;
  width: 158px;
  height: 58px;
  background: url(/svcsol/category/network/images/btn_svclink11_off.png) no-repeat top left;
}

#fig01_image p.svclinkbtn11 a:hover {
  background: url(/svcsol/category/network/images/btn_svclink11_on.png) no-repeat top left;
}

#fig01_image p.svclinkbtn11 a span.btntxt {
  display: none;
}

/*IIJ GIOプライベートバックボーンサービス*/
#fig01_image p.svclink_pbb {
  position: absolute;
  top: 218px;
  left: 158px;
  margin: 0;
  padding: 0;
}

#fig01_image p.svclink_pbb a {
  display: block;
  width: 374px;
  height: 30px;
  background: url(/svcsol/category/network/images/txt_svclinkpbb_off.png) no-repeat top left;
}

#fig01_image p.svclink_pbb a:hover {
  border: solid 1px #D7073A;
}

#fig01_image p.svclink_pbb a span.linkin_txt {
  display: none;
}

/* .movie01 20190410add 20190822 */
.movie01 {
    margin: 30px auto;
}
@media only screen and (max-width: 768px) {
    .movie01 {
    position: relative;
    height: 0;
    margin:1.5rem 0;
    padding: 0 0 56.25% 0;
    overflow: hidden;
    }

    .movie01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
}

/*   キャンペーンバナー [biz/cloudex/index.html]
==========================================================*/
/*sp指定あり*/
div.banner_area {
  margin: 0;
  padding: 0;
  width: 700px;
}

div.banner_area p.cam_banner {
  cursor: pointer;
}

div.banner_guidetxtwrap {
  margin: 0;
  padding: 12px;
  background-color: #EEEEEE;
  text-align: center;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.banner_guidetxtwrap dl {
  display: table;
  width: 80%;
  margin: 0 auto;
}

div.banner_guidetxtwrap dl dt {
  display: table-cell;
  width: 126px;
  font-size: 112%;
  color: #00468C;
  font-weight: bolder;
}

div.banner_guidetxtwrap dl dd {
  display: table-cell;
  text-align: left;
}

div.banner_guidetxtwrap dl dd ul {
  line-height: 140%;
}

div.banner_guidetxtwrap dl dd ul li a {
  text-decoration: underline;
}

div.banner_guidetxtwrap dl dd ul li a:hover {
  text-decoration: none;
}

div.banner_guidetxtwrap p.guidetxt_note {
  margin: 10px 0 10px 18px;
  text-indent: -18px;
  line-height: 150%;
}

div.banner_guidetxtwrap p.guidetxt01 {
  font-size: 120%;
  margin: 10px 0 6px 0;
  font-weight: bold;
  color: #343434;
}

div.banner_guidetxtwrap p.guidetxt02 {
  margin: 0 auto;
  width: 65%;
  line-height: 150%;
  text-align: left;
}

div.banner_guidetxtwrap p.goto_formbtn {
  text-align: center;
  width: 300px;
  margin: 12px auto;
  margin-bottom: 0px;
}

div.banner_guidetxtwrap p.goto_formbtn a {
  display: block;
  width: 300px;
  height: 40px;
  text-decoration: none;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(74% 0% -90deg, #cc052d 0%, #b40428 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, 74% 0%, 74% 95%, color-stop(0, #cc052d), color-stop(1, #b40428));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-90deg, #cc052d 0%, #b40428 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-90deg, #cc052d 0%, #b40428 100%);
  background-image: none\9;
  /*for ie8 and below*/
  background-color: #B40428\9;
  /*for ie8 and below*/
  /* Firefox v1.0+ */
  -moz-border-radius: 8px;
  /* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius: 8px;
  /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius: 8px;
}

div.banner_guidetxtwrap p.goto_formbtn a:hover {
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(74% 0% -90deg, #e17187 0%, #ca4f68 100%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear, 74% 0%, 74% 95%, color-stop(0, #e17187), color-stop(1, #ca4f68));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-90deg, #e17187 0%, #ca4f68 100%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-90deg, #e17187 0%, #ca4f68 100%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(-90deg, #e17187 0%, #ca4f68 100%);
  background-image: linear-gradient(180deg, #e17187 0%, #ca4f68 100%);
  background-image: none\9;
  /*for ie8 and below*/
  background-color: #CA4F68\9;
  /*for ie8 and below*/
}

div.banner_guidetxtwrap p.goto_formbtn a span {
  display: block;
  background: url(/biz/cloudex/images/link_arrow01.png) no-repeat 280px center;
  padding: 1px 24px 1px 0px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 40px;
}

/*---text size style---*/
span.notes-mark-mid,
p.notes-mark-mid {
  font-size: 120%;
}


/*---セミナートップ newslist-tag タグ追加 20180112---*/
#openEvent ul.newslist-tag li,
#closeEvent ul.newslist-tag li,
#closeEvent02 ul.newslist-tag li {
    font-size: 13px;
    color: #555555;
    float: left;
    margin: 4px 8px 4px 0;
    line-height: 26px;
    background: #ebebeb;
    padding: 0 15px;
}


/*---公共トップ---*/
/*  public top image link
=========================================*/
div.threeCol02 div.colL a.publinkimage {
  display: block;
  height: 200px;
  text-decoration: none;
  background: url(/public/images/index_fig01_off.png) no-repeat top center;
}

div.threeCol02 div.colL a.publinkimage:hover {
  background: url(/public/images/index_fig01_on.png) no-repeat top center;
}

div.threeCol02 div.colC a.publinkimage {
  display: block;
  height: 200px;
  text-decoration: none;
  background: url(/public/images/index_fig02_off.png) no-repeat top center;
}

div.threeCol02 div.colC a.publinkimage:hover {
  background: url(/public/images/index_fig02_on.png) no-repeat top center;
}

div.threeCol02 div.colR a.publinkimage {
  display: block;
  height: 200px;
  text-decoration: none;
  background: url(/public/images/index_fig03_off.png) no-repeat top center;
}

div.threeCol02 div.colR a.publinkimage:hover {
  background: url(/public/images/index_fig03_on.png) no-repeat top center;
}

div.colL a.publinkimage span.publinktxt,
div.colC a.publinkimage span.publinktxt,
div.colR a.publinkimage span.publinktxt {
  color: transparent;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

/*   統合運用管理サービス [biz/uom/]
==========================================================*/
.tableStyle01 .lv_sub01 {
  background-color: #E35370;
  color: #FFFFFF;
}

.tableStyle01 td.menu_cell {
  padding: 2px;
}

.tableStyle01 td.menu_cell span.menuname01 {
  background-color: #D9D9DA;
  color: #565656;
  font-size: 90%;
  line-height: 1.2;
  display: block;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
}

.tableStyle01 td.menu_cell02 span.menuname02 {
  display: block;
  font-size: 90%;
  line-height: 1.2;
  margin: 0;
  text-align: center;
  padding: 4px 2px;
  border-style: dashed;
  border-width: 1px;
  border-color: #555555;
}

.tableStyle01 td.menu_cell02 {
  /*border:solid 1px #ffffff;*/
  padding: 2px;
  /*border-bottom:solid 1px #dddddd;*/
  border-left-color: #ffffff;
}

.tableStyle01 td span.notes_celltxt {
  display: block;
  background-color: #F5C1CE;
  color: #C6003A;
  font-weight: bold;
  margin: 0;
  text-align: center;
  padding: 4px;
  line-height: 1.2;
}

.tableStyle01 td span.notes_celltxt span {
  display: inline;
  font-weight: normal;
  color: #555555;
}

.tableStyle01 td span.explain_topic {
  font-weight: bold;
  display: block;
  margin: 0 0 4px 16px;
  text-indent: -16px;
}

.tableStyle01 td span.point_icon {
  display: block;
  padding: 0px 2px;
  margin: 0 0 0 288px;
  text-align: center;
  background-color: #dcdcdc;
}

/*  catalog
=========================================*/
.ctgry_table table th#ctgry_cloud, .ctgry_table table th#ctgry_ip, .ctgry_table table th#ctgry_mobile, .ctgry_table table th#ctgry_security, .ctgry_table table th#ctgry_mail, .ctgry_table table th#ctgry_dc, .ctgry_table table th#ctgry_wan, .ctgry_table table th#ctgry_global, .ctgry_table table th#ctgry_industry {
  padding: 5px 5px 5px 36px;
  background: #d4123f url(/svcsol/common/images/svc_cloud.gif) 8px 8px no-repeat;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}

.ctgry_table table th#ctgry_cloud {
  background: #d4123f url(/svcsol/common/images/svc_cloud.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_ip {
  background: #7c5b83 url(/svcsol/common/images/svc_ip.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_mobile {
  background: #9f96bd url(/svcsol/common/images/svc_mobile.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_security {
  background: #a7bc5b url(/svcsol/common/images/svc_security.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_mail {
  background: #da9a4b url(/svcsol/common/images/svc_mail.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_dc {
  background: #67a8cf url(/svcsol/common/images/svc_dc.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_wan {
  background: #006f8c url(/svcsol/common/images/svc_wan.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_global {
  background: #4d9988 url(/svcsol/common/images/svc_global.gif) 8px 8px no-repeat;
}

.ctgry_table table th#ctgry_industry {
  background: #896c31 url(/svcsol/common/images/svc_industry.gif) 8px 8px no-repeat;
}

a.ctlg_pdf {
  padding: 4px 0 2px 22px;
  background: url(/common/images/com_icn06.png) 0 2px no-repeat !important;
}

/*--------------------------------------------------
　　IIJ GIOトップ　メインビジュアルテキスト
====================================================
*/
#contents div.gio_mainv_wrap {
  margin: 0;
  padding: 0;
  width: 700px;
  height: 264px;
  background: url(/GIO/images/index_main_p2.png) no-repeat top left;
  position: relative;
}

#contents span.gio_messagemain {
  display: none;
}

#contents p.gio_messagesub {
  position: absolute;
  top: 138px;
  left: 26px;
  margin: 0;
  padding: 0;
  width: 696px;
  height: auto;
  color: #333333;
  font-size: 12px;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contents p.gio_messagesub span.msgL1,
#contents p.gio_messagesub span.msgL2 {
  display: block;
  margin: 0;
  padding: 0;
}

#contents p.gio_messagesub span.msgL1 {
  margin-bottom: 8px;
}

/* セキュリティ図中番号つき説明のリスト
---------------------------------------------*/
.boxStyle14 ol.img_number {
  list-style-type: none;
  margin-left: 0;
}

.boxStyle14 ol.img_number li {
  position: relative;
  padding-left: 25px;
}

@media only screen and (max-width: 768px) {
  .boxStyle14 ol.img_number li {
    padding-left: 20px;
  }
}

.boxStyle14 ol.img_number li span {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #9bb646;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .boxStyle14 ol.img_number li span {
    top: 1px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}

/* WAN・ネットワーク　図中番号つき説明の丸つき数字（テーブル内）
----------------------------------------------------------------*/
table.tableStyle01 td span.num_notes01 {
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  background: url(/biz/cloudex/images/bg_number_wnw.png) no-repeat left center;
  font-size: 108%;
}

/* オフィスIT　これまでと導入後
--------------------------------------------*/
.twoCol14 .beforebox {
  float: left;
  width: 420px;
  margin: 0;
  padding: 0 72px 0 0;
  background: url(/svcsol/category/cloud/images/office-it_fig01_01a.png) no-repeat right 8px center;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .beforebox {
    float: none;
    width: auto;
    margin-bottom: 5px;
    padding: 0 0 50px 0;
    background: url(/svcsol/category/cloud/images/office-it_fig01_01a_sp.png) no-repeat center bottom;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
  }
}

.twoCol14 .beforebox .before_inbox {
  border: solid 2px #a8a8a9;
  min-height: 220px;
  text-align: left;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .beforebox .before_inbox {
    min-height: 0;
  }
}

.before_inbox p.b_title {
  margin: 4px 0;
  padding: 6px 0;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  background: url(/svcsol/category/cloud/images/office-it_fig01_02.png) no-repeat center bottom;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.twoCol14 .beforebox .before_inbox ul,
.twoCol14 .afterbox .after_inbox ul {
  margin: 10px;
  font-size: 107%;
  font-weight: bold;
}

.twoCol14 .beforebox .before_inbox ul li {
  background: transparent url("/svcsol/common/images/com_dot03.png") no-repeat scroll left 0.6em;
  padding: 0 0 5px 13px;
}

.twoCol14 .afterbox .after_inbox ul li {
  background: transparent url("/svcsol/common/images/com_dot02.png") no-repeat scroll left 0.6em;
  padding: 0 0 5px 13px;
}

.twoCol14 .afterbox {
  float: left;
  width: 420px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .afterbox {
    float: none;
    width: auto;
  }
}

.twoCol14 .afterbox .after_inbox {
  border: solid 2px #a8a8a9;
  min-height: 220px;
  text-align: left;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .twoCol14 .afterbox .after_inbox {
    min-height: 0;
  }
}

.after_inbox p.a_title {
  margin: 4px 0;
  padding: 6px 0;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  background: url(/svcsol/category/cloud/images/office-it_fig01_03.png) no-repeat center bottom;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*これまでと今後：導入事例と同スタイル利用*/
.twoCol14 div.colL .addimage01 {
  min-height: 240px;
  padding: 0;
  background: url(/svcsol/category/cloud/images/office-it_fig01_04as.png) no-repeat right bottom;
}

.twoCol14 div.colR .addimage02 {
  min-height: 240px;
  padding: 0;
  background: url(/svcsol/category/cloud/images/office-it_fig01_04bs.png) no-repeat right bottom;
}

.threecolmnbox-flex {
  display: flex;
}

.threecolmnbox-flex .incoln02_va01 {
  flex: 1;
}

.threecolmnbox-flex [class*="incoln"]:not(:first-child) {
  margin-left: 20px;
}

.threecolmnbox-flex [class*="incoln"] p:first-child {
  margin-top: 0;
}

.main_visual .main_mark {
  display: inline-block;
  vertical-align: middle;
}

.main_visual .main_catch {
  display: inline-block;
  vertical-align: middle;
  margin-top: 30px;
}

@media print, screen and (min-width: 769px) {
  .main_visual .main_catch {
    margin-left: 30px;
  }
}

.col-side02 {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    box-sizing: border-box;
        padding-bottom: 26px;
}

.col-side02:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 93px;
height: 3px;
background-color: rgba(0,60,147,1.00);
}

.col-side02:after {
    content: "";
    position: absolute;
    bottom: 4%;
    right: 8px;
    width: 90px;
    height: 18px;
    background: url(/svcsol/common/images/wizsafe_icn02.png) no-repeat right bottom;
}


.col-side02 dt a {
    min-height: 25px;
    padding: 15px 10px 8px 33px;
    background: url(/common/images/com_icn01.png) no-repeat 15px 1.3em;
    /*background: url(/svcsol/common/images/wizsafe_icn01.png) no-repeat 15px 1em;
    padding: 15px 10px 8px 91px;*/
}
.col-side02 dt a img {
    vertical-align:baseline;
    margin-left: 5px;
}
.col-side02 dt span {
    min-height: 25px;
    padding: 15px 10px 8px 15px;
}

.col-side02 dt a,
.col-side02 dt span {
    font-weight: bold;
    color: rgba(0,60,147,1.00);
    font-size: 115%;
}
.col-side02 dt a {
    text-decoration: none;
}
.col-side02 dt a:hover {
    text-decoration: none;
    color: #d7083b;
}
.col-side02 dt a,
.col-side02 dt span {
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
    display: block;
}

.col-side02 dd {
    padding: 6px 15px 15px;
    background-color: #ffffff;
}


.col-side02 dd + dd {
    margin-top: 0;
}
.col-side02 dd .link-list li {
    margin-top: 3px;
}
.col-side02 dd .icon-link a,
.col-side02 dd .link-list li a {
    background-position: 0 0.4em;
}

.col-side02 dd.col-side-inner .img-l {
    float: left;
    width: 90px;
}
.col-side02 dd.col-side-inner .text-r {
    float: right;
    width: 108px;
}




.col-side02 dt a .inline_fnt15{
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
  display: contents !important;
  display: inline;
  padding: 0;
    /*font-size: 10px !important;*/
    font-size: 15px !important;
    }

.col-side02 dt a .inline_fnt13{
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
  display: contents !important;
  display: inline;
  padding: 0;
    /*font-size: 10px !important;*/
    font-size: 13px !important;
    }


@media only screen and (max-width: 768px) {

.col-side02 dt a .inline_fnt15{
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
    display: contents !important;
    }

.col-side02 dt a .inline_fnt13{
    -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)";
    display: contents !important;
    }
}


span.col-round02  {
    display: block;
    padding: 9px;
    margin-top: 8px;
}

span.col-round02 strong{
    color: #d7083b;
}


.col-side03 {
  margin: 20px 0;
  border: 1px solid #d2d2d2;
}

.col-side03 a {
  display: block;
  position: relative;
  font-size: 0;
  text-decoration: none;
}

.col-side03 a::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media print, screen and (min-width: 769px) {
  .col-side03 a:hover::before {
    opacity: 0.2;
  }
}

.col-side03 img {
  max-width: 100%;
  height: auto;
}

.col-side03__inner {
  padding: 12px 20px;
  background-image: url(/svcsol/common/images/bnr01_parts03.png);
  background-repeat: repeat-y;
  background-position: center;
  background-size: cover;
  color: #ffffff;
  font-weight: bold;
}

.col-side03__inner__date {
  margin-bottom: 0.1875em;
  font-size: 12px;
}

.col-side03__inner__text {
  font-size: 18px;
}

.col-side03__inner__text + .col-side03__inner__date {
  margin-top: 1em;
}


/* ===== 20190530 .col-round01.tel_box_wrapper ===== */

.col-round01.tel_box_wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.col-round01.tel_box_wrapper .tel_box {
  font-size: 1.25rem;
  margin-bottom: 25px;
  text-align: center;
  color: #333;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .tel_box {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.col-round01.tel_box_wrapper .side_by_side {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 15px;
}
@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side {
    display: block;
    margin: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .col-round01.tel_box_wrapper .side_by_side li:first-child {
    width: 486px;
  }
  .col-round01.tel_box_wrapper .side_by_side li:last-child {
    width: 326px;
  }
}
.col-round01.tel_box_wrapper .side_by_side .btn {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  padding: 7px 10px;
  text-decoration: none;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  background: linear-gradient(90deg, #d00042 0%, #b80021 100%);
  justify-content: center;
  align-items: center;
}
.col-round01.tel_box_wrapper .side_by_side .btn.btn02 {
    background: linear-gradient(60deg, #6193de 0%, #4471d4 100%);
}

@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side .btn {
    height: auto;
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side .btn.btn01 > span {
    padding-top: 0;
  }
}

.col-round01.tel_box_wrapper .side_by_side .btn.btn01::before {
  position: relative;
  right: -25px;
  display: block;
  width: 68px;
  height: 75px;
  content: '';
  background: url(/svcsol/common/images/ico_link_ope.svg) no-repeat right top;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side .btn.btn01::before {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 34px;
    height: 37.5px;
  }
}

.col-round01.tel_box_wrapper .side_by_side .btn.btn02 {
  background: linear-gradient(60deg, #6193de 0%, #4471d4 100%);
}

@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side .btn.btn02 {
    margin-top: 15px;
  }
  .col-round01.tel_box_wrapper .side_by_side .btn.btn02 > span {
    font-size: 1.2rem;
  }
}

.col-round01.tel_box_wrapper .side_by_side .btn:hover {
  position: relative;
  cursor: pointer;
}

.col-round01.tel_box_wrapper .side_by_side .btn:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  transition: background 1.5s linear;
  opacity: .1;
  background: #FFFFFF;
}

.col-round01.tel_box_wrapper .side_by_side .btn > span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.25rem;
  line-height: 1.5;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
  flex: 1;
}
.col-round01.tel_box_wrapper .side_by_side .btn.tgtBlank > span {
    background: url(/svcsol/common/images/icon_externallink.svg) no-repeat right top;
    background-size: 18px 16px;
}
@media only screen and (max-width: 768px) {
  .col-round01 .side_by_side .btn > span {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
  }
}

.col-round01.tel_box_wrapper .side_by_side .btn > span span {
  margin-top: .25em;
  font-size: .875rem;
  display: block;
}

@media only screen and (max-width: 768px) {
  .col-round01.tel_box_wrapper .side_by_side .btn > span span {
    margin-top: 0;
    margin-left: 32px;
    font-size: .75rem;
  }
}
/* =====  ===== */




/* .col-side04 add20190515 */
.col-side04 {
  background-color: #d7063b;
  margin-bottom: 20px;
}

.col-side04 a {
  display: block;
  padding: 8px;
  color: #444;
  font-weight: bold;
  text-decoration: none;
}

.col-side04__inner {
  display: block;
  padding: 10px;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #fff 0%, #ededed 100%);
  text-align: center;
}

a:hover .col-side04__inner {
  background-image: linear-gradient(to bottom, #fff0f4 0%, #ffd4df 100%);
}

.col-side04__inner .__txt01 {
  display: block;
  position: relative;
  margin: 0 auto .25em;
  line-height: calc(28/22);
  color: #d7063b;
  font-size: 1.375rem;
}

@media only screen and (max-width: 768px) {
  .col-side04__inner .__txt01 {
    font-size: 2rem;
  }
}

.col-side04__inner .__txt01::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 31px;
  height: 43px;
  background-image: url(/svcsol/common/images/ico_calc01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.col-side04__inner .__txt01::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 0px;
  width: 21px;
  height: 23px;
  margin: auto;
  background-image: url(/svcsol/common/images/ico_calc_arw01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.col-side04__inner .__txt02 {
  display: block;
  line-height: calc(22/14);
  font-size: .875rem;
}

@media only screen and (max-width: 768px) {
  .col-side04__inner .__txt02 {
    font-size: 1.2rem;
  }
}




/* ft_adContact_btn01 */
.ft_adContact_btn01 {
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 101;
}
@media only screen and (max-width: 768px) {
  .ft_adContact_btn01 {
    bottom: 36px;
  }
}
.ft_adContact_btn01 .__anchor {
  position: absolute;
  top: 0;
  right: 38px;
  width: 200px;
  height: 64px;
  overflow: hidden;
  transition: width 0.3s;
}
.ft_adContact_btn01 .__anchor a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 64px;
  padding-left: 46px;
  background-color: #000;
  background-image: url("/svcsol/common/images/ico_ft_adContact_btn01.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
@media print, screen and (min-width: 769px) {
  .ft_adContact_btn01 .__anchor a:hover {
    background-color: #cf0040;
  }
}
.ft_adContact_btn01 .__toggler {
  position: relative;
  z-index: 101;
  width: 37px;
  height: 64px;
  background-color: #000;
  background-image: url("/svcsol/common/images/ico_ft_adContact_btn02.png");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
@media print, screen and (min-width: 769px) {
  .ft_adContact_btn01 .__toggler:hover {
    background-color: #cf0040;
  }
}
.ft_adContact_btn01.is-show .__anchor {
  width: 200px;
}
.ft_adContact_btn01.is-show .__toggler {
  background-image: url("/svcsol/common/images/ico_ft_adContact_btn02.png");
}
.ft_adContact_btn01.is-hide .__anchor {
  width: 0;
}
.ft_adContact_btn01.is-hide .__toggler {
  background-image: url("/svcsol/common/images/ico_ft_adContact_btn01.png");
}

/* campBnr01 */
.campBnr01 {
  position: relative;
  margin: 40px 5px;
  border: 1px solid #0d1d60;
}
@media only screen and (max-width: 768px) {
  .campBnr01 {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.campBnr01::after,
.campBnr01::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
  width: 72px;
  height: 72px;
  background-image: url("/svcsol/common/images/ico_campBnr01.png");
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: center;
}
@media only screen and (max-width: 768px) {
  .campBnr01::after,
  .campBnr01::before {
    top: -4px;
    left: -4px;
    width: 60px;
    height: 60px;
    background-image: url("/svcsol/common/images/ico_campBnr01_sp.png");
  }
}
.campBnr01 .note-text04 {
  margin-top: 0.5em;
  color: #676767;
}
.campBnr01 .btn2-ll:not(:hover),
.campBnr01 .btn2-s:not(:hover) {
  border-color: #002261;
  background-color: #002261;
}
.campBnr01 .btn2-ll:hover,
.campBnr01 .btn2-s:hover {
  border-color: #334e81;
  background-color: #334e81;
}
.campBnr01 .btn2-s .link-text {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.campBnr01 .btn2-ll .link-text {
  padding-top: 0.75em;
  padding-bottom: 1em;
}
.campBnr01.is_type01::after {
  top: auto;
  left: auto;
  right: -5px;
  bottom: -5px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type01::after {
    right: -4px;
    bottom: -4px;
  }
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type01 .campBnr01__inner {
    min-height: 66px;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1;
  }
}
.campBnr01.is_type01 .campBnr01__ttl {
  font-size: 1.466666em;
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type01 .campBnr01__ttl {
    display: inline;
  }
}
.campBnr01.is_type01 .campBnr01__catch {
  font-size: 2.266666em;
}
.campBnr01.is_type01 .campBnr01__catch.sizeM {
  font-size: 1.8em;
}
.campBnr01.is_type01 .campBnr01__catch.sizeS {
  font-size: 1.5em;
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type01 .campBnr01__catch {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type01 .campBnr01__catch {
    line-height: 1.25;
    font-size: 1.8em;
  }
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type01 .campBnr01__tag {
    bottom: 0;
    height: 58px;
    margin: auto;
  }
}
.campBnr01.is_type02::after {
  left: auto;
  right: -5px;
  transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type02::after {
    right: -4px;
  }
}
.campBnr01.is_type02 .campBnr01__inner::after {
  top: auto;
  bottom: -5px;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type02 .campBnr01__inner::after {
    bottom: -4px;
  }
}
.campBnr01.is_type02 .campBnr01__ttl {
  font-size: 1.466666em;
}
.campBnr01.is_type02 .campBnr01__catch {
  font-size: 1.6em;
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type02 .btn-link {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.campBnr01.is_type03::after {
  top: auto;
  left: auto;
  right: -5px;
  bottom: -5px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type03::after {
    right: -4px;
    bottom: -4px;
  }
}
@media print, screen and (min-width: 769px) {
  .campBnr01.is_type03 .campBnr01__inner {
    padding-top: 39px;
    padding-bottom: 39px;
  }
}
.campBnr01.is_type03 .campBnr01__inner::after {
  top: auto;
  bottom: -5px;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 768px) {
  .campBnr01.is_type03 .campBnr01__inner::after {
    bottom: -4px;
  }
}
.campBnr01.is_type03 .campBnr01__head {
  margin-bottom: 1em;
}
.campBnr01.is_type03 .campBnr01__tag {
  margin-bottom: 5px;
}
.campBnr01.is_type03 .campBnr01__ttl {
  font-size: 1.733333em;
}
.campBnr01.is_type03 .campBnr01__catch {
  margin: 0.25em 0;
  font-size: 1.866666em;
}
.campBnr01__inner {
  position: relative;
  padding: 19px 59px;
}
@media only screen and (max-width: 768px) {
  .campBnr01__inner {
    padding: 19px 34px;
  }
}
.campBnr01__inner::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
  width: 72px;
  height: 72px;
  background-image: url("/svcsol/common/images/ico_campBnr01.png");
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: center;
}
@media only screen and (max-width: 768px) {
  .campBnr01__inner::after {
    top: -4px;
    left: -4px;
    width: 60px;
    height: 60px;
    background-image: url("/svcsol/common/images/ico_campBnr01_sp.png");
  }
}
a.campBnr01__inner {
  display: block;
  color: #333333;
}
a.campBnr01__inner::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #8cd3f8;
  z-index: 1;
  opacity: 0;
  transition: opacity 300ms;
}
a.campBnr01__inner:hover {
  text-decoration: none;
}
a.campBnr01__inner:hover::before {
  opacity: 0.2;
}
.campBnr01__head {
  position: relative;
  margin-bottom: 0.5em;
  /*padding-bottom: 0.44em;*/
  border-bottom: 2px solid #e3e3e3;
}
@media print, screen and (min-width: 769px) {
  .campBnr01__head {
    min-height: 58px;
  }
}
.campBnr01__head::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 70px;
  border-bottom: 2px solid #002c7c;
}
.campBnr01__tag {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.2;
  color: #8d7521;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .campBnr01__tag {
    position: static;
  }
}
.campBnr01__tag .__head {
  padding: 0.4375em 0;
  display: block;
  text-align: center;
}
.campBnr01__tag .__date {
  padding: 0.1875em 8px 0.3125em;
  font-size: 0.933333em;
  display: block;
  text-align: center;
}
.campBnr01__tag .__date b,
.campBnr01__tag .__date strong {
  font-size: 1.428571em;
}
.campBnr01__tag.is_type01 {
  text-align: center;
}
.campBnr01__tag.is_type01 > p {
  border: 2px solid #8d7521;
}
@media only screen and (max-width: 768px) {
  .campBnr01__tag.is_type01 > p {
    display: inline-block;
  }
}
.campBnr01__tag.is_type01 .__head {
  background-color: #8d7521;
  color: #ffffff;
}
@media print, screen and (min-width: 769px) {
  .campBnr01__tag.is_type02 {
    padding: 2px;
  }
}
@media only screen and (max-width: 768px) {
  .campBnr01__tag.is_type02 {
    margin: 2px 0;
  }
  .campBnr01__tag.is_type02 .__date,
  .campBnr01__tag.is_type02 .__head {
    display: inline;
  }
}
.campBnr01__ttl {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .campBnr01__ttl {
    display: block;
    line-height: 1.375;
  }
}
.campBnr01__cont {
  position: relative;
}
.campBnr01__catch {
  color: #8d7521;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .campBnr01__catch {
    margin: 0.25em 0;
    line-height: 1.375;
  }
}


.txtBox_imgR .imgR2 {
    float: right;
    padding: 10px 0 15px 30px;
}

.txtBox_imgR .text2 {
        font-size: 100%;
}


.col-tag{
        position: absolute;
        top: -1px;
        right: -1px;
        padding: 6px 10px 6px;
        font-weight: normal;
        font-size: 14px;
        line-height: 1;
        color: #FFF;
}

.col-tag--basic{
            background: #e89d3a;
        }
.col-tag--option{
            background: #8971ab;
        }


.lnavCol01 .col-link .link-text{
    background: url(/common/images/com_icn01.png) no-repeat 18px 2.4em;
    font-size: 1.166666em;
    font-weight: bold;
    padding-top: 34px;
}
.lnavCol01 .col-link > a{
            color: #000;
        }
.lnavCol01--small .link-text{
                padding: 28px 10px 8px 38px;
            }
.lnavCol01 .col-link > a:hover {
    text-decoration: none;
        color: #000000;
}

.lnavCol01 .col-link > a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8cd3f8;
    opacity: 0;
    transition: .3s
}
.lnavCol01 .col-link > a:hover {
    text-decoration: none
}
@media print, screen and (min-width: 769px){
    .lnavCol01 .col-link > a:hover:before {
        opacity: .2
    }
}


/*----------------------
o365 iij table
-------------------------*/

   table .table_bg01 {
      background-color: #d7d7d7; }
    table .table_bg02 {
      background-color: #f05408;
      color: #fff; }
    table .table_bg03 {
      background-color: #f6f6f6; }
    table .table_bg04 {
      background-color: #ffe1d2; }
    table .table_bg05 {
      background-color: #acc6f1; }
    table .table_bg06 {
      background-color: #f2bfd1; }
    table .table_bg07 {
      background-color: #a4d09b; }
    table .table_bg08 {
      background: #ffb629; }
table .table_bg09 {
      background: #e7e7e7; }
table .table_bg10 {
      background: #f4f4f4; }
      table .table_bg08 th,
      table .table_bg08 td {
        padding: 6px 10px; }

.table_type02 {
    border-top: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    margin-bottom: 10px; }
.table_type02 th,
.table_type02 td {
      border-right: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      text-align: center;
      vertical-align: middle;
      padding: 12px 10px;
          font-size: 93.333333%;
width: 33.3%;}
    .table_type02 thead th {
      text-align: center; }
    .table_type02 tbody th {
      text-align: left;
      font-weight: bold; }



.plan_plus {
      background: url(/svcsol/campaign/images/o365_201711/common/ico_plus.svg) no-repeat center top;
      background-size: 56px 56px;
      padding-top: 86px;
}
.plan_plus .note {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 60px;
}
.plan_plus_inner {
      border: 6px solid #f05408;
      padding: 30px;
      margin-bottom: 15px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}
.plan_plus_inner > h4 {
        width: 290px;
        font-size: 20px;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.6;
}
.plan_plus_inner > h4 span {
          font-size: 18px;
          font-size: 1.6rem;
          color: #f05408;
}
.plan_plus_inner > div {
        width: 500px;
}
.plan_plus_inner > div li {
          background: url(/svcsol/campaign/images/o365_201711/common/icon_check.svg) no-repeat left 6px;
          background-size: 15px 12px;
          padding-left: 24px;
          font-size: 16px;
          font-size: 1rem;
          margin-bottom: 18px;
          line-height: 1.4;
}
.plan_plus_inner > div li:last-child {
            margin-bottom: 0;
}
.plan_plus_inner > div li span {
            font-size: 14px;
            font-size: 0.8rem;
}
.plan_plus_inner > div li span.sup {
              /*vertical-align: super;*/
}

/*-----------

proxy-365

------------*/


.bgc01{
    background:#417dbe!important;
    color:#fff!important;
}

.bgc02{
    background:#ff8c00!important;
    color:#fff!important;
}


.border_none{
    border: none!important;
}

.box_jirei01{
    background-color: slategray;
    padding: 8px;
    width: 62px;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 768px){
    .box_jirei01{
    width: 24% !important;
}
}


/*-----------------------------------------
 20190910 cpx add
 -----------------------------------------*/
.block-news-area{
  border: 3px solid #d7083b;
  padding: 30px;
  background: #f4f4f4;
 }
 .block-news-area dt{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
 }
  .block-news-area-column-wrap{
    display: flex;
    flex-wrap: nowrap;
  }
  .block-news-area-column-wrap .image{
    margin-right: 40px;
  }
  .block-news-area-column-wrap .txt{
  }
  .block-news-area .btn{
    margin-top: 20px;
    display: inline-block;
  }
  .block-news-area .btn a {
    background: #c6052c;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 35px 15px 35px;
    transition: .3s;
    border: 1px solid #c6052c;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
  }
  .block-news-area .btn a:before {
    content: url(/common/images/com_icn40.png);
    width: 11px;
    height: auto;
    padding-right:10px;
  }
  .block-news-area .btn a[target="_blank"]{
    background: #c6052c url(/svcsol/common/images/icon_externallink_w.png) no-repeat 93% 50%;
  }
  .block-news-area .btn a:hover{
    background: #FFF;
    color: #c6052c;
  }
    .block-news-area .btn a:hover:before{
      content: url(/common/images/com_icn79.png);
    }
    .block-news-area .btn a[target="_blank"]:hover{
    background: #FFF url(/svcsol/common/images/icon_externallink_kc.png) no-repeat 93% 50%;
    }


.block-news-area-column02{
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-right: 10px;
}
.block-news-area-column02:last-child{
  margin-right: 0;
}
.block-news-area-column02 .images{
  padding-right: 10px;
}
.block-news-area-column02.more:before{
  content: url(/svcsol/common/images/icon_more.svg);
  width: 130px;
  height: auto;

}
@media only screen and (max-width: 768px){
    .block-news-area{
      padding: 10px;
    }
    .block-news-area dt{
      font-size: 1.5rem;
    }
    .block-news-area-column-wrap{
      display: block;
    }
    .block-news-area-column-wrap .image{
      margin: 0 0 20px 0;
      text-align: center;
    }
    .block-news-area .btn{
      width: 100%;
      display: block;
    }
    .block-news-area .btn a{
      padding:10px;
      display: block;
      width: 100%;
      text-align: center;
    }
    .block-news-area .btn a[target="_blank"]{
      background-position: 96% 50%;
      padding-right: 30px;
      text-align: left;
    }
    .block-news-area-column02{
      margin-bottom: 10px;
    }
    .block-news-area-column02:last-child{
      margin-bottom: 0;
    }
  }

/*-----------------------------------------
 20200221 add
 -----------------------------------------*/

.p-feature {
  background-color: #eee;
  padding: 25px 30px 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.p-feature * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.p-feature__hd {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 25px;
}

.p-feature__inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: normal;
  align-items: normal;
  justify-content: flex-start;
  margin: 0 0 -17px -17px;
}

.p-feature__box {
  background-color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  width: 273px;
  padding: 0 15px 25px;
  margin: 0 0 17px 17px;
}

.p-feature__name {
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 10px;
  font-size: 18px;
  width: calc(100% + 30px);
  margin: 0 0 15px -15px;
  font-weight: 700;
}

.p-feature__name--01 {
  background-color: #4c963a;
}

.p-feature__name--02 {
  background-color: #bd9127;
}

.p-feature__name--03 {
  background-color: #c61d4d;
}

.p-feature__txt {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.p-servicelist {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: auto;
  justify-content: space-between;
  margin: 0 0 -6px -6px;
}

.p-servicelist__item {
  position: relative;
  padding-top: 22px;
  margin: 0 0 6px 6px;
  width: 100%;
}

.p-servicelist__desc {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  text-align: center;
  width: 100%;
  line-height: 1;
  padding-bottom: 5px;
}

.p-servicelist__desc::before ,
.p-servicelist__desc::after {
  position: absolute;
  content: '';
}

.p-servicelist__desc::before {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #6a6a6a;
}

.p-servicelist__desc::after {
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #6a6a6a transparent transparent transparent;
  bottom: -3px;
  margin-left: -3px;
}

.p-servicelist__link {
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1.3;
  height: 47px;
  width: 100%;
}

a.p-servicelist__link{
  background-color: #333;
}

a.p-servicelist__link:hover {
  opacity: .7;
}

a.p-servicelist__link .p-servicelist__txt {
  padding-left: 14px;
  position: relative;

}

a.p-servicelist__link .p-servicelist__txt::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/common/images/com_icn40.png) no-repeat left top;
  width: 9px;
  height: 10px;
  -webkit-background-size: 9px 10px;
  background-size: 9px 10px;
}

p.p-servicelist__link {
  background-color: #b2b2b2;
}


@media only screen and (max-width: 768px) {
  .p-feature {
    padding: 10px 15px 20px;
  }

  .p-feature__hd {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .p-feature__inner {
    display: block;
    margin: 0;
  }

  .p-feature__box {
    width: 100%;
    margin: 0 0 15px;
  }

  .p-servicelist__item {
    padding-top: 0;
  }

  .p-servicelist__desc {
    position: relative;
    margin-bottom: 10px;
  }
}

/* button */
.post_btn {
    margin: 30px 0;
    padding: 35px 0 30px;
    background: #EAEAEA;
    text-align: center;
}
.post_btn a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background: #d7063b;
    -webkit-transition: background .5s;
    transition: background .5s;
    box-shadow: 0px 3px 6px #00000029;
    width: 80%;
    padding: 10px 30px;
    box-sizing: border-box;
    color: white;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.post_btn a:hover {
    color: #fff;
    background: #e45178;
}

.post_btn a span {
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    font-size: nomal;
    line-height: 1.6;
    display: inline-block;
    padding: 10px 30px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.post_btn a[target="_blank"] span {
    background: url(/svcsol/common/images/icon_externallink_w.png) no-repeat right center;
}

@media screen and (max-width: 992px) {
    .post_btn a {
        width: 90%;
        padding: 10px;
    }

    .post_btn a span {
        padding: 10px 40px;
    }
}

/*-----------------------------------------
20200826 add case_comment_parts
-----------------------------------------*/
.comments_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;

    margin-bottom: 25px;

    color: #d91b49;
}

.comments_question {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;

    position: relative;

    margin-bottom: 35px;
    padding-left: 50px;

    color: #343434;
}

.comments_question::before {
    position: absolute;
    top: 15px;
    left: 0;

    width: 40px;
    height: 2px;

    content: '';

    background-color: #333;
}

.comments_answer {
    padding: 0 50px 40px;
}

.comments_column {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;

    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.comments_introduce {
    width: 280px;

    background-color: #eee;
}

.comments_introduce + .comments_body {
    margin-left: 35px;
}

.comments_body + .comments_introduce {
    margin-left: 35px;
}

.comments_body {
    -webkit-flex: 1 0 1%;
    -moz-flex: 1 0 1%;
    -ms-flex: 1 0 1%;
    -o-flex: 1 0 1%;
    flex: 1 0 1%;
}

.comments_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;

    position: relative;

    margin: -10px 0 10px;
    padding-left: 20px;
}

.comments_name::before {
    position: absolute;
    top: 9px;
    left: 0;

    width: 11px;
    height: 11px;

    content: '';

    background: url(/svcsol/common/images/ico_circle.svg) no-repeat left top;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.comments_txt {
    font-size: 16px;
    line-height: 1.75;

    position: relative;

    margin-bottom: 25px;
    padding-left: 20px;
}

.comments_txt::before {
    position: absolute;
    top: 6px;
    left: 5px;

    width: 1px;
    height: calc(100% - 12px);

    content: '';

    background-color: #d91b49;
}

.comments_figcaption {
    font-size: 12px;
    line-height: 1.5;

    padding: 14px 15px;
}

.comments_bold {
    font-weight: bold;
}

.comments_figure,
.comments_img,
.comments_person {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .comments_title {
        font-size: 18px;
        line-height: 1.5;
    }

    .comments_question {
        font-size: 16px;

        margin-bottom: 25px;
        padding-left: 30px;
    }

    .comments_question::before {
        top: 11px;

        width: 25px;
    }

    .comments_answer {
        padding: 0 15px 35px;
    }

    .comments_column {
        display: block;
    }

    .comments_name {
        font-size: 14px;
        line-height: 1.6;

        margin: 0;
    }

    .comments_name::before {
        top: 6px;
    }

    .comments_txt {
        font-size: 14px;
        line-height: 1.6;
    }

    .comments_txt {
        top: 5px;

        height: calc(100% - 10px);
    }

    .comments_body {
        width: 100%;
        margin: 0 !important;
    }

    .comments_introduce {
        width: 100%;
        margin: 0 0 20px !important;
    }

    .comments_introduce:last-child {
        margin-bottom: 0 !important;
    }
}

/*-----------------------------------------
20201006 add case_service-list_parts
-----------------------------------------*/
.new_list--block__link, .new_list__item {
    position: relative;
}

.new_list--block__link::before, .new_list__item::before {
    position: absolute;
    width: 11px;
    height: 12px;
    content: '';
    background: url(/common/images/com_icn01.png) no-repeat left;
    background-size: 11px 12px;
}

.new_list__box {
    background-color: #eee;
}

@media print, screen and (min-width: 769px) {
    .new_list__box {
        margin-bottom: 25px;
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .new_list__box {
        margin-bottom: 15px;
        padding: 5px;
    }
}

.new_list__item {
    padding-left: 21px;
    margin-bottom: 10px;
}

.new_list__item::before {
    left: 0;
}

@media print, screen and (min-width: 769px) {
    .new_list__item::before {
        top: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .new_list__item::before {
        top: 3px;
    }
}

.new_list__link {
    font-weight: bold;
    line-height: 1.5;
    color: #333 !important;
}

@media print, screen and (min-width: 769px) {
    .new_list__link {
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .new_list__link {
        font-size: 12px;
    }
}

@media print, screen and (min-width: 769px) {
    .new_list__wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media print, screen and (min-width: 769px) {
    .new_list--half {
        width: 45.422%;
    }
}

.new_list--block {
    margin-bottom: 20px;
}

.new_list--block__item:not(:last-child) {
    margin-bottom: 8px;
}

.new_list--block__link {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    display: block;
    text-decoration: none !important;
    color: #333 !important;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}

@media print, screen and (min-width: 769px) {
    .new_list--block__link {
        font-size: 17px;
        padding: 12px 20px 12px 40px;
    }
}

@media only screen and (max-width: 768px) {
    .new_list--block__link {
        font-size: 14px;
        padding: 10px 10px 10px 30px;
    }
}

.new_list--block__link:hover {
    opacity: .7;
}

@media print, screen and (min-width: 769px) {
    .new_list--block__link::before {
        top: 17px;
        left: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .new_list--block__link::before {
        top: 15px;
        left: 10px;
    }
}
/*-----------------------------------------
20210120 add locaNavi02
-----------------------------------------*/

.locaNavi02 a{
  display: inline-block;
  padding: 0 0 0 20px;
  background: url(/common/images/com_icn49.png) no-repeat 0 0.25em;
}
/*-----------------------------------------
20210921 add comments_img
-----------------------------------------*/

.comments_figure > .comments_img {
  width: auto;
  max-width: 100%;
}

/*-----------------------------------------
20211129 start .contactKind
-----------------------------------------*/
.contactKind *,.contactKind :after,.contactKind :before{box-sizing:border-box}
.contactKind .media{margin-top:15px}
.contactKind .media:first-child{margin-top:0}
.contactKind .media,.contactKind .media-body{overflow:hidden;zoom:1}
.contactKind .media-body{width:10000px}
.contactKind .media-object{display:block;max-width:none}
.contactKind .media-object.img-thumbnail{max-width:none}
.contactKind .media > .pull-right,.contactKind .media-right{padding-left:10px}
.contactKind .media > .pull-left,.contactKind .media-left{padding-right:10px}
.contactKind .media-body,.contactKind .media-left,.contactKind .media-right{display:table-cell;vertical-align:top}
.contactKind .media-middle{vertical-align:middle}
.contactKind .media-bottom{vertical-align:bottom}
.contactKind .media-heading{margin-top:0;margin-bottom:5px}
.contactKind .media-list{padding-left:0;list-style:none}
.contactKind .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.7;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.15s}
.contactKind .btn.active.focus,.contactKind .btn.active:focus,.contactKind .btn.focus,.contactKind .btn:active.focus,.contactKind .btn:active:focus,.contactKind .btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.contactKind .btn.focus,.contactKind .btn:focus,.contactKind .btn:hover{color:#333;text-decoration:none}
.contactKind .btn.active,.contactKind .btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.contactKind p{margin:0 0 11.5px}
.contactKind .container{max-width:1230px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.contactKind .row{margin-right:-15px;margin-left:-15px}
.contactKind .row:after,.contactKind .row:before{display:table;content:" "}
.contactKind .row:after{clear:both}
.contactKind .col-sm-4{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:768px) {
  .contactKind .col-sm-4{float:left;width:33.33333333%}
}
.contactKind a,.contactKind a img{transition:.15s}
.contactKind a.icon-external:after{display:inline-block;width:12px;height:11px;margin-right:2px;margin-left:4px;background:url(/svcsol/common/images/icon/external.png) no-repeat;content:""}
.contactKind .table-cell{display:table;width:100%}
.contactKind .table-cell > .cell{display:table-cell}
.contactKind .text-center{text-align:center}
.contactKind img{vertical-align:middle}
.contactKind .btn-transparent-sm{position:relative;padding: 0!important;font-size:14px;color:#fff!important}
.contactKind .btn-transparent-sm:after{width:14px;height:14px;background:url(/svcsol/common/images/icon/arrow-orange.png) 0 0/cover no-repeat;content:""}
@media (min-width:768px) {
  .contactKind .btn-transparent-sm:after{display:inline-block;vertical-align:middle;margin-top:-1px;margin-left:6px}
}
@media (max-width:767px) {
  .contactKind .btn-transparent-sm{padding:0 25px 0 0!important;font-size:13px;line-height:1.5;white-space:normal}
  .contactKind .btn-transparent-sm:after{position:absolute;top:0;right:0;bottom:0;margin:auto 0}
}
.contactKind .btn-transparent-sm:active,.contactKind .btn-transparent-sm:focus,.contactKind .btn-transparent-sm:hover{opacity:.8;box-shadow:none;outline:0!important}
.contactKind .btn-red{width:100%;padding:13px 31px 11px 67px;font-size:18px;font-weight:700;line-height:1.333;color:#fff;background-color:#d7092f;border-radius:25px}
.contactKind .btn-red.icon-plane{position:relative}
.contactKind .btn-red.icon-plane:after{display:inline-block;width:33px;height:24px;margin-top:-3px;margin-left:25px;vertical-align:middle;background:url(/svcsol/common/images/icon/plane.svg) no-repeat;content:""}
@media (min-width:768px) and (max-width:991px) {
  .contactKind .btn-red{padding-left:35px}
  .contactKind .btn-red.icon-plane:after{margin-left:20px}
}
.contactKind .btn-red:active,.contactKind .btn-red:focus,.contactKind .btn-red:hover{color:#fff;background-color:#ef0f4a;outline:0!important}
@media (max-width:767px) {
  .contactKind .btn-red{max-width:245px;font-size:16px}
  .contactKind .media.media-cleared-xs .media-body,.contactKind .media.media-cleared-xs.media{overflow:visible}
  .contactKind .media.media-cleared-xs .media-body{width:auto}
  .contactKind .media.media-cleared-xs .media-body,.contactKind .media.media-cleared-xs .media-left,.contactKind .media.media-cleared-xs .media-right{display:block}
  .contactKind .media.media-cleared-xs .media > .pull-right,.contactKind .media.media-cleared-xs .media-right{padding-bottom:10px;padding-left:0!important}
  .contactKind .media.media-cleared-xs .media > .pull-left,.contactKind .media.media-cleared-xs .media-left{padding-right:0!important;padding-bottom:10px}
  .contactKind .media.media-cleared-xs .media-object{display:inline-block}
}
.contactKind .media-dark-blue .media-heading{font-size:20px;font-weight:700;line-height:1.5;color:#fff}
.contactKind .media-sm .media-heading{font-size:18px;font-weight:700;line-height:1.444}
.contactKind .media-sm .caption{margin-top:0;font-size:15px;line-height:1.6}
.contactKind .media-sm .number{font-size:27px;font-weight:700}
.contactKind .title-white{position:relative;margin-top:0;margin-bottom:0;font-size:20px;font-weight:700;line-height:1.5;color:#fff}
.contactKind .title-white.border-left-red{padding-left:15px}
.contactKind .title-white.border-left-red:before{position:absolute;top:0;bottom:0;left:0;width:4px;background-color:#d7092f;content:""}
.contactKind .section-inquiry{margin-top:47px;background-color:#364e65;border-radius:10px}
.contactKind .section-inquiry .cell{vertical-align:middle}
.contactKind .section-inquiry .cell-1{width:18.6%}
@media (max-width:991px) {
  .contactKind .title-white{font-size:18px}
  .contactKind .section-inquiry .cell-1{width:23%}
}
.contactKind .section-inquiry .cell-1 img{margin-top:-8px}
@media (max-width:767px) {
  .contactKind .section-inquiry .container{padding-right:10px;padding-left:10px}
  .contactKind .section-inquiry .title-white{font-size:16px}
  .contactKind .section-inquiry .cell{display:inline-block}
  .contactKind .section-inquiry .cell-1{width:35%}
  .contactKind .section-inquiry .cell-1 img{margin-top:-66px}
}
.contactKind .section-inquiry .cell-2{width:44.6%}
.contactKind .section-inquiry .table-cell{padding-right:50px;padding-bottom:4px;padding-left:50px}
@media (max-width:991px) {
  .contactKind .section-inquiry .cell-2{width:55%}
  .contactKind .section-inquiry .table-cell{padding-right:15px;padding-left:15px}
}
.contactKind .section-inquiry .title-white{margin-top:8px}
@media (max-width:767px) {
  .contactKind .section-inquiry .cell-2{width:65%}
  .contactKind .section-inquiry .cell-3{display:block}
  .contactKind .section-inquiry .table-cell{padding-right:0;padding-bottom:25px;padding-left:0}
  .contactKind .section-inquiry .title-white{padding-top:5px;padding-bottom:5px;margin-top:20px;margin-bottom:15px}
  .contactKind .section-inquiry .btn-container{text-align:center}
}
.contactKind .section-inquiry .btn-container{margin-top:8px}
.contactKind .section-inquiry-lg{padding:0 12px 30px;margin-top:60px;margin-bottom:60px;color:#fff;background-color:#364e65;border-radius:10px}
.contactKind .section-inquiry-lg .text-sm{font-size:12px}
.contactKind .section-inquiry-lg .lead{padding-top:10px;margin-top:5px;margin-bottom:0;font-size:16px;text-align:center;border-top:1px solid #fff}
.contactKind .section-inquiry-lg .lead a{font-weight:700;color:#f7931e}
.contactKind .section-inquiry-lg .media-sm{padding-top:16px;margin-top:16px!important;border-top:3px solid #d7092f}
.contactKind .section-inquiry-lg .media-sm .media-left{padding-right:8px}
.contactKind .section-inquiry-lg .media-sm .caption{margin-bottom:0}
@media (max-width:767px) {
  .contactKind .section-inquiry-lg{padding:0 6px 20px;margin-top:40px;margin-bottom:40px}
  .contactKind .section-inquiry-lg .container{padding-right:10px;padding-left:10px}
  .contactKind .section-inquiry-lg .lead{font-size:14px}
  .contactKind .section-inquiry-lg .media-left,.contactKind .section-inquiry-lg .text-sm{text-align:center}
  .contactKind .section-inquiry-lg .btn{font-size:14px}
  .contactKind .section-inquiry-lg .media-sm .media-body{text-align:center}
}
.contactKind .section-inquiry-lg .media-dark-blue{padding-right:60px;padding-left:60px;overflow:visible}
.contactKind .section-inquiry-lg .media-dark-blue .media-heading{font-size:20px}
@media (max-width:767px) {
  .contactKind .section-inquiry-lg .media-dark-blue{padding:0}
  .contactKind .section-inquiry-lg .media-dark-blue .media-heading{font-size:16px}
}
.contactKind .section-inquiry-lg .media-dark-blue .media-object{margin-top:-16px}
.contactKind .section-inquiry-lg .media-dark-blue .media-left{padding-right:10px}
@media (min-width:768px) {
  .contactKind .title-white.border-left-red:before{top:-7px;bottom:-7px}
  .contactKind .section-inquiry-lg .media-dark-blue .media-body{padding-top:16px}
  .contactKind .lead{font-size:21px}
}
@media (min-width: 768px) {
  .contactKind .section-inquiry-common {
    padding-top: 69px;
    padding-bottom: 82px;
  }
}
/*-----------------------------------------
20211129 end .contactKind
-----------------------------------------*/

/*-----------------------------------------
20221125 category renewal
-----------------------------------------*/
.btnList01 {
  display: none !important;
}

/* 20221129 sitemap START */
#footerSitemap.siteMap {
  margin-top: 80px;
  padding: 56px 0;
  position: relative;
  background: #fff;
  overflow: visible;
}
@media (max-width: 768px) {
  #footerSitemap.siteMap {
    display: none;
  }
}
#footerSitemap.siteMap .container {
  max-width: 1366px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
  gap: 0 56px;
}
#footerSitemap.siteMap .container .logo_30th {
  margin: 0;
  padding: 0;
  max-width: 240px;
  width: 19%;
}
#footerSitemap.siteMap .container .logo_30th img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#footerSitemap.siteMap .container > nav {
  width: 81%;
}
#footerSitemap.siteMap a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  letter-spacing: 0.05em;
  transition: color 0.2s;
  position: relative;
}
#footerSitemap.siteMap a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_946%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20946%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22%23969696%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_670%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20670%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_246%22%20data-name%3D%22%E3%83%91%E3%82%B9%20246%22%20d%3D%22M10.228%2C9.41V8.446a.886.886%2C0%2C1%2C1%2C1.772%2C0v1.772A1.782%2C1.782%2C0%2C0%2C1%2C10.218%2C12H1.782A1.782%2C1.782%2C0%2C0%2C1%2C0%2C10.218V1.782A1.782%2C1.782%2C0%2C0%2C1%2C1.782%2C0H3.554a.886.886%2C0%2C1%2C1%2C0%2C1.772H2.59a.818.818%2C0%2C0%2C0-.818.818V9.41a.818.818%2C0%2C0%2C0%2C.818.818H9.41a.818.818%2C0%2C0%2C0%2C.818-.818M6.212.886h0a.886.886%2C0%2C0%2C0%2C.886.886H8.962L5.506%2C5.228a1.066%2C1.066%2C0%2C0%2C0-.1%2C1.349.756.756%2C0%2C0%2C0%2C1.17.083l3.647-3.647V4.9A.886.886%2C0%2C1%2C0%2C12%2C4.9V.855A.855.855%2C0%2C0%2C0%2C11.145%2C0H7.1a.886.886%2C0%2C0%2C0-.886.886%22%20fill%3D%22%23969696%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (hover: hover) {
  #footerSitemap.siteMap a:hover {
    color: #C52B40;
    transition: color 0.2s;
  }
}
#footerSitemap.siteMap a:focus-visible {
  color: #C52B40;
  transition: color 0.2s;
}
#footerSitemap.siteMap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footerSitemap.siteMap ul li:not(:last-child) {
  margin-bottom: 9px;
}
#footerSitemap.siteMap ul li.-mb1 {
  margin-bottom: 40px;
}
#footerSitemap.siteMap .footTtl {
  margin: 0 0 28px;
  padding: 0;
}
#footerSitemap.siteMap .footTtl a {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#footerSitemap.siteMap .flexContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 5px;
}
#footerSitemap.siteMap .flexContainer > ul {
  width: calc(33.3333333333% - 5px);
}
#footerSitemap.siteMap .generalMenu {
  margin: 30px 0 0;
  padding-top: 32px;
  border-top: 2px solid #C1C1C1;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#footerSitemap.siteMap .generalMenu > li {
  width: 33.3333333333%;
}
/* 20221129 sitemap END */

/* 20230426 sitemap START */
#footerSitemap.siteMap {
  margin-top: 40px;
  padding: 62px 0;
}
#footerSitemap.siteMap .l-contentsWidth {
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 33px;
}
#footerSitemap.siteMap .l-contentsWidth .flexContainer {
  display: flex;
  justify-content: space-between;
  gap: 0 5px;
}
#footerSitemap.siteMap .l-contentsWidth .footLeft {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(25% - 33px);
}
#footerSitemap.siteMap .l-contentsWidth .footTtl {
  margin-bottom: 16px;
}
#footerSitemap.siteMap .l-contentsWidth .footTtl a {
  display: flex;
  align-items: center;
  color: #2B7BB2;
}
#footerSitemap.siteMap .l-contentsWidth .footTtl a::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 6px;
  border-top: 2px solid #2B7BB2;
  border-right: 2px solid #2B7BB2;
  transform: rotate(45deg);
}
#footerSitemap.siteMap .l-contentsWidth .footTtl a:hover {
  text-decoration: underline;
  color: #2B7BB2;
}
#footerSitemap.siteMap .l-contentsWidth .footBtn {
  width: 100%;
}
#footerSitemap.siteMap .l-contentsWidth .footBtn a {
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 20px;
  width: 100%;
  height: 32px;
  border-radius: 9999px;
  background-color: #333;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.05em;
  transition: background-color .5s, box-shadow .5s;
}
#footerSitemap.siteMap .l-contentsWidth .footBtn a::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
}
#footerSitemap.siteMap .l-contentsWidth .footBtn a:hover {
  text-decoration: none;
  background-color: #595959;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
}
#footerSitemap.siteMap .l-contentsWidth .logo_30th {
  margin: 32px 0 0;
  padding: 0;
  max-width: 188px;
}
#footerSitemap.siteMap .l-contentsWidth .logo_30th a {
  transition: opacity .5s;
}
#footerSitemap.siteMap .l-contentsWidth .logo_30th a:hover {
  opacity: .7;
}
#footerSitemap.siteMap .l-contentsWidth .logo_30th img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#footerSitemap.siteMap .l-contentsWidth .flexContainer > ul {
  width: calc(25% - 33px);
}
#footerSitemap.siteMap .l-contentsWidth ul li:not(:last-child) {
  margin-bottom: 5px;
}
#footerSitemap.siteMap .l-contentsWidth .footNavi{
  width: 100%;
}
#footerSitemap.siteMap .l-contentsWidth .footNaviLead {
  font-size: 16px;
  font-weight: bold;
}
#footerSitemap.siteMap ul li a {
  font-size: 12px;
  color: #2B7BB2;
  letter-spacing: 0;
}
#footerSitemap.siteMap ul li a:hover {
  text-decoration: underline;
  color: #2B7BB2;
}
#footerSitemap.siteMap ul li a:visited {
  color: #551B8C;
}
#footerSitemap.siteMap ul li a:visited:hover {
  color: #551B8C;
}
#footerSitemap.siteMap ul li a[target="_blank"] {
  position: relative;
}
#footerSitemap.siteMap ul li a[target="_blank"]::after {
  content: "\f08e";
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  display: inline-block;
  margin-left: 0.1em;
  width: auto;
  height: auto;
  border: none;
  background: none;
  transform: translateY(-1px);
  font-size: 10px;
}
#footerSitemap.siteMap ul .linkStrong a {
  font-weight: bold;
}
#footerSitemap.siteMap ul .linkStrong + li:not(.linkStrong) {
  margin-top: 40px;
}
/* 20230426 sitemap END */
/* 20230517 sitemap START */
#footerSitemap.siteMap .l-contentsWidth {
  box-sizing: border-box;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}
#footerSitemap.siteMap {
  line-height: 1.4;
}
/* 20230517 sitemap END */

/* case sp bottom list fix start */
@media only screen and (max-width: 768px) {
  /* bottom contents list fix */
  #contents #result11 .threeCol03,
  #contents #result12 .threeCol03 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  #contents #result11 .threeCol03 .item a,
  #contents #result12 .threeCol03 .item a {
    display: grid;
    margin: 0;
    padding: 0;
    position: relative;
    grid-template-columns: 40% 1fr;
    grid-template-rows: 1fr 3fr;
    gap: 1rem;
  }

  #contents #result11 .threeCol03 .item a > span.photo,
  #contents #result12 .threeCol03 .item a > span.photo {
    display: grid;
    position: relative;
    grid-row: 1 / 3;
  }
  #contents #result11 .threeCol03 .item a > span.photo img,
  #contents #result12 .threeCol03 .item a > span.photo img {
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  #contents #result11 .threeCol03 .item a > span.company,
  #contents #result12 .threeCol03 .item a > span.company {
    display: grid;
    position: relative;
    grid-row: 1 / 2;
    justify-content: start;
    align-items: start;
    padding-bottom: 0;
  }

  #contents #result11 .threeCol03 .item a > span.text,
  #contents #result12 .threeCol03 .item a > span.text {
    display: grid;
    position: relative;
    grid-row: 2 / 3;
    justify-content: start;
    align-items: start;
  }
}
/* case sp bottom list fix end */

/* add 20221208 start */
.comments_h2_title {
  text-align: center;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.8;
  color: #d91b49;
}

@media only screen and (max-width: 768px) {
  .comments_h2_title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.highlighterY {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #f3f147 50%);
}

/* boxStyle17 */
.boxStyle17 h4.title {
  display: block;
  padding: 10px;
  background-color: #DA1949;
  color: #fff;
  line-height: 1.2;
  font-size: 113.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .boxStyle17 h4.title {
    font-size: 1.5rem;
  }
}

.boxStyle17 .txtBox {
  padding: 20px;
  font-size: 106.666666%;
  border: 1px solid #DA1949;
}

@media only screen and (max-width: 768px) {
  .boxStyle17 .txtBox {
    padding: 8px;
    font-size: 1.4rem;
  }
}

/* twoCol15 */
.twoCol15 {
  display: flex;
  align-items: center;
}

.twoCol15 .img img {
  vertical-align: bottom;
}

.twoCol15 .text {
  flex: 1;
}

@media print, screen and (min-width: 769px) {
  .twoCol15 > div:not(:first-of-type) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .twoCol15 {
    display: block;
  }

  .twoCol15 .img {
    text-align: center;
  }

  .twoCol15 > div:not(:first-of-type) {
    margin-top: 10px;
  }
}

/* 20250116 #asideと同スタイル */

/* ------------------------------
/common/css/layout.css
/common/css/layout_sp.css
--------------------------------- */
#aside {
	width: 100%;
}
#aside * {
box-sizing: border-box;
}
@media (min-width: 769px) {
  #aside {
    float: right;
    width: 240px;
  }
  #aside * {
  box-sizing: border-box;
  }
}

#s-aside {
	width: 100%;
}

@media (min-width: 769px) {
  #s-aside {
    float: right;
    width: 240px;
  }
}

/* ------------------------------
import.css
--------------------------------- */
@media only screen and (max-width: 768px) {
  #s-aside {
    padding: 30px 18px 0;
  }
}

@media only screen and (max-width: 768px) {
  #s-aside .rNaviTitle {
    margin-left: -18px;
    margin-right: -18px;
  }
}

#s-aside h2.rttl01 {
  padding-bottom: 5px;
  margin-bottom: 4px;
  background: url(/svcsol/common/images/sr_h_bg001.gif) no-repeat center bottom;
}

#s-aside h2.rtt01_bg01 {
  background: url(/svcsol/common/images/sr_h_bg001_01.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg02 {
  background: url(/svcsol/common/images/sr_h_bg001_02.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg03 {
  background: url(/svcsol/common/images/sr_h_bg001_03.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg04 {
  background: url(/svcsol/common/images/sr_h_bg001_04.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg05 {
  background: url(/svcsol/common/images/sr_h_bg001_05.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg06 {
  background: url(/svcsol/common/images/sr_h_bg001_06.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg07 {
  background: url(/svcsol/common/images/sr_h_bg001_07.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg08 {
  background: url(/svcsol/common/images/sr_h_bg001_08.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg09 {
  background: url(/svcsol/common/images/sr_h_bg001_09.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg10 {
  background: url(/svcsol/common/images/sr_h_bg001_10.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg11 {
  background: url(/svcsol/common/images/sr_h_bg001_11.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg12 {
  background: url(/svcsol/common/images/sr_h_bg001_12.png) no-repeat center bottom !important;
}

#s-aside h2.rtt01_bg13 {
  background: url(/svcsol/common/images/sr_h_bg001_13.png) no-repeat center bottom !important;
}

#s-aside h2.rttl01 span {
  display: block;
  padding: 9px 5px;
  border: 1px solid #d4123f;
  line-height: 1.4;
  font-weight: bold;
  color: #d4123f;
  text-align: center;
}

#s-aside h2.rtt01_bg01 span {
  color: #d4123f !important;
}

#s-aside h2.rtt01_bg02 span {
  color: #7c5b83 !important;
}

#s-aside h2.rtt01_bg03 span {
  color: #9f96bd !important;
}

#s-aside h2.rtt01_bg04 span {
  color: #a7bc5b !important;
}

#s-aside h2.rtt01_bg05 span {
  color: #da9a4b !important;
}

#s-aside h2.rtt01_bg06 span {
  color: #67a8cf !important;
}

#s-aside h2.rtt01_bg07 span {
  color: #006f8c !important;
}

#s-aside h2.rtt01_bg08 span {
  color: #4d9988 !important;
}

#s-aside h2.rtt01_bg09 span {
  color: #417dbe !important;
}

#s-aside h2.rtt01_bg10 span {
  color: #896c31 !important;
}

#s-aside h2.rtt01_bg11 span {
  color: #3c4e55 !important;
}

#s-aside h2.rtt01_bg12 span {
  color: #e1b200 !important;
}

#s-aside h2.rtt01_bg13 span {
  color: #e98f8f !important;
}

#s-aside h2.rttl02 {
  margin-bottom: .875em;
  padding: .875em 0;
  border-bottom: 2px solid #cf0040;
  background-color: #666;
  color: #fff;
  font-size: 93.333333%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #s-aside h2.rttl02 {
    font-size: 1.4rem;
  }
}

#s-aside h2.rttl03 {
  padding: 16px 0;
  margin-bottom: 10px;
  background: #818f94 url(/svcsol/common/images/com_h_bg002.gif) no-repeat left top;
  line-height: 1;
  text-align: center;
  font-size: 93.333333%;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  #s-aside h2.rttl03 {
    font-size: inherit;
  }
}

#s-aside h2.rttl04 {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  background: #6a6a6a;
  border-bottom: 2px solid #cf0040;
  color: #fff;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #s-aside h2.rttl04 {
    font-size: inherit;
  }
}

#s-aside h2.rttl04 span.ttl {
  display: table-cell;
  vertical-align: middle;
  padding: 12px 0;
  color: #fff;
  text-align: center;
}

#s-aside h2.rttl04 span.ico {
  display: table-cell;
  vertical-align: middle;
  width: 45px;
  background-color: #cf0040;
  text-align: center;
}

#s-aside h2.rttl05 {
  margin-bottom: 5px;
  padding: 10px 0 16px 0;
  background: #818f94 url(/svcsol/common/images/sr_h_bg003.gif) no-repeat center bottom;
  color: #fff;
  font-size: 106.666666%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #s-aside h2.rttl05 {
    font-size: 1.3rem;
  }
}

#s-aside h2.rttl06 {
  position: relative;
  margin-bottom: -5px;
  padding: 13px 0 20px 0;
  background-color: #3d4e56;
  background-image: url(/svcsol/common/images/sr_h_bg001_11.png), -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background-image: url(/svcsol/common/images/sr_h_bg001_11.png), linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat-x;
  background-position: center bottom,  center bottom;
  background-size: auto, 5px 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#s-aside .srbox {
  margin-bottom: 10px;
  padding: 8px 15px;
  border: 1px solid #d4d4d4;
  border-top: none;
}

#s-aside h2.rttl06 + .srbox {
  position: relative;
  margin-top: -5px;
}

#s-aside .srbox h4.ttl05 span.bg {
  padding: 5px 0 6px;
  line-height: 1.5;
}

#s-aside .srbox h4.ttl05 span.tgblank {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#s-aside .srbox h4.ttl05 img {
  vertical-align: middle;
}

#s-aside .srbox h4.ttl05 span.date {
  display: inline-block;
  padding-top: 5px;
  color: #555555;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

#s-aside .srbox h4.ttl05 span.date img {
  vertical-align: bottom;
}

#s-aside h3.rttl01 {
  position: relative;
  margin-bottom: 1.75em;
  padding-left: 10px;
  border-left: 2px solid #b3b3b3;
  font-size: 93.333333%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #s-aside h3.rttl01 {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}

#s-aside h3.rttl01::before {
  content: '';
  display: block;
  position: absolute;
  left: -2px;
  bottom: -13px;
  width: 100%;
  width: calc(100% + 2px);
  height: 2px;
  background-image: -webkit-linear-gradient(left, #9e9e9e 50%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(to right, #9e9e9e 50%, rgba(255, 255, 255, 0) 50%);
  background-repeat: repeat-x;
  background-size: 4px 2px;
}

@media only screen and (max-width: 768px) {
  #s-aside h3.rttl01::before {
    bottom: -10px;
  }
}

/* sideNav */
#s-aside .sideNav {
  margin-bottom: 20px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background: #f1f3f3;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideNav {
    margin-left: -18px;
    margin-right: -18px;
  }
}

#s-aside .sideNav li {
  padding: 8px 4px 8px 14px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideNav li {
    font-size: inherit;
  }
}

#s-aside .sideNav li.current {
  background: #fff;
}

#s-aside .sideNav li a {
  display: block;
  padding: 0 10px 0 0;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  text-decoration: none;
}

#s-aside .sideNav li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideNav02 {
    margin-left: -18px;
    margin-right: -18px;
  }
}

@media only screen and (max-width: 768px) {
  #s-aside .sidenav {
    margin-right: 0;
    margin-left: 0;
  }
}

/*--#s-aside .sideNav02 li toplist(no-link)--*/
#s-aside .sideNav02 li span.listtop {
  display: block;
  border-top: none;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  background: #d7083b;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

/* sideListStyle01 */
#s-aside .sideListStyle01 {
  margin-bottom: 20px;
}

#s-aside .sideListStyle01 li {
  padding: 8px 4px 8px 4px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle01 li {
    font-size: inherit;
  }
}

#s-aside .sideListStyle01 li a {
  display: block;
  padding: 0 10px 0 0;
  background: url(/common/images/com_icn01.png) no-repeat right center;
  text-decoration: none;
}

#s-aside .sideListStyle01 li a:hover {
  text-decoration: underline;
}

/* sideListStyle02 */
#s-aside .sideListStyle02,
#ppz_remind .sideListStyle02 {
  margin-bottom: 20px;
}

#s-aside .sideListStyle02 li,
#ppz_remind .sideListStyle02 li {
  padding-bottom: 8px;
}

#s-aside .sideListStyle02 li a,
#ppz_remind .sideListStyle02 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/svcsol/common/images/com_ic002.png) no-repeat 2px center;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle02 li a,
  #ppz_remind .sideListStyle02 li a {
    font-size: inherit;
  }
}

#s-aside .sideListStyle02 li a:hover,
#ppz_remind .sideListStyle02 li a:hover {
  text-decoration: underline;
}

/* sideListStyle03 */
#s-aside .sideListStyle03 {
  margin-bottom: 20px;
}

#s-aside .sideListStyle03 li {
  padding-bottom: 8px;
}

#s-aside .sideListStyle03 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.3em;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle03 li a {
    font-size: inherit;
  }
}

#s-aside .sideListStyle03 li a:hover {
  text-decoration: underline;
}

#s-aside .sideListStyle03 li a span,
.tabBoxT .tabBox li a span {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#s-aside .sideListStyle03 li a span.dwpdf {
  padding-right: 17px;
  background: url(/svcsol/common/images/com_icn06.png) no-repeat right center;
}

/* sideListStyle04 */
#s-aside .sideListStyle04 {
  margin-bottom: 10px;
}

#s-aside .sideListStyle04 li {
  padding: 8px 0;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
}

#s-aside .sideListStyle04 li a {
  display: block;
  padding: 0 0 0 16px;
  background: url(/common/images/com_icn01.png) no-repeat left 0.4em;
  line-height: 1.8;
  font-size: 93.333333%;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle04 li a {
    font-size: inherit;
  }
}

#s-aside .sideListStyle04 li a span {
  padding-right: 15px;
  background: url(/common/images/com_icn05.png) no-repeat right center;
}

#s-aside .sideListStyle04 li a:hover {
  text-decoration: underline;
}

/* sideListStyle05 */
#s-aside .sideListStyle05 {
  padding-top: 9px;
  margin-bottom: 20px;
}

#s-aside .sideListStyle05 li:not(:first-child) {
  margin-top: 11px;
}

#s-aside .sideListStyle05 li a {
  display: flex;
  text-decoration: none;
}

#s-aside .sideListStyle05 li a[target="_blank"] .txt::after {
  content: url(/common/images/com_icn05.png);
  margin-left: 5px;
}

#s-aside .sideListStyle05 li a:hover {
  text-decoration: underline;
}

#s-aside .sideListStyle05 li .img {
  margin-right: 11px;
  font-size: 0;
}

#s-aside .sideListStyle05 li .txt {
  flex: 1;
  display: block;
  line-height: 1.8;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle05 li .txt {
    font-size: inherit;
  }
}

#s-aside .sideListStyle05 li .txt:not(:hover) {
  color: #333;
}

/* sideListStyle06 */
#s-aside .sideListStyle06 {
  margin-bottom: 10px;
  background: url(/svcsol/common/images/com_hr001.gif) repeat-x left bottom;
  font-size: 93.333333%;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle06 {
    font-size: inherit;
  }
}

#s-aside .sideListStyle06 li:not(:first-child) {
  margin-top: 5px;
}

#s-aside .sideListStyle06 li a {
  display: block;
  text-decoration: none;
}

#s-aside .sideListStyle06 li a:hover {
  text-decoration: underline;
}

#s-aside .sideListStyle06 li a:not(:hover) {
  color: #333;
}

#s-aside .sideListStyle06 span.company {
  width: 220px;
}

@media only screen and (max-width: 768px) {
  #s-aside .sideListStyle06 span.company {
    width: 100%;
  }
}

#s-aside .sideListStyle06 span.img {
  display: table-cell;
  width: 112px;
  font-size: 0;
}

#s-aside .sideListStyle06 span.img img {
  border: 1px solid #dddddd;
}

#s-aside .sideListStyle06 span.ttl {
  display: table-cell;
  vertical-align: middle;
}

#s-aside .sideListStyle06 span.company {
  display: table;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
}

#s-aside .sideListStyle06 span.txt {
  display: block;
  padding: 6px 0;
  line-height: 1.8;
}

/* box01 */
#s-aside .box01 {
  padding: 13px 0 4px;
  margin-bottom: 20px;
  background: #f1f3f3;
  text-align: center;
}

#s-aside .box01 .btn {
  padding-bottom: 9px;
}

/* box02 */
#s-aside .box02 {
  margin-bottom: 20px;
  background: #f1f3f3;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #s-aside .box02 {
    display: none;
  }
}

#s-aside .box02 .ttl {
  margin-bottom: .9375em;
  padding: .75em;
  border-top: 2px solid #cf0040;
  border-bottom: 2px solid #cf0040;
  background-color: #fff;
  color: #cf0040;
  font-size: 93.333333%;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #s-aside .box02 .ttl {
    font-size: inherit;
  }
}

#s-aside .box02 .btn {
  padding-bottom: 12px;
}

#s-aside .box02 .txt {
  padding-bottom: 17px;
}

/* twitterBox */
#s-aside .twitterBox .link {
  padding: 0 0 13px 53px;
  font-weight: bold;
}

#s-aside .twitterBox .link a {
  text-decoration: none;
  margin-right: 10px;
  display: block;
  background: url(/svcsol/common/images/com_ico_blankon.png) no-repeat right center;
}

#s-aside .twitterBox .link a:hover {
  text-decoration: none;
}

#s-aside .twitterBox .link .ico {
  margin-left: -53px;
  float: left;
}

#s-aside .twitterBox .link .txt01 {
  color: #00b0ed;
}

#s-aside .twitterBox .link .txt03 {
  color: #3a5898;
}

#s-aside .twitterBox .link .txt02 {
  font-family: Arial, Helvetica, sans-serif;
}

#s-aside .twitterBox .link a:hover .txt01,
#s-aside .twitterBox .link a:hover .txt02,
#s-aside .twitterBox .link a:hover .txt03 {
  text-decoration: underline;
}

/* clearFix
=================================*/
#s-aside .twitterBox .link:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

#s-aside .twitterBox .link {
  zoom: 1;
}

/* for rightcolumn linklist Style
------------------------------------*/
#s-aside .side_linkList {
  margin-bottom: 16px;
  line-height: 1.4;
}

#s-aside .side_linkList li {
  padding: 0 0 8px 18px;
  background: url(/common/images/com_icn01.png) no-repeat 4px 3px;
}

#s-aside .side_linkList li a {
  text-decoration: none;
}

#s-aside .side_linkList li a:hover {
  text-decoration: underline;
}

#s-aside .side_linkList li a:active {
  text-decoration: underline;
}

#s-aside .side_childList {
  margin-bottom: -8px;
  margin-top: 8px;
  line-height: 1.4;
}

#s-aside .side_childList li {
  padding: 0 0 8px 18px;
  margin: 0;
  background: url(/common/images/com_icn08.png) no-repeat 5px 6px;
}

#s-aside .side_childList li a {
  text-decoration: none;
}

#s-aside .side_childList li a:hover {
  text-decoration: underline;
}

#s-aside .side_childList li a:active {
  text-decoration: underline;
}

#s-aside a img[alt="BNR"] {
  display: block;
  width: 220px;
  margin: 0 auto;
}

/* add 20221208 end */

/* 20231205 ワークショップへのリンクの非表示用 */
/* #workshop-365 {
  display: none;
} */

/* #workshop-cloud {
  display: none;
} */

/* #workshop-security {
  display: none;
} */

/* 20231215 ITECへのリンクの非表示用 */
/* #itec-365 {
  display: none;
} */

/* #itec-ztna {
  display: none;
} */

/* #itec-dx {
  display: none;
} */

/* #itec-sd-wan {
  display: none;
} */