@import "slicknav.css";
* {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
}
body {
  font-size: 13px;
  line-height: 1.5;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
img {
  border: 0;
  vertical-align: bottom;
}
a:link {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}
a:visited {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.listnone li {
  list-style: none;
}
.texindent {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.contents {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
  position: relative;
}
.contents:before,
.contents:after {
  display: table;
  content: "";
}
.contents:after {
  clear: both;
}
.slicknav_menu {
  display: none;
}
/* ヘッダー */
#header {
  background: #1a0d00 url("../image/header-background.jpg") no-repeat center 0;
  height: 138px;
}
#header #logo {
  position: absolute;
  top: 7px;
  left: 0;
}
#header #logo a {
  background: url("../image/header-logo.png") no-repeat 0 0;
  background-size: 269px auto;
  width: 269px;
  height: 120px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
#header #logo a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#header #menu {
  position: absolute;
  top: 0;
  right: 0;
}
#header #menu ul {
  *zoom: 1;
}
#header #menu ul li {
  list-style: none;
}
#header #menu ul:before,
#header #menu ul:after {
  display: table;
  content: "";
}
#header #menu ul:after {
  clear: both;
}
#header #menu ul li {
  width: 144px;
  margin-left: 1px;
  margin-bottom: 10px;
  float: left;
}
#header #menu ul li a {
  background: #A60000;
  display: block;
  text-align: center;
  font-size: 14.5px;
  line-height: 1;
  color: #ffffff;
  padding: 16px 0;
  text-decoration: none;
  height: 18px;
}
#header #menu ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#header #submenu {
  position: absolute;
  top: 51px;
  right: 0;
}
#header #submenu ul {
  *zoom: 1;
}
#header #submenu ul li {
  list-style: none;
}
#header #submenu ul:before,
#header #submenu ul:after {
  display: table;
  content: "";
}
#header #submenu ul:after {
  clear: both;
}
#header #submenu ul li {
  width: 144px;
  margin-left: 1px;
  margin-bottom: 10px;
  float: left;
}
#header #submenu ul li a {
  background: #00315B;
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 1;
  color: #ffffff;
  padding: 7px 0;
  text-decoration: none;
  height: 13px;
}
#header #submenu ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#header #address {
  position: absolute;
  top: 84px;
  right: 0;
  text-align: right;
}
#header #address p {
  font-size: 12px;
  margin-bottom: 3px;
  color: #ffffff;
}
/* ページトップ */
#pagetop {
  width: 850px;
  margin: 0 auto;
  position: relative;
  right: 0;
  text-align: right;
  z-index: 1;
}
#pagetop a {
  width: 73px;
  height: 83px;
  bottom: 100px;
  position: fixed;
}
#pagetop a:hover {
  text-decoration: none;
}
/* フッター */
#footer {
  background: #1a0d00 url("../image/footer-background.jpg") no-repeat center 0;
  text-align: center;
  padding: 60px 0 0 0;
  color: #ffffff;
  margin-top: 100px;
}
#footer img {
  margin-bottom: 20px;
}
#footer .company {
  font-size: 14px;
  margin-bottom: 3px;
}
#footer .address {
  font-size: 12px;
  margin-bottom: 20px;
}
#footer .address a {
  text-decoration: none;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #ffffff;
}
.copyright {
  background: #1a0d00;
  text-align: center;
  font-size: 11px;
  line-height: 1;
  color: #ffffff;
  border-top: 1px dotted #2F353D;
  padding: 10px 0;
}
/* パンくず */
#breadcrumbs {
  width: 1000px;
  margin: 14px auto 14px;
  list-style: none;
}
#breadcrumbs li {
  font-size: 12px;
  display: inline;
}
#breadcrumbs li a {
  padding: 0 5px 0 5px;
}
/* home */
#home {
  /* スライダー */
  /* =======================================
      ClearFixElements
  ======================================= */
  /* UTM */
  /* service */
  /* タブ */
}
#home .wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}
#home .wideslider ul,
#home .wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}
#home .wideslider ul li img {
  width: 100%;
  display: none;
}
#home .wideslider_base {
  top: 0;
  position: absolute;
}
#home .wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}
#home .slider_prev,
#home .slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
#home .slider_prev {
  background: #ffffff url("../image/prev.png") no-repeat right center;
}
#home .slider_next {
  background: #ffffff url("../image/next.png") no-repeat left center;
}
#home .pagination {
  display: none;
}
#home .wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
#home .wideslider ul {
  display: inline-block;
  overflow: hidden;
}
#home #utm {
  background: #ffffff url("../image/utm-background.jpg") repeat-x 0 0;
  padding: 16px 0 0 0;
  margin-bottom: 30px;
  margin-left: 0;
}
#home #utm .detail {
  width: 1046px;
  min-height: 340px;
  margin: 0 auto;
  background: #ffffff;
  padding: 20px 0;
  -webkit-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  box-shadow: 0px 0px 10px 2px #787878;
  -moz-box-shadow: 0px 0px 10px 2px #787878;
  -webkit-box-shadow: 0px 0px 10px 2px #787878;
}
#home #utm .detail h1 {
  text-align: center;
  margin-bottom: 10px;
}
#home #utm .detail ul {
  width: 1000px;
  margin: 0 25px;
  *zoom: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#home #utm .detail ul li {
  list-style: none;
}
#home #utm .detail ul:before,
#home #utm .detail ul:after {
  display: table;
  content: "";
}
#home #utm .detail ul:after {
  clear: both;
}
#home #utm .detail ul li {
  width: 192px;
  margin-right: 8px;
  height: auto;
}
#home #utm .detail ul li a {
  text-decoration: none;
}
#home #utm .detail ul li .title {
  background: #1a0d00;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  padding: 12px 0;
}
#home #utm .detail ul li .title span {
  color: #F6B42D;
}
#home #utm .detail ul li img {
  margin: 0;
}
#home #utm .detail ul li .read {
  background: #F0E5D6;
  padding: 10px;
  font-size: 12px;
  min-height: 115px;
}
#home #utm .detail ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}
#home #service {
  background: #1a0d00 url("../image/service-background.jpg") no-repeat center 0;
  padding: 30px 0;
  margin-bottom: 20px;
  *zoom: 1;
}
#home #service:before,
#home #service:after {
  display: table;
  content: "";
}
#home #service:after {
  clear: both;
}
#home #service h2 {
  margin-bottom: 14px;
  text-align: center;
}
#home #service h3 {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  padding: 12px 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
#home #service .bk {
  width: 278px;
  min-height: 620px;
  background: #ffffff;
  text-align: center;
  padding: 14px 16px;
}
#home #service .bk > img {
  margin-bottom: 12px;
}
#home #service #higai {
  width: 310px;
  float: left;
  margin-right: 35px;
}
#home #service #higai h3 {
  background: #006EB0;
}
#home #service #higai ul {
  *zoom: 1;
  text-align: left;
  margin-top: -12px;
}
#home #service #higai ul li {
  list-style: none;
}
#home #service #higai ul:before,
#home #service #higai ul:after {
  display: table;
  content: "";
}
#home #service #higai ul:after {
  clear: both;
}
#home #service #higai ul li {
  border-bottom: 5px solid #EFEFEF;
  padding: 12px 0 10px 0;
  *zoom: 1;
}
#home #service #higai ul li:before,
#home #service #higai ul li:after {
  display: table;
  content: "";
}
#home #service #higai ul li:after {
  clear: both;
}
#home #service #higai ul li .icon {
  float: left;
  background: #C60000;
  border: 1px solid #F8B62D;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  margin-right: 10px;
}
#home #service #higai ul li .date {
  float: none;
  font-size: 13px;
}
#home #service #higai ul li a {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}
#home #service #mokuteki {
  width: 310px;
  float: left;
}
#home #service #mokuteki h3 {
  background: #D68400;
}
#home #service #mokuteki h4 {
  text-align: left;
  font-size: 15px;
  margin-bottom: 4px;
}
#home #service #mokuteki ul {
  *zoom: 1;
  text-align: left;
  margin: 0 0 20px 24px;
}
#home #service #mokuteki ul li {
  list-style: none;
}
#home #service #mokuteki ul:before,
#home #service #mokuteki ul:after {
  display: table;
  content: "";
}
#home #service #mokuteki ul:after {
  clear: both;
}
#home #service #mokuteki ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}
#home #service #mokuteki ul li .caution {
  color: #E60012;
}
#home #service #info {
  width: 310px;
  float: right;
}
#home #service #info h3 {
  background: #538600;
}
#home #service #info h4 {
  text-align: left;
  font-size: 15px;
  margin-bottom: 4px;
}
#home #service #info ul {
  *zoom: 1;
  text-align: left;
  margin: 0 0 20px 24px;
}
#home #service #info ul li {
  list-style: none;
}
#home #service #info ul:before,
#home #service #info ul:after {
  display: table;
  content: "";
}
#home #service #info ul:after {
  clear: both;
}
#home #service #info ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}
#home #service #info ul li .caution {
  color: #E60012;
}
#home #other {
  *zoom: 1;
}
#home #other:before,
#home #other:after {
  display: table;
  content: "";
}
#home #other:after {
  clear: both;
}
#home #other #news {
  float: left;
  width: 655px;
}
#home #other #news #tab-menu {
  list-style: none;
  font-size: 0;
}
#home #other #news #tab-menu li {
  width: 217px;
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  background: #ccc;
  font-size: 14px;
  margin: 0 1px 0 0;
  cursor: pointer;
}
#home #other #news #tab-menu li.active {
  background: #1a0d00;
  color: #fff;
}
#home #other #news #tab-box {
  padding: 15px 0 9px 0;
}
#home #other #news #tab-box div {
  display: none;
}
#home #other #news #tab-box div ul li {
  list-style: none;
}
#home #other #news #tab-box div ul li {
  *zoom: 1;
  border-bottom: 5px solid #EFEFEF;
  padding: 12px 0 10px 0;
}
#home #other #news #tab-box div ul li:before,
#home #other #news #tab-box div ul li:after {
  display: table;
  content: "";
}
#home #other #news #tab-box div ul li:after {
  clear: both;
}
#home #other #news #tab-box div ul li .news {
  font-size: 10px;
  line-height: 1;
  padding: 4px 10px;
  background: #325899;
  border: 2px solid #C9CACA;
  color: #ffffff;
  text-align: center;
  margin-right: 10px;
}
#home #other #news #tab-box div ul li .topics {
  font-size: 10px;
  line-height: 1;
  padding: 4px 10px;
  background: #b28539;
  border: 2px solid #C9CACA;
  color: #ffffff;
  text-align: center;
  margin-right: 10px;
}
#home #other #news #tab-box div ul li .date {
  font-size: 12px;
}
#home #other #news #tab-box div ul li h4 {
  margin: 6px 0 0 0;
  font-size: 15px;
}
#home #other #news #tab-box div ul li p {
  font-size: 12px;
  margin: 4px 0 0 0;
}
#home #other #news #tab-box div.active {
  display: block;
}
#home #other #banner {
  width: 311px;
  float: right;
}
#home #other #banner ul li {
  list-style: none;
}
#home #other #banner ul li {
  margin-bottom: 12px;
}
#home #other #banner ul li img {
  margin-bottom: 4px;
}
#home #other #banner ul li p {
  font-size: 11px;
}
/* 下層ローカルナビ */
#left {
  width: 260px;
  float: left;
}
#left #localnav ul {
  margin-bottom: 30px;
}
#left #localnav ul li {
  list-style: none;
}
#left #localnav ul li {
  margin-bottom: 1px;
}
#left #localnav ul li a {
  display: block;
  color: #ffffff;
  padding: 12px 13px 12px 13px;
  border-right: 7px solid #5F564C;
  background: #1a0d00;
  font-size: 13px;
  text-decoration: none;
}
#left #localnav ul li a:hover {
  border-right: 13px solid #C60000;
  text-decoration: none;
  background: #00315B;
}
#left #banner ul li {
  list-style: none;
}
#left #banner ul li {
  margin-bottom: 10px;
}
#left #banner ul li img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
/* 下層コンテンツ */
.lower {
  width: 700px;
  float: right;
  word-wrap: break-word;
  white-space: normal;
  display: block;
}
.lower h1 {
  border-left: 13px solid #C60000;
  padding: 0 0 0 16px;
  font-size: 32px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D3D1CF;
}
.lower h2 {
  background: #1a0d00 url("../image/icon-h2.png") no-repeat 620px center;
  padding: 16px 55px 16px 28px;
  margin-bottom: 16px;
  border-bottom: 6px solid #C60000;
  font-size: 17px;
  line-height: 1.3;
  color: #ffffff;
}
.lower .mainread {
  font-size: 15px;
  margin-bottom: 20px;
}
.lower .subread {
  font-size: 13px;
  margin-bottom: 20px;
}
.lower .mainvisual {
  margin-bottom: 60px;
}
.lower #module .utm-service {
  margin-bottom: 10px;
}
/* UTM */
#utm {
  margin-left: 30px;
}
#utm ul {
  margin-bottom: 100px;
}
#utm ul li {
  list-style: none;
}
#utm ul li {
  margin-bottom: 10px;
  *zoom: 1;
}
#utm ul li:before,
#utm ul li:after {
  display: table;
  content: "";
}
#utm ul li:after {
  clear: both;
}
#utm ul li img {
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}
#utm ul li .full {
  float: right;
  width: 556px;
}
#utm ul li .full h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 3px;
}
#utm ul li .full p {
  font-size: 13px;
}
/* UTMとは */
#utm-about {
  margin-left: 30px;
}
#utm-about .title {
  text-align: center;
  color: #000;
  font-size: 50px;
  line-height: 1;
  font-weight: bold;
  width: 250px;
  margin: 0 auto 13px;
  background: linear-gradient(transparent 60%, #f5f693 0%);
}
#utm-about .title span {
  font-size: 32px;
}
#utm-about .products {
  margin-bottom: 60px;
}
#utm-about .list ul {
  margin-left: 20px;
  margin-bottom: 60px;
  list-style: none;
}
#utm-about .list ul li {
  font-size: 18px;
  margin-bottom: 14px;
  padding-left: 25px;
  background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 6px;
}
#utm-about h3 {
  background: #E7EAED;
  padding: 17px 50px 17px 16px;
  margin-bottom: 16px;
  border-left: 10px solid #C60000;
  font-size: 15px;
  line-height: 1.2;
  position: relative;
}
#utm-about h3 .right {
  position: absolute;
  top: 50%;
  right: 1%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
}
#utm-about h3 .left {
  position: absolute;
  top: 50%;
  right: 26%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
}
#utm-about .icon ul {
  margin-bottom: 10px;
  list-style: none;
  overflow: hidden;
}
#utm-about .icon ul li {
  font-size: 18px;
  margin-right: 8px;
  float: left;
}
#utm-about p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
  overflow: hidden;
}
#utm-about p img {
  margin: 4px 0 8px 20px;
  float: right;
}
#utm-about .maker h4 {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: normal;
}
#utm-about .maker ul {
  width: 708px;
  margin-right: -8px;
  margin-bottom: 80px;
  list-style: none;
  overflow: hidden;
}
#utm-about .maker ul li {
  margin-right: 5px;
  float: left;
}
/* UTMの必要性 */
#utm-necessity {
  margin-left: 30px;
}
#utm-necessity .title {
  text-align: center;
  color: #000;
  font-size: 44px;
  line-height: 1;
  font-weight: bold;
  width: 77%;
  margin: 0 auto 36px;
  background: linear-gradient(transparent 60%, #f5f693 0%);
  padding-top: 10px;
}
#utm-necessity .subvisual {
  margin-bottom: 20px;
}
#utm-necessity .answer {
  margin-bottom: 60px;
}
#utm-necessity .answer h3 {
  font-size: 23px;
  margin-bottom: 20px;
  padding: 12px 0 12px 86px;
  background: url("../image/utm/necessity/icon-answer.png") no-repeat 0 50%;
}
#utm-necessity .answer h3 span {
  font-size: 16px;
  display: block;
  font-weight: normal;
}
#utm-necessity .answer p {
  font-size: 15px;
}
#utm-necessity .answer p .line {
  text-decoration: underline;
}
#utm-necessity .answer .link {
  text-align: right;
  margin-top: 15px;
}
#utm-necessity .answer .link a {
  font-size: 15px;
  margin-bottom: 14px;
  padding-left: 25px;
  background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 50%;
}
/* サービス詳細 */
#service-detail {
  margin-left: 30px;
}
#service-detail h3 {
  background: #E7EAED;
  padding: 17px 50px 17px 16px;
  margin-bottom: 16px;
  border-left: 10px solid #C60000;
  font-size: 15px;
  line-height: 1.2;
  position: relative;
}
#service-detail .line {
  text-decoration: underline;
  font-weight: bold;
}
#service-detail .caution {
  color: #E60012;
}
#service-detail .center {
  text-align: center;
}
#service-detail .mainvisual {
  margin-bottom: 60px;
}
#service-detail .mainvisual img {
  border-bottom: 10px solid #00315B;
}
#service-detail .mainvisual .reads {
  margin-top: 1px;
  background: #00315B;
  padding: 14px 21px 28px 21px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold;
  color: #ffffff;
}
#service-detail .mainvisual .reads p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
#service-detail .checksheet {
  margin-bottom: 60px;
}
#service-detail .checksheet ul {
  background: #F2F4CD;
  border: 1px solid #DCDDDD;
  padding: 22px 21px 18px 21px;
}
#service-detail .checksheet ul li {
  list-style: none;
}
#service-detail .checksheet ul li {
  background: url("../image/service/info/icon-check.png") no-repeat 0 50%;
  padding: 4px 0 4px 40px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #00315B;
}
#service-detail .questionsheet {
  margin-bottom: 60px;
}
#service-detail .questionsheet ul {
  background: #F2F4CD;
  border: 1px solid #DCDDDD;
  padding: 22px 21px 18px 21px;
}
#service-detail .questionsheet ul li {
  list-style: none;
}
#service-detail .questionsheet ul li {
  background: url("../image/service/info/icon-question.png") no-repeat 0 50%;
  padding: 4px 0 4px 40px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #00315B;
}
#service-detail .goodsheet {
  margin-bottom: 60px;
}
#service-detail .goodsheet ul {
  background: #F2F4CD;
  border: 1px solid #DCDDDD;
  padding: 22px 21px 18px 21px;
}
#service-detail .goodsheet ul li {
  list-style: none;
}
#service-detail .goodsheet ul li {
  background: url("../image/service/info/icon-good.png") no-repeat 0 50%;
  padding: 4px 0 4px 40px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  color: #00315B;
}
#service-detail .each ul {
  margin-bottom: 60px;
}
#service-detail .each ul li {
  list-style: none;
}
#service-detail .each ul li {
  margin-bottom: 20px;
  *zoom: 1;
}
#service-detail .each ul li:before,
#service-detail .each ul li:after {
  display: table;
  content: "";
}
#service-detail .each ul li:after {
  clear: both;
}
#service-detail .each ul li img {
  float: left;
  margin-top: 4px;
}
#service-detail .each ul li .full {
  float: right;
  width: 570px;
}
#service-detail .each ul li .full h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 3px;
}
#service-detail .each ul li .full p {
  font-size: 13px;
}
#service-detail .qa {
  margin-bottom: 60px;
}
#service-detail .qa ul li {
  list-style: none;
}
#service-detail .qa ul li {
  background: url("../image/service/info/icon-question.png") no-repeat 0 3%;
  padding: 4px 0 4px 40px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
