/*.mobile{
    display: none !important;
}*/
@media(max-width:440px){
	.desktop{
		display: none !important;
	}
}
@media(min-width:440px){
	.mobile{
		display: none !important;
	}
}
span.newMark{
    display: block;
    width: 30px;
    height: 12px;
    background: url("../images/icon_new.svg") no-repeat;
    background-size: 30px;
    position: absolute;
    left: 0;
    top: -15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
h3 span.newMark{
	top:-7px !important;
}
div.headerWrapper{
    width: 100%;
    background-color: var(--blue-color);
    background-color: #efefef;
    border-top: 50px solid transparent;
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
    position: fixed;
    top: 0;
    height: 130px;
    z-index: 100;
}
@media(max-width:440px){
	div.headerWrapper{
		height: 60px;
	}
}
ul.contact{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    align-items: center;
    top: -40px;
    width: calc(100% - 40px);
    max-width: 1100px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 1.4rem;
    gap: 20px;
}
ul.contact a{
    height: 30px;
	width:120px;
	display: inline-block;
    box-sizing: border-box;
    border:2px solid #fff;
    border-radius: 4px;
    color:#fff;
    line-height: 26px;
    padding:0 15px;
	text-align: center;
}
@media(max-width:440px){
	ul.contact{
		gap:10px;
		justify-content: center;
		font-size:min(1.4rem,3.4vw);
	}
	ul.contact a{
		flex:1;
		width:100%;
		padding:0 10px;
	}
}
ul.contact a:hover{
	background:var(--blue-color);
}
ul.contact li:last-child a:hover{
	background:var(--green-color) !important;
	color:#000;
}
div.header{
    max-width:1400px;
    height: 80px;
    margin:auto;
    position: relative;
}
@media(max-width:440px){
	div.header{
		height: 60px;
	}
}
div.header p.logo_scsk,
div.header p.logo_sysdig{
    position: absolute;
    margin:auto;
    top:0;
    bottom:0;
    width:120px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
@media(max-width:440px){
	div.header p.logo_scsk,
	div.header p.logo_sysdig{
		height: 60px;
	}
	div.header p.logo_scsk a{
		height:20px;
	}
}
div.header p.logo_scsk{
    right:0;
}
@media(max-width:1200px){
	div.header p.logo_scsk{
		right:60px;
	}
}
div.header p.logo_scsk::after{
    content: "";
    width: 5000px;
    height: 80px;
    background: var(--blue-color);
    position: absolute;
    z-index: -1;
    top: 0;
    left: -25px;
    transform: skewX(-30deg);
}
div.header p.logo_sysdig::after{
    content: "";
    width: 5000px;
    height: 80px;
    background: var(--green-color);
    position: absolute;
    z-index: -1;
    top: 0;
    right: -25px;
    transform: skewX(-30deg);
}
div.header p.logo_sysdig{
    left:0;
}
div.header p.logo_scsk img{
    height: 20px;
}
div.header p.logo_sysdig img{
    height: 27px;
}
@media(max-width:440px){
	div.header p.logo_sysdig::after,
	div.header p.logo_scsk::after{
		height: 60px;
	}
}

ul.nav{
	margin:auto;width:75%;
	max-width:calc(1400px - calc(120px * 2));
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}
@media(max-width:1200px){
	ul.nav{
		display: none;
		position: fixed;
		top: 129px;
		width: 100%;
		height: auto;
		background: #fff !important;
	}
	ul.nav.active{
		display: block;
		z-index: 1;
	}
}
@media(max-width:440px){
	ul.nav{
		top: 110px;
	}
}

ul.nav li {
	position: relative;
}
@media(max-width:1200px){
	ul.nav li{
		width:100%;
		height: 45px;
		border-bottom:1px solid var(--blue-color);
		line-height: 45px;
		display: flex;
		align-items: center;
		text-indent: 20px;
		background:url("../images/arrow_blue.svg") right 20px center no-repeat;
		background-size:10px;
	}
	ul.nav li a{
		display: flex;
		color:var(--blue-color) !important;
	}
	ul.nav li a::after{
		display: none;
	}
}
ul.nav > li > a:not(.sub){
	color:#000;
}
ul.nav li.parent {
	position: relative;
}
ul.nav li.parent.new::after{
	content: "NEW";
	position: absolute;
	background-image:url("../images/icon_new.svg");
	background-repeat:no-repeat;
	width:53px;
	height: 21px;
	background-size:53px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	top:-10.5px;
	right:-15px;

}
ul.nav li > a:not(.sub){
	color:#000;
	line-height: 80px;
	position: relative;
	display: block;
}
ul.nav a.devsquare{
	line-height: 1.3em !important;
	text-align: center !important;
	padding-top:calc(1.23em - 1px);
	padding-bottom:calc(1.27em - 1px);
}
ul.nav > li > a:not(.sub)::after{
    content: "";
    width: 0%;
    height: 2.5px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 8px;
    background: linear-gradient(to left, #BDF78B, #1A2792);
    transition: width 0.2s;
}
ul.nav > li > a:not(.sub):hover::after,
ul.nav > li.active a:not(.sub)::after{
	content: "";
	width:100%;
	transition: width 0.2s;
}
div.childWrapper{
	position: fixed;
	top:129px;
	width:100vw;
	background:linear-gradient(to right, #BDF78B, #1A2792);
	left:0;
	display: none;
	z-index: 200;
}
ul.nav > li:hover div.childWrapper{
	display: block;
}
div.child{
	max-width: 1400px;
	width:100%;
	margin:25px auto;
	display: flex;
	gap:25px;
	align-items: center;
}
@media(max-width:1200px){
	div.child{
		display: none;
	}
}
/*humberger*/
.openbtn1 {
  position: absolute;
  z-index: 9999;
  top: 10px;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  margin:auto;
  width: 50px;
  height: 50px;
  background: var(--blue-color);
  text-align: center;
  display: none;
}
@media(max-width:1200px){
	.openbtn1{
		display: block;
	}
	.openbtn1 span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		background: #fff;
		width: 45%;
	  }

	.openbtn1 span:nth-of-type(1) {
		top:15px;	
	}

	.openbtn1 span:nth-of-type(2) {
		top:23px;
	}

	.openbtn1 span:nth-of-type(3) {
		top:31px;
	}
	.openbtn1.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	.openbtn1.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn1.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
}
/*end of humberger*/
div.child h2{
	width:250px;
	text-align: center;
	background-image:url("../images/logo_openshift.svg");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:2.4rem;
	font-weight: bold;
	height: 100%;
	color:#fff;
}
ul.sitemap{
	width:calc(100% - 250px - 25px);
	border-left: 1px solid #fff;
	display: flex;
	justify-content: flex-start;
	gap:25px;
	flex-wrap: wrap;
	padding-left:25px;
}
ul.sitemap > div:not(.sub){
    display: block;
    width: calc((100% - 50px) / 3);
    background-color: #F5F5F5;
    box-sizing: border-box;
    padding: 15px;
    color: #333;
    border-radius: 6px;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.4);
}
div.sub{
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid var(--blue-color);
    border-radius: 6px;
    width: 100%;
}
div.sub > p{
	background:url("../images/arrow_blue.svg") right 10px center no-repeat;
	background-size:10px;
	cursor: pointer;
	width:100%;
	height: 1.5em;
	margin:auto;
}
div.sub a{
	color:var(--blue-color);
}
div.sub > p:hover,
div.sub > p:hover a{
	text-decoration: underline;
	color:var(--blue-color) !important;
}
ul.sitemap div.new{
	background-image:
		url("../images/arrow_sitemap.svg"),
		url("../images/icon_new.svg");
	background-position:
		right 15px bottom 15px,
		right 15px top 15px;
	background-repeat:no-repeat;
	background-size:
		20px,
		50px;
}
ul.sitemap div > li.new{
	background-image:url("../images/icon_new.svg");
	background-position:right 0 top 0px;
	background-repeat:no-repeat;
	background-size:53px;
}
ul.sitemap div:not(.sub):hover{
/*	background-color:#fff;
	background-image:url("../images/arrow_blue.svg");*/
}

ul.sitemap div.new:hover{
	background-color:#fff;
	background-image:
		url("../images/arrow_sitemap_on.svg"),
		url("../images/icon_new.svg");
}
ul.sitemap h3{
	font-size:1.8rem;
	color:var(--blue-color);
	font-weight: bold;
	border-bottom:1px solid var(--blue-color);
	margin-bottom:5px;
	padding-bottom: 5px;
    background-image: url("../images/arrow_green.svg");
    background-position: right 15px top 5px;
    background-repeat: no-repeat;
    background-size: 15px;
	position: relative;
}
ul.sitemap h3.new{
    background-image: 
		url("../images/arrow_green.svg"),
		url("../images/icon_new.svg");
    background-position: 
		right 15px top 5px,
		right 45px top 5px;
    background-size: 
		15px,
		45px;
}
ul.sitemap h3 a{
	color:var(--blue-color);
	width:100%;
	height: 100%;
	display: block;
}
ul.sitemap h3:hover{
    /*background-image: 
		url("../images/arrow_blue.svg"),
		url("../images/icon_new.svg");*/
    background-image: 
		url("../images/arrow_blue.svg");
}
ul.sitemap h3:hover a{
	text-decoration: underline;
	background:none !important;
}
ul.sitemap p{
    font-size: 1.4rem;
}
div.mainVisualWrapper{
    width: 100%;
    height: max(50vh,700px);
    margin-top: 180px;
    position: relative;
    overflow: hidden;
	background:#000;
}
@media(max-width:440px){
	div.mainVisualWrapper{
		margin-top:160px !important;
		height: calc(100vh - 160px);
	}
}
div.mainVisualWrapper video{
    width: 100%; 
	height: 100%;
    aspect-ratio:1920/1080;
    object-fit: cover; 
    z-index: 0; 
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
div.mainvisual{
    width: 97%;
    max-width: 1400px;
    box-sizing: border-box;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    height: 100%;
}
@media(max-width:440px){
	div.mainvisual{
		flex-direction: column;
		justify-content: center;
	}
}
div.mainvisual div.left,
div.mainvisual div.right{
    width:50%;
    box-sizing: border-box;
}
@media(max-width:1200px){
	div.mainvisual div.right{
		width:70%;
	}
	div.mainvisual div.left{
		display: none;
	}
}
@media(max-width:440px){
	div.mainvisual div.right{
		width:100%;
	}
	div.mainvisual div.left{
		display: none;
	}
}
div.mainvisual div.right {
    border-radius: 12px;
    padding:25px;
	height: 50%;
	background-color:rgba(0,0,0,0.9);
	background-image:url("../images/arrow_green.svg");
	background-repeat: no-repeat;
	background-position: right 30px bottom 30px;
	background-size:30px;
	z-index: 1;
}
@media(max-width:1200px){
	div.mainvisual div.right{
		height: 70%;
		margin:auto;
	}
}
@media(max-width:440px){
	div.mainvisual div.right{
		height: 80%;
	}
}
div.contents{
	width:calc(100% - 100px);
	margin:0 10px 100px 90px;
	box-sizing: border-box;
}
@media(max-width:767px){
	div.contents{
		width:calc(100%);
		margin:0 0 10px;
		box-sizing: border-box;
	}
}
p.cspm{
    font-size:3.6rem;
    font-weight: bold;
    color:var(--green-color);
    margin-bottom:80px;
}
div.caseWrapper{
	width:100%;
	height: 100%;
}
div.case {
	width:100%;
	height: 100% !important;
	background:url("../images/casestudy.svg") right 10px top 10px no-repeat;
	background-size:100px;
	color:#fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:25px;
	align-items: center;
}
@media(max-width:440px){
	div.case{
		background:url("../images/casestudy.svg") right 5px top 5px no-repeat;
		background-size:50px;
	}
}
div.case h3{
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom:3px solid transparent ;
	border-image:linear-gradient(to right, #BDF78B, #1A2792) 1;
	margin-bottom:40px;
}
@media(max-width:440px){
	div.case h3{
		font-size:1.8rem;
		margin-bottom:20px;
	}
}
div.case div{
	display: flex;
	gap:25px;
}
@media(max-width:440px){
	div.case div{
		flex-direction: column;
	}
}
div.case div img{
    aspect-ratio: 1/1;
    object-fit: cover;
    padding: 1px;
	max-width:216px;
	width:34.56%;
}
@media(max-width:440px){
	div.case div img{
		width: 40%;
		aspect-ratio: 1/1;
		object-fit: cover;
		padding: 1px;
	}
}
div.tickerWrapper{
    width:100%;
    height: 50px;
    /*background-image: linear-gradient(to right, #BDF78B, #1A2792);*/
    background:#333;
}
@media(max-width:440px){
	div.tickerWrapper{
		display: none;
	}
}
div.ticker{
	width:calc(100% - 20px);
	margin:auto;
	max-width:1400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.tickerContents{
    width: 70%;
    overflow: hidden;
    height: 30px;
    font-size: 1.4rem;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 60px;
    color: #ccc;
    margin-top: 10px;
	position: relative;
/*    display: flex;
	flex-direction: column;
	gap:50px;*/
}
div.tickerContents p{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #fff;
    width: calc(100%) !important;
    word-break: keep-all;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}
div.tickerContents p a{
	color:#fff;
}
div.tickerContents p a:hover{
	color:var(--green-color);
}
div.tickerContents::before{
	content: "更新情報 ：";
	color:#ccc;
	display: block;
	width:80px;
	position: absolute;
	left:0;
}
h2.general {
    font-size:3.4rem;
    font-weight: bold;
    width:calc(100% - 50px);
    max-width:1100px;
    margin:auto;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
}
div.blkWrapper{
	background:#333;
}
div.grayWrapper{
	background:#ccc;
	background:#eee;
}
div.grayWrapper.sysdig_monitor{
	background:url("../images/h1_AdobeStock_970541313.webp") no-repeat;
	background-size:cover;
}
div.grayWrapper.sysdig_secure{
	background:url("../images/h1_AdobeStock_885214978.webp") no-repeat;
	background-size:cover;
}
div.grayWrapper.sysdig_sage{
	background:url("../images/h1_AdobeStock_876124851.webp") no-repeat;
	background-size:cover;
}
div.grayWrapper.sysdig_cspm{
	background:url("../images/h1_AdobeStock_974763907.webp") no-repeat;
	background-size:cover;
}
div.footerWrapper{
	background:#000;
    border-top: 5px solid transparent;
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
}
div.scskWrapper{
	background:linear-gradient(to right, #BDF78B, #1A2792);
}
div.gray,
div.blk,
div.scsk,
div.footer{
	width:100%;
	max-width:1400px;
	box-sizing: border-box;
	padding:50px 25px;
	margin:auto;
}
div.blk h2{
	font-size:6rem;
	color:#fff;
	text-align: center;
	font-weight: bold;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
}
@media(max-width:440px){
	div.blk h2{
		font-size:3rem;
	}
}
h2.serif{
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
div.blk h2.small{
	font-size:3.2rem;
	padding-bottom:15px;
}
@media(max-width:425px){
	div.blk h2.small{
		font-size:rem;
	}
}
div.gray h2{
	font-size:6rem;
	color:#000;
	text-align: center;
	font-weight: bold;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to left, #BDF78B, #1A2792) 1;
}
@media(max-width:440px){
	div.gray h2{
		font-size:3rem;
	}
}
div.scsk h2{
	font-size:6rem;
	color:#fff;
	text-align: center;
	font-weight: bold;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to left, #BDF78B, #1A2792) 1;
}
@media(max-width:440px){
	div.scsk h2{
		font-size:3rem;
	}
}
div.cnapp{
	color:#fff;
}
div.cnapp.sm{
    display: flex;
    margin:50px auto 100px;
    gap:25px;
    justify-content: space-between;
}
div.cnapp.sm ul{
    width: calc((100% - 25px) * 0.38);
    padding-top: 0;
    margin: unset;
}
@media(max-width:440px){
	div.cnapp.sm ul{
		width: 100%;
	}
}
div.cnapp.sm div.smvideo{
    width: calc((100% - 25px) * 0.62);
}
@media(max-width:440px){
	div.cnapp.sm div.smvideo{
		width: 100%;
	}
}
div.cnapp.sm div.smvideo video{
    width:100%;
}
div.cnapp h3{
	font-size:2.4rem;
	text-align: center;
	color:#fff;
	margin:50px auto;
}
@media(max-width:440px){
	div.cnapp h3{
		font-size:2.0rem;
	}
}
div.cnapp h3.left{
	text-align: left;
}
div.cnapp p{
	text-align: center;
	margin-bottom:25px;
}
div.cnapp p.cnapp_strong{
	text-align: center;
	margin-bottom:25px;
    font-size:2.4rem;
    color:var(--green-color);
    font-weight: bold;
}
div.cnapp ul{
	box-sizing: border-box;
	width:100%;
	max-width:920px;
	padding:25px;
	font-size:2rem;
	margin:auto;
	color:#000;

}
div.cnapp ul li{
	margin-bottom:1em;
	background:url("../images/check_blk.svg") left 15px center no-repeat;
	background-size:20px;
	padding:15px 45px;
	background-color:var(--green-color);
}
div.link{
	text-align: center;
}
a.link{
	display:inline-block;
	padding:0 50px;
	line-height: 40px;
	margin:50px auto 100px;
	color:#fff;
	text-align: center;
	border-radius: 40px;
	background-color:var(--blue-color);
	background-size:15px;
	background-position: right 15px center;
	background-repeat: no-repeat;
	border:4px solid #fff;
	background-image:url("../images/link_white.svg");
}
a.link:hover{
	background-color:var(--green-color);
	color:#000;
	background-image:url("../images/link_blk.svg");
}
.gsc-control-cse {
	padding:0 !important;
}
.gsc-input-box {
    border: none!important;
    background:none !important;
}
td#gs_tti50,
div#___gcse_1{
    border: 2px solid var(--blue-color);
    padding: 5px;
    border-radius: 20px !important;
}
.cse .gsc-search-button-v2,
.gsc-search-button-v2{
    padding: 10px !important;
    border: none !important;
    /*border-color: none !important;
    background-color: none !important;*/
    background-image: none !important;
    background: none !important;
    position: absolute;
    right: 10px;
    bottom: 0;
}
.under_3col_side .gsc-search-button-v2{
    right: 18px;
}
#___gcse_1 .gsc-search-button-v2{
    bottom: -12px;
}
.gsc-search-button-v2 svg {
    fill: var(--blue-color)!important;
    width: 18px;
    height: 18px;
}
td.gsc-search-button{
    position: relative;
    width: 0;
}
.slabel {
    padding-left: 20px;
    margin-bottom: 10px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right: 0;
}

a.gsst_a{
	display: none !important;
}

div.blogWrapper,
div.solutionWrapper{
    width: calc(100% - 100px);
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 75px;
}
@media(max-width:440px){
	div.blogWrapper,
	div.solutionWrapper{
		width:100%;
	}
}
div.blogWrapper div.blog{
	display: block;
	width:calc(33% - 10px);
	margin:0 10px;
}
/*@media(max-width:440px){
	div.blogWrapper div.blog{
		width:100% !important;
	}
}*/
div.blogWrapper div.blog img{
	width:100%;
	height: auto;
	aspect-ratio:36/20;
	object-fit: cover;
}
div.blog p.date{
	margin-top:1em;
	font-size:1.4rem;
	margin-bottom:1em;
}
div.blogWrapper div.blog img:hover{
	opacity: 0.75;
}
button.slick-arrow {
    text-indent: -9999px;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 42%;
    z-index: 1;
    border: none;
    cursor: pointer;
}
button.slick-prev {
	background: url("../images/slick_prev.svg") no-repeat;
	background-size: 40px;
	left: 0;
}
button.slick-prev:hover {
}
button.slick-next {
    background: url("../images/slick_next.svg") no-repeat;
    background-size: 40px;
    right: 0px;
}
button.slick-next:hover {
}
div.caseWrapper button.slick-arrow{
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
	background-size: 30px;
}
div.caseWrapper button.slick-prev {
	background: url("../images/slick_prev_green.svg") no-repeat;
	left: -60px;
}
div.caseWrapper button.slick-prev:hover {
}
div.caseWrapper button.slick-next {
	background: url("../images/slick_next_green.svg") no-repeat;
	right: -60px;
}
div.caseWrapper button.slick-next:hover {
}
ul.news{
	margin:75px auto 0;
	width:calc(100% - 20px);
	max-width: 1100px;
	border-top:0.5px solid #ccc;
	color:#fff;
}
ul.news li{
	padding:15px 0;
	border-bottom:0.5px solid #ccc;
	display: flex;
	justify-content: flex-start;
	gap:20px;
}
@media(max-width:440px){
	ul.news li{
		flex-direction: column;
		gap:0.5em;
	}
}
ul.news li span.date{
	font-size:1.2rem;
	width:80px;
	display: block;
}
ul.news li span.category{
	font-size:1.2rem;
	width:120px;
	display: block;
}
ul.news li span.category::before{
	content: "【"
}
ul.news li span.category::after{
	content: "】"
}
ul.news li a{
	display: block;
	width:calc(100% - 260px);
	color:#fff;
}
@media(max-width:440px){
	ul.news li a{
		width:100%;
	}
}
ul.news li a:hover{
	color:var(--green-color);
}
div.movie{
	aspect-ratio:560/315;
	width:100%;
	box-sizing: border-box;
	padding:50px;
}
@media(max-width:440px){
	div.movie{
		padding:20px;
	}
}
div.movie iframe{
	border-radius: 12px;
}
dl.whysysdig{
	width:calc(100% - 20px);
	max-width:1100px;
	margin:50px auto;
	border:3px solid var(--green-color);
	border-radius: 12px;
	display: flex;
	align-items: center;
}
@media(max-width:440px){
	dl.whysysdig{
		flex-direction: column;
	}
}
dl.whysysdig dt{
	width:120px;
	height: 120px;
	font-size:6rem;
	text-align: center;
	line-height: 120px;
	background:var(--green-color);
	color:#000;
	font-style: italic;
	font-weight: bold;;
}
@media(max-width:440px){
	dl.whysysdig dt{
		width:100%;
		font-size:3em;
		line-height: 1.5em;
		height:1.5em;
	}
}
dl.whysysdig dd{
    text-align: center;
    width: calc(100% - 120px);
}
dl.whysysdig dd span{
	display: block;
	text-align: center;
}
dl.whysysdig span.arrow{
	padding-bottom:30px;
	background:url("../images/arrow_why.svg") center bottom no-repeat;
	background-size:15px;
}
dl.whysysdig dd strong{
	font-size:3rem;
}
@media(max-width:440px){
	dl.whysysdig dd{
		padding:10px 0;
	}
	dl.whysysdig dd strong{
		font-size:2rem
	}
}
h3.general{
	
}
div.logoWrapper {
	/*display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;*/
	background:#fff;
	width:100%;
	height: 100px;
    overflow: hidden;
}
img.logo {
    height: 100px;
    width: auto;
    padding: 0 25px;
    background: #fff;
}
div.logo {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


div.imgWrapper {
	width:calc(100% - 20px);
	margin:75px auto;
	max-width: 1100px;
}
div.imgWrapper.blk{
    width:100%;
    margin:25px auto 50px;
    max-width: none;
    background:var(--blk-color);
}
div.imgWrapper img{
		width:100%;
		height: auto;
}
div.relationWrapper {
	width:calc(100% - 20px);
	margin:75px auto;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
	gap:25px;
}
@media(max-width:440px){
	div.relationWrapper {
		margin:20px auto;
		flex-direction: column;
	}
}
div.relationWrapper a{
    display: block;
    width: calc(33% - 25px);
    color: var(--blk-color);
}
div.solutionWrapper a{
    display: block;
    width: calc((100% - 50px) / 3);
    color: var(--blk-color);
}
@media(max-width:767px){
	div.relationWrapper a,
	div.solutionWrapper a{
    width: calc((100% - 50px) / 2);
	}
}
@media(max-width:440px){
	div.relationWrapper a,
	div.solutionWrapper a{
		width: calc(100% - 25px);
	}
}
dl.relation{
	box-sizing: border-box;
	border-radius: 8px;
	background:#fff;
	height: 100%;
}
@media(max-width:440px){
	dl.relation dd{
		padding-bottom:15px;
	}
}
dl.relation img{
	width:80%;
	margin:auto;
	display: block;
}
 dl.relation:hover dt{
	background:var(--green-color);
	color:#000;
}
a:hover dl.relation dd{
	color:#000;
}
dl.relation dt{
	font-size:2rem;
	text-align: center;
	padding:25px 0;
	background:#ccc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
dl.relation p{
	margin:0 20px 20px;
}
div.footer,
div.footer a{
	color:#fff;
}
div.footer h2{
	font-size:3.2rem;
	margin-bottom:25px;
	text-align: center;
}
p.copy {
	text-align: center;
	font-size: 2.2rem;
}
div.buttonWrapper{
    margin: 50px auto 0;
    display: flex;
    justify-content: space-around;
    gap: 80px;
}
@media(max-width:440px){
	div.buttonWrapper{
		margin: 50px auto 0;
		display: flex;
		justify-content: space-around;
		gap: 28px;
		flex-direction: column;
		align-items: center;
	}
}
a.button{
    display: block;
    width: 160px;
    line-height: 45px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
}
a.button:hover{
	background:#fff;
	color:#000;
}
div.footer_logo{
	display: flex;
	justify-content: space-between;
    margin-top:50px;
}
@media(max-width:440px){
	div.footer_logo{
		margin-top:0;
	}
}
div.footer_logo img{
	width:180px;
}
@media(max-width:440px){
	div.footer_logo img{
		width:100px;
	}
}
ul.footer{
	display: flex;
	justify-content: center;
	gap:25px;
	margin-top:75px;
}
@media(max-width:768px){
	ul.footer {
		display: none;
	}
}
ul.footer a:hover{
	color:var(--green-color);
}
p.footer_copy{
	text-align: center;
	margin:10px auto;
	padding-bottom: 10px;
}



div.h1Wrapper {
    margin-top: 180px;
	width:100%;
	height: 180px;
	position: relative;
}
@media(max-width:440px){
	div.h1Wrapper{
		margin-top:110px;
		height: 100px;
	}
}
div.h1Wrapper img{
	width:100%;
	height: 180px;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
	display: block;
}
@media(max-width:440px){
	div.h1Wrapper img{
		height: 140px;
	}
}
div.h1Wrapper div.overlay {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
div.h1Wrapper h1{
    width: calc(100% - 20px);
    width: calc(100% - 125px);
    margin: auto;
    max-width: 1400px;
    font-size: 3.2em;
    font-weight: bold;
    color: #fff;
    line-height: 180px;
    z-index: 3;
    position: relative;
}
@media(max-width:440px){
	div.h1Wrapper h1{
		width: calc(100% - 20px);
		font-size:2.4rem;
		line-height: 100px;
	}
}
div.fsWrapper{
	width:100%;
	margin:50px auto;
	display: flex;
	gap:20px;
}
@media(max-width:440px){
	div.fsWrapper{
		flex-direction: column;
	}
}
div.fsWrapper dl.fs{
	background:rgba(255,255,255,0.75);
	width:calc((100% - 40px) / 5);
	box-sizing: border-box;
	padding:10px;
	padding-top:100px;
	padding-bottom:25px;
	position: relative;
}
@media(max-width:440px){
	div.fsWrapper dl.fs{
		width:calc((100% - 40px) / 1);
		margin:auto;
	}
}
div.fsWrapper dl.fs::before{
	position: absolute;
	font-size:6rem;
	font-weight: bold;
    font-family: arial;
	top:0;
	left:0;
	right:0;
	margin:auto;
	text-align: center;
/*	color: transparent;
	background-image:linear-gradient(to right, #BDF78B, #1A2792) 1;
	-webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
	background-clip: text;*/
    color:var(--blue-color);
    font-style: italic;
 }
div.fsWrapper dl.fs.n1::before{
     content: "01";
}
div.fsWrapper dl.fs.n2::before{
     content: "02";
}
div.fsWrapper dl.fs.n3::before{
     content: "03";
}
div.fsWrapper dl.fs.n4::before{
     content: "04";
}
div.fsWrapper dl.fs.n5::before{
     content: "05";
}
div.fsWrapper dl.fs dt{
	font-weight: bold;
	text-align: center;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
	margin-bottom:25px;
	padding-bottom:15px;
	font-size:18px;
}
div.fsWrapper dl.fs dd{
	font-size:1.6rem;
}
dl.fs a{
	color:var(--blue-color);
}
dl.fs a:hover{
	text-decoration: underline;
}
div.scsk h4{
    text-align: center;
    font-size:2.4rem;
    color:#fff;
    margin-top:25px;
}
div.scsk h4 span{
    font-size:4.8rem;
    font-style: italic;
    font-weight: bold;
    padding:0 5px
}
ul.flow {
	width: calc(100% - 100px);
	padding: 10px 50px;
	height: 100px;
	margin: 50px auto;
	display: flex;
	justify-content: space-between;
	gap: 25px;
	position: relative;
	overflow: hidden;
}
@media(max-width:440px){
	ul.flow{
		height: 200px;
	}
}
ul.flow li {
	border-radius: 6px;
	width: calc((100% - 75px) / 5);
	height: 100px;
	background: var(--green-color); /* lightgreen as fallback */
	background: #333;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	position: relative; /* z-index蛻ｶ蠕｡縺ｮ縺溘ａ縺ｫ霑ｽ蜉� */
	z-index: 2; /* li縺景mg縺ｮ荳翫↓陦ｨ遉ｺ縺輔ｌ繧九ｈ縺�↓ */
}
@media(max-width:440px){
	ul.flow li{
		writing-mode: vertical-rl;
		font-size:1.6rem;
		height: 100%;
		width: 2em;
	}
}
ul.flow li.active {
	background: var(--green-color);
	color: #000;
	box-shadow: 3px 3px 12px rgba(0,0,0,0.35) inset;
} 
ul.flow img.arrow {
	width: 100%; /* ul.flow 縺ｮ蟷�↓蜷医ｏ縺帙※逕ｻ蜒上′蜈ｨ蟷�↓縺ｪ繧翫∪縺� */
	height: auto;
	position: absolute;
	top: 50%;
	left: -100%; /* 繧ｹ繧ｿ繝ｼ繝井ｽ咲ｽｮ: ul.flow 縺ｮ蟾ｦ螟門� */
	transform: translateY(-50%);
	animation: slideArrow 10s linear infinite; /* 辟｡髯舌Ν繝ｼ繝励〒繧ｹ繝ｩ繧､繝� */
}

@keyframes slideArrow {
	0% {
		left: -100%; /* 蟾ｦ螟門�縺九ｉ繧ｹ繧ｿ繝ｼ繝� */
	}
	100% {
		left: 100%; /* 蜿ｳ螟門�縺ｸ遘ｻ蜍� */
	}
}

div.joint{
    text-align: center;
    width: 200px;
    background: var(--blue-color);
    line-height: 5em;
    margin: -92px auto 150px;
	position: relative;
}
div.joint::after{
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: 100px 150px 0 150px;
	border-color: var(--blue-color) transparent transparent transparent;
	position: absolute;
	margin:auto;
	left:-50px;
	bottom:-100px;
}
h2.second,
div.blogBodyWrapper h1{
	font-size:3.6rem !important;
	text-align: left !important;
	width:calc(100% - 20px);
	line-height: 1.5em;
	border-bottom:none !important;
	background:linear-gradient(to left, #BDF78B, #1A2792);
	color:#fff !important;
	padding:0.5em 1em;
	margin-bottom:2em;
	box-sizing: border-box;
}
@media(max-width:440px){
	h2.second,
	div.blogBodyWrapper h1{
		font-size:2.2rem !important;
		text-align: left !important;
		width:calc(100% - 10px);
		line-height: 2em;
		border-bottom:none !important;
		background:linear-gradient(to left, #BDF78B, #1A2792);
		color:#fff !important;
		padding-left: 1em;
		padding-right: 1em;
		margin-bottom:2em;
		box-sizing: border-box;
	}
}
p.cnapp{
	font-size:1.8rem;
}
p.cnapp span{
	font-size:3.2rem;
	font-weight: bold;
}
dl.gartner{
    width: 80%;
    margin: 25px auto 100px;
}
@media(max-width:440px){
	dl.gartner{
		width:calc(100% - 20px);
		margin: 25px auto 100px;
	}
}
dl.gartner dt{
	background:#fff;
	text-align: center;
	line-height: 3em;
	font-size:2rem;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
dl.gartner dd{
	box-sizing: border-box;
	padding:25px;
	background:var(--blue-color);
	font-size:2.2rem;
	color:#fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
@media(max-width:440px){
	dl.gartner dt{
		background:#fff;
		text-align: center;
		line-height: 1.5em;
		font-size:1.8rem;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		padding:10px;
	}
	dl.gartner dd{
		box-sizing: border-box;
		padding:25px;
		background:var(--blue-color);
		font-size:1.6rem;
		color:#fff;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
}
table.cnapp{
	width:calc(100% - 20px);
	color:#fff;
}
@media(max-width:440px){
	table.cnapp{
		width:800px;
		color:#fff;
	}
}
table.cnapp.last{
	margin-bottom:6em;
}
table.cnapp td{
	padding:25px;
	border:0.5px solid #fff;
}
table.cnapp tr:nth-child(2n+1) td{
	background:var(--blk-color);
}
table.cnapp tr:nth-child(2n) td{
	background:var(--blk2-color);
}
div.cnapp_result{
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 1.5em 0 6em;
    padding: 25px;
    box-sizing: border-box;
    background: var(--blk-color);
    color: rgb(255, 255, 255);
    width: calc(100% - 20px);
}
div.cnapp_result p{
    margin-bottom:25px;
    text-align: left;
}
div.cnapp_result img{
	width:75%;
}
p.caption{
	margin-bottom:0.5em;
}
ul.cnapp{
    font-size:2rem;
    margin:0 20px 6em;
    box-sizing: border-box;
    background:var(--blk-color);
    padding:25px 25px 15px;
}
@media(max-width:440px){
	ul.cnapp{
		font-size:1.8rem;
		margin:0 0 6em;
		box-sizing: border-box;
		background:var(--blk-color);
		padding:10px;
	}
}
ul.cnapp li{
    margin-bottom:1em;
    position: relative;
    padding-left: 60px;
    color:#fff;
}
@media(max-width:440px){
	ul.cnapp li{
		padding-left: 30px;
	}
}
ul.cnapp li::before{
    content: "";
    background-image:url("../images/check_green.svg");
    background-repeat: no-repeat;
    background-size:40px;
    width:40px;
    aspect-ratio:150/173;
    position: absolute;
    left:0;
    top:0.25em;
}
@media(max-width:440px){
	ul.cnapp li::before{
		background-size:25px;
	}
}
div.why{
    box-sizing: border-box;
    padding: 25px;
    border-radius: 24px;
    background: var(--blk-color);
    color: #fff;
}
div.why span.small{
	display: block;
	font-size:1.8rem;
}
span.why,
span.why3{
	display: block;
	font-size:3.2rem;
	font-weight: bold;
	position: relative;
	color:var(--green-color);
	text-align: center;
}
@media(max-width:767px){
	div.why span.small{
		display: block;
		font-size:1.6rem;
	}
	span.why,
	span.why3{
		display: block;
		font-size:2.2rem;
		font-weight: bold;
		position: relative;
		color:var(--green-color);
		text-align: left;
	}
}
span.why.left,
span.why3.left{
	text-align: left !important;
}
span.why span{
	display: inline-block;
	padding:0 30px;
	position: relative;
}
span.why span::before{
	content: "";
	background:url("../images/quott01.svg") no-repeat;
	background-size:20px;
	width:20px;
	aspect-ratio:203/150;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:0;
}
span.why span::after{
	content: "";
	background:url("../images/quott02.svg") no-repeat;
	background-size:20px;
	width:20px;
	aspect-ratio:203/150;
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	right:0;
}
span.why2{
    display: block;
    font-size: 3.2rem;
    text-align: center;
    padding-top: 50px;
    background: url("../images/equal.svg") center top no-repeat;
    background-size: 20px;
    margin-top: 20px;
}
@media(max-width:440px){
	span.why2{
		font-size: 1.8rem;
	}
}
span.why3{
	margin-top:50px;
}
span.why4{
	padding-top:80px;
	display: block;
	font-size:3.2rem;
	font-weight: bold;
	position: relative;
	color:var(--green-color);
	text-align: center;
	background: url("../images/arrow_why_1.svg") center top 10px no-repeat;
	background-size:50px;
}
@media(max-width:440px){
	span.why4{
		background-size:25px;
		font-size:1.8rem;
		padding-top:50px;
	}
}
dl.why{
	display: flex;
	margin:50px 100px;
	flex-wrap: wrap;
	border-top:2px solid var(--blue-color);
	padding-top:15px;
}
@media(max-width:767px){
	dl.why{
		margin:50px auto;
		flex-direction: column;
	}
}
dl.why:last-child{
	border-bottom:2px solid var(--blue-color);
	padding-bottom:15px;
}
dl.why dt{
	width:200px;
	font-size: 2.4rem;
	font-weight: bold;
}
dl.why dd{
	width:calc(100% - 200px)
}
@media(max-width:440px){
	dl.why dd{
		width:calc(100%)
	}
}
dl.why strong{
	color:var(--red-color);
	font-weight: bold;
}
dl.why ul{
	box-sizing: border-box;
	padding-right: 120px;
}
dl.why ul li{
	list-style: disc;
	margin-left:25px;
}
dl.why ul.sysdig{
	background:url("../images/logo_sysdig_blk.svg") right top no-repeat;
	background-size:80px;
}
dl.why ul.falco{
	background:url("../images/rel01.svg") right top no-repeat;
	background-size:100px;
}
h3.second{
	width:calc(100% - 60px);
	margin-right: 60px;
	font-size: 2.4rem;
	font-weight: bold;
	background:#fff;
	border-radius: 50px;
	position:relative;
	display:inline-block;
	padding:20px 28px;
	margin-bottom:25px;
	box-sizing: border-box;
}
@media(max-width:440px){
	h3.second{
		width:calc(100%);
		margin-right: 0;
		font-size: 1.8rem;
		font-weight: bold;
		background:#fff;
		border-radius: 50px;
		position:relative;
		display:inline-block;
		padding:20px 28px;
		margin-bottom:25px;
	}
}
  
h3.second::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px;
    border: 5px solid transparent;
    background: linear-gradient(to left, #BDF78B, #1A2792) border-box border-box;
    -webkit-mask:  linear-gradient(to left, #BDF78B, #1A2792) padding-box,  linear-gradient(to left, #BDF78B, #1A2792) border-box;
    -webkit-mask-composite: destination-out;
    mask:  linear-gradient(to left, #BDF78B, #1A2792) padding-box,  linear-gradient(to left, #BDF78B, #1A2792) border-box;
    mask-composite: exclude;
  }
h4.second{
    font-weight: bold;
    font-size: 2.2rem;
    /* margin-left: 20px; */
    /* margin-right: 10px; */
    margin-bottom: 25px;
    border-bottom: 2px solid var(--blue-color);
}
div.blk h4.second{
    color: #fff;
    border-color: var(--green-color);
}
div.why2,
div.sm,
div.cspm{
    display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    margin-left: 20px;
}
@media(max-width:767px){
	div.why2,
	div.sm,
	div.cspm{
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin-bottom: 50px;
		margin-left: 10px;
		flex-direction: column;
	}
}
div.cspm img{
    padding:10px;
    background:#fff;
}
div.why2 strong{
	color:var(--red-color);
}
div.why2 > div,
div.sm > div,
div.cspm > div{
	width:calc((100% - 25px) / 2);
}
@media(max-width:767px){
	div.why2 > div,
	div.sm > div,
	div.cspm > div{
		width:calc((100%));
	}
}
div.blk div.sm{
	color:#fff;
}
div.gray div.sm img,
div.blk div.sm img,
div.gray div.cspm img,
div.blk div.cspm img{
	max-width:100%;
}
div.cspm img.wide{
	width:100%;
}
div.why2 div.left{
	background:var(--blk-color);
	box-sizing: border-box;
	padding:15px;
}
div.why2 div.right ul li{
	list-style: disc;
	margin-bottom:1em;
	margin-left:25px;
}
div.why2 div.right ol li{
	list-style: decimal;
	margin-top:1em;
	margin-left:25px;
}
div.why3{
    margin-bottom: 50px;
    margin-left: 20px;
    width: 97%;
    max-width: 640px;
    margin: auto;
    margin: auto auto 50px;
}

div.why3 ul li{
	margin-bottom:1em;
	font-size:1.8rem;
	position: relative;
	padding-left:30px;
}
div.why3 ul li::before{
    content: "";
    background: url("../images/check_blk.svg") no-repeat;
    background-size: 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
}
div.ss {
    display: flex;
    justify-content: space-between;
    color: var(--green-color);
    width: 100%;
    max-width: 640px;
    margin: 50px auto;
    background-image: url("../images/logo_ss.svg"),
		url("../images/logo_trivy.svg"),
		url("../images/logo_flc.svg"),
		url("../images/logo_sysdig_os.svg"),
		url("../images/logo_prometeus.svg");
    background-repeat: no-repeat;
    background-position: center top 4px,
  center top 66px,
  center top 123px,
  center top 188px,
  center top 258px;
    background-size: 70px,
  52px,
  40px,
  50px,
  50px;
}
@media(max-width:425px){
	div.ss {
		background-image: none;
	}
}
div.ss dl{
	width:260px;
	text-align: center;
}
@media(max-width:425px){
	div.ss dl{
		font-size:1.8rem;
		font-size:1.2rem;
}
}
div.ss dl dt{
	background:var(--green-color);
	color:#000;
	font-size:2rem;
	border-radius: 30px;
	margin-bottom:25px;
	font-weight: bold;
}
div.ss ul{
	border-top:1px dashed var(--green-color);
}
div.ss dl li{
	line-height: 4em;
	border-bottom:1px dashed var(--green-color);
}
@media(max-width:440px){
	div.ss dl li{
		line-height: 1.5em;
		min-height: 3em;
	}
}
div.why_column3 {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 50px;
	margin-left:20px;
}
@media(max-width:768px){
	div.why_column3 {
		flex-direction: column;
	}
}
div.why_column3 div{
	width:calc((100% - 30px) / 3);
	box-sizing: border-box;
	padding:50px 10px;
	background:var(--blk-color);
	color:#fff;
	border-radius: 12px;
}
@media(max-width:768px){
	div.why_column3 div{
		width:100%;
		padding:30px 10px;
	}
}
div.why_column3 h4{
	margin:0;
	margin-bottom:15px;
	font-size:2rem;
	color:var(--green-color);
	border-color:var(--green-color)
}
pre.why{
	box-sizing: border-box;
	padding:25px;
	background:var(--blk-color);
	color:#fff;
	width:50%;
	margin-left:20px;
}
@media(max-width:767px){
	pre.why{
		width:100%;
	}
}
pre.why span{
	color:var(--green-color);
}
pre.why span.blue{
	color:var(--skyblue-color);
}
pre.why span.red{
	color:var(--red-color);
}





div.why_plt {
    position: relative;
    border:3px solid var(--green-color);
    box-sizing: border-box;
    padding:50px;
    border-radius: 12px;
}
@media(max-width:767px){
	div.why_plt {
		padding:50px 10px;
	}
}
div.why_plt.narrow{
    width:65%;
    margin:auto;
}
@media(max-width:767px){
	div.why_plt.narrow{
		width:100%;
	}
}
div.why_plt.narrow ul{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
div.why_plt.narrow li{
    width:calc((100% - 20px) / 2);
    border-color:#fff !important;
    background:none !important;
}
@media(max-width:767px){
	div.why_plt.narrow li{
		width:100%;
	}
}

div.why_plt h3{
    font-size: 2rem;
    color: var(--green-color);
    width: 250px;
    line-height: 40px;
    background: var(--blk-color);
    text-align: center;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto;
    position: absolute;
    border: 3px solid var(--green-color);
    border-radius: 32px;
    font-weight: bold;
}
div.pltWrapper{
    display: flex;
    justify-content: space-between;
    gap:50px;
    align-items: baseline;
    margin-top:25px;
}
@media(max-width:767px){
	div.pltWrapper{
		flex-direction: column;
	}
}
div.plt{
    width:calc((100% - 100px) / 3);
}
@media(max-width:767px){
	div.plt{
		width:100%;
	}
}
div.why_plt.narrow div.plt{
    width:100%;
}
div.plt.haschild,
div.plt2{
    box-sizing: border-box;
    padding:15px;
    position: relative;
    border:3px solid #fff;
    border-radius: 12px;
    padding-top:50px;
}
div.plt.haschild.linux{
    border:3px solid orange;
}
div.plt.haschild.cloud{
    border:3px solid skyblue;
}
div.plt h4{
    font-size: 1.8rem;
    color: var(--green-color);
    width: 150px;
    line-height: 40px;
    background: var(--blk-color);
    text-align: center;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto;
    position: absolute;
    border: 3px solid var(--green-color);
    border-radius: 12px;
    font-weight: bold;
}
div.plt h4.wide{
    width:80%;
}
div.plt.linux h4{
    color: orange;
    border: 3px solid orange;
}
div.plt.cloud h4{
    color: skyblue;
    border: 3px solid skyblue;
}
div.plt ul li{
    color:#fff;
    line-height: 2.2em;
    text-align: center;
    margin-bottom:0.5em;
    border-radius: 4px;
    border-style: solid;
    border-width: 3px;
    box-sizing: border-box;
}
div.plt2 ul.col2{
    display: flex;
    gap:10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.plt2 ul.col2 li{
    width:calc((100% - 10px) / 2);
}
div.plt li.k8s{
    border-color:var(--k8s-color);
    background-color:var(--k8s-color);
    color:var(--k8s-color);
    color:#fff;
}
div.plt li.os{
    border-color:var(--os-color);
    background-color:var(--os-color);
    color:var(--os-color);
    color:#fff;
}
div.plt li.dkr{
    border-color:var(--dkr-color);
    background-color:var(--dkr-color);
    color:var(--dkr-color);
    color:#fff;
}
div.plt li.esc{
    border-color:var(--esc-color);
    background-color:var(--esc-color);
    color:var(--esc-color);
    color:#fff;
}
div.plt.linux li{
    border-color:orange;
    color:white;
}
div.plt.cloud li{
    border-color:skyblue;
    color:white;
}
div.plt .mb{
    margin-bottom:25px;
}
div.plt .mb2{
    margin-bottom:50px;
}
div.plt2 li.reigai1{
    width:100% !important;
    line-height: 1.5em;
}
div.orange,
div.orange h4,
div.orange li,
ul.orange li,
li.orange{
    border-color:orangered;
    color:#fff !important;
}
div.green,
div.green h4,
div.green li,
li.green{
    border-color:yellow;
    color:#fff !important;
}
div.darkgreen,
div.darkgreen h4,
div.darkgreen li,
li.darkgreen{
    border-color:lawngreen;
    color:#fff !important;
}
div.purple,
div.purple h4,
div.purple li,
li.purple{
    border-color:mediumpurple;
    color:#fff !important;
}
div.blue,
div.blue h4,
div.blue li,
li.blue{
    border-color:skyblue;
    color:#fff !important;
}
div.pink,
div.pink h4,
div.pink li,
li.pink{
    border-color:deeppink;
    color:#fff !important;
}
li.red{
    border-color:crimson;
    color:#fff !important;
}




div.bizTitle {
    display: flex;
    gap:50px;
    justify-content: space-between;
    margin:50px auto;
}
div.bizTitle p{
    width:calc((100% - 50px) / 2);
    font-size:2rem;
    font-weight: bold;
    text-align: center;
    padding-bottom:15px;
}
div.bizTitle p:first-child{
    border-bottom:5px solid #333;
}
@media(max-width:440px){
	div.bizTitle p:first-child{
		border-bottom:5px solid var(--green-color);
	}
}
div.bizTitle p:last-child{
    border-bottom:5px solid transparent ;
    border-image:linear-gradient(to right, #BDF78B, #1A2792) 1;
}
@media(max-width:440px){
	div.bizTitle p:last-child{
		border-image:none;
		border-bottom:5px solid var(--blue-color);
	}
}
dl.biz{
    display: flex;
    gap:50px;
    justify-content: space-between;
    margin:50px auto;
    background-image:
    url("../images/arrow_biz.svg"),
    linear-gradient(to right, #BDF78B, #1A2792) ;
    background-size:30px,100%;
    background-position: center center;
    background-repeat:no-repeat;
    border-radius: 4px;
    align-items: center;
}
@media(max-width:440px){
	dl.biz{
		flex-direction: column;
		background-image:none,
		linear-gradient(to bottom, #BDF78B, #1A2792) ;
		gap:0;
	}
}
dl.biz dt,
dl.biz dd{
    width:calc((100% - 50px) / 2);
    box-sizing: border-box;
    padding:20px;
	font-weight: bold;
}
@media(max-width:440px){
	dl.biz dt,
	dl.biz dd{
		width:100%;
	}
	dl.biz dt{
		padding-bottom:50px;
		background:url("../images/arrow_why.svg") center bottom no-repeat;
		background-size:20px;
	}
}
dl.biz dd{
    color:#fff;
    font-weight: bold;
}
h3.biz1::after,
h3.biz2::after,
h3.biz3::after,
h3.biz4::after{
    color:var(--green-color);
    position: absolute;
    top:0;
    bottom:0;
    right:50px;
    font-style: italic;
    margin:auto;
    font-size:2.4rem;
    height: 2.4rem;
}
@media(max-width:440px){
	h3.biz1::after,
	h3.biz2::after,
	h3.biz3::after,
	h3.biz4::after{
		display:none;
		bottom:15px;
		font-style: italic;
		margin:auto;
		font-size:1.6rem;
		right:40px;
		height: 2.4rem;
	}
}
h3.biz1::after{
    content:"Bisiness Issue 1";
}
h3.biz2::after{
    content:"Bisiness Issue 2";
}
h3.biz3::after{
    content:"Bisiness Issue 3";
}
h3.biz4::after{
    content:"Bisiness Issue 4";
}


div.valueDriverWrapper {
    display:flex;
    flex-wrap: wrap;
    gap:25px;
    margin:50px auto 100px;
}
@media(max-width:440px){
	div.valueDriverWrapper {
		margin:50px auto 10px;
		flex-direction: column;
	}
}
dl.valueDriver2{
    width:calc((100% - 25px) / 2);
    background:#333;
}
@media(max-width:440px){
	dl.valueDriver2{
		width:100%;
	}
}
dl.valueDriver2 dt{
    box-sizing: border-box;
    padding:10px;
    background:var(--blue-color);
    color:#fff;
    font-size: 2rem;
    font-weight: bold;
}
dl.valueDriver2 dd{
    background:#333;
    box-sizing: border-box;
    padding:20px;
    color:#fff;
}
dl.valueDriver2 dd img{
    width:100%;
    margin:30px auto;
}
dl.valueDriver2 li{
    list-style: disc;
    margin-left:25px;
}
#value1,#value2,#value3,#value4{
    margin-top:-200px;
    padding-top:200px;
}
div.valueIndex {
    max-width:720px;
    margin:50px auto 75px;
}
div.valueIndex a{
    display: block;
    margin-bottom:15px;
}
dl.valueTitle{    
    width:100%;
    display: flex;
    align-items: center;
    gap:30px;
}
dl.valueTitle dt{
    width:50px;
    height: 50px;
    border-radius: 50px;
    background:var(--blue-color);
    text-align: center;
    line-height: 50px;
    color:#fff;
    font-size:2.4rem;
    font-weight: bold;
    font-style: italic;
}
dl.valueTitle dd{
    width:calc(100% - 80px);
    font-size:2.2rem;
    color:var(--blue-color);
    font-weight: bold;
    border-bottom:2px solid transparent;
}
@media(max-width:440px){
	dl.valueTitle dd{
		width:calc(100% - 60px);
		font-size:1.8rem;
		color:var(--blue-color);
		font-weight: bold;
		border-bottom:2px solid transparent;
	}
}
dl.valueTitle dd:hover{
    border-bottom:2px solid var(--blue-color);
}

div.vizDetail {
    margin:50px auto 100px;
}
div.vizDetail.img {
    text-align: center;
}
div.vizDetail img{
    max-width:100%;
    padding-bottom:10px;
    background:#fff;
}
ul.seven{
	width:100%;
	display: flex;
	gap:15px;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.seven li{
    width: calc((100% - 90px) / 7);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--green-color);
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    border: 5px solid #fff;
}
@media(max-width:440px){
	ul.seven li{
		width: calc((100% - 90px) / 2);
	}
}
ul.seven li::before{
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	top:0.3em;
	display: inline-block;
	height: 1em;
	line-height: 1em;
	color:green;
	font-size: 4rem;
	font-family: Verdana, Geneva, "sans-serif";
	z-index: 0;
}
@media(max-width:440px){
	ul.seven li::before{
		top:0;
		bottom:0;
		font-size:6rem;
		opacity: 0.2;
		color:green;
	}
}
ul.seven li:nth-child(1)::before{
	content:"01";
}
ul.seven li:nth-child(2)::before{
	content:"02";
}
ul.seven li:nth-child(3)::before{
	content:"03";
}
ul.seven li:nth-child(4)::before{
	content:"04";
}
ul.seven li:nth-child(5)::before{
	content:"05";
}
ul.seven li:nth-child(6)::before{
	content:"06";
}
ul.seven li:nth-child(7)::before{
	content:"07";
}
div.blk figcaption{
	color:#fff;
	margin-top:0.5em;
}
div.gray figcaption{
	color:#000;
	margin-top:0.5em;
}



p.seven {
    margin: 50px 150px;
    font-weight: bold;
    font-size: 1.8rem;
    background: rgba(255,255,255,0.75);
    padding: 15px;
}
@media(max-width:440px){
	p.seven {
		margin: 10px;
		font-weight: bold;
		font-size: 1.8rem;
		background: rgba(255,255,255,0.75);
		padding: 15px;
	}
}
p.green{
	font-size:3.6rem;
	text-align: center;
	color:var(--green-color);
}
@media(max-width:440px){
	p.green{
		font-size:2.4rem;
	}
}
h3.strong{
	font-size:3.6rem;
	text-align: center;
	color:#fff;
}
@media(max-width:440px){
	h3.strong{
		font-size:2.4rem;
		text-align: center;
		color:#fff;
	}
}
h3.strong.left{
	text-align: left;
}
h3.strong.border{
    border-bottom: 3px solid transparent; 
    border-top: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
	padding:25px 0
}
h3.strong strong{
	font-size:5.2rem;
	color:var(--green-color);
	margin:50px auto !important;
}
@media(max-width:440px){
	h3.strong strong{
		font-size:2.6rem;
	}
}
ul.sec {
	max-width:840px;
	margin:50px auto 100px;
}
ul.sec li{
	padding-left:25px;
	border-left:10px solid var(--green-color);
	color:#fff;
	font-size:2.2rem;
	margin-bottom:1.5em;
	text-align: justify;
}
@media(max-width:440px){
	ul.sec li{
		font-size:1.8rem;
	}
}
p.pankuzu {
	position: absolute;
	top:15px;
	left:25px;
	display: flex;
	align-items: center;
	gap:15px;
	color:#fff;
	z-index: 3;
	font-size:1.4rem;
}
@media(max-width:440px){
	p.pankuzu{
		position:static;
		font-size:1.4rem;
		padding: 10px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		overflow-x: auto;
		word-break: keep-all;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 10px;
		gap: 10px;
		background:#000;
		width:100%;
		box-sizing: border-box;
	}
}
p.pankuzu a{
	color:#fff;
	border-bottom:1px solid #fff;
}
p.pankuzu a:hover{
	color:var(--green-color);
	border-bottom:1px solid var(--green-color);
}
p.pankuzu span.next{
	background:url("../images/arrow_biz.svg") no-repeat;
	display: block;
	aspect-ratio:205/150;
	width:12px;
}
@media(max-width:440px){
	p.pankuzu span.next{
		margin:0 5px;
		background:none;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 8px;
		border-color: transparent transparent transparent #fff;
	}
}
div.sageMeritWrapper {
    width:100%;
    display: flex;
    justify-content: space-between;
}
dl.sageMerit{
    width:calc((100% - 50px) / 3);
    background:#fff;
    margin:0 auto 100px;
}
dl.sageMerit dt{
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    line-height: 3em;
}
dl.sageMerit dt span{
    border-bottom:5px solid transparent;
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
    padding-bottom:10px;
}
dl.sageMerit dd{
    padding:20px;
}

dl.sage {
    margin:50px 100px 100px;
}
dl.sage dt{
    font-size:2.4rem;
    margin-bottom:25px;
    color:#fff;
}
dl.sage li{
    padding:25px;
    background:var(--blk-color);
    margin-bottom:25px;
    font-size:2rem;
    color:#fff;
}
dl.sage li span{
    font-weight: bold;
    display: block;
    color:var(--green-color);
    font-size:2.2rem;
    border-bottom:2px solid var(--green-color);
    margin-bottom:1em;
}
div.sagePic{
    margin:0 auto 100px 0;
    display: flex;
    justify-content: space-between;
    gap:50px;
    align-items: center;
    position: relative;
    background:url("../images/arrow_blue.svg") left 60.5% center no-repeat;
    background-size:30px;
}

div.sagePic div.left{
    width:calc((60% - 25px));
}
div.sagePic div.left img{
    width:100%;
}
div.sagePic div.right{
    width:calc((40% - 25px));
}
div.sagePic div.right p{
    margin-bottom:1em;
    font-weight: bold;
    text-align: center;
}
div.sagePic div.right pre{
    box-sizing: border-box;
    padding:25px;
    background:#fff;
    width:100%;
    white-space: pre-wrap;
}
div.sagePic div.right img{
    width:100%;
    height: auto;
}
h3.cspm{
    font-style: italic;
    font-size:6rem !important;
    font-weight: bold;
    color:var(--green-color) !important;
}
@media(max-width:440px){
	h3.cspm{
		font-size:2.4rem !important;
	}
}
ul.cspm {
    width:100%;
    max-width: 860px;
    box-sizing: border-box;
    padding:25px;
    border:3px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:25px;
    margin:50px auto 100px;
    border-radius: 12px;
}
@media(max-width:440px){
	ul.cspm {
		flex-direction: column;
	}
}
ul.cspm li{
    width:calc((100% - 50px) / 2);
    /*background:var(--green-color);*/
    border:4px solid var(--green-color);
    text-align: center;
    color:#fff;
    box-sizing: border-box;
    padding:25px;
    border-radius: 6px;
}
@media(max-width:440px){
	ul.cspm li{
		width:100%;
	}
}
ul.cspm li span{
    font-size:4.6rem;
    font-weight: bold;
    display: block;
    color:var(--green-color);
}
p.cloud{
    font-size: 3.6rem;
    color: var(--green-color);
    font-weight: bold;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-image: url("../images/arrow_why.svg");
    background-position: center top;
    background-size: 40px;
    margin-bottom: 100px !important;
}
div.blk div.left p,
div.blk div.left ul{
	color:#fff;
}
div.blk h5{
	font-size:1.8rem;
	color:var(--green-color);
	font-weight:bold;
}
.cspm_summary {
    box-sizing: border-box;
    padding: 25px;
    border-radius: 24px;
    background: var(--blk-color);
    color: var(--green-color);
	font-size:2.4rem;
	font-weight: bold;
}

div.insight {
	width:calc(100% - 20px);
	max-width:1100px;
	display: flex;
	justify-content: space-between;
	margin:50px auto 100px;
	align-items: center;
}
@media(max-width:440px){
	div.insight {
		flex-direction: column;
		gap:20px;
		justify-content: center;
	}
}
div.insight > div{
	width:50%;
}
@media(max-width:440px){
	div.insight > div{
		width:100%;
	}
}
div.insight div.left{
	display: flex;
	flex-direction: column;
	gap:20px;
}
dl.insight{
	box-sizing: border-box;
	width:80%;
	border-radius: 8px;
	background:var(--green-color);
}
@media(max-width:440px){
	dl.insight{
		margin:auto;
		width:100%;
	}
}
dl.insight dt{
	text-align: center;
	font-size:2rem;
	font-weight: bold !important;
	border-bottom:2px solid var(--blk-color);
	padding:15px 10px;
}
dl.insight dd{
	box-sizing: border-box;
	padding:20px;
}
p.insight{
	width:80%;
	text-align: center;
	font-size:2.4rem;
	font-weight: bold;
	padding:60px 0;
	background-repeat: no-repeat;
	background-image:
		url("../images/arrow_ist_down.svg"),
		url("../images/arrow_ist_up.svg");
	background-position: 
		center top,
		center bottom;
	background-size:40px;
	color:var(--green-color) !important;
}
@media(max-width:440px){
	p.insight{
		margin:auto;
	}
}
div.insight4Wrapper {
	display: flex;
	justify-content: space-between;
	gap:20px;
}
@media(max-width:440px){
	div.insight4Wrapper {
		flex-direction: column;
	}
}
dl.insight4{
	width:calc((100% - 60px) / 4);
	box-sizing: border-box;
	background:linear-gradient(to top, #BDF78B, #1A2792);
	padding-top:80px;
	color:#fff;
	padding:80px 20px 20px;
	position: relative;
}
@media(max-width:440px){
	dl.insight4{
		width:100%;
		padding:80px 10px 21px;
	}
}
dl.insight4 dt{
	text-align: center;
	font-size:2rem;
	font-weight: bold;
	border-bottom:2px solid #fff;
	margin-bottom:1em;
	padding-bottom:0.5em;
}
dl.insight4::before{
	color:rgba(255,255,255,0.3);
	font-size:6rem;
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	top:-10px;
	text-align: center;
}
dl.insight4:nth-child(1)::before{
	content: "01"
}
dl.insight4:nth-child(2)::before{
	content: "02"
}
dl.insight4:nth-child(3)::before{
	content: "03"
}
dl.insight4:nth-child(4)::before{
	content: "04"
}


dl.step {
	
}
dl.step dt{
	font-size:3.6rem;
	color:var(--green-color);
	font-style: italic;
	font-weight: bold;
}
@media(max-width:440px){
	dl.step dt{
		font-size:2.4rem;
	}
}
dl.step dd{
	margin:25px 0 50px 100px;
	box-sizing: border-box;
	border:3px solid #fff;
	border-radius: 8px;
	padding:25px;
	color:#fff;
}
@media(max-width:440px){
	dl.step dd{
		margin:25px 0 50px 0;
		padding:10px;
	}
}
dl.step ul,
dl.step ol{
	margin:1em 50px 1em;
}
@media(max-width:440px){
	dl.step ul,
	dl.step ol{
		margin:1em;
	}
}
dl.step ul li{
	list-style: disc;
}
dl.step ol li{
	list-style: decimal;
}
dl.step a{
	color:var(--green-color);
}
dl.step strong{
	font-size:1.5em;
}
@media(max-width:440px){
dl.step strong{
	font-size:1.1em;
}
}
ol.scarleteel{
	color:var(--green-color);
	font-size:3.2rem;
	margin:0 10%;
	font-weight: bold;
}
@media(max-width:440px){
	ol.scarleteel{
		font-size:2.2rem;
	}
}
ol.scarleteel span{
	display: block;
	color:#fff;
	font-size:1.6rem;
	font-weight: normal;
}
ol.scarleteel li{
	margin-bottom:1em;
}


div.runtime {
	display: flex;
	gap:30px;
	align-items: center;
}
@media(max-width:440px){
	div.runtime {
		flex-direction: column;
	}
}
div.runtime ul{
	box-sizing: border-box;
	border:2px solid var(--blue-color);
	padding:20px;
	background:var(--blue-color);
	color:#fff;
	font-size:2rem;
}
div.runtime ul li{
	list-style: disc;
	margin-bottom:0.5em;
	margin-left:1.5em;
}
div.runtime ul li:last-child{
	margin-bottom:0;
}
div.runtime div.right{
	padding-left:80px;
	font-size:2.4rem;
	font-weight: bold;
	background:url("../images/arrow_blue.svg") left center no-repeat;
	background-size:50px;
}
div.runtime div.right span{
	padding-bottom:0.2em;
	border-bottom:5px solid transparent ;
	border-image:linear-gradient(to left, #BDF78B, #1A2792) 1;
}
p.acs {
	font-size:2.2rem;
	width:80%;
	margin:auto auto 1em;
}
@media(max-width:440px){
	p.acs {
		font-size:1.8rem;
		width:100%;
	}
}
p.notice,
ul.notice{
	background:#ccc;
	margin:0 100px 100px;
	box-sizing: border-box;
	padding:20px;
	border-radius: 4px;
	text-indent: -1em;
	padding-left:calc(20px + 1em);
}
@media(max-width:440px){
p.notice,
	ul.notice{
		margin:0 20px 50px;
	}
}
ul.notice li{
	list-style: disc;
	padding-left:30px;
}
ul.notice{
	margin-bottom:25px;
}
p.price{
	font-size:2.2rem;
	text-align: right;
	margin:0 100px 100px;
}

div.acsWrapper {
	width:100%;
	display: flex;
	justify-content: space-between;
	gap:50px;
	flex-wrap: wrap;
	align-items: baseline;
}
div.acsWrapper dl{
	width:calc((100% - 100px) / 3);
	background:#fff;
	min-height: 380px;
}
@media(max-width:440px){
	div.acsWrapper dl{
		width:100%;
		background:#fff;
		min-height: none;
	}
}
div.acsWrapper dl dt{
	font-size:2.2rem;
	text-align: center;
	background:var(--blue-color);
	color:#fff;
	padding-top:120px;
	padding-bottom:20px;
	background-repeat: no-repeat;
	background-position: center top 30px;
	background-size:90px;
}
div.acsWrapper dl dd{
	box-sizing: border-box;
	padding:25px;
}
div.acsWrapper dl dt.acs1{
	background-image:url("../images/pic_acs1.svg");
}
div.acsWrapper dl dt.acs2{
	background-image:url("../images/pic_acs2.svg");
}
div.acsWrapper dl dt.acs3{
	background-image:url("../images/pic_acs3.svg");
}
div.acsWrapper dl dt.acs4{
	background-image:url("../images/pic_acs4.svg");
}
div.acsWrapper dl dt.acs5{
	background-image:url("../images/pic_acs5.svg");
}
div.acsWrapper dl dt.acs6{
	background-image:url("../images/pic_acs6.svg");
}


table.acs {
	width:100%;
	margin-bottom:25px;
}
table.acs td{
	padding:20px;
}
table.acs thead td{
	background:var(--blue-color);
	text-align: center;
	font-size:1.8rem;
	font-weight: bold;
	color:#fff;
}
table.acs td{
	border:1px solid #333;
	background:#fff;
}
table.careplus{
	width:calc(100% - 20px);
	background:#fff;
	border:10px solid var(--blue-color);
}
@media(max-width:440px){
	table.careplus{
		width:800px
	}
}
table.careplus td{
	vertical-align: middle;
	padding:25px 0;
	border:3px solid var(--blue-color);
	text-align: center;
}
table.careplus span.line{
	display: block;
	border-top:3px solid var(--blue-color);
	padding-top:15px;
}
img.careplus{
	width:75%;
	height: auto;
}
span.premium{
	display: block;
	border-top:3px solid var(--blue-color);
	margin-top:1em;
	padding-top:1em;
}
dl.support{
    box-sizing: border-box;
    border: 5px solid var(--blue-color);
    padding: 25px;
    position: relative;
    margin-bottom: 50px;
    border-radius: 8px;
}
dl.support dt{
    position: absolute;
    background: var(--blue-color);
    color: #fff;
    font-size: 2.4rem;
    top: -28px;
    left: 25px;
    border-radius: 4px;
    padding: 5px 30px;
}
@media(max-width:440px){
	dl.support dt{
		font-size: 1.8rem;
		left:0;
		right:0;
		margin:auto;
	}
}
dl.support dd{
    padding-top: 20px;
    color: var(--blue-color);
}
@media(max-width:440px){
	dl.support dd{
		padding-top: 40px;
	}
}
dl.support dd strong{
	font-size:1.5em;
}
@media(max-width:440px){
	dl.support dd strong{
		font-size:1.2em;
	}
}
dl.support dd a{
	color:var(--red-color);
}
dl.support dd a:hover{
	text-decoration: underline;
}
dl.support ul li{
	padding-left:25px;
	position: relative;
	border-left:5px solid var(--blue-color);
	margin-bottom:1.5em;
}
dl.support ul li:last-child{
	margin-bottom:0;
}
dl.support ul li::before{
/*	content: "";
	width:1.2rem;
	height: 1.2rem;
	background:var(--green-color);
	position: absolute;
	top:0.5em;
	left:0;*/
}
div.partnerBox {
	width:100%;
	margin-bottom:50px;
	display: flex;
	gap:80px;
	box-sizing: border-box;
	padding:25px;
	background:#fff;
}
@media(max-width:440px){
	div.partnerBox {
		flex-direction: column;
		gap:20px;
	}
}
div.partnerBox:last-child{
	margin-bottom:100px;
}
div.partnerLogo{
	width:25%;
}
@media(max-width:440px){
	div.partnerLogo{
		width:35%;
	}
}
div.partnerLogo img{
	width:100%;
	max-height: 70px;
	object-fit: contain;
}
@media(max-width:440px){
	div.partnerLogo img{
		max-height: 90px;
	}
}
dl.faq{
	margin-left:100px;
}
@media(max-width:440px){
	dl.faq{
		margin-left:0;
	}
}
dl.faq dt,
dl.faq dd{
	box-sizing: border-box;
	background:#fff;
	padding:25px;
}
dl.faq dt{
	padding-left:100px;
	padding-right:50px;
	position: relative;
	background:var(--blk-color);
	color:#fff;
	border-radius: 12px;
	margin-top:25px;
	cursor:pointer;
	min-height: 106px;
}
@media(max-width:440px){
	dl.faq dt{
		padding-left:60px;
	}
}
dl.faq dt.open{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
dl.faq dd{
    background: #fff;
    padding-left: 100px;
    padding-right: 50px;
    position: relative;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 25px;
    display: none;
    min-height: 106px;
    white-space: pre-wrap;
    word-break: break-all;
}
@media(max-width:440px){
	dl.faq dd{
		padding-left:60px;
	}
}
dl.faq dt:hover{
	color:var(--green-color);
}
dl.faq dt::before{
	content: "Q";
	font-size:4.8rem;
	font-family: Verdana, Geneva, "sans-serif";
	font-weight: bold;
	color:var(--green-color);
	position: absolute;
	top:0;
	left:25px;
}
@media(max-width:440px){
	dl.faq dt::before{
		font-size:3rem;
	}
}
dl.faq dd::before{
	content: "A";
	font-size:4.8rem;
	font-family: Verdana, Geneva, "sans-serif";
	font-weight: bold;
	color:var(--blue-color);
	position: absolute;
	top:0;
	left:25px;
}
@media(max-width:440px){
	dl.faq dd::before{
		font-size:3rem;
	}
}
dl.faq + h3{
	margin-top:50px;
}
dl.faq dd a{
	text-decoration: underline;
	color:var(--blue-color);
}
dl.faq dd a:hover{
	color:var(--red-color);
}
div.caseWrapper{
    width: 100%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
div.caseWrapper a{
	display: block;
	width:calc((100% - 75px) / 4);
	box-sizing: border-box;
	background:var(--blue-color);
	color:#fff;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.35);
	transition: box-shadow 0.25s;
}
@media(max-width:1200px){
	div.caseWrapper a{
		width:calc((100% - 75px) / 3);
	}
}
@media(max-width:768px){
	div.caseWrapper a{
		width:calc((100% - 75px) / 2);
	}
}
@media(max-width:440px){
	div.caseWrapper a{
		width:100%;
	}
}
div.caseWrapper a:hover{
	box-shadow: 3px 3px 9px rgba(0,0,0,0.35);
	transition: box-shadow 0.25s;
}
div.casestudy img{
	width:100%;
}
div.casestudy p.date {
	font-size:1.2rem;
	margin:1em;
}
div.casestudy h3 {
	font-size:1.8rem;
	font-weight: bold;
	margin:1em;
}
div.casestudy p.desc{
	margin:1em;
}
div.selectWrapper{
	margin:0 0 25px;
}
div.selectWrapper select{
	border:1px solid #333;
	padding:10px 30px 10px 15px;
	min-width:150px;
	border-radius: 4px;
	cursor: pointer;
	background:url("../images/arrow_select.svg") right 10px center no-repeat #fff;
	background-size:10px;
}
@media(max-width:440px){
	div.selectWrapper select{
		font-size:1.4rem;
	}
}
div.page {
	width: calc(100% - 10px);
	padding: 5px;
	margin: 50px auto;
	display: flex;
	overflow: hidden;
    font-family: proxima-nova,proxima nova,open sans,Arial,Helvetica,sans-serif;
}
div.page span.current_page {
	background: var(--blue-color);
	padding: 1px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
    color:#fff;
}
div.page a,
a.link_next,
a.link_before{
	display: block;
	background: #CCC;
	padding: 1px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color:var(--blue-color);
}
a.link_next {
    padding-left:10px !important;
    padding-right: 10px !important;
    border-left:1px solid #fff;
}
a.link_before {
    padding-left:10px !important;
    padding-right: 10px !important;
    border-right:1px solid #fff;
}
div.page span:first-child a{
	padding-right:20px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
div.page span:last-child a{
	padding-right:20px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
div.page a:hover {
	background: var(--blue-color);
	color: #fff;
}

div.senryuWrapper {
	width:100%;
	display: flex;
	gap:25px;
	flex-wrap: wrap;
	margin-top:50px;
}
@media(max-width:440px){
	div.senryuWrapper {
		flex-direction: column;
		gap:10px;
	}
}
div.senryuIndividual{
	width:100%;
	max-width:1100px;
	margin:50px auto 100px;
}
div.senryuWrapper a{
	display: block;
	box-sizing: border-box;
	width:calc((100% - 75px) / 4);
	aspect-ratio:25/28;
	background-image:url("../images/senryuBg.jpg");
	border-width: 10px;
	border-style: solid;
	border-color:rgba(218,165,32,1);
	color:var(--blk-color);
	position: relative;
	transition: border-color 0.3s;
}
@media(max-width:1200px){
	div.senryuWrapper a{
		width:calc((100% - 75px) / 3);
	}
}
@media(max-width:440px){
	div.senryuWrapper a{
		width:100%;
	}
}
div.senryuBig{
	box-sizing: border-box;
	max-width:640px;
	width:100%;
	aspect-ratio:25/28;
	background-image:url("../images/senryuBg.jpg");
	border-width: 10px;
	border-style: solid;
	border-color:rgba(218,165,32,1);
	color:var(--blk-color);
	position: relative;
	margin:auto;
}
div.senryuWrapper a:hover{
	border-color:rgba(0,100,0,1);
	transition: border-color 0.3s;
}
div.senryuWrapper p{
    writing-mode: vertical-rl;
    font-size: 2.4rem;
    font-weight: bold;
    position: absolute;
    width: 1em;
    font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
div.senryuBig p{
    writing-mode: vertical-rl;
    font-size: 6rem;
    font-weight: bold;
    position: absolute;
    width: 1em;
    font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
	line-height: 1em;
}
@media(max-width:440px){
	div.senryuBig p{
		font-size: 2.4rem;
	}
}
div.senryuWrapper p.senryu1{
	top:20px;
	right:20%;
}
div.senryuWrapper p.senryu2{
	top:20px;
	right:0;
	left:0;
	margin:auto;
}
div.senryuWrapper p.senryu3{

	top:20px;
	left:20%;
}
div.senryuWrapper p.penname{
	font-size:1.4rem;
	bottom: 20px;
    left: 15px;
}
div.senryuBig p.senryu1{
	top:80px;
	right:20%;
}
div.senryuBig p.senryu2{
	top:80px;
	right:0;
	left:0;
	margin:auto;
}
div.senryuBig p.senryu3{
	top:80px;
	left:20%;
}
div.senryuBig p.penname{
	font-size:1.6rem;
	bottom: 20px;
    left: 25px;
}
div.senryuLink1 h2{
	font-size:2.4rem;
	color:#fff;
	font-weight: bold;
    border-bottom: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
	text-align: left;
}
div.senryuLink1 ul{
	margin:25px 0 50px 50px;
}
div.senryuLink1 ul li{
	list-style: disc;
	color:var(--green-color);
}
div.senryuLink1 li a{
	color:var(--green-color);
}
div.senryuLink2 {
	border-top: 3px solid transparent; 
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
	padding-top:25px;
	display: flex;
	justify-content: space-between;
	gap:25px;
}
@media(max-width:440px){
div.senryuLink2 {
	flex-direction: column;
}
}
div.senryuLink2 div{
	width:calc((100% - 75px) / 3);
}
@media(max-width:440px){
	div.senryuLink2 div{
		width:100%;
	}
}
div.senryuLink2 div img{
	width:100%;
}
div.senryuLink2 div a{
	color:#fff;
}
div.senryuLink2 div a:hover{
	text-decoration: underline;
}


div.whiteWrapper {
	width:calc(100% - 20px);
	margin:50px auto ;
	display: flex;
	gap:25px;
	flex-wrap: wrap;
}
div.whiteWrapper a{
	color:#fff;
	background:var(--blue-color);
}
div.whiteWrapper a{
	display: block;
	width:calc((100% - 75px) / 4);
	aspect-ratio:27/38;
	position: relative;
	padding-bottom:80px;
}
@media(max-width:1200px){
	div.whiteWrapper a{
		width:calc((100% - 75px) / 3);
	}
}
@media(max-width:767px){
	div.whiteWrapper a{
		width:calc((100% - 75px) / 2);
	}
}
@media(max-width:440px){
	div.whiteWrapper a{
		width:100%;
	}
}
div.whiteWrapper div.whitepaper img{
	width:100%;
	aspect-ratio:27/38;
	object-fit: cover;
}
div.whiteWrapper div.whitepaper h3{
	box-sizing: border-box;
	width:100%;
	padding:10px 5%;
	line-height: 1.25em;
	position: absolute;
	bottom:0;
	background:var(--blue-color);
	font-size:1.6rem;
	height: 80px;
	overflow: hidden;
}
div.whiteWrapper div.whitepaper p.date,
div.blogWrapper p.date,
div.prevnext p.date{
	display: inline-block;
	position: absolute;
	top:10px;
	left:10px;
	background:var(--blue-color);
	color:#fff;
	padding:0 10px;
	font-size:1.2rem;
}
div.whitepaper span.newMark,
div.blogWrapper span.newMark{
	left:unset;
	right:10px;
	top:10px;
}
div.blogWrapper{
	width:100%;
	display: flex;
	gap:25px;
	justify-content: flex-start;
	flex-wrap: wrap;
}
@media(max-width:767px){
	div.blogWrapper{
		justify-content: space-between;
		gap:10px;
	}
}
@media(max-width:440px){
/*	div.blogWrapper{
		flex-direction: column;
		align-items: center;
		gap:10px;
	}*/
}
div.blogWrapper a,
div.prevnext > div{
	width:calc((100% - 75px) / 4);
	position: relative;
	overflow: hidden;
	color:#fff;
	font-size: 1.5rem;
	line-height: 1.6em;
}
@media(max-width:1200px){
	div.blogWrapper a,
	div.prevnext > div{
		width:calc((100% - 75px) / 3);
	}
}
@media(max-width:768px){
	div.blogWrapper a,
	div.prevnext > div{
		width:calc((100% - 75px) / 2);
	}
}
@media(max-width:440px){
	div.blogWrapper a,
	div.prevnext > div{
		width:calc(100% - 75px);
		margin-bottom:10px;
	}
}
div.prevnext{
	margin-top:50px;
	margin-bottom:100px;
	border-top:2px solid #fff;
	overflow: hidden;
	padding-top:25px;
}
div.prevnext div.prev{
	float: left;
}
div.prevnext div.next{
	float: right;
}
div.blogWrapper.movie a{
	width:calc((100% - 75px) / 3);
}
@media(max-width:1200px){
	div.blogWrapper.movie a{
		width:calc((100% - 75px) / 2);
	}
}
@media(max-width:440px){
	div.blogWrapper.movie a{
		width:100%;
	}
}
div.blogBox{
	width: 100%;
	aspect-ratio:48/26;
	overflow: hidden;
}
div.blogBox img{
	width:100%;
	aspect-ratio:48/26;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	transform: scale(1);
	transition: transform 0.2s;
}
div.blogWrapper a:hover img,
div.prevnext a:hover img{
	transform: scale(1.05);
	transition: transform 0.2s;
}
div.blogWrapper h3,
div.prevnext h3{
	margin-top:0.5em;
}
div.prevnext a{
	color:#fff;
}
div.blogWrapper a:hover h3,
div.prevnext a:hover h3{
	color:var(--green-color);
}
div.blogBody{
	background:#fff;
	border-radius: 12px;
	box-sizing: border-box;
	padding:50px;
	word-break:break-all;
}
@media(max-width:440px){
	div.blogBody{
		padding:10px;
	}
	figure{
		margin-left:0;
		margin-right:0;
	}
}
div.blogBody h3{
	font-size:2.5rem;
	font-weight: bold;
	color:var(--blue-color);
	margin:1em auto;
}
div.blogBody h4{
	font-size:2.1rem;
	font-weight: bold;
	color:var(--blue-color);
	margin:1em auto;
}
div.blogBody h5{
	font-size:1.8rem;
	font-weight: bold;
	color:var(--blue-color);
	margin:1em auto;
}
div.blogBody h6{
	font-size:1.6rem;
	font-weight: bold;
	color:var(--blue-color);
	margin:1em auto;
}
div.blogBody p{
	margin:1em;
}
div.blogBody ul,
div.blogBody ol{
	margin:1em 1em 1em 3em;
}
div.blogBody ul > li{
	list-style: disc;
}
div.blogBody ol > li{
	list-style: decimal;
}
div.blogBody pre{
	box-sizing: border-box;
	padding:25px;
	color:#fff;
	background:var(--blk-color);
	border-radius: 8px;
	margin:1em;
	white-space: pre-wrap;
	font-family:monospace;
}
div.blogBody table{
	width:100%;
}
div.blogBody table td{
	padding:10px;
	border: 1px solid #ccc;
}
div.blogBody a{
	color:var(--blue-color);
}
div.blogBody a:hover{
	text-decoration: underline;
}
div.blogBody img{
    max-width: 100%;
    height: auto;
}
div.contactPerson {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    /*align-items: baseline;*/
    gap: 20px;
}
div.entryInfoCategory{
	margin:auto auto 25px;
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	margin-top:15px;
}
div.entryInfoCategory a{
	background:var(--green-color);
	border-radius: 4px;
	color:#000;
	padding:0 10px;
}
div.entryInfoCategory a:hover{
	color:#fff;
	background:green;
}
div.entryInfo p{
	display: inline-block;
	color:var(--green-color);
}
a.permalink{
    display: block;
    width:20px;
    height: 20px;
    margin-left:calc(100% - 20px);
    margin-top:10px;
}
a.permalink img{
    width:20px;
}

/*presen*/
div.presen {
    width:100%;
    max-width:980px;
    aspect-ratio:980/480;
    padding:20px;
    margin:20px auto;
    /*border:10px solid var(--blue-color);*/
    position: relative;
    background:#fff;
    overflow: hidden;
}
div.presen h1{
    font-size: 4.8rem;
    color:var(--blue-color);
    margin-bottom:0.5em;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5em;
}
div.presen h1.fs32{
    font-size:3.2rem;
}
div.presen h2{
    font-size: 3.2rem;
    color:var(--blue-color);
    margin-bottom:0.5em;
    font-family: 'Noto Sans JP', sans-serif;
}
div.presen h2.fs24{
    font-size: 2.4rem !important;
}
div.presen .tal{
    text-align: left;
}
div.presen .tac{
    text-align: center;
}
div.presen .tar{
    text-align: right;
}
div.presen div.img{
    margin:20px 170px;
    text-align: center;
}
div.presen div.img.img2{
    margin:auto !important;
    width:300px;
    height: 200px;
    text-align: center;
}
div.presen div.img img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
div.presen .mb20{
    margin-bottom:20px;
}
div.presen .mb40{
    margin-bottom:40px;
}
div.presen .mb60{
    /*margin-bottom:60px;*/
}
div.presen .w30{
    width:30%;
}
div.presen .w40{
    width:40%;
}

div.presen .w50{
    width:50%;
}
div.presen div.solid{
    padding:10px;
    border:1px solid var(--blue-color);
    border-radius: 4px;
}
div.presen ul.blue li{
    background:url("../images/list01.svg") left 0.4em no-repeat;
    background-size:10px;
    padding-left:20px;
}
div.presen div.user{
    padding:0 60px 60px;
    padding: 0;
    height: 300px;
}
div.user img{
    width:100%;
    height: auto;
    object-fit: cover;
}
div.presen img{
    width:100%;
    height: auto;
    object-fit: cover;
}
div.presen div.userIcon{
    width:80px;
    height: 50px;
    margin:15px;
}
div.presen div.awardsIcon{
    width:200px;
    height: 200px;
    margin:15px;
}
div.presen div.awardsIcon img{
    width:200px;
    height: 200px;
    object-fit:contain;
    object-position: 50% 50%;
}
div.page04 {
    width:640px;
    height: 440px;
    background:url("../images/presen/pic_page04.png") no-repeat;
    background-size:640px;
    position: relative;
}
div.page04 h3,
div.page04 h4,
div.page04 ul{
    position: absolute;
}
div.page04 h3{
    font-size:20px;
    font-weight: bold;
    top:20px;
}
div.page04 h3.page04-2{
    right:20px;
}
div.page04 ul{
    top:200px
}
div.page04 ul.page04-2{
    right:-30px;
}
div.page04 h3.center,
div.page04 h4{
    right:0;
    left:0;
    margin:auto;
}
div.page04 h3.center{
    top:160px;
    text-align: center;
}
div.page04 h4.cycle1{
    top:60px;
}
div.page04 h4.cycle2{
    top:270px;
}
div.page06 {
    width:640px;
    height: 440px;
    background:url("../images/presen/pic_page06.png") no-repeat;
    background-size:640px;
    position: relative;
}
div.page06 h3,
div.page06 ul,
div.page06 p{
    position: absolute;
}
div.page06 h3{
    font-size:20px;
    font-weight: bold;
    top:0;
}
div.page06 h3.page06-1{
    left:-40px;
}
div.page06 h3.page06-2{
    width:150px;
    left:260px;
}
div.page06 h3.page06-3{
    width:210px;
    left:530px;
}
div.page06 ul{
    top:60px;
}
div.page06 ul.page06-1{
    left:-50px;
}
div.page06 ul.page06-3{
   width:240px; 
    right:-100px;
    text-align: left;
}
div.page06 ul.page06-3 li{
margin-bottom: 1em;
}
div.page06 p{
    left:280px;
}
div.page06 p.page06-2-1{
    top:110px;
}
div.page06 p.page06-2-2{
    top:170px;
    left:300px;
}
div.page06 p.page06-2-3{
    top:240px;
    left:320px;
}


div.page07 {
    width:640px;
    height: 340px;
    margin:auto;
    background-position: center top;
    background-image:url("../images/presen/pic_page07.png");
    background-repeat:no-repeat;
    background-size:cover;
    position: relative;
    /*margin-top:-100px;*/
}
p.page07{
    text-align: center;
    font-weight: bold;
}
div.page07 p{
    position: absolute;
    width:250px;
    text-align: left;
    padding:10px;
    background:#efefef;
    border-radius: 4px;
}
div.page07 p.page07-1{
    top:0;
    left:0;
    right:0;
    margin:auto;
}
div.page07 p.page07-2{
    top:180px;
    left:-120px;
}div.page07 p.page07-3{
    top:180px;
    right:-100px;
}
div.page08 {
    
}
dl.page08Child{
    width:38%;
    margin:10px;
    padding:10px;
    background:#efefef;
    border-radius: 4px;
}
dl.page08Child dt{
    padding:0 10px;
    font-size:20px;
}
dl.page08Child dt::before{
    content:"窶ｳ";
    /*font-size:48px;*/
}
dl.page08Child dt::after{
    content:"窶ｳ";
    /*font-size:48px;*/
}
dl.page08Child dd{
    margin-top:10px ;
    text-align: right;
    color:var(--blue-color);
}

div.page09 {
   width:640px;
   height: 420px;
   background:url("../images/presen/pic_page09.png") center center no-repeat;
   margin:auto;
   background-size:640px;
   position: relative;
}
div.page09 h3{
    font-size:22px;
    font-weight: bold;
}
div.page09 h4{
    font-size:18px;
    font-weight: bold;
    position: absolute;
    left:470px;
}
div.page09 h4.page09-1{
    top:95px;
}
div.page09 h4.page09-2{
    top:215px;
}
div.page09 ul{
    position: absolute;
    left:480px;
}
div.page09 ul.page09-1{
    top:120px;
}
div.page09 ul.page09-2{
    width:300px;
    top:245px;
    line-height: 2.1em;
}

div.page10 {
   width:640px;
   height: 410px;
   background:url("../images/presen/pic_page10.png") center center no-repeat;
   background-size:cover;
   margin:auto;
   position: relative;
}
div.page10 p{
    width:350px;
    padding:10px;
    border-radius: 4px;
    position: absolute;
    top:30px;
    left:-100px;
    background:#efefef;
}


div.page11 {
    width:100%;
}
div.page11 h3.company1{
    width:200px;
    height: 60px;
    background:url("../images/presen/pic_page12-1.png") center center no-repeat;
    background-size:contain;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}
div.page11 h3.company2{
    width:200px;
    height: 60px;
    background:url("../images/presen/pic_page12-2.png") center center no-repeat;
    background-size:contain;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}
div.page11 h3.company3{
    width:200px;
    height: 60px;
    background:url("../images/presen/pic_page12-3.png") center center no-repeat;
    background-size:contain;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}
div.page11 p{
    margin:10px;
    padding:10px;
    background:var(--blue-color);
    color:#fff;
}
div.page11 div{
    width:28%;
    padding:10px;
    border:1px solid var(--blue-color);
    border-radius: 4px;
}
div.page11 h3{
    font-size:48px;
    text-align: center;
    color:var(--blue-color);
}
div.page11 h4{
    font-size:18px;
    margin-bottom:1em;
    font-weight: bold;
}
div.page11 ul{
    text-align: left;
}
div.page11 ul li{
    background:url("../images/presen/list01.svg") left 0.7em no-repeat;
    background-size:8px;
    padding-left:16px;
}
div.page12{
    width:330px;
    height: 330px;
    margin:auto;
}
div.page12 img{
    width:100%;
    height: 100%;
    object-fit: contain;
}

div.page13 {
    width:70%;
    height: 320px;
    margin:auto;
    background:url("../images/presen/page13.png") no-repeat;
    background-size:cover;
    position: relative;
}
div.page13 p{
    width:300px;
    position: absolute;
    padding:10px;
    background-color:#fff !important;
    border-radius: 4px;
    color:var(--blue-color);
    top:150px;
    left:20px;
}

div.beforeNav {
    padding:20px;
    margin:20px;
    background:#efefef;
    text-align: center;
}
div.beforeNav h3{
    font-size: 20px;
    color:var(--blue-color);
}
div.beforeNav p{
    margin:20px 50px;
    text-align: justify;
}

div.page15 {
    background:url("../images/presen/page15.png") no-repeat;
    width:640px;
    height: 245px;
    background-size:640px;
    margin: auto;
    position: relative;
}
div.page15 p{
    position: absolute;
}
div.page15 p.page15d{
    left:400px;
}
div.page15 p.page15d.page15d-1{
    top:182px;
}
div.page15 p.page15d.page15d-2{
    top:215px;
    left:440px
}
div.page15 p.page15c{
    top:120px;
    text-align: center;
    font-size:12px;
}
div.page15 p.page15c.page15c-1{
    left:50px;
}
div.page15 p.page15c.page15c-2{
    left:180px;
}
div.page15 p.page15c.page15c-3{
    left:310px;
}
div.page15 p.page15c.page15c-4{
    left:490px;
}
div.page15 p.page15b{
    color:var(--blue-color);
    top:25px;
    right:120px;
}
div.page15 p.page15{
    top:10px;
    text-align: center;
    font-weight: bold;
}
div.page15 p.page15-1{
    left:10px;
}
div.page15 p.page15-2{
    left:135px;
}
div.page15 p.page15-3{
    left:255px;
}
div.page15 p.page15-4{
    right:-3px;
}
div.page16{
    width:640px;
    height: 415px;
}
div.page16 img{
    width:100%;
    height: 100%;
    object-fit: cover;
}




div.page17 {
    width:960px;
    height: 380px;
    margin:20px auto;
    background:url("../images/presen/page17.png") no-repeat;
    background-size:960px;
    position: relative;
    
}
div.page17 p.page17{
    position: absolute;
}
p.page17.p17-01{
    top:55px;
    left:45px;
}
p.page17.p17-02{
    top:55px;
    left:175px;
}
p.page17.p17-03{
    top:55px;
    left:305px;
}
p.page17.p17-04{
    top:130px;
    left:45px;
}
p.page17.p17-05{
    top:130px;
    left:175px;
}
p.page17.p17-06{
    top:130px;
    left:305px;
}
p.page17.p17-07{
    top:210px;
    left:45px;
}
p.page17.p17-08{
    top:210px;
    left:175px;
}
p.page17.p17-09{
    top:210px;
    left:305px;
}
p.page17.p17-10{
    top:280px;
    left:45px;
}
p.page17.p17-11{
    top:280px;
    left:175px;
}
p.page17.p17-12{
    top:280px;
    left:305px;
}
div.page17 h3{
    width:120px;
    text-align: center;
    position: absolute;
    top:30px;
    left:410px;
    font-weight: bold;
}
div.page17 ul{
    text-align: center;
    position: absolute;
    top:100px;
    left:430px;
}
div.page17 p.cloud{
    position: absolute;
    line-height: 1.2em;
    color:#fff;
    font-size: 14px;
    width:130px;
}
p.cloud01{
    top:15px;
    left:600px;
}
p.cloud02{
    top:57px;
    left:780px;
}
p.cloud03{
    top:135px;
    left:600px;
}
p.cloud04{
    top:187px;
    left:777px;
}
p.cloud05{
    top:260px;
    left:610px;
    width:180px !important;
}

div.page18 {
    background:url("../images/presen/page18.png") no-repeat;
    width:860px;
    height: 420px;
    background-size:860px;
    margin:20px auto;
    position: relative;
}
div.page18 dl,
div.page18 h3,
div.page18 h4,
div.page18 p{
   /* position: absolute;*/
}
div.page18 dl{
    position: absolute;
}
dl.page18-1 dt{
    top:2px;
}
dl.page18-1 dd{
    text-align: center;
    margin-top:20px;
}
dl.page18-2{
    top:145px;
    left:9px;
}
dl.page18-2 dd{
    margin-top:20px;
    text-align: center;
}
dl.page18-3{
    top:285px;
    left:17px;
}
dl.page18-3 dd{
    margin-top:17px;
    text-align: center;
}
div.page18 h4{
    position: absolute;
    width:150px;
    text-align: center;
    right:18px;
    font-size:22px;
    font-weight: bold;
    color:var(--blue-color);
}
dl.page18-4{
    left:240px;
    top:30px;
    text-align: center;
    width:150px;
}
dl.page18-5{
    left:240px;
    top:230px;
    text-align: center;
    width:150px;
}
dl.page18-4 dt,
dl.page18-5 dt{
    font-weight: bold;
}
dl.page18-4 dd,
dl.page18-5 dd{
    font-size:14px;
    margin-top:15px;
}
h3.page18-6{
    color:#fff;
    font-size:30px;
    position: absolute;
    top:50px;
    left:500px;
}
p.page18-7,
p.page18-8{
    position: absolute;
    width:140px;
    left:470px;
    font-size:14px;
}
p.page18-7{
    top:160px;
}
p.page18-8{
    top:280px;
}
h4.page18-10{
    top:170px;
}
h4.page18-11{
    top:310px;
}
h4.page18-9{
    top:30px;
}
div.presen .mb30{
    margin-bottom:30px;
}
ul.slick-dots{
    text-align: center;
}
ul.slick-dots li {
    text-indent: -9999px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--blue-color);
    border-radius: 10px;
    margin: 5px;
}
li.slick-active {
    background-color: var(--red-color) !important;
}
/*end of presen*/
div.dougaImgWrapper {
	width: 100%;
	aspect-ratio:48/26;
	overflow: hidden;
}
div.dougaImgWrapper img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
div.blogBody a.link {
    color: #fff;
    margin-bottom: 50px;
}
div.blogBody a.link:hover {
    color: #000;
    text-decoration: none;
}
div.whitepaperImg {
    margin:50px auto;
}
div.whitepaperImg img{
    width:250px;
    border:3px solid #ccc;
    position: relative;
}
div.whitepaperImg img:hover{
    border-color:#999;
}
div.whitepaperImg img::after{
    content: "繝€繧ｦ繝ｳ繝ｭ繝ｼ繝�";
    font-size:1.6em;
    color:var(--blue-color);
    background:var(--blue-color);
    padding:0 10px;
    position: absolute;
    bottom:-10px;
    left:0;
    right:0;
    margin:auto;
   /* display: block;*/
    z-index: 1;
}
div.youtube{
    aspect-ratio:560/315;
}
a#totop{
    width: 50px;
    height: 50px;
    background-image: url("../images/totop.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px;
    position: fixed;
    display: none;
    right: 50px;
    bottom: 50px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
@media(max-width:440px){
	a#totop{
		width:40px;
		height: 40px;
		background-size:40px;
		bottom:25px;
		right:15px;
	}
}
a#totop:hover{
    background-position: center bottom;
}
a.index:not(.indexChild) {
	display: block;
	width:100%;
	box-sizing: border-box;
	padding:50px 0;
}
a.index:not(.indexChild){
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
    background-color: rgba(0,0,0,0.8);
    background-blend-mode: darken;
}
a.index:hover{
	background-blend-mode: lighten;
}
a.index.whysysdig{
    background-image: url("../images/h1_AdobeStock_970654358.webp");
}
a.index.sysdigmonitor{
    background-image: url("../images/h1_AdobeStock_970541313.webp");
}
a.index.sysdigsecure:not(.indexChild){
    background-image: url("../images/h1_AdobeStock_885214978.webp");
}
a.index.value{
    background-image: url("../images/h1_AdobeStock_949710856.webp");
}
a.index.senryu{
    background-image: url("../images/h1_pixta_31287821.webp");
}
a.index.solution{
    background-image: url("../images/h1_AdobeStock_219609549.webp");
}
a.index.runtimeinsight{
    background-image: url("../images/h1_AdobeStock_928703528.webp");
}
a.index.cspm{
    background-image: url("../images/h1_AdobeStock_830584542.webp");
}
a.index.sage{
    background-image: url("../images/h1_AdobeStock_876124851.webp");
}
a.index.blog{
    background-image: url("../images/h1_AdobeStock_962441009.webp");
}
a.index.tutorial{
    background-image: url("../images/h1_AdobeStock_683609644.webp");
}
a.index.whitepaper{
    background-image: url("../images/h1_AdobeStock_1014933246.webp");
}
a.index.kt{
    background-image: url("../images/h1_AdobeStock_931536608.webp");
}
a.index.scsk{
    background-image: url("../images/h1_AdobeStock_820536448.webp");
}
a.index.support{
    background-image: url("../images/h1_AdobeStock_480903784.webp");
}
a.index.acs{
    background-image: url("../images/h1_AdobeStock_547404496.webp");
}
div.indexWrapper{
	width:90%;
	max-width:1100px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
div.indexWrapper > div{
	width:50%;
}
@media(max-width:440px){
	div.indexWrapper > div{
		width:0
	}
}
div.indexWrapper .skew{
	transform:skewX(-20deg);
	background:#fff;
	border-radius: 12px;
	box-sizing: border-box;
	padding:30px 50px;
	min-height: 150px;
}
@media(max-width:440px){
	div.indexWrapper .skew{
		width:calc(100% - 20px) !important;
		margin:auto;
		transform:skewX(0);
		background:#fff;
		border-radius: 12px;
		box-sizing: border-box;
		padding:10px;
	}
}
.skew h3{
	color:var(--blk-color);
	font-size:2.4rem;
	font-weight: bold;
    border-bottom:5px solid transparent;
    border-image: linear-gradient(to right, #BDF78B, #1A2792) 1;
}
.skew h3.new{
	background-image:url("../images/icon_new.svg");
	background-repeat: no-repeat;
	background-size:45px;
	background-position: right 0px top 0px;
}
@media(max-width:440px){
	.skew h3{
		font-size:1.8rem;
	}
}
.skew p{
	color:var(--blk-color);
	margin-top:1em;
}
.skew ul{
	margin-top:1em;
}
.skew ul li{
	list-style: disc;
	margin-left:1em;
	color:var(--blk-color);
}
.skew ul a{
}
.skew ul a:hover{
	text-decoration: underline;
}
a:not(.indexChild):hover .skew{
	box-shadow: 3px 3px 12px rgba(0,0,0,0.35) inset;
}
div.indexWrapper div.index{
	transform:skewX(20deg)
}
@media(max-width:440px){
	div.indexWrapper div.index{
		transform:skewX(0) !important;
	}
}
div.solutionWrapper{
	gap:25px;
	justify-content: flex-start;
}
div.solutionWrapper a{
	background:#fff;
	color:var(--blk-color);
}
div.solution div.solImg{
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media(max-width:440px){
	div.solution div.solImg{
		height: 100px;
	}
}
div.solution div.solImg img{
	width:auto;
	height:65px;
	transform: scale(1.0);
	transition: transform 0.25s;
	max-width:90%;
}
@media(max-width:440px){
	div.solution div.solImg img{
		height:auto;
		width:auto;
		transform: scale(0.9);
		transition: transform 0.25s;
	}
}
div.solution div.solImg img.large{
    height: 132px;
}

div.solution div.solImg img.small{
    height: 44px;
}
@media(max-width:440px){
	div.solution div.solImg img.small{
		height: auto;
	}
	div.solution div.solImg img:not(.small):not(.large){
		height: 78px;
	}
}
a:hover div.solImg img{
	transform: scale(1.1);
	transition: transform 0.25s;
}
div.solution dl{
	padding:20px;
}
div.solution dt{
	font-size:1.8rem;
	font-weight: bold;
	text-align: center;
	border-bottom:1px solid var(--blk-color);
	margin-bottom:0.5em;
	padding-bottom: 0.25em;
}

h3.archive {
	color: #fff;
	font-size:1.8rem;
}
div.senryuLink li{
	list-style: disc;
	color:#fff;
	margin-bottom:1em;
}
div.senryuLink li a{
	color:#fff;
}
div.senryuLink li a:hover{
	color:var(--green-color);
}