.fixed .serviceSubNav .serviceLogo{
	margin-top: .25rem;
}
.fixed .serviceSubNav .serviceLogo img{
	height: 48px;
}
.serviceDetailIntro h1{
  display: flex;
  /*gap: .5rem;*/
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.serviceDetailIntro h1 img{
	width: 340px;
}
@media only screen and (max-width:768px) {
	.serviceDetailIntro h1 img {
		width: 100%;
		min-width: 300px;
	}
}

.serviceDetailIntro.mini h1 img{
	height:84px;
}

.serviceDetailIntroInner .subheader{
	margin-bottom: 0;
}


@media only screen and (max-width:768px) {
.serviceDetailPoint header {
	margin-bottom:0;
	padding:4rem 0 0;
}
}
.serviceDetailPointInner {
	padding-bottom:3rem;
	border-bottom:#bbb 1px solid;
}
.serviceDetailPoint ul {
	margin-bottom:3rem;
	box-sizing:border-box;
}
.serviceDetailPoint li {
	box-sizing:border-box;
}
.serviceDetailPoint li h3 {
	padding:0 0 0 60px;
	min-height:3.6rem;
	font-size:1.16rem;
}
.serviceDetailPoint li:nth-child(1) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon01.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(2) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon02.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(3) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon03.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(4) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon04.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(5) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon05.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(6) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon06.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(7) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon07.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(8) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon08.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li:nth-child(9) h3 {
	background:url('/img/service/ips-waf/kogeki_point_icon09.png') no-repeat 0 0.2em;
}
.serviceDetailPoint li h3 span {
	font-size:0.8rem;
}
.serviceDetailPoint li p {
	min-height:12rem;
	padding-bottom:2rem;
	border-bottom:#bbb 1px solid;
}
 @media only screen and (max-width:768px) {
.serviceDetailPoint li p {
	min-height:inherit;
}
}
/*serviceDetailCompare*/
.serviceDetailCompare {
	padding-top:4rem;
}

	/*table ips-waf*/

	@media only screen and (max-width:769px) {
.tabelWrap {
	position:relative;
	overflow:scroll;
	width:100%;
	height:auto;
}
table.ips-waf {
	width:100%;
	border:0;
}
table.ips-waf {
	min-width:640px !important;
}
}
.ips-waf thead,  .ips-waf tbody,  .ips-waf tfoot {
	border:0;
}
tbody tr:nth-child(even) {
	background:inherit;
}
.ips-waf thead th,  .ips-waf thead td {
	border-right:#c3c7cc 1px solid;
	border-bottom:#c3c7cc 1px solid;
	color:#fff;
	text-align:center;
	background:#b5b5b5;
	box-sizing:border-box;
}
.ips-waf thead th:last-child,  .ips-waf thead td:last-child {
	border-right:0;
}
.ips-waf thead th.ips-waf {
	background:#953438;
}
.ips-waf tbody th,  .ips-waf tbody td {
	border-right:#c3c7cc 1px solid;
	border-bottom:#c3c7cc 1px solid;
	color:#333333;
	vertical-align:middle;
	box-sizing:border-box;
}
.ips-waf tbody th:last-child,  .ips-waf tbody td:last-child {
	border-right:0;
}
.ips-waf tbody th {
	color:#5f646c;
	font-size:0.9rem;
	background:#ece7e7;
}
.ips-waf tbody td ul {
	display:inline;
}
.ips-waf tbody td li {
	display:inline-block;
	padding-left:1rem;
	font-size:0.8rem;
}
.ips-waf tbody td li {
	display:block;
	padding-left:1rem;
	font-size:0.75rem;
}
.ips-waf tbody td li.good {
	background:url('/img/service/ips-waf/icon_good.png') no-repeat 0 0.375em;
}
.ips-waf tbody td li.ok {
	background:url('/img/service/ips-waf/icon_ok.png') no-repeat 0 0.375em;
}
.ips-waf tbody td li.nogood {
	background:url('/img/service/ips-waf/icon_nogood.png') no-repeat 0 0.375em;
}
.ips-waf tbody td li.bad {
	background:url('/img/service/ips-waf/icon_bad.png') no-repeat 0 0.375em;
}
table.ips-waf + p {
	padding-bottom:9rem;
	border-bottom:#bbb 1px solid;
	font-size:0.8rem;
	text-align:right;
}
/*serviceDetailSummary*/
.serviceDetailSummary {
	padding-top:6rem;
}
.serviceDetailSummary h4 {
	margin-bottom:3rem;
	padding:0.5rem 1rem;
	border:#999 1px solid;
	border-radius:3px;
	font-size:1.1rem;
}
.serviceDetailSummary .figure {
	display:block;
	margin-bottom:5rem;
}
.ServiceLead{margin-bottom:3rem;}
@media only screen and (max-width:769px) {
.serviceDetailSummary .figure img {
	width:100%;
	height:auto;
}
}
.serviceDetailSummaryCover {
	padding-bottom:3rem;
	border-bottom:#bbb 1px solid;
}
/*serviceDetailReport*/
.serviceDetailReport {
	padding-top:6rem;
}
.serviceDetailReport ul {
	background:url('/img/service/ips-waf/service_detail_report_figure.png') no-repeat right 87%;
}
@media only screen and (max-width:769px) {
.serviceDetailReport ul {
	background:none;
}
}
.serviceDetailReport li {
	position:relative;
	margin-bottom:3rem;
}
.serviceDetailReport h4 {
	min-height:4rem;
	padding-left:3.6rem;
	font-size:1.1rem;
}
.serviceDetailReport li:nth-child(1) h4 {
	background:url('/img/service/ips-waf/service_detail_report_icon01.png') no-repeat 0 0.3em;
}
.serviceDetailReport li:nth-child(2) h4 {
	background:url('/img/service/ips-waf/service_detail_report_icon02.png') no-repeat 0 0.3em;
}
.serviceDetailReport li:nth-child(3) h4 {
	background:url('/img/service/ips-waf/service_detail_report_icon03.png') no-repeat 0 0.3em;
}
.serviceDetailReport li:nth-child(4) h4 {
	background:url('/img/service/ips-waf/service_detail_report_icon04.png') no-repeat 0 0.3em;
}
.serviceDetailReport li:nth-child(5) h4 {
	background:url('/img/service/ips-waf/service_detail_report_icon05.png') no-repeat 0 0.3em;
}
.serviceDetailReport p {
	min-height:6rem;
	padding-bottom:2rem;
	border-bottom:#bbb 1px solid;
}
.serviceDetailReport li:nth-child(1) p:after {
	content:'1';
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	color:#f2b5af;
	font-size:3rem;
}
.serviceDetailReport li:nth-child(2) p:after {
	content:'2';
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	color:#f2b5af;
	font-size:3rem;
}
.serviceDetailReport li:nth-child(3) p:after {
	content:'3';
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	color:#f2b5af;
	font-size:3rem;
}
.serviceDetailReport li:nth-child(4) p:after {
	content:'4';
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	color:#f2b5af;
	font-size:3rem;
}
.serviceDetailReport li:nth-child(5) p:after {
	content:'5';
	position:absolute;
	bottom:-0.5rem;
	right:1rem;
	color:#f2b5af;
	font-size:3rem;
}
/*serviceDetailSpec*/
.serviceDetailSpec {
}
.serviceDetailSpec .figure {
	display:block;
	margin-bottom:4rem;
}
.serviceDetailSpec .button {
}
.serviceDetailSpecInner {
	margin-top:3rem;
	margin-bottom:3rem;
	padding:1rem 0 0;
	border-top:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
}
.serviceDetailSpecInner dl {
	border-bottom:#bbb 1px solid;
}
.serviceDetailSpecInner dl:nth-child(3) {
	border-bottom:0;
}
.serviceDetailSpecInner dt, .serviceDetailSpecInner li {
	font-size:0.75rem;
	font-weight:400;
}
/*serviceDetailUse*/
.serviceDetailUse li figure {
	display:block;
	margin:0;
	padding:0;
}
.serviceDetailUse li img {
	width:100%;
	height:auto;
}
.serviceDetailUse ul {
	margin-bottom:1rem;
}
.serviceDetailUse ul + p {
	margin-bottom:5rem;
}
@media only screen and (max-width:769px) {
.serviceDetailUse li {
	margin-bottom:1rem;
}
.serviceDetailUse li:nth-child(3) {
	clear:both;
}
}
/*serviceDetailPrice*/
.serviceDetailPrice {
}
.serviceDetailPrice ul {
	margin-bottom:1rem;
}
.serviceDetailPrice ul + p {
	margin-bottom:5rem;
}
.serviceDetailPrice dl {
	display:block;
	margin: 0 2rem 1rem;
	padding:1rem 4rem;
	border:#bbb 2px solid;
}
.serviceDetailPrice dt {
	display:inline-block;
	margin-right:1.5rem;
	font-weight:400;
}
.serviceDetailPrice dd {
	display:inline-block;
}
.serviceDetailPrice dd span {
	font-size:1.5rem;
	font-weight:600;
}
@media only screen and (max-width:769px) {
.serviceDetailPrice dl {
	margin: 0 0 1rem;
	padding:1rem;
}
}
.serviceDetailPrice .button {
}
/*serviceDetailPayment*/
.serviceDetailPayment {
	padding-top:4rem;
	padding-bottom:4rem;
}
.serviceDetailPayment h3 {
	margin-bottom:1.5rem;
	padding:0.5rem 1rem;
	border:#999 1px solid;
	border-radius:3px;
	font-size:1.1rem;
}
.serviceDetailPayment h4 {
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	border-radius:3px;
	font-size:1.0rem;
	background:#ece7e7;
}
.serviceDetailPayment .figure {
	display:block;
	margin-bottom:1rem;
}
.serviceDetailPayment ul {
}
.serviceDetailPayment li {
	display:block;
	padding-left:1.0rem;
}
.serviceDetailPayment li:before {
	content:'●';
	position:relative;
	left:-0.75rem;
	margin-right:-0.5rem;
	color:#999;
}
/*serviceDetailFlow*/
.serviceDetailFlow {
	padding-bottom:4rem;
}
.serviceDetailFlow ul {
	margin-bottom:3rem;
}
.serviceDetailFlow dl {
	line-height:1.2;
}
@media screen and (min-width: 64em) {
.serviceDetailFlow dl {
	margin:-8%;
}
}
.serviceDetailFlow dt {
	margin-bottom:0;
	padding:0.75rem 0;
	background:#f7d9d5;
	border-radius:3px 3px 0 0;
	font-weight:normal;
}
.serviceDetailFlow li:nth-child(2) dt,  .serviceDetailFlow li:nth-child(4) dt {
	background:#c7d1db;
}
.serviceDetailFlow dd {
	min-height:3.5rem;
	border-radius:0 0 3px 3px;
	border-left:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
	border-right:#bbb 1px solid;
	padding:0.75rem 0.4rem;
	font-size:0.8rem;
}
.serviceDetailFlow ul + p {
	margin-bottom:3rem;
}
.serviceDetailFlow .button {
}
/*serviceDetailInformation*/
.serviceDetailInformation {
	padding-top:3rem;
	padding-bottom:4rem;
}
.serviceDetailInformation h3 {
	font-size:1.2rem;
}
.serviceDetailInformation dl {
	margin:0;
	padding:0.6rem 0 0.4rem;
	border-bottom:#bbb 1px solid;
}
.serviceDetailInformation dt {
	font-weight:400;
}
.serviceDetailInformation figure {
	display:block;
	margin:0;
	padding:0;
}
.serviceDetailInformation figure img {
	width:100%;
	height:auto;
}