#service-detail .qa ul li p {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6;
}
#service-detail .qa ul li ul li {
  list-style-type: disc;
  background: none;
  padding: 0;
  margin: 0 0 3px 30px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6;
}
#service-detail .point {
  margin-bottom: 60px;
}
#service-detail .point ul li {
  list-style: none;
}
#service-detail .point ul li {
  background: url("../image/service/info/icon-point.png") no-repeat 0 1%;
  padding: 4px 0 4px 40px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
}
#service-detail .point ul li p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 6px;
}
#service-detail .point ul li ul {
  margin-bottom: 16px;
}
#service-detail .point ul li ul li {
  list-style-type: disc;
  background: none;
  padding: 0;
  margin: 0 0 3px 30px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6;
}
#service-detail .point ul li ol {
  margin-bottom: 12px;
}
#service-detail .point ul li ol li {
  list-style-type: decimal;
  background: none;
  padding: 0;
  margin: 0 0 3px 30px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6;
}
#service-detail .list {
  margin-bottom: 60px;
}
#service-detail .list ul {
  margin-left: 20px;
  margin-bottom: 20px;
  list-style: none;
}
#service-detail .list ul li {
  font-size: 15px;
  margin-bottom: 14px;
  padding-left: 25px;
  background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 50%;
}
#service-detail .link {
  text-align: right;
}
#service-detail .link a {
  font-size: 15px;
}
#service-detail .reads-detail {
  margin-bottom: 60px;
}
#service-detail .reads-detail p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
}
#service-detail .subvisual {
  margin-bottom: 20px;
}
#service-detail .report {
  margin-bottom: 60px;
}
#service-detail .report ul {
  list-style-type: disc;
  margin-left: 26px;
  margin-bottom: 20px;
}
#service-detail .report ul li {
  font-size: 15px;
  margin-bottom: 12px;
}
#service-detail .report ul li span {
  color: #E60012;
  font-size: 12px;
}
#service-detail .report img {
  text-align: center;
  margin-bottom: 20px;
}
#service-detail .report p {
  font-size: 15px;
}
#service-detail .price {
  margin-bottom: 60px;
}
#service-detail .price table {
  width: 100%;
  border: 1px #B3B3B3 solid;
  border-collapse: collapse;
  margin-bottom: 10px;
}
#service-detail .price table caption {
  text-align: left;
  font-size: 15px;
}
#service-detail .price table th,
#service-detail .price table td {
  padding: 8px 21px;
}
#service-detail .price table th {
  width: 33%;
  border: 1px solid #c5c5c5;
  background: #ededed;
  font-size: 15px;
  text-align: left;
}
#service-detail .price table td {
  border: 1px solid #c5c5c5;
  text-align: left;
  font-size: 15px;
}
#service-detail .price p {
  font-size: 12px;
}
#service-detail .reads-maintenance {
  margin-top: -20px;
  margin-bottom: 40px;
}
#service-detail .reads-maintenance p {
  font-size: 14px;
  margin-bottom: 14px;
}
#service-detail .reads-maintenance ul {
  list-style-type: disc;
  margin-left: 26px;
  margin-bottom: 14px;
}
#service-detail .reads-maintenance ul li {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
#service-detail .case {
  background: #c60000;
  padding: 12px 24px;
  *zoom: 1;
  min-height: 66px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#service-detail .case:before,
