@charset "utf-8";
@import url("/linuxoss-common.css");
@import url("/box-side.css");


.table-lime th {background-color: #C0CA33; color:#222; border: 1px solid #9E9D24; vertical-align: middle;}
.table-lime td {border: 1px solid #C0CA33; vertical-align: middle;}
.table-lime .light {background-color:#F0F4C3;}

.table-blue th {background-color: #1976D2; color:#fff; border: 1px solid #0D47A1; vertical-align: middle;}
.table-blue td {border: 1px solid #1976D2; vertical-align: middle;}
.table-blue .light {background-color:#BBDEFB;}

.table-green th {background-color: #689F38; color:#fff; border: 1px solid #33691E; vertical-align: middle;}
.table-green td {border: 1px solid #689F38; vertical-align: middle;}
.table-green .light {background-color:#DCEDC8;}

.table-emerald th {background-color: #0a8889; color:#fff; border:1px solid #00695C; vertical-align: middle;}
.table-emerald td {border: 1px solid #00695C; vertical-align: middle;}
.table-emerald .light {background-color:#b4e0e0;}

.table-orange th {background-color: #FFA000; color:#222; border: 1px solid #FF6F00; vertical-align: middle;}
.table-orange td {border: 1px solid #FFA000; vertical-align: middle;}
.table-orange .light {background-color:#FFECB3;}

.table-graphite th {background-color: #455A64; color:#fff; border: 1px solid #263238; vertical-align: middle;}
.table-graphite td {border: 1px solid #455A64; vertical-align: middle;}
.table-graphite .light {background-color:#ECEFF1;}


.table-titanium th, .table-titanium td {border-top:none; border-bottom:1px solid #90A4AE; vertical-align: middle;}
.table-titanium th {background-color: #CFD8DC; color:#223;}
.table-titanium tr:first-child {border-top:1px solid #90A4AE;}
.table-titanium .light {background-color:#F8FAFC;}




.text-lime {color:#AFB42B;}
.text-blue {color:#1976D2;}
.text-green {color:#689F38;}
.text-emerald {color:#0a8889;}
.text-orange {color:#FFA000;}
.text-titanium {color:#CFD8DC;}

.bg-lime {color:#AFB42B;} .bg-limelight {background-color:#F0F4C3;}
.bg-blue {color:#1976D2;} .bg-bluelight {background-color:#BBDEFB;}
.bg-green {color:#689F38;} .bg-greenlight {background-color:#DCEDC8;}
.bg-emerald {color:#0a8889;} .bg-emeraldlight {background-color:#b4e0e0;}
.bg-orange {color:#FFA000;} .bg-orangelight {background-color:#FFECB3;}
.bg-titanium {color:#CFD8DC;} .bg-titaniumlight {background-color:#ECEFF1;}

.col-main h3{
  position: relative;
  margin: 20px 0 20px;
  padding: 0 0 0 .5em;
  border-left: 6px solid #689f38;
  color:#689f38;
}


.key-gradation{
  background: linear-gradient(135deg, rgba(124,179,66,1.0) 0%, rgba(10,151,167,1.0) 48%, rgba(25,118,210,1.0) 95%) !important;
  /* background: linear-gradient(45deg, rgba(139,195,74,0.8) 0%, rgba(0,172,193,1.0) 100%), url(/vdoo/img/vdoo-head-bg.jpg) no-repeat 50% 0 !important;
  background-size: cover; */
}




.menu1200{width:1200px;max-width:1200px;margin:0 auto;}
.navbar{padding:0.1rem;}
.navbar-brand {
  background: url("") no-repeat left center;
  background-size: contain;
  height: 32px;
  width: 32px;
  margin-left:10px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px){
  .navbar-brand {
    height: 20px;
    width: 20px;
    margin-left:6px;
    margin-right: 6px;
  }
}
@media only screen and (max-width: 575px){
  .navbar-brand {
    margin-top: 6px;
  }
  .navbar-expand-sm .navbar-nav .nav-link {font-size:10.5pt;}
  .nav-link {padding: .3rem 1rem;}
  .sticky-top{position:unset;}
}

.zbx_navbar{
  background-color: #99CC66 !important;
  border-color: #558B2F;
}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:1rem;}
.navbar-light .navbar-nav .nav-link {color: #1B5E20;}
.navbar-light .navbar-nav .nav-link:hover {color: #E65100;}
.navbar-light .navbar-nav .show>.nav-link {color: #E65100;}
.navbar-light .navbar-nav .nav-link.active {color: #3E2723;}

.navbar .navbar-nav .dropdown-menu {
  background-color: #DCEDC8;
  color:#33691E;
  border-color: #558B2F;
}
.navbar .navbar-text, .navbar .dropdown-item {
  color: #33691E;
}

.zbx_navbar .navbar-nav > li > .dropdown-menu > li > a {
  color: #33691E;
}
.zbx_navbar .dropdown-item:hover{
  color:#E65100;
  background-color:#AED581;
}
.zbx_navbar .dropdown-divider {
  border-top: 1px solid #558B2F;
}
.navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.2);
    margin:0.2rem;
    padding: .15rem .35rem;
    font-size: 1rem;
}
.navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

@media only screen and (max-width: 767px){
  .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0.5rem;}
  .dropdown-item {font-size:10pt;}
}



.header-nav__item--prod > a:after {
  left: 0;
  width: 100%;
}

a.accordion-toggle:after {
    font-family: 'FontAwesome';  
    content: "\f146";
    float: left; 
}
a.accordion-toggle.collapsed::after {
    content: "\f0fe"; 
}

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}






.area-ttl{
  background: url('/img/darkblue-bg.jpg') no-repeat center 50%;
  background-size: cover;
}

.area-ttl__ttl{
 background: url('/linux-oss/img/icon-zbx.png') no-repeat 50% 0;
 background-size: 34px auto;
 color: #f0f0f0;
}


.area-ttl__ttl a {
  color: #f0f0f0 !important;
}

.area-ttl__ttl a:hover {
  text-decoration: none !important; 
}



.ss-jumbotron {
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-top-key.jpg) 33% center !important;
  /* background: linear-gradient(135deg, rgba(124,179,66,0.5) 0%, rgba(10,151,167,0.5) 48%, rgba(25,118,210,0.5) 95%), url(/zabbix/img/zbx-top-key.jpg) 33% center !important;  */
  background-size: cover !important;
  color:#fff;
  margin-bottom:0;
  padding: 3em 0 3em;
  min-height:480px;
  display:flex;
  align-items:center;
  position: relative !important;
}


/*
.ss-jumbotron .title-block{
  background: linear-gradient(to top, rgba(25,97,49,0.5) 0%, rgba(222,225,56,0.5) 100%);
  margin-top:100px;
  padding-top:30px;
  padding-bottom:30px;
  width:100%;
  position: absolute;
  bottom: 0;
}
 */

.ss-lineup{
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-top-key.jpg) top center !important;
  background-size: cover !important;
}

.ss-lineup-ev{
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-top-key.jpg) top center !important;
  background-size: cover !important;
}

.ss-lineup-ov{
  background: url(https://www.cybertrust.co.jp/sureserver/img/lineup-ov-bg.jpg) top center !important;
  background-size: cover !important;
}

.ss-lineup-md{
  background: url(https://www.cybertrust.co.jp/sureserver/img/614976190.jpg) top center !important;
  background-size: cover !important;
}

.ss-lineup-wc{
  background: url(https://www.cybertrust.co.jp/sureserver/img/913259606.jpg) top center !important;
  background-size: cover !important;
}

.jumbo-text {
text-shadow:
    #111 2px 0px 0px, black -2px 0px 0px,
    #111 0px -2px 0px, black 0px 2px 0px,
    #111 2px 2px 0px, black -2px 2px 0px,
    #111 2px -2px 0px, black -2px -2px 0px,
    #111 1px 2px 0px, black -1px 2px 0px,
    #111 1px -2px 0px, black -1px -2px 0px,
    #111 2px 1px 0px, black -2px 1px 0px,
    #111 2px -1px 0px, black -2px -1px 0px,
    #111 1px 1px 0px, black -1px 1px 0px,
    #111 1px -1px 0px, black -1px -1px 0px;
}

.jumbotron-inner{
 align:left;
 padding:70px 0;
}

.sureboard-jumbotron {
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-top-key.jpg) 50% center !important;
  background-size: cover !important;
  min-height:360px;
}

.surehandson-jumbotron {
  background: url(https://www.cybertrust.co.jp/sureserver/img/head-surehandson.jpg) 50% center !important;
  background-size: cover !important;
  min-height:360px;
}




.notice_mute{
  border:1px solid #607D8B; padding: .5rem 1rem; border-radius:5px; background-color:#fff;color:#607D8B;
}

.notice_info{
  border:1px solid #0097A7; padding: .5rem 1rem; border-radius:5px; background-color:#fff; color:#0097A7;
}


.whychoose{
    background: url(https://www.cybertrust.co.jp/zabbix/img/gray-gradation-bg.jpg) no-repeat center 33% !important;
    background-size: cover !important;
    color: #333;
}


.cybertrust-ca{
    background: url(https://www.cybertrust.co.jp/certificate-authority/img/921054466-bg.jpg) no-repeat center 66% !important;
    background-size: cover !important;
    color: #333;
}

.zbx-contact{
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-contact-bg.jpg) no-repeat top center !important;
  background-size: cover !important;
}

.ssl-contact{
  background: url(https://www.cybertrust.co.jp/sureserver/img/ssl-contact-bg.jpg) no-repeat top center !important;
  background-size: cover !important;
}

.download-ca td{
  text-align: center;
  vertical-align: middle;
}

.download-ca .style1{
    background-color: #1976D2;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: .75rem;
}

.download-ca .style2{
    background-color: #78909C;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: .75rem;
}

.contents pre{
  background-color:#000;
  color:#fff;
  padding:0.5em;
}

.icon{margin-top:6px;padding:.66667rem;border-radius:.35rem;text-align:center;display:inline-block;color:#fff;font-size:2rem;line-height:1;min-width:53px}


.ss_trial {
  background: linear-gradient(#2E7D79, #4AC3BD);
}

.ss_trial_textarea{
  padding:2em;
  color:#fff;
}

.ss_trial_imagearea{
  background: url(https://www.cybertrust.co.jp/zabbix/img/zbx-evaluation.png) no-repeat 50% !important;
  background-size:cover !important;
  height:300px;
}

.box_acc{

}
.box_acc dl{
  
}
.box_acc dl dt:first-child{
  border-top: none;
}
.box_acc dt{
  background:url("https://www.cybertrust.co.jp/img/common/ico_acc_off01.png") no-repeat 5px 10px; 
  padding: 10px 5px 10px 40px;
  border-top: 1px solid #bbb;
  color: #015E95;
  font-size: 18px;
  font-weight: bold;
  font-family: NewRodinPro-DB !important;
  font-weight: 400;
  cursor: pointer;
}
.box_acc dt:hover{
  background: #f0f0f0 url("https://www.cybertrust.co.jp/img/common/ico_acc_off02.png") no-repeat 5px 10px; 
}
  .box_acc dt.active{
    background:url("https://www.cybertrust.co.jp/img/common/ico_acc_on01.png") no-repeat 5px 10px; 
  }
  .box_acc dt.active:hover{
    background:#f0f0f0 url("https://www.cybertrust.co.jp/img/common/ico_acc_on02.png") no-repeat 5px 10px; 
  }
  
.box_acc dd{
  display: none;
  margin-bottom: 15px;
  padding:10px 0 10px 40px;
  font-size: 108%;
}




.bottom-nav-list__img {
    position: relative;
    margin: 0 0 15px;
}

.bottom-nav-list__img figcaption{
    position: absolute;
    bottom: -2px;
    left: 5px;
    line-height: 1;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
}



.accordion {margin-bottom:1rem;}
.accordion .card-header{padding: .5rem;}
.accordion .card-header .btn-link:hover,  .accordion .card-header .btn-link:focus {text-decoration:none;}


.customlinkcard a .card {border:0;}
.customlinkcard .card-img-overlay{background-color:rgba(32,32,32,0.4);height: 30%; vertical-align: bottom; top: 70%;}

.customlinkcard .card {
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .3rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.customlinkcard .card:hover{
    box-shadow: 0 1px 5px 3px #E1F5FE, 0 0 0 1px #4FC3F7;
}

.customlinkcard .card-block {
    position: relative;
    margin: 0;
    padding:1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.customlinkcard .card-block p{
    font-size: 10.5pt;
}


.customlinkcard .card-img-top {
    display: block;
}

@media screen and (-ms-high-contrast: none) {
  .customlinkcard .card {
    display: block;
  }
}



.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 100%;
	max-height: 360px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h5 {
	font-weight: 300;
    font-size:24pt;
    margin-top:2rem;
}

.grid figure h5 span {
	font-weight: 800;
}

.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}




ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 24px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 1.5em;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #0288d1;
    left: 15px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline h6 {line-height: 1.2em;}

@media screen and (max-width: 640px) {
  .table-sp-vertical th {
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding:0.2rem;
  }
  .table-sp-vertical td {
    display: block;
    width: 100%;
    padding:0.3rem;
  }
}

.glossary-text {font-size:0.9em;}

/*** pc-only / sp-only ***/
@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

/*
----------------------------------------------------------- */
/* お申し込み手順
----------------------------------------------------------- */
.order-process {
  padding: 40px 0 0;
}

.order-process__title {
  margin: 0;
  font-size: 35px;
  text-align: center;
}

.order-process__image {
list-style:none; max-width:980px; display:block; margin:1em auto;;
}

.sec-process-first h2 {
  position: relative;
  color: #ca5d6d;
  font-size: 30px;
  text-align: center;
}

.sec-process-first h2:before {
  content: "";
  position: absolute;
  top: 49%;
  right: 0;
  left: 0;
  border-top: 1px solid #ca5d6d;
}

.sec-process-first h2 span {
  display: inline-block;
  position: relative;
  padding: 0 25px;
  background: #fff;
}

.sec-process-first ul {
  overflow: hidden;
  margin: 0 0 1em;
}

.sec-process-first li {
  float: left;
  width: 25%;
}

.sec-process-first li img {
  max-width: 100%;
  vertical-align: top;
}

.sec-process-step h2 {
  position: relative;
  color: #ca5d6d;
  font-size: 30px;
  text-align: center;
}

.sec-process-step h2 span {
  display: inline-block;
  position: relative;
  margin: 0 0 5px;
  padding: 0 30px 85px;
  color: #818c94;
  font-size: 24px;
}

.sec-process-step.step1 h2 span {
  background: #f7f7f7 url(https://www.cybertrust.co.jp/sureserver/img/img-process-02.png) no-repeat 50% 100%;
}

.sec-process-step.step2 h2 span {
  background: #fff url(https://www.cybertrust.co.jp/sureserver/img/img-process-03.png) no-repeat 50% 100%;
}

.sec-process-step.step3 h2 span {
  background: #f7f7f7 url(https://www.cybertrust.co.jp/sureserver/img/img-process-04.png) no-repeat 50% 100%;
}

.sec-process-step.step4 h2 span {
  background: #fff url(https://www.cybertrust.co.jp/sureserver/img/img-process-05.png) no-repeat 50% 100%;
}

.sec-process-step h2:before {
  content: "";
  position: absolute;
  top: 49%;
  right: 0;
  left: 0;
  border-top: 1px solid #ca5d6d;
}

.sec-process-step-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.sec-process-step-txt {
  width: 65%;
}

.sec-process-step-wrap-noimg .sec-process-step-txt {
  width: 100%;
  text-align: center;
}

.sec-process-step-txt ul {
  margin: 2em 0;
}

.sec-process-step-txt ul:last-child {
  margin-bottom: 0;
}

.sec-process-step-txt li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sec-process-step-txt li:last-child {
  margin: 0;
}

.sec-process-step-txt a {
  display: inline-block;
  padding: 20px 20px 20px 55px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  background: #2b6ab8 url(https://www.cybertrust.co.jp/sureserver/img/icon-arrow-08.png) no-repeat 20px 50%;
  background-size: 24px;
}

.sec-process-step-img {
  width: 30.61224489795918%;
  margin: 0;
}

.sec-process-issued h2 {
  position: relative;
  color: #ca5d6d;
  font-size: 30px;
  text-align: center;
}

.sec-process-issued h2:before {
  content: "";
  position: absolute;
  top: 49%;
  right: 0;
  left: 0;
  border-top: 1px solid #ca5d6d;
}

.sec-process-issued h2 span {
  display: inline-block;
  position: relative;
  padding: 0 25px;
  background: #f7f7f7;
}

.sec-process-issued ul + p {
  padding: 45px 0 0;
  background: url(https://www.cybertrust.co.jp/sureserver/img/img-process-09.png) no-repeat 50% 0;
}

@media screen and (max-width: 811px) {
  .order-process {
    padding: 30px 0 0;
  }

  .order-process__title {
    margin: 0 15px -15px;
    font-size: 24px;
  }

  .sec-process-first h2 {
    font-size: 20px;
  }

  .sec-process-first h2 span {
    padding: 0 15px;
    font-size: 20px;
  }

  .sec-process-first li {
    float: none;
    width: auto;
    text-align: center;
  }

  .sec-process-step h2 {
    font-size: 20px;
  }
  
  .sec-process-step h2:before {
    top: 60px;
  }

  .sec-process-step h2 span {
    padding: 0 15px 55px;
    color: #818c94;
    font-size: 16px;
    background-size: 50px auto !important;
  }

  .sec-process-step-wrap {
    display: block;
  }

  .sec-process-step-txt {
    width: auto;
  }

  .sec-process-step-txt ul:last-child {
    margin: 1em 0;
  }

  .sec-process-step-txt li {
    display: block;
    margin: 0 0 10px;
    text-align: left;
  }

  .sec-process-step-txt a {
    display: block;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
    background-position: 15px 50%;
    background-size: 20px;
  }

  .sec-process-step-img {
    width: auto;
    margin: 0;
  }

  .sec-process-issued h2 {
    font-size: 20px;
  }

  .sec-process-issued h2 span {
    padding: 0 15px;
    font-size: 20px;
  }

  .sec-process-issued ul + p {
    padding: 35px 0 0;
    background-size: 50px auto;
  }
}


@media screen and (max-width: 600px) {
 .spsize{width:80%;}

}


/* Animation Gradation */

.animation-ttl {
  min-height:320px;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 3px rgba(16, 16, 16, .5);
  background: linear-gradient(45deg,#002060, #23a6d5);
  background-size: 400% 400%;

  -webkit-animation: animation-ttl 15s ease infinite;
  -moz-animation: animation-ttl 15s ease infinite;
  animation: animation-ttl 15s ease infinite;
}

@-webkit-keyframes animation-ttl {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes animation-ttl {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes animation-ttl {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


.overflow-hidden { overflow: hidden; }


.plusminus a[aria-expanded="false"]:before {
  float:left;
  font-family: FontAwesome;
  content: "\f196";
  margin-right:0.5rem;

}

.plusminus a[aria-expanded="true"]:before {
  float:left;
  font-family: FontAwesome;
  content: "\f147";
  margin-right:0.5rem;

}




dl.powerbox {border: 2px solid #689F38; padding:1em;}
dl.powerbox dt{border-bottom: 1px solid #689F38;}
dl.powerbox dd{padding-top:0.5em;}

/*
----------------------------------------------------------- */
/* 追加
----------------------------------------------------------- */
.table-responsive th {
white-space: nowrap;
}

.mvh-contact {
  background: #ccc url(/zabbix/img/mvh-contact-bg.jpg) no-repeat top center !important;
  background-size: cover !important;
}
.mvh-hook {
  background: linear-gradient(#2E7D32, #8BC34A);
  background: -ms-linear-gradient(top, #2E7D32, #8BC34A);
}
.mvh-hook-textarea {
  padding: 2em;
  color: #fff;
}
.mvh_navbar {
  border-color: rgb(85, 139, 47);
  background-color: #008837 !important;
  box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 20%);
}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:1.5rem;}
.mvh_navbar #mvh-link {
  color: #FFF;
}
.mvh_navbar #mvh-link:hover {opacity: 0.5 ; background-color: #000;}
.mvh_navbar .show>#mvh-link {color: #02953D;}
.mvh_navbar #mvh-link.active {color: #3E2723;}

.mvh-navbar .navbar-nav .nav-link.active {color: #3E2723;}

.nav-item .fa {
  margin-right: 0.5rem;
}

.mvh_navbar li {
  border-left: 1px solid #2EAF62;
  border-right: 1px solid #2EAF62;
}
.mvh_navbar li+ li {
  border-left: 0;
  border-right: 1px solid #2EAF62;
}
@media (min-width: 992px) {
}
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 575px){
}
.mvh-card{
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(15, 75, 55, 0.2) 0px 7px 29px 0px;
  padding: 20px 15px;
}
@media only screen and (max-width: 768px){
  .mvh-card{
    margin: 0px 20px;
  }
}
@media only screen and (max-width: 575px){
  .mvh-card{
    margin: 0px 10px;
  }
}
.mvh__feature {
  padding: 3em 0;
  background-color: #008837;
  box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 20%);
}
.card-layout {
  list-style: none;
  padding: 0;
}
.card-layout>* {
  width: 23%;
  margin: 24px 0 0 auto;
}
.card-layout>:nth-child(4n+1) {
  margin-left: 0px;
}


@media only screen and (max-width: 768px){
  .card-layout>* {
    width: 45%;
    margin: 8px auto;
  }
  .card-layout>:nth-child(4n+1) {
    margin-left: auto;
  }
  
}

@media only screen and (max-width: 575px){
  .card-layout>* {
    width: 88%;
  }
}

.mvh-case {
  background: url(https://www.cybertrust.co.jp/zabbix/vul-hammer/img/mvh-case01-bg.jpg) top 45% center / cover no-repeat;
}
.mvh-case-imagearea {
  min-height: 240px;
  background: url(https://www.cybertrust.co.jp/case/img/smde_logo.png) no-repeat;
  background-size: contain;
  background-position-x: 50%;
  background-color: #FFF;
  box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 20%);
}
.mvh-case-textarea {
  color: #FFF;
  text-shadow: 0px 0px 18px #000;
}
.mvh-case-textarea a:hover {
  opacity: 0.8;
}
.mvh-checksheet-block {
  background: linear-gradient(#3E4265, #22253c);
}
.mvh-EM-block {
  background: #008837;
  padding: 3em 0;
}
.mvh-EM-block tbody >* {
  background: #E0F1E7;
}
.point-box {
    display: flex;
    padding: 8px 16px;
    width: 100px;
    height: 80%;
    max-width: 100%;
    min-height: 80px;
    color: #FFF;
    background-color: #008837;
    border-radius: 10px;
    box-shadow: rgba(4, 85, 58, 0.8) 0px 4px 18px 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: 0.16em;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 768px){
  .point-box {
    font-size: 1.3em;
  }
  #strength  h3 {
    font-size: 1.5em;
  }
}
.steps-title {
  width: 80%;
  margin: 0 .5em 1em 0em;
  background: #008837;
  text-decoration: none;
  color: #444;
  position: relative;
  height: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  font-weight: bold;
}
.form-explain {
  min-height: 5em;
}
.steps-title::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #008837;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.steps-title:hover {
  opacity: 0.8;
}

@media print, screen and (max-width: 768px) {
  .steps-title {
    width: 80%;
    margin: 0 auto 30px;
    background: #008837;
    text-decoration: none;
    color: #444;
    position: relative;
    height: auto;
    text-align: center;
    padding: 10px;
  }
  .steps-title::after {
    content: "";
    display: block;
    border-top: 20px solid #008837 !important;
    border-right: 38vw solid transparent !important;
    border-left: 38vw solid transparent !important;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px !important;
    top: auto !important;
    left: 50%;
    margin-top: 0 !important;
    margin-left: -38vw;
  }
}
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
.col-15{
  width: 20%;
  flex: 0 0 20%;
}

.recommendation_list {
  padding: 40px 15px 0px;
  background-color: #FFF;
}

.recommendation_list figure {
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 0 auto 20px;
  border-radius: 100%;
  color: #FFF;
  font-size: 50px;
  text-align: center;
  background: #008837;
}

.green-box {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 8px 16px;
  min-width: 120px;
  max-width: 100%;
  color: #008837;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #008837;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 16px;
}

.mvh-price {
  padding: 3em 0;
  background-color: #FFF;
}

.mvh-price a>*:hover {
  opacity: 0.6;
}

/* table set */
.mvh-price table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  table-layout: auto;
  width: 100%;
}

.mvh-price table tr {
  background-color: #E0F1E7;
  padding: .35em;
  border-bottom: 2px solid #fff;
}

.mvh-price table th,
.mvh-price table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}

.mvh-price table th {
  font-size: .85em;
}

.mvh-price table thead tr {
  background-color: #FFF;
  color: #fff;
  text-align: center;
}

.mvh-price table thead tr span {
  position: relative;
  display: inline-block;
  background-color: #FFF;
  color: #008837;
  padding: 8px 16px;
  border: solid 2px #008837;
  white-space: nowrap;
}

.mvh-price table thead tr span::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.mvh-price table thead tr span::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #008837;
  z-index: 1;
}

.mvh-price table tbody th {
  background: #E0F1E7;
  text-align: center;
}

.mvh-price table tbody th span {
  background-color: #FFF;
  color: #008837;

}

.price {
  text-align: center;
  color: #008837;
  font-weight: bolder;

}

.price span {
  font-size: 12px;
}

.nomal-price {
  text-align: center;
  font-size: .9em;
  font-weight: bold;
}

.nomal-price span {
  font-size: 10px;
}

.non {
  background: #fff
}

@media screen and (max-width: 940px) {
  .mvh-price table {
      border: 0;
      width: 100%
  }

  .mvh-price table th {
      display: block;
      border-right: none;
  }

  .mvh-price table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }

  .mvh-price table tr {
      display: block;
      margin-bottom: .625em;
  }

  .mvh-price table td {
      border-bottom: 1px solid #FFF;
      display: block;
      font-size: .8em;
      text-align: right;
      position: relative;
      padding: .625em .625em .625em 4em;
      border-right: none;
  }

  .mvh-price table td::before {
      content: attr(data-label);
      font-weight: bold;
      position: absolute;
      left: 10px;
      color: #008837;
  }

  .mvh-price table td:last-child {
      border-bottom: 0;
  }

  .mvh-price table tbody th {
      color: #008837;
  }

  .price {
      font-size: .9em;
  }

}

/* table set */

.mvh-catalog {
  background: #058137;
  box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 20%);
}
.mvh-catalog-textarea {
  padding: 2em;
  color: #fff;
}

#mvh-sup a:hover {
  opacity: 0.7;
}
.mvh-estimate {
  background: #058137;
  box-shadow: inset 0px -50px 50px -50px rgb(0 0 0 / 20%);
}
.mvh-estimate-textarea {
  padding: 2em;
  color: #fff;
}
/*=====================================================
mvh modal window
======================================================*/
.works_item {
  position: relative;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(4, 85, 58, 0.8) 0px 4px 18px 0px;
  padding: 20px 15px;
  text-decoration: none;
}
.works_item h3 {
  margin-top: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  text-align: center;
  font-size: 1.2rem;
  color: #008837;
  line-height: 1.1;
  font-weight: 700;  
}
@media only screen and (max-width: 768px){
  .works_item h3{
    font-size: 0.9rem;
    margin-top: 5px;
  }
}

.works_modal_open {
  height: 100px;
  text-align: center;
}
.works_modal_content {
  text-align: center;
}
.works_image_mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(10, 138, 27, 0.356);
  border-radius: 10px;
  transition: all 0.6s ease;
}
.works_image:hover .works_image_mask {
  opacity: 0.9;
}

/* ------works_modal css------ */
.works_modal_wrapper {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: none;
  opacity: 0;
  z-index: -1;
}

.works_modal_window {
  width: 420px;
  /*max-width: 1000px;*/
  max-height: 180px;
  margin: auto;
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  border: solid 3px #008837;
  z-index: 1;
  overflow-y: hidden;
}

.works_modal_content {
  margin: 0 auto;
  width: 80%;
  height: 80%;
}

.works_modal_mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.works_modal_close {
  z-index: 300;
  position: absolute;
  top: 0;
  right: 10px;
  color: #808080;
  font-size: 1.5rem;
  cursor: pointer;
}

.works_modal_close:hover {
  color: #000;
  transition: all .5s;
}

html.is_open,
body.is_open {
  overflow: hidden;
}

.works_modal_wrapper.is_open {
  animation: works_modal_wrapper_open .5s ease forwards;
}

.works_modal_wrapper.is_open .works_modal_window {
  animation: works_modal_window_open .5s ease forwards;
}

.works_modal_wrapper.is_close {
  animation: works_modal_wrapper_close .5s ease forwards;
}

.works_modal_wrapper.is_close .works_modal_window {
  animation: works_modal_window_close .5s ease forwards;
}

@keyframes works_modal_wrapper_open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    z-index: 300;
  }
}

@keyframes works_modal_window_open {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes works_modal_wrapper_close {
  0% {
    z-index: 300;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes works_modal_window_close {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}