#service-detail .case:after {
  display: table;
  content: "";
}
#service-detail .case:after {
  clear: both;
}
#service-detail .case .title {
  float: left;
  width: 30%;
  font-size: 26px;
  color: #faee00;
}
#service-detail .case ul {
  width: 60%;
  float: left;
}
#service-detail .case ul li {
  color: #ffffff;
  font-size: 15px;
}
#service-detail .graphflow {
  margin-bottom: 60px;
}
#service-detail .graphflow table {
  width: 100%;
  border: 1px #B3B3B3 solid;
  border-collapse: collapse;
  margin-bottom: 10px;
}
#service-detail .graphflow table caption {
  text-align: left;
  font-size: 15px;
}
#service-detail .graphflow table th,
#service-detail .graphflow table td {
  padding: 8px 21px;
}
#service-detail .graphflow table th {
  width: 33%;
  border: 1px solid #c5c5c5;
  background: #ededed;
  font-size: 15px;
  text-align: left;
}
#service-detail .graphflow table td {
  border: 1px solid #c5c5c5;
  text-align: left;
  font-size: 15px;
}
#service-detail .graphflow .caution {
  font-weight: bold;
  text-decoration: underline;
}
#service-detail .graphflow p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
}
#service-detail .reads-digital p {
  font-size: 13px;
  margin-bottom: 30px;
}
#service-detail .reads-vulnerability {
  font-size: 14px;
  margin-bottom: 60px;
}
#service-detail .reads-vulnerability img {
  margin: 20px 0 0 0;
}
#service-detail h5 {
  background: #E7EAED;
  padding: 17px 50px 17px 16px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.2;
}
#service-detail .price2 {
  margin-bottom: 30px;
  margin-left: 20px;
}
#service-detail .price2 p {
  font-size: 14px;
  margin-bottom: 6px;
}
#service-detail .price2 .total {
  font-size: 22px;
  margin-left: 7px;
}
.lower-full {
  width: 1000px;
  margin: 0 auto;
  word-wrap: break-word;
  white-space: normal;
  display: block;
}
.lower-full #module {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}
.lower-full #module .utm-service {
  margin-bottom: 10px;
}
.lower-full h1 {
  border-left: 13px solid #C60000;
  padding: 0 0 0 16px;
  font-size: 32px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D3D1CF;
}
.lower-full h2 {
  background: #1a0d00 url("../image/icon-h2.png") no-repeat right 15px center;
  padding: 16px 55px 16px 28px;
  margin-bottom: 16px;
  border-bottom: 6px solid #C60000;
  font-size: 17px;
  line-height: 1.3;
  color: #ffffff;
}
.lower-full h3 {
  background: #E7EAED;
  padding: 17px 50px 17px 16px;
  margin-bottom: 16px;
  border-left: 10px solid #C60000;
  font-size: 15px;
  line-height: 1.2;
}
.lower-full .mainread {
  font-size: 15px;
  margin-bottom: 20px;
}
/* #example */
#example .icon-list {
  background: #efefef;
  padding: 20px 20px 10px 20px;
  margin-bottom: 40px;
}
#example .icon-list ul {
  *zoom: 1;
}
#example .icon-list ul li {
  list-style: none;
}
#example .icon-list ul:before,
#example .icon-list ul:after {
  display: table;
  content: "";
}
#example .icon-list ul:after {
  clear: both;
}
#example .icon-list ul li {
  width: 16.6%;
  float: left;
  *zoom: 1;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
#example .icon-list ul li:before,
#example .icon-list ul li:after {
  display: table;
  content: "";
}
#example .icon-list ul li:after {
  clear: both;
}
#example .icon-list ul li img {
  float: left;
  margin-right: 6px;
  width: 30px;
  height: 30px;
}
#example .icon-list ul li .category {
  float: left;
  font-size: 10px;
}
#example #module {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}
#example #module .utm-service {
  margin-bottom: 10px;
}
#example #article {
  width: 100%;
}
#example #article ul {
  width: 1020px;
  margin-right: -20px;
}
#example #article ul li {
  list-style: none;
}
#example #article ul li {
  width: 293px;
  min-height: 280px;
  border: 4px solid #efefef;
  padding: 20px 8px;
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
#example #article ul li .screen {
  margin-bottom: 20px;
}
#example #article ul li .screen img {
  width: 293px;
  height: 137px;
  object-fit: contain;
}
#example #article ul li .headline {
  *zoom: 1;
  margin-bottom: 10px;
}
#example #article ul li .headline:before,
#example #article ul li .headline:after {
  display: table;
  content: "";
}
#example #article ul li .headline:after {
  clear: both;
}
#example #article ul li .headline img {
  width: 44px;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
#example #article ul li .headline a {
  width: 220px;
  float: left;
  font-size: 13px;
}
#example #article ul li p {
  font-size: 12px;
}
#example-detail {
  width: 940px;
  margin: 0 auto;
}
#example-detail .mainvisual {
  width: 100%;
  background: url("../image/example/mainvisual-background.jpg") no-repeat 0 0;
  height: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
#example-detail .mainvisual img {
  width: 80%;
  max-width: 100%;
  height: auto;
}
#example-detail #pagelist {
  background: #e7eaed;
  margin-bottom: 60px;
  padding: 20px 0;
}
#example-detail #pagelist .headline {
  text-align: center;
  font-size: 20px;
}
#example-detail #pagelist ul {
  list-style-type: decimal;
  width: 600px;
  margin: 0 auto;
}
#example-detail #pagelist ul li {
  border-bottom: 1px dotted #cccccc;
  padding: 12px 0 12px 0;
  font-size: 17px;
  list-style-position: inside;
}
#example-detail table {
  width: 100%;
  border: 1px #B3B3B3 solid;
  border-collapse: collapse;
  margin-bottom: 60px;
}
#example-detail table caption {
  text-align: left;
  font-size: 15px;
}
#example-detail table th,
#example-detail table td {
  padding: 8px 21px;
}
#example-detail table th {
  width: 33%;
  border: 1px solid #c5c5c5;
  background: #ededed;
  font-size: 15px;
  text-align: left;
}
#example-detail table td {
  border: 1px solid #c5c5c5;
  text-align: left;
  font-size: 15px;
}
#example-detail .block {
  width: 100%;
  margin-bottom: 50px;
}
#example-detail .block p {
  font-size: 15px;
  margin-bottom: 15px;
}
#example-detail .block img {
  display: block;
  margin: auto;
}
#example-detail .block ul {
  list-style-type: disc;
  margin-bottom: 10px;
}
#example-detail .block ul li {
  margin-left: 40px;
  margin-bottom: 4px;
}
#example-detail .block .total {
  width: 94%;
  margin: 0 auto;
  text-align: right;
  border-top: 4px solid #cccccc;
  padding-top: 10px;
  font-size: 23px;
  font-weight: bold;
}
#example-detail .block .total span {
  font-size: 13px;
  font-weight: normal;
}
#example-detail .button {
  margin-bottom: 50px;
  text-align: center;
}
/* security */
#security #mainvisual ul {
  width: 1020px;
  margin-right: -20px;
  *zoom: 1;
}
#security #mainvisual ul li {
  list-style: none;
}
#security #mainvisual ul:before,
#security #mainvisual ul:after {
  display: table;
  content: "";
}
#security #mainvisual ul:after {
  clear: both;
}
#security #mainvisual ul li {
  width: 317px;
  min-height: 315px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
#security #mainvisual ul li img {
  margin-bottom: 10px;
}
#security #mainvisual ul li a {
  font-size: 15px;
}
#security #mainvisual ul li p {
  font-size: 12px;
}
#security-list {
  width: 940px;
  margin: 0 auto;
}
#security-list .pager {
  border-top: 2px solid #dcdddd;
  overflow: hidden;
  padding-top: 16px;
}
#security-list .pager ul {
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}
#security-list .pager ul li {
  margin: 0 1px;
  position: relative;
  left: -50%;
  float: left;
}
#security-list .pager ul li span,
#security-list .pager ul li a {
  display: block;
  font-size: 16px;
  padding: 0.6em 1em;
  border-radius: 3px;
}
#security-list .pager ul li a {
  border: 1px solid #dcdddd;
  color: #000;
  text-decoration: none;
}
#security-list .pager ul li a:hover {
  border: 1px solid #dcdddd;
  color: #FFF;
}
#security-list .mainread-img {
  background: url("../image/security/news/mainvisual-copy.jpg") no-repeat 0 0;
  width: 940px;
  height: 136px;
  margin-bottom: 30px;
}
#security-list .mainread-img p {
  font-size: 15px;
  color: #ffffff;
  padding: 20px 54px 0 416px;
}
#security-list #article {
  margin-bottom: 60px;
}
#security-list #article ul {
  width: 100%;
}
#security-list #article ul li {
  list-style: none;
}
#security-list #article ul li {
  border-bottom: 1px solid #dcdddd;
  padding: 16px 0;
  *zoom: 1;
}
#security-list #article ul li:before,
#security-list #article ul li:after {
  display: table;
  content: "";
}
#security-list #article ul li:after {
  clear: both;
}
#security-list #article ul li img {
  float: left;
  object-fit: cover;
  object-position: 0% 0%;
  width: 160px;
  height: 160px;
  margin-right: 20px;
}
#security-list #article ul li .date {
  font-size: 12px;
  margin-bottom: 5px;
}
#security-list #article ul li a {
  font-size: 15px;
}
#security-list #article ul li p {
  font-size: 13px;
}
#security-list #article ul li:last-child {
  border-bottom: none;
}
#security-detail {
  width: 940px;
  margin: 0 auto;
}
#security-detail .caution {
  color: #E60012;
}
#security-detail .mainvisual {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  text-align: center;
}
#security-detail .mainvisual img {
  margin-bottom: 20px;
}
#security-detail .mainvisual p {
  font-size: 13px;
}
#security-detail table {
  width: 100%;
  border: 1px #B3B3B3 solid;
  border-collapse: collapse;
  margin-bottom: 60px;
}
#security-detail table caption {
  text-align: left;
  font-size: 15px;
}
#security-detail table th,
#security-detail table td {
  padding: 8px 21px;
}
#security-detail table th {
  width: 33%;
  border: 1px solid #c5c5c5;
  background: #ededed;
  font-size: 15px;
  text-align: left;
}
#security-detail table td {
  border: 1px solid #c5c5c5;
  text-align: left;
  font-size: 15px;
}
#security-detail .block {
  width: 100%;
  margin-bottom: 50px;
}
#security-detail .block p {
  font-size: 15px;
  margin-bottom: 15px;
}
#security-detail .block img {
  display: block;
  margin: auto;
}
#security-detail .block ul {
  list-style-type: disc;
  margin-bottom: 10px;
}
#security-detail .block ul li {
  margin-left: 40px;
  margin-bottom: 4px;
}

/*追加*/
#stopcyberattackpcsoftwarecheck .free {
  margin: 40px 0 10px 0;
}
#stopcyberattackpcsoftwarecheck .free .origin {
  border: 1px dotted #9fa0a0;
  background: #f7f8f8;
  text-align: center;
  padding: 4px;
  font-size: 19px;
  font-weight: bold;
  margin: 10px 0 0 0;
}
#stopcyberattackpcsoftwarecheck .check {
  line-height: 1.3;
  background: url("/static/image/stopcyberattackpcsoftwarecheck/fire.png") no-repeat right 0;
  padding: 30px 0 0 0;
}
#stopcyberattackpcsoftwarecheck .check .small {
  font-size: 25px;
}
#stopcyberattackpcsoftwarecheck .check .large {
  font-size: 35px;
  font-weight: bold;
}
#stopcyberattackpcsoftwarecheck #mainvisual {
  margin-bottom: 30px;
  border: 6px solid #e60012;
  text-align: center;
  background: #e3ce41;
  background: -moz-linear-gradient(top, #e3ce41 0%, #f4ecb5 26%);
  background: -webkit-linear-gradient(top, #e3ce41 0%,#f4ecb5 26%);
  background: linear-gradient(to bottom, #e3ce41 0%,#f4ecb5 26%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ce41', endColorstr='#f4ecb5',GradientType=0 );
}
#stopcyberattackpcsoftwarecheck #mainvisual .headline{
  background: #e60012;
  text-align: center;
}
#stopcyberattackpcsoftwarecheck #mainvisual .read{
  width: 630px;
  margin: 0 auto 20px;
  font-size: 19px;
  text-align: left;
}
#stopcyberattackpcsoftwarecheck #mainvisual .visual{

}
#stopcyberattackpcsoftwarecheck .message{
  font-size: 23px;
  font-weight: bold;
  background: url("/static/image/stopcyberattackpcsoftwarecheck/icon-scone.jpg") no-repeat center 0;
  text-align: center;
  padding: 160px 0 0 0;
  margin-bottom: 10px;
}
#stopcyberattackpcsoftwarecheck .appattention{
  margin-bottom: 60px;
  border: 8px solid #372823;
  background: #fff149;
  padding: 30px 30px 0 30px;
}
#stopcyberattackpcsoftwarecheck .appattention .app{
  overflow: hidden;
  margin-bottom: 30px;
}
#stopcyberattackpcsoftwarecheck .appattention .app img{
  float: left;
}
#stopcyberattackpcsoftwarecheck .appattention .app ol{
  float: left;
  list-style: disc;
  margin: -5px 0 0 50px;
}
#stopcyberattackpcsoftwarecheck .appattention .app ol li{
  font-size: 19px;
  line-height: 1.7;
  margin-bottom: 2px;
}
#stopcyberattackpcsoftwarecheck .point{
  margin-bottom: 60px;
}
#stopcyberattackpcsoftwarecheck .point h3{
  font-size: 26px;
}
#stopcyberattackpcsoftwarecheck .point p{
  font-size: 16px;
  margin-bottom: 20px;
}
#stopcyberattackpcsoftwarecheck .point ul{
  margin-left: 30px;
}
#stopcyberattackpcsoftwarecheck .point ul li{
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 8px;
}
#stopcyberattackpcsoftwarecheck .attention{
  background: #efefef;
  padding: 12px 20px;
}
#stopcyberattackpcsoftwarecheck .point ol{
  list-style: none;
}
#stopcyberattackpcsoftwarecheck .point ol li{
  font-size: 13px;
}
#stopcyberattackpcsoftwarecheck #form{
  margin-top: -40px;
}
#stopcyberattackpcsoftwarecheck #form p{
  font-size: 16px;
  margin-bottom: 16px;
}
#stopcyberattackpcsoftwarecheck #form input,
#stopcyberattackpcsoftwarecheck #form textarea {
  background: #f7f8f8;
  -webkit-appearance: none!important;
  border-radius: 0;
  box-shadow: none;
  width: 97.5%;
}
#stopcyberattackpcsoftwarecheck #form input[type="submit"] {
  font-size: 24px;
  font-weight: bold;
  background: #e60012;
  color: #fff;
  width: 50%;
  text-shadow:none;
  border: none;
  padding: 0.7em 0.4em;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#stopcyberattackpcsoftwarecheck #form .button {
  text-align: center;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* home */
  #home {
    /* UTM */
  }
  #home #utm {
    background: none;
    padding: 16px 0 0 0;
    margin-bottom: 30px;
  }
  #home #utm .detail {
    width: 1000px;
    min-height: 340px;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #home #utm .detail h1 {
    text-align: center;
    margin-bottom: 10px;
  }
  #home #utm .detail ul {
    width: 1000px;
    margin: 0;
    *zoom: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #home #utm .detail ul li {
    list-style: none;
  }
  #home #utm .detail ul:before,
  #home #utm .detail ul:after {
    display: table;
    content: "";
  }
  #home #utm .detail ul:after {
    clear: both;
  }
  #home #utm .detail ul li {
    width: 190px;
    margin-right: 8px;
    height: auto;
  }
  #home #utm .detail ul li a {
    text-decoration: none;
  }
  #home #utm .detail ul li .title {
    background: #1a0d00;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    padding: 12px 0;
  }
  #home #utm .detail ul li .title span {
    color: #F6B42D;
  }
  #home #utm .detail ul li .read {
    background: #F0E5D6;
    padding: 10px;
    font-size: 12px;
    min-height: 115px;
  }
  #home #utm .detail ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  .contents {
    width: 93%;
    margin: 0 auto;
    *zoom: 1;
  }
  .contents:before,
  .contents:after {
    display: table;
    content: "";
  }
  .contents:after {
    clear: both;
  }
  #menu {
    display: none;
  }
  .slicknav_menu {
    display: block;
  }
  /* ヘッダー */
  #header {
    background: #1a0d00 url("../image/header-background-sp.jpg") no-repeat center 30px;
    height: 164px;
  }
  #header #logo {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
  }
  #header #logo a {
    background: url("../image/header-logo-sp.png") no-repeat 0 0;
    background-size: 76% auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
  }
  #header #logo a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
  }
  #header #menu {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header #menu ul {
    *zoom: 1;
  }
  #header #menu ul li {
    list-style: none;
  }
  #header #menu ul:before,
  #header #menu ul:after {
    display: table;
    content: "";
  }
  #header #menu ul:after {
    clear: both;
  }
  #header #menu ul li {
    width: 144px;
    margin-left: 1px;
    margin-bottom: 10px;
    float: left;
  }
  #header #menu ul li a {
    background: #A60000;
    display: block;
    text-align: center;
    font-size: 14.5px;
    line-height: 1;
    color: #ffffff;
    padding: 16px 0;
    text-decoration: none;
    height: 18px;
  }
  #header #menu ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
  }
  #header #submenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 48px;
  }
  #header #submenu ul {
    *zoom: 1;
    width: 100%;
  }
  #header #submenu ul li {
    list-style: none;
  }
  #header #submenu ul:before,
  #header #submenu ul:after {
    display: table;
    content: "";
  }
  #header #submenu ul:after {
    clear: both;
  }
  #header #submenu ul li {
    width: 24.6%;
    margin-left: 1px;
    margin-bottom: 10px;
    float: left;
  }
  #header #submenu ul li a {
    background: #00315B;
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    color: #ffffff;
    padding: 10px 0;
    text-decoration: none;
    height: auto;
  }
  #header #submenu ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
  }
  #header #address {
    position: absolute;
    top: 96px;
    right: 0;
    text-align: right;
  }
  #header #address p {
    font-size: 10px;
    margin-bottom: 3px;
    color: #ffffff;
  }
  /* ページトップ */
  #pagetop {
    width: 55%;
    margin: 0 auto;
    position: relative;
    right: 0;
    text-align: right;
    z-index: 1;
  }
  #pagetop a {
    width: 62px;
    height: 70px;
    bottom: 100px;
    position: fixed;
  }
  #pagetop a img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #pagetop a:hover {
    text-decoration: none;
  }
  /* フッター */
  #footer {
    background: #1a0d00;
    text-align: center;
    padding: 30px 0 0 0;
    color: #ffffff;
    margin-top: 60px;
  }
  #footer img {
    margin-bottom: 10px;
    width: 60%;
  }
  #footer .company {
    font-size: 12px;
    margin-bottom: 3px;
  }
  #footer .address {
    font-size: 11px;
    margin-bottom: 20px;
  }
  #footer a {
    color: #ffffff;
  }
  #footer a:hover {
    color: #ffffff;
  }
  .copyright {
    background: #1a0d00;
    text-align: center;
    font-size: 10px;
    line-height: 1.3;
    color: #ffffff;
    border-top: 1px dotted #2F353D;
    padding: 10px;
  }
  /* パンくず */
  #breadcrumbs {
    width: 95%;
    margin: 16px auto 16px;
    list-style: none;
  }
  #breadcrumbs li {
    font-size: 12px;
    display: inline;
  }
  #breadcrumbs li a {
    padding: 0 5px 0 5px;
  }
  /* home */
  #home {
    /* UTM */
    /* service */
    /* タブ */
  }
  #home #utm {
    background: none;
    padding: 0;
    margin-bottom: 30px;
  }
  #home #utm .detail {
    width: 90%;
    min-height: 0;
    margin: 0 auto;
    background: #ffffff;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #home #utm .detail h1 {
    text-align: center;
    margin-bottom: 10px;
  }
  #home #utm .detail h1 img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #home #utm .detail ul {
    width: 100%;
    margin: 0;
    *zoom: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #home #utm .detail ul li {
    list-style: none;
  }
  #home #utm .detail ul:before,
  #home #utm .detail ul:after {
    display: table;
    content: "";
  }
  #home #utm .detail ul:after {
    clear: both;
  }
  #home #utm .detail ul li {
    width: 31.8%;
    margin-right: 4px;
    margin-bottom: 4px;
    height: auto;
  }
  #home #utm .detail ul li a {
    text-decoration: none;
  }
  #home #utm .detail ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #home #utm .detail ul li .title {
    background: #1a0d00;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    padding: 6px 0;
  }
  #home #utm .detail ul li .title span {
    color: #F6B42D;
  }
  #home #utm .detail ul li .read {
    background: #F0E5D6;
    padding: 6px;
    font-size: 10px;
    min-height: 100px;
  }
  #home #utm .detail ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
  }
  #home #service {
    background: #1a0d00;
    padding: 15px 0;
    margin-bottom: 20px;
    *zoom: 1;
  }
  #home #service:before,
  #home #service:after {
    display: table;
    content: "";
  }
  #home #service:after {
    clear: both;
  }
  #home #service h2 {
    margin-bottom: 14px;
    text-align: center;
  }
  #home #service h2 img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #home #service h3 {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 8px 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  #home #service .bk {
    width: 100%;
    min-height: auto;
    height: auto;
    background: #ffffff;
    text-align: center;
    padding: 14px 16px;
    margin-bottom: 10px;
  }
  #home #service .bk > img {
    margin-bottom: 12px;
    display: none;
  }
  #home #service #higai {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #home #service #higai h3 {
    background: #006EB0;
  }
  #home #service #higai ul {
    *zoom: 1;
    text-align: left;
    margin-top: -12px;
  }
  #home #service #higai ul li {
    list-style: none;
  }
  #home #service #higai ul:before,
  #home #service #higai ul:after {
    display: table;
    content: "";
  }
  #home #service #higai ul:after {
    clear: both;
  }
  #home #service #higai ul li {
    border-bottom: 5px solid #EFEFEF;
    padding: 12px 0 10px 0;
    *zoom: 1;
  }
  #home #service #higai ul li:before,
  #home #service #higai ul li:after {
    display: table;
    content: "";
  }
  #home #service #higai ul li:after {
    clear: both;
  }
  #home #service #higai ul li .icon {
    float: left;
    background: #C60000;
    border: 1px solid #F8B62D;
    padding: 2px 10px;
    font-size: 10px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
  }
  #home #service #higai ul li .date {
    float: none;
    font-size: 10px;
  }
  #home #service #higai ul li a {
    display: block;
    clear: both;
    font-size: 12px;
    line-height: 1.4;
  }
  #home #service #mokuteki {
    width: 100%;
    float: none;
  }
  #home #service #mokuteki h3 {
    background: #D68400;
  }
  #home #service #mokuteki h4 {
    text-align: left;
    font-size: 13px;
    margin-bottom: 4px;
  }
  #home #service #mokuteki ul {
    *zoom: 1;
    text-align: left;
    margin: 0 0 20px 24px;
  }
  #home #service #mokuteki ul li {
    list-style: none;
  }
  #home #service #mokuteki ul:before,
  #home #service #mokuteki ul:after {
    display: table;
    content: "";
  }
  #home #service #mokuteki ul:after {
    clear: both;
  }
  #home #service #mokuteki ul li {
    list-style-type: disc;
    margin-bottom: 4px;
    font-size: 12px;
  }
  #home #service #mokuteki ul li .caution {
    color: #E60012;
  }
  #home #service #info {
    width: 100%;
    float: none;
  }
  #home #service #info h3 {
    background: #538600;
  }
  #home #service #info h4 {
    text-align: left;
    font-size: 13px;
    margin-bottom: 4px;
  }
  #home #service #info ul {
    *zoom: 1;
    text-align: left;
    margin: 0 0 20px 24px;
  }
  #home #service #info ul li {
    list-style: none;
  }
  #home #service #info ul:before,
  #home #service #info ul:after {
    display: table;
    content: "";
  }
  #home #service #info ul:after {
    clear: both;
  }
  #home #service #info ul li {
    list-style-type: disc;
    margin-bottom: 4px;
    font-size: 12px;
  }
  #home #service #info ul li .caution {
    color: #E60012;
  }
  #home #other {
    margin-bottom: 50px;
    *zoom: 1;
  }
  #home #other:before,
  #home #other:after {
    display: table;
    content: "";
  }
  #home #other:after {
    clear: both;
  }
  #home #other #news {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }
  #home #other #news #tab-menu {
    list-style: none;
    font-size: 0;
  }
  #home #other #news #tab-menu li {
    width: 33%;
    display: inline-block;
    padding: 8px 0;
    text-align: center;
    background: #ccc;
    font-size: 13px;
    margin: 0 1px 0 0;
  }
  #home #other #news #tab-menu li.active {
    background: #1a0d00;
    color: #fff;
  }
  #home #other #news #tab-box {
    padding: 15px 0 9px 0;
  }
  #home #other #news #tab-box div {
    display: none;
  }
  #home #other #news #tab-box div ul li {
    list-style: none;
  }
  #home #other #news #tab-box div ul li {
    *zoom: 1;
    border-bottom: 5px solid #EFEFEF;
    padding: 12px 0 10px 0;
  }
  #home #other #news #tab-box div ul li:before,
  #home #other #news #tab-box div ul li:after {
    display: table;
    content: "";
  }
  #home #other #news #tab-box div ul li:after {
    clear: both;
  }
  #home #other #news #tab-box div ul li .news {
    font-size: 10px;
    line-height: 1;
    padding: 4px 10px;
    background: #325899;
    border: 2px solid #C9CACA;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
  }
  #home #other #news #tab-box div ul li .topics {
    font-size: 10px;
    line-height: 1;
    padding: 4px 10px;
    background: #b28539;
    border: 2px solid #C9CACA;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
  }
  #home #other #news #tab-box div ul li .date {
    font-size: 10px;
  }
  #home #other #news #tab-box div ul li h4 {
    margin: 6px 0 0 0;
    font-size: 15px;
  }
  #home #other #news #tab-box div ul li p {
    font-size: 12px;
    margin: 4px 0 0 0;
  }
  #home #other #news #tab-box div.active {
    display: block;
  }
  #home #other #banner {
    width: 100%;
    float: none;
  }
  #home #other #banner ul {
    width: 73%;
    margin: 0 auto;
  }
  #home #other #banner ul li {
    list-style: none;
  }
  #home #other #banner ul li {
    margin-bottom: 12px;
  }
  #home #other #banner ul li img {
    margin-bottom: 4px;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #home #other #banner ul li p {
    font-size: 11px;
  }
  /* 下層ローカルナビ */
  #left {
    width: 100%;
    float: none;
  }
  #left #localnav ul {
    margin-bottom: 30px;
  }
  #left #localnav ul li {
    list-style: none;
  }
  #left #localnav ul li {
    margin-bottom: 1px;
  }
  #left #localnav ul li a {
    display: block;
    color: #ffffff;
    padding: 11px 14px 11px 20px;
    border-right: 7px solid #5F564C;
    background: #1a0d00;
    font-size: 12px;
    text-decoration: none;
  }
  #left #localnav ul li a:hover {
    border-right: 13px solid #C60000;
    text-decoration: none;
    background: #00315B;
  }
  #left #banner ul li {
    list-style: none;
  }
  #left #banner ul li {
    margin-bottom: 10px;
    text-align: center;
  }
  #left #banner ul li img {
    width: 72%;
    max-width: 72%;
    height: auto;
  }
  /* 下層コンテンツ */
  .lower {
    width: 100%;
    float: none;
    word-wrap: break-word;
    white-space: normal;
    display: block;
    margin-bottom: 60px;
  }
  .lower h1 {
    border-left: 10px solid #C60000;
    padding: 4px 0 4px 10px;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 16px;
    border-bottom: 1px solid #D3D1CF;
  }
  .lower h2 {
    background: #1a0d00 url("../image/icon-h2.png") no-repeat right 10px center;
    padding: 10px 50px 10px 16px;
    margin-bottom: 16px;
    border-bottom: 6px solid #C60000;
    font-size: 14px;
    line-height: 1.3;
    color: #ffffff;
  }
  .lower .mainread {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .lower .mainvisual {
    margin-bottom: 30px;
  }
  .lower .mainvisual img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .lower #module img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .lower #module .utm-service {
    margin-bottom: 0;
  }
  /* UTM */
  #utm {
    margin-left: 0;
  }
  #utm ul {
    margin-bottom: 60px;
  }
  #utm ul li {
    list-style: none;
  }
  #utm ul li {
    margin-bottom: 10px;
    *zoom: 1;
  }
  #utm ul li:before,
  #utm ul li:after {
    display: table;
    content: "";
  }
  #utm ul li:after {
    clear: both;
  }
  #utm ul li img {
    display: none;
  }
  #utm ul li .full {
    float: none;
    width: 100%;
  }
  #utm ul li .full h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
  }
  #utm ul li .full p {
    font-size: 11px;
  }
  /* UTMとは */
  #utm-about {
    margin-left: 0;
  }
  #utm-about .title {
    text-align: center;
    color: #000;
    font-size: 34px;
    line-height: 1;
    font-weight: bold;
    width: 200px;
    margin: 0 auto 13px;
    background: linear-gradient(transparent 60%, #f5f693 0%);
  }
  #utm-about .title span {
    font-size: 23px;
  }
  #utm-about .title + p {
    font-size: 13px;
  }
  #utm-about .products {
    margin-bottom: 60px;
  }
  #utm-about .products img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #utm-about .list ul {
    margin-left: 12px;
    margin-bottom: 30px;
    list-style: none;
  }
  #utm-about .list ul li {
    font-size: 14px;
    margin-bottom: 14px;
    padding-left: 23px;
    background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 50%;
  }
  #utm-about h3 {
    background: #E7EAED;
    padding: 17px 50px 17px 8px;
    margin-bottom: 14px;
    border-left: 8px solid #C60000;
    font-size: 12px;
    line-height: 1.2;
    position: relative;
  }
  #utm-about h3 img {
    width: 35%;
    max-width: 35%;
    height: auto;
  }
  #utm-about h3 .right {
    position: absolute;
    top: 50%;
    right: 1%;
    -webkit-transform: translateY(-50%);
    /* Safari用 */
    transform: translateY(-50%);
    text-align: right;
  }
  #utm-about h3 .left {
    position: absolute;
    top: 50%;
    right: 21%;
    -webkit-transform: translateY(-50%);
    /* Safari用 */
    transform: translateY(-50%);
    text-align: right;
  }
  #utm-about .icon ul {
    margin-bottom: 6px;
    list-style: none;
    overflow: hidden;
  }
  #utm-about .icon ul li {
    width: 47%;
    font-size: 18px;
    margin-right: 8px;
    float: left;
  }
  #utm-about .icon ul li img {
    width: 100%;
    height: auto;
  }
  #utm-about p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #utm-about p img {
    margin: 4px 0 8px 20px;
    float: right;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #utm-about .maker h4 {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: normal;
  }
  #utm-about .maker ul {
    width: 100%;
    margin-right: -8px;
    margin-bottom: 80px;
    list-style: none;
    overflow: hidden;
  }
  #utm-about .maker ul li {
    width: 48%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
  }
  #utm-about .maker ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  /* UTMの必要性 */
  #utm-necessity {
    margin-left: 0;
  }
  #utm-necessity .title {
    text-align: center;
    color: #000;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    width: 77%;
    margin: 0 auto 20px;
    background: linear-gradient(transparent 60%, #f5f693 0%);
    padding-top: 6px;
  }
  #utm-necessity .subvisual {
    margin-bottom: 10px;
  }
  #utm-necessity .subvisual img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #utm-necessity .answer {
    margin-bottom: 30px;
  }
  #utm-necessity .answer h3 {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 0;
    background: none;
    color: #C60000;
  }
  #utm-necessity .answer h3 span {
    font-size: 15px;
    display: block;
    font-weight: normal;
    color: #1a0d00;
  }
  #utm-necessity .answer p {
    font-size: 13px;
  }
  #utm-necessity .answer p .line {
    text-decoration: underline;
  }
  #utm-necessity .answer .link {
    text-align: right;
    margin-top: 15px;
  }
  #utm-necessity .answer .link a {
    font-size: 13px;
    margin-bottom: 14px;
    padding-left: 25px;
    background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 50%;
  }
  /* サービス詳細 */
  #service-detail {
    margin-left: 0;
  }
  #service-detail h3 {
    background: #E7EAED;
    padding: 17px 50px 17px 8px;
    margin-bottom: 14px;
    border-left: 8px solid #C60000;
    font-size: 13px;
    line-height: 1.2;
    position: relative;
  }
  #service-detail .line {
    text-decoration: underline;
    font-weight: bold;
  }
  #service-detail .caution {
    color: #E60012;
  }
  #service-detail .center {
    text-align: center;
  }
  #service-detail .mainvisual {
    margin-bottom: 30px;
  }
  #service-detail .mainvisual img {
    border-bottom: 10px solid #00315B;
  }
  #service-detail .mainvisual .reads {
    margin-top: 1px;
    background: #00315B;
    padding: 14px 21px 22px 21px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: bold;
    color: #ffffff;
  }
  #service-detail .mainvisual .reads p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
  }
  #service-detail .checksheet {
    margin-bottom: 30px;
  }
  #service-detail .checksheet ul {
    background: #F2F4CD;
    border: 1px solid #DCDDDD;
    padding: 22px 21px 18px 21px;
  }
  #service-detail .checksheet ul li {
    list-style: none;
  }
  #service-detail .checksheet ul li {
    background: url("../image/service/info/icon-check.png") no-repeat 0 50%;
    padding: 4px 0 4px 40px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #00315B;
  }
  #service-detail .questionsheet {
    margin-bottom: 30px;
  }
  #service-detail .questionsheet ul {
    background: #F2F4CD;
    border: 1px solid #DCDDDD;
    padding: 22px 12px 12px 16px;
  }
  #service-detail .questionsheet ul li {
    list-style: none;
  }
  #service-detail .questionsheet ul li {
    background: url("../image/service/info/icon-question.png") no-repeat 0 50%;
    padding: 4px 0 4px 40px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #00315B;
  }
  #service-detail .goodsheet {
    margin-bottom: 30px;
  }
  #service-detail .goodsheet ul {
    background: #F2F4CD;
    border: 1px solid #DCDDDD;
    padding: 22px 21px 18px 21px;
  }
  #service-detail .goodsheet ul li {
    list-style: none;
  }
  #service-detail .goodsheet ul li {
    background: url("../image/service/info/icon-good.png") no-repeat 0 50%;
    padding: 4px 0 4px 40px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #00315B;
  }
  #service-detail .each ul {
    margin-bottom: 30px;
  }
  #service-detail .each ul li {
    list-style: none;
  }
  #service-detail .each ul li {
    margin-bottom: 10px;
    *zoom: 1;
  }
  #service-detail .each ul li:before,
  #service-detail .each ul li:after {
    display: table;
    content: "";
  }
  #service-detail .each ul li:after {
    clear: both;
  }
  #service-detail .each ul li img {
    display: none;
  }
  #service-detail .each ul li .full {
    float: none;
    width: 100%;
  }
  #service-detail .each ul li .full h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
  }
  #service-detail .each ul li .full p {
    font-size: 11px;
  }
  #service-detail .qa {
    margin-bottom: 30px;
  }
  #service-detail .qa ul li {
    list-style: none;
  }
  #service-detail .qa ul li {
    background: url("../image/service/info/icon-question.png") no-repeat 0 3%;
    padding: 4px 0 4px 40px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
  }
  #service-detail .qa ul li p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
  }
  #service-detail .qa ul li ul li {
    list-style-type: disc;
    background: none;
    padding: 0;
    margin: 0 0 3px 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
  }
  #service-detail .point {
    margin-bottom: 30px;
  }
  #service-detail .point ul li {
    list-style: none;
  }
  #service-detail .point ul li {
    background: url("../image/service/info/icon-point.png") no-repeat 0 1%;
    padding: 4px 0 4px 40px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
  }
  #service-detail .point ul li p {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 6px;
  }
  #service-detail .point ul li ul {
    margin-bottom: 12px;
  }
  #service-detail .point ul li ul li {
    list-style-type: disc;
    background: none;
    padding: 0;
    margin: 0 0 3px 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
  }
  #service-detail .point ul li ol {
    margin-bottom: 12px;
  }
  #service-detail .point ul li ol li {
    list-style-type: decimal;
    background: none;
    padding: 0;
    margin: 0 0 3px 30px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
  }
  #service-detail .list {
    margin-bottom: 30px;
  }
  #service-detail .list ul {
    margin-left: 20px;
    margin-bottom: 20px;
    list-style: none;
  }
  #service-detail .list ul li {
    font-size: 13px;
    margin-bottom: 14px;
    padding-left: 25px;
    background: url("../image/utm/about/icon-viruskun.jpg") no-repeat 0 50%;
  }
  #service-detail .link {
    text-align: right;
  }
  #service-detail .link a {
    font-size: 13px;
  }
  #service-detail .reads-detail {
    margin-bottom: 30px;
  }
  #service-detail .reads-detail p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  #service-detail .subvisual {
    margin-bottom: 20px;
  }
  #service-detail .subvisual img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #service-detail .report {
    margin-bottom: 30px;
  }
  #service-detail .report ul {
    list-style-type: disc;
    margin-left: 26px;
    margin-bottom: 20px;
  }
  #service-detail .report ul li {
    font-size: 13px;
    margin-bottom: 12px;
  }
  #service-detail .report ul li span {
    color: #E60012;
    font-size: 12px;
  }
  #service-detail .report img {
    text-align: center;
    margin-bottom: 20px;
    width: 80%;
    max-width: 80%;
    height: auto;
  }
  #service-detail .report p {
    font-size: 13px;
  }
  #service-detail .price {
    margin-bottom: 30px;
  }
  #service-detail .price table {
    width: 100%;
    border: 1px #B3B3B3 solid;
    border-collapse: collapse;
    margin-bottom: 10px;
  }
  #service-detail .price table caption {
    text-align: left;
    font-size: 13px;
  }
  #service-detail .price table th,
  #service-detail .price table td {
    padding: 4px 12px;
  }
  #service-detail .price table th {
    width: 33%;
    border: 1px solid #c5c5c5;
    background: #ededed;
    font-size: 13px;
    text-align: left;
  }
  #service-detail .price table td {
    border: 1px solid #c5c5c5;
    text-align: left;
    font-size: 13px;
  }
  #service-detail .price p {
    font-size: 12px;
  }
  #service-detail .case {
    background: #c60000;
    padding: 12px 24px;
    *zoom: 1;
    min-height: 66px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  #service-detail .case:before,
  #service-detail .case:after {
    display: table;
    content: "";
  }
  #service-detail .case:after {
    clear: both;
  }
  #service-detail .case .title {
    float: left;
    width: 30%;
    font-size: 18px;
    color: #faee00;
  }
  #service-detail .case ul {
    width: 60%;
    float: left;
  }
  #service-detail .case ul li {
    color: #ffffff;
    font-size: 14px;
  }
  #service-detail .graphflow {
    margin-bottom: 30px;
  }
  #service-detail .graphflow table {
    width: 100%;
    border: 1px #B3B3B3 solid;
    border-collapse: collapse;
    margin-bottom: 10px;
  }
  #service-detail .graphflow table caption {
    text-align: left;
    font-size: 13px;
  }
  #service-detail .graphflow table th,
  #service-detail .graphflow table td {
    padding: 8px 21px;
  }
  #service-detail .graphflow table th {
    width: 33%;
    border: 1px solid #c5c5c5;
    background: #ededed;
    font-size: 13px;
    text-align: left;
  }
  #service-detail .graphflow table td {
    border: 1px solid #c5c5c5;
    text-align: left;
    font-size: 13px;
  }
  #service-detail .graphflow .caution {
    font-weight: bold;
    text-decoration: underline;
  }
  #service-detail .graphflow p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  #service-detail .reads-vulnerability {
    font-size: 13px;
    margin-bottom: 30px;
  }
  #service-detail .reads-vulnerability img {
    margin: 20px 0 0 0;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #service-detail h5 {
    background: #E7EAED;
    padding: 17px 50px 17px 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.2;
  }
  #service-detail .price2 {
    margin-bottom: 30px;
    margin-left: 20px;
  }
  #service-detail .price2 p {
    font-size: 14px;
    margin-bottom: 6px;
  }
  #service-detail .price2 .total {
    font-size: 22px;
    margin-left: 7px;
  }
  .lower-full {
    width: 100%;
    margin: 0 auto;
    word-wrap: break-word;
    white-space: normal;
    display: block;
  }
  .lower-full #module img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .lower-full #module .utm-service {
    margin-bottom: 0;
  }
  .lower-full h1 {
    border-left: 10px solid #C60000;
    padding: 4px 0 4px 10px;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 16px;
    border-bottom: 1px solid #D3D1CF;
  }
  .lower-full h2 {
    background: #1a0d00 url("../image/icon-h2.png") no-repeat right 15px center;
    padding: 16px 55px 16px 28px;
    margin-bottom: 16px;
    border-bottom: 6px solid #C60000;
    font-size: 14px;
    line-height: 1.3;
    color: #ffffff;
  }
  .lower-full h3 {
    background: #E7EAED;
    padding: 13px 50px 13px 10px;
    margin-bottom: 12px;
    border-left: 10px solid #C60000;
    font-size: 13px;
    line-height: 1.2;
  }
  .lower-full .mainread {
    font-size: 13px;
    margin-bottom: 20px;
  }
  /* #example */
  #example .icon-list {
    background: #efefef;
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
  }
  #example .icon-list ul {
    *zoom: 1;
  }
  #example .icon-list ul li {
    list-style: none;
  }
  #example .icon-list ul:before,
  #example .icon-list ul:after {
    display: table;
    content: "";
  }
  #example .icon-list ul:after {
    clear: both;
  }
  #example .icon-list ul li {
    width: 32.6%;
    height: 30px;
    float: left;
    *zoom: 1;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }
  #example .icon-list ul li:before,
  #example .icon-list ul li:after {
    display: table;
    content: "";
  }
  #example .icon-list ul li:after {
    clear: both;
  }
  #example .icon-list ul li img {
    float: left;
    margin-right: 4px;
    width: 24px;
    height: 24px;
  }
  #example .icon-list ul li .category {
    float: left;
    font-size: 10px;
    line-height: 1.1;
  }
  #example .icon-list ul li .category br {
    display: none;
  }
  #example #article {
    width: 100%;
  }
  #example #article ul {
    width: 106%;
    margin-right: -20px;
  }
  #example #article ul li {
    list-style: none;
  }
  #example #article ul li {
    width: 46%;
    min-height: 280px;
    border: 4px solid #efefef;
    padding: 20px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
  }
  #example #article ul li .screen {
    margin-bottom: 10px;
  }
  #example #article ul li .screen img {
    width: 100%;
    height: 60%;
    object-fit: contain;
  }
  #example #article ul li .headline {
    *zoom: 1;
    margin-bottom: 10px;
    width: 100%;
  }
  #example #article ul li .headline:before,
  #example #article ul li .headline:after {
    display: table;
    content: "";
  }
  #example #article ul li .headline:after {
    clear: both;
  }
  #example #article ul li .headline img {
    width: 20px;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
  }
  #example #article ul li .headline a {
    width: 83%;
    float: left;
    font-size: 12px;
  }
  #example #article ul li p {
    font-size: 11px;
  }
  #example-detail {
    width: 100%;
    margin: 0 auto;
  }
  #example-detail .mainvisual {
    width: 100%;
    height: 50%;
    background-image: url("../image/example/mainvisual-background.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  #example-detail .mainvisual img {
    width: 70%;
    max-width: 70%;
    height: 50%;
  }
  #example-detail #pagelist {
    background: #e7eaed;
    margin-bottom: 30px;
    padding: 10px 0;
  }
  #example-detail #pagelist .headline {
    text-align: center;
    font-size: 16px;
  }
  #example-detail #pagelist ul {
    list-style-type: decimal;
    width: 80%;
    margin: 0 auto;
  }
  #example-detail #pagelist ul li {
    border-bottom: 1px dotted #cccccc;
    padding: 6px 0;
    font-size: 14px;
    list-style-position: inside;
  }
  #example-detail table {
    width: 100%;
    border: 1px #B3B3B3 solid;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  #example-detail table caption {
    text-align: left;
    font-size: 13px;
  }
  #example-detail table th,
  #example-detail table td {
    padding: 4px 12px;
  }
  #example-detail table th {
    width: 33%;
    border: 1px solid #c5c5c5;
    background: #ededed;
    font-size: 13px;
    text-align: left;
  }
  #example-detail table td {
    border: 1px solid #c5c5c5;
    text-align: left;
    font-size: 13px;
  }
  #example-detail .block {
    width: 100%;
    margin-bottom: 30px;
  }
  #example-detail .block p {
    font-size: 13px;
    margin-bottom: 13px;
  }
  #example-detail .block img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #example-detail .block ul {
    list-style-type: disc;
    margin-bottom: 10px;
  }
  #example-detail .block ul li {
    margin-left: 40px;
    margin-bottom: 4px;
  }
  #example-detail .block .total {
    width: 94%;
    margin: 0 auto;
    text-align: right;
    border-top: 4px solid #cccccc;
    padding-top: 10px;
    font-size: 17px;
    font-weight: bold;
  }
  #example-detail .block .total span {
    font-size: 12px;
    font-weight: normal;
  }
  #example-detail .button {
    margin-bottom: 50px;
    text-align: center;
  }
  #example-detail .button img {
    width: 70%;
    max-width: 70%;
    height: auto;
  }
  /* security */
  #security .pager {
    border: 1px solid #999;
    overflow: hidden;
  }
  #security .pager ul {
    /*  background: #EEE;*/
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
  }
  #security .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
  }
  #security .pager ul li span,
  #security .pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
  }
  #security .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
  }
  #security .pager ul li a:hover {
    background: #333;
    color: #FFF;
  }
  #security #mainvisual ul {
    width: 106%;
    margin-right: -20px;
    *zoom: 1;
  }
  #security #mainvisual ul li {
    list-style: none;
  }
  #security #mainvisual ul:before,
  #security #mainvisual ul:after {
    display: table;
    content: "";
  }
  #security #mainvisual ul:after {
    clear: both;
  }
  #security #mainvisual ul li {
    width: 44%;
    min-height: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
  }
  #security #mainvisual ul li img {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #security #mainvisual ul li a {
    font-size: 14px;
  }
  #security #mainvisual ul li p {
    font-size: 11px;
  }
  #security-list {
    width: 100%;
    margin: 0 auto;
  }
  #security-list .pager {
    border-top: 2px solid #dcdddd;
    overflow: hidden;
    padding-top: 16px;
  }
  #security-list .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
  }
  #security-list .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
  }
  #security-list .pager ul li span,
  #security-list .pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.5em 0.8em;
    border-radius: 3px;
  }
  #security-list .pager ul li a {
    border: 1px solid #dcdddd;
    color: #000;
    text-decoration: none;
  }
  #security-list .pager ul li a:hover {
    border: 1px solid #dcdddd;
    color: #FFF;
  }
  #security-list .mainread-img {
    background: none;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  #security-list .mainread-img p {
    font-size: 14px;
    color: #1a0d00;
    padding: 0;
  }
  #security-list #article {
    margin-bottom: 30px;
  }
  #security-list #article ul {
    width: 100%;
  }
  #security-list #article ul li {
    list-style: none;
  }
  #security-list #article ul li {
    border-bottom: 1px solid #dcdddd;
    padding: 16px 0;
    *zoom: 1;
  }
  #security-list #article ul li:before,
  #security-list #article ul li:after {
    display: table;
    content: "";
  }
  #security-list #article ul li:after {
    clear: both;
  }
  #security-list #article ul li img {
    float: left;
    object-fit: cover;
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }
  #security-list #article ul li .date {
    font-size: 11px;
    margin-bottom: 5px;
  }
  #security-list #article ul li a {
    font-size: 13px;
  }
  #security-list #article ul li p {
    font-size: 12px;
    overflow: hidden;
  }
  #security-list #article ul li:last-child {
    border-bottom: none;
  }
  #security-detail {
    width: 100%;
    margin: 0 auto;
  }
  #security-detail .mainvisual {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    text-align: center;
  }
  #security-detail .mainvisual img {
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #security-detail .mainvisual p {
    font-size: 13px;
  }
  #security-detail .block {
    width: 100%;
    margin-bottom: 30px;
  }
  #security-detail .block p {
    font-size: 13px;
    margin-bottom: 13px;
  }
  #security-detail .block img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #security-detail .block ul {
    list-style-type: disc;
    margin-bottom: 10px;
  }
  #security-detail .block ul li {
    margin-left: 40px;
    margin-bottom: 4px;
  }





  /*追加*/
  #stopcyberattackpcsoftwarecheck .free {
    margin-bottom: 20px;
  }
  #stopcyberattackpcsoftwarecheck .free img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #stopcyberattackpcsoftwarecheck .free .origin {
    border: 1px dotted #9fa0a0;
    background: #f7f8f8;
    text-align: center;
    padding: 4px;
    font-size: 18px;
    font-weight: bold;
  }
  #stopcyberattackpcsoftwarecheck .check {
    line-height: 1.3;
    background: none;
    padding: 0 0 0 0;
    margin-bottom: 6px;
  }
  #stopcyberattackpcsoftwarecheck .check .small {
    font-size: 22px;
  }
  #stopcyberattackpcsoftwarecheck .check .large {
    font-size: 26px;
    font-weight: bold;
  }
  #stopcyberattackpcsoftwarecheck #mainvisual {
    margin-bottom: 30px;
    border: 6px solid #e60012;
    text-align: center;
    background: #e3ce41;
    background: -moz-linear-gradient(top, #e3ce41 0%, #f4ecb5 26%);
    background: -webkit-linear-gradient(top, #e3ce41 0%,#f4ecb5 26%);
    background: linear-gradient(to bottom, #e3ce41 0%,#f4ecb5 26%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ce41', endColorstr='#f4ecb5',GradientType=0 );
  }
  #stopcyberattackpcsoftwarecheck #mainvisual .headline{
    background: #e60012;
    text-align: center;
  }
  #stopcyberattackpcsoftwarecheck #mainvisual .headline img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  #stopcyberattackpcsoftwarecheck #mainvisual img{
    width: 95%;
    max-width: 95%;
    height: auto;
    margin-bottom: 10px;
  }
  #stopcyberattackpcsoftwarecheck #mainvisual .read{
    width: 95%;
    margin: 0 auto 20px;
    font-size: 17px;
    text-align: left;
  }
  #stopcyberattackpcsoftwarecheck .message{
    font-size: 20px;
    background: url("/static/image/stopcyberattackpcsoftwarecheck/icon-scone.jpg") no-repeat center 0;
    text-align: center;
    padding: 160px 0 0 0;
    margin-bottom: 10px;
  }
  #stopcyberattackpcsoftwarecheck .appattention{
    margin-bottom: 60px;
    border: 6px solid #231815;
    background: #fff149;
    padding: 20px 20px 0 20px;
  }
  #stopcyberattackpcsoftwarecheck .appattention .app{
    overflow: hidden;
    margin-bottom: 20px;
  }
  #stopcyberattackpcsoftwarecheck .appattention .app img{
    float: left;
    width: 22%;
  }
  #stopcyberattackpcsoftwarecheck .appattention .app ol{
    float: left;
    list-style: disc;
    margin: -2px 0 0 30px;
  }
  #stopcyberattackpcsoftwarecheck .appattention .app ol li{
    font-size: 13px;
    list-style: 1.8;
  }
  #stopcyberattackpcsoftwarecheck .point{
    margin-bottom: 60px;
  }
  #stopcyberattackpcsoftwarecheck .point h3{
    font-size: 20px;
  }
  #stopcyberattackpcsoftwarecheck .point p{
    font-size: 15px;
    margin-bottom: 20px;
  }
  #stopcyberattackpcsoftwarecheck .point img{
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  #stopcyberattackpcsoftwarecheck .point ul{
    margin-left: 20px;
  }
  #stopcyberattackpcsoftwarecheck .point ul li{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  #stopcyberattackpcsoftwarecheck .attention{
    background: #efefef;
    padding: 12px 12px;
  }
  #stopcyberattackpcsoftwarecheck .point ol{
    list-style: none;
  }
  #stopcyberattackpcsoftwarecheck .point ol li{
    font-size: 13px;
  }
  #stopcyberattackpcsoftwarecheck #form{
    margin-top: -40px;
  }
  #stopcyberattackpcsoftwarecheck #form p{
    font-size: 16px;
    margin-bottom: 16px;
  }
  #stopcyberattackpcsoftwarecheck #form input,
  #stopcyberattackpcsoftwarecheck #form textarea {
    background: #f7f8f8;
    -webkit-appearance: none!important;
    border-radius: 0;
    box-shadow: none;
    width: 97.5%;
  }
  #stopcyberattackpcsoftwarecheck #form input[type="submit"] {
    font-size: 22px;
    font-weight: bold;
    background: #e60012;
    color: #fff;
    width: 70%;
    text-shadow:none;
    border: none;
    padding: 0.5em 0.4em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  #stopcyberattackpcsoftwarecheck #form .button {
    text-align: center;
  }
}