@charset "UTF-8";
/* CSS Document */

/* ソリューション一覧 */
.solution {
	width: 50%;
	max-width: 575px;
	margin: 0 auto;
}
.solution-item {
	width: 575px;
	height: 150px;
	margin-bottom:9px;
}

.solution-b1{background:url(../img/top/solution-b1.png) no-repeat center left;}
.solution-b2{background:url(../img/top/solution-b2.png) no-repeat center left;}
.solution-b3{background:url(../img/top/solution-b3.png) no-repeat center left;}
.solution-b4{background:url(../img/top/solution-b4.png) no-repeat center left;}

.solution-item h3 {
	margin: 0;
}

.solution-item p {
	margin: 5px 0;
}
.solution-item .text-container {
	text-align: left;
	padding:30px 30px 20px 30px;
}
.solution-item:last-of-type .text-container {
	text-align: left;
	padding:30px 30px 0 30px;
}
.solution-item p.title {
	font-size: 24px;
	color: #fff; /* タイトルの色 */
	margin: 0;
}
.solution-item p.subtitle {
	font-size:13px;
	color: #fff; /* サブタイトルの色 */
	margin: 10px 0;
}
.solution-item p.subtitle2 {
	font-size:16px;
	color: #fff; /* サブタイトルの色 */
	margin: 10px 0;
}

.solution .more {
	text-align: right;
	padding:0 30px 0 0;
}


.sec-block {
}
.sec-block + .sec-block {
	padding-top:72px;
}
.sec-block-harf {
	float:left;
	width:525px;
}
.sec-block-harf + .sec-block-harf {
	float:right;
}
.sec-block .sec-ttl {
}
.sec-block .sec-ttl h2 {
	float:left;
	font-size:20px;
	font-weight:normal;
	font-family:'Century Gothic', 'Hiragino Sans', 'Noto Sans JP', 'ヒラギノ角ゴシック', Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'Noto Sans', Roboto, 'Droid Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-font-smoothing:antialiased;
}
.sec-block .sec-ttl h2 span {
	display:inline-block;
	margin:0 0 0 12px;
	vertical-align:3px;
	font-size:13px;
	font-weight:300;
	-webkit-font-smoothing:subpixel-antialiased;
}
.sec-block .sec-ttl + .sec-cont {
	margin-top:20px;
}

.solution-block {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	justify-content:flex-start;
}
.solution-box {
	width:350px;
	background:rgba(247,246,246,.85);
	border-left:1px solid #AAA;
}
.solution-box + .solution-box {
	margin-left:25px;
}
.solution-box:nth-of-type(3n+1) {
	margin-left:0;
}
.solution-box:nth-of-type(n+4) {
	margin-top:25px;
}

.solution-box a {
	display:block;
	width:100%;
	height:100%;
	padding:30px 35px;
	text-align:center;
}
.solution-box a .title {
	font-size:18px;
	font-weight:600;
	line-height:1.8;
	text-align:left;
}
.solution-box a .title + .overview {
	margin-top:0.6em;
}
.solution-box a .overview {
	font-size:15px;
	font-weight:300;
	line-height:1.6;
	text-align:left;
}
.solution-box a .overview + .tags {
	margin-top:1.0em;
}
.solution-box a .tags {
	font-size:13px;
	font-weight:300;
	line-height:1.0;
}
.solution-box a .tags li {
	float:left;
	width:65px;
	padding:5px;
	color:#FFF;
}
.solution-box a .tags li + li {
	margin-left:1%;
}
/* .solution-box a .tags li:nth-of-type(3n+1) {
	margin-left:0;
} */
.solution-box a .overview + .ar-next,
.solution-box a .tags + .ar-next {
	display:inline-block;
	margin-top:20px;
}

.tags li.local {
	background:#003040;
}
.tags li.public {
	background:#006858;
}
.tags li.private {
	background:#8C6D4C;
}
.tags li.medical {
	background:#0085b2;
}


.cont-ttl h2 {
	font-size:30px;
}
.solution-details .introduction {
	margin-bottom:3.0em;
}
.solution-details .tags {
	font-size:15px;
	font-weight:300;
	line-height:1.0 !important;
}
.solution-details .tags li {
	float:left;
	width:120px;
	padding:6px;
	color:#FFF;
	text-align:center;
}
.solution-details .tags li + li {
	margin-left:2px;
}

.solution-details .tags + .overview {
	margin-top:1.0em;
}
.solution-details .overview {
	color:#D90000;
	font-size:20px;
	font-weight:600;
	line-height:2.0;
}

.solution-details .overview + .content {
	margin-top:1.0em;
}
.solution-details .content {
}
.solution-details .content p {
	/*page.cssにて指定*/
}
.solution-details .content h1 {
	font-size:26px;
	font-weight:600;
	line-height:2.0;
}
.solution-details .content h2 {
	font-size:20px;
	font-weight:600;
	line-height:2.0;
}
.solution-details .content h3 {
	font-size:18px;
	font-weight:600;
	line-height:2.0;
}
.solution-details .content h4 {
	font-size:16px;
	font-weight:600;
	line-height:2.0;
}
.solution-details .content h5 {
	font-size:15px;
	font-weight:600;
	line-height:2.0;
}
.solution-details .content h6 {
	font-size:13px;
	font-weight:600;
	line-height:2.0;
}
/* 2025/07/09変更 */
.solution-details .content p + h1,
.solution-details .content p + h2,
.solution-details .content p + h3,
.solution-details .content p + h4,
.solution-details .content p + h5,
.solution-details .content p + h6,
.solution-details .content p + p {
	margin-top:1.0rem;
	/* margin-top:2.0rem; */
}

.pNavi {
}
.pNavi ul {
}
.pNavi ul li {
	width:auto;
	line-height:1.0;
	text-align:center;
}

/* 20200127 kkc ins s */
.history-block {
}
.history-block .history-box {
}
.history-block .history-box dt {
	float:left;
	width:6em;
	font-weight:800;
	text-align:center;
}
.history-block .history-box dd {
	padding-left:4em;
}
/* 20200127 kkc ins e */

/* 20200423 kkc ins s */

.column {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
}
.column-img {
	width: 30%;
	height: 30%;
}
.column-img img {
	width: 100%;
	height: 100%;
}
.column-texts {
	box-sizing: border-box;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	width: 70%;
}
.column-texts-title {
	margin: 0;
}
.column-texts-p {
	margin: 0;
	padding-top: 20px;
}

/* 20200423 kkc ins e */

/* 20200507 kkc ins s */

.halfcolumn {
	display: flex;
	justify-content: space-between;
	margin: 20px;
}
.halfcolumn-left {
	margin: 10px 0px 10px 10px;
	padding: 10px;
	width: 50%;
    background-color: white;
}
.halfcolumn-right {
	box-sizing: border-box;
	margin: 10px 10px 10px 0px;
	padding: 10px;
	width: 50%;
    background-color: white;
}
.halfcolumn-left img  {
	width: 100%;
	height: auto;
	background-color: #FAD7DE;
}
.halfcolumn-right img {
	width: 100%;
	height: auto;
	background-color: #BEE9FA;
}
.halfcolumn-title {
	margin: 0;
	padding-bottom: 20px;
}
.halfcolumn-p {
	margin: 0;
	padding: 10px;
}

/* 20200507 kkc ins e */

/* 20241127 kkc ins s */

.solution-block ul{
	/* margin: 10px 0 10px 30px; */
}
.solution-block ul + ul{
	/* margin-left: 50px; */
}

.bg-white{
	background-color: #FFF;
	width: 660px;
	padding: 30px;
}
.bg-white p.ta-right{
	text-align: right;
}

.solution-box1{
	width: 490px;
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 20px 10px;
	margin: 10px;
	border: solid #f47d2b 1px;
	border-radius: 20px;
}
.solution-box1 .w30{
	width: 25%;
}
.solution-box1 .w70{
	width: 85%;
}
.solution-box1 .w30 img{
	width: 90%;
	height: auto;
	margin-top:15px;
}
.solution-details .content h4.small-title{
	margin-top:40px;
	font-weight: normal;
}

/* 20241127 kkc ins e */

/* 20250529 kkc ins s */
	.mt30{
		margin-top: 30px;
	}
	.solution.pd20{
		padding: 20px;
	}
	.solution-text{
		font-size: 15px;
		line-height: 1.0;
	}
	.solution-details .solution-appeal{
		padding: 10px;
    border: 2px solid red;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
	}
	.solution-details .solution-appeal h1{
		font-size: 35px;
    font-weight: 600;
    line-height: 1.5;
		color:#D90000;
		text-decoration:underline;
	}
	.solution-details .solution-appeal h2{
		color:#D90000;
		text-decoration:underline;
	}
	.solution-details .solution-appeal h3{
		padding: 5px 0;
	}
	.solution-details .solution-merit{
		margin: 10px;
		padding: 10px;
	}
	.solution-box2{
	width: 300px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	padding: 10px;
	margin: 10px;
	border: solid #ed7d31 2px;
	border-radius: 10px;
	}
	.solution-box2 .w30{
		width: 30%;
	}
	.solution-box2 .w75{
		width: 75%;
	}
	.solution-box2 .w30 img{
		width: 100%;
		height: auto;
	}
	.solution-details .content h4.small-title{
		margin-top:40px;
		font-weight: normal;
	}
	/* 20250529 kkc ins e */

	/* 20251015 kkc ins s */
.ITconcierge_problembox{
	width: 22%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	padding: 20px;
	margin: 20px 10px 25px 10px;
	border-radius: 10px;
	background-color: #ffffff;
	-webkit-box-shadow: 10px 10px 0 #e1e1e1;
	box-shadow: 10px 10px 0 #e1e1e1;
}

.solution-box3{
	width: 48%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px;
	margin: 10px;
	border: solid #3a2c6f 2px;
	border-radius: 10px;
}
.solution-box3 .w30{
	width: 30%;
}
.solution-box3 .w30 img{
	width: 80%;
	height: auto;
}
.solution-box3 .w70{
	width: 70%;
}
.solution-box3 .w70 h3{
	color: #3a2c6f;
}

.ITconcierge_pricing{
	margin: 10px;
	width: 97%;
	border-collapse:  collapse; /* セルの線を重ねる */
	text-align: center;  /* 文字の揃え位置指定 */
}
.ITconcierge_pricing th,td{
	border: solid #848094 1px; /* 枠線指定 */
	padding: 15px; /* 余白指定 */
	word-wrap: break-word;
	vertical-align: middle;
}
.ITconcierge_pricing tr:nth-child(2){
	background-color: #dfdde8;
}
.ITconcierge_pricing tr:nth-child(3){
	background-color: #d0cddc;
}
.ITconcierge_pricing tr:nth-child(4){
	background-color: #c0bcd1;
}

.ITconcierge_case{
	margin: 10px;
	width: 85%;
	border-collapse:  collapse; /* セルの線を重ねる */
}
.ITconcierge_case th,td{
	border: solid 1px; /* 枠線指定 */
	padding: 15px; /* 余白指定 */
	vertical-align: middle;
}

#contents .cont-block p.remarks{
	font-size: 0.8em;
}
/* 20251015 kkc ins e */

/* 20251114 kkc ins s */
/* セキュリティページ全体 */
.explain{
	margin:40px auto;
}
/* セキュリティテーブルとテキスト表 */
/***** 共通 *****/
#security{
	margin: 60px auto;
}
#security ul{
	padding-left: 0;
}
#security ul li{
	list-style: none;
}
#security .detail-link{
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#contents .cont-block #security a.detail-link{
	color: #000;
}
.network-protection1{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.network-protection2{
	margin:40px auto;
	width: 510px;
}
#security .flex-box{
	display: block;
}
#sec2-link{
	height: 30px;
}
#sec3-link{
	height: 30px;
}
#sec4-link{
	height: 30px;
}
/***** クラウド *****/
/* ①データ守る */
#security .network-block1{
	width: 250px;
	height: 430px;
	background-color: #FFF;
	text-align: center;
}
#security .network-block1 .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #00b2b2;
}
#security .network-block1 .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
}
#security .network-block1 h3{
	margin-top: 18px;
	margin-bottom: 0;
}
#security .network-block1 ul li figcaption{
	color: #00b2b2;
	font-weight: bold;
}
#security .network-block1 .block-header{
		margin: 18px auto;
		margin-top: 0;
}
#security .network-block1 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00b2b2;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block1 .service-card{
	width: 210px;
	height: 210px;
	background-color: #dfedee;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	text-align: center;
}
#security .network-block1 .service-card ul{
	margin: 0 auto;
}
#security .network-block1 .service-card ul li{
	width: 170px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color:#FFF;
	background-color: #00b2b2;
	border-bottom: 1px solid #FFF;
}
#security .network-block1 .service-card ul li:last-child{
	border-bottom: none;
}
/*****  社内ネットワーク *****/
/* ②ネットワーク */
#security .internal-network .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #00a3d9;
}
#security .internal-network .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
}
#security .internal-network{
	width: 630px;
	height: 430px;
	background-color: #FFF;
}
#security .internal-network .internal-group{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin:0 20px;
}
#security .network-block2{
	text-align: center;
}
#security .network-block2 .block-header{
	margin: 18px auto;
	margin-top: 0;
}
#security .network-block2 h3{
	margin-top: 18px;
	margin-bottom: 0;
}
#security .network-block2 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block2 ul li figcaption{
	color: #00a3d9;
	font-weight: bold;
}
#security .network-block2 .block-header .block-icons{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
	gap:20px;
}
#security .network-block2 .service-card{
	width: 210px;
	height: 210px;
	background-color: #ccedf7;
	margin: 0 auto;
	padding: 21px 20px;
	position: relative;
}
#security .network-block2 .service-card ul{
	margin: 0 auto;
}
#security .network-block2 .service-card ul li{
	width: 170px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color:#FFF;
	background-color: #00a3d9;
	border-bottom: 1px solid #FFF;
}
#security .network-block2 .service-card ul li:last-child{
	border-bottom: none;
}
/* ③パソコンと機器守る */
#security .network-block3{
	text-align: center;
	margin-left: 20px;
}
#security .network-block3 .block-header{
  margin: 18px auto;
  margin-top: 0;
}
#security .network-block3 h3 {
    margin-top: 18px;
    margin-bottom: 0;
}
#security .network-block3 ul li figcaption{
	color: #00a3d9;
	font-weight: bold;	
}
#security .network-block3 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block3 .block-header .block-icons{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
	gap:20px;
	height: 91px;
}
#security .network-block3 .service-card{
	width: 360px;
	height: 210px;
	background-color: #ccedf7;
	margin: 0 auto;
	padding: 21px;
	position: relative;
}
#security .network-block3 .service-card ul{
	margin: 0 auto;
			display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#security .network-block3 .service-card ul li{
	width: 159px;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color:#FFF;
	background-color: #00a3d9;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#security .network-block3 .service-card ul:nth-of-type(4) li.right{
	border-bottom: none;
}
#security .network-block3 .service-card ul:last-of-type li{
	border-bottom: none;
	border-right: none;
}
#security .network-block3 .service-card ul:last-of-type li:last-child{
	background: none;
}
#security .network-block3 .service-card ul li:last-child{
	border-right: none;
}
#security .network-block3 .detail-link{
	font-size: 12px;
  position: absolute;
  bottom: 20px;
	left: 70%;
}
/***** 利用者 *****/
/* ④お客様守る */
#security .network-block4{
	width: 510px;
	height: 220px;
	background-color: #FFF;
	text-align: center;
}
#security .network-block4 .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #85b200;
}
#security .network-block4 .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
}
#security .network-block4 .block-header h3{
	margin-top: 18px;
	margin-bottom: 0;
}
#security .network-block4 .block-header h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #85b200;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block4 .service-card{
	margin: 0 auto;
	padding: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#security .network-block4 .service-card ul.block-list{
	width: 360px;
	height: 90px;
	background-color: #def1cc;
	margin: 0 auto;
	padding: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
#security .network-block4 .service-card ul.block-list li{
	width: 170px;
	height: 32px;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	color:#FFF;
	background-color: #85b200;
	border-right: 1px solid #FFF;
}
#security .network-block4 .service-card ul.block-list li:nth-last-of-type(1){
	border-right: none;
}
#security .network-block4 .service-card ul li figcaption{
	color: #85b200;
	font-weight: bold;
}
#security .network-block4 .detail-link{
	font-size: 12px;
  position: absolute;
  bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
  	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
/* 詳細説明テーブル */
.solution-details .content #security-table  p + p{
	margin: 0;
}
.solution-details .content #security-table h3 {
	margin-bottom: 10px;
}
/* ①データを守ります */
#section1{
	margin-top: 40px;
}
#security-table .table1 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00b2b2;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security-table .table1 .feature-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  border-bottom: 1px solid #FFF;
}
#security-table .table1 .feature-title {
  width: 170px;
	font-size: 15px;
  background: #00b2b2;
  color: #fff;
  font-weight: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding: 15px 10px;
}
#security-table .table1 .feature-content {
  flex: 1;
  padding: 10px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}
#security-table .table1 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
#security-table .table1 .feature-content p span{
  color:#00b2b2;
}
/* ②ネットワークを守ります */
#section2{
	margin-top: 20px;
}
#security-table .table2 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security-table .table2 .feature-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  border-bottom: 1px solid #FFF;
}
#security-table .table2 .feature-title {
  width: 170px;
	font-size: 15px;
  background: #00a3d9;
  color: #fff;
  font-weight: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding: 15px 10px;
}
#security-table .table2 .feature-content {
  flex: 1;
  padding: 10px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}
#security-table .table2 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
#security-table .table2 .feature-content p span{
  color:#00a3d9;
}
/* ③パソコンなどの機器を守ります */
#section3{
	margin-top: 20px;
}
#security-table .table3 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security-table .table3 .feature-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  border-bottom: 1px solid #FFF;
}
#security-table .table3 .feature-title {
  width: 170px;
	font-size: 15px;
  background: #00a3d9;
  color: #fff;
  font-weight: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding: 15px 10px;
}
#security-table .table3 .feature-content {
  flex: 1;
  padding: 10px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}
#security-table .table3 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
#security-table .table3 .feature-content p span{
  color:#00a3d9;
}
/* ④お客様を守ります */
#section4{
	margin-top: 20px;
	margin-bottom: 40px;
}
#security-table .table4 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #85b200;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security-table .table4 .feature-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  border-bottom: 1px solid #FFF;
}
#security-table .table4 .feature-title {
  width: 170px;
	font-size: 15px;
  background: #85b200;
  color: #fff;
  font-weight: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding: 15px 10px;
}
#security-table .table4 .feature-content {
  flex: 1;
  padding: 10px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}
#security-table .table4 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
#security-table .table4 .feature-content p span{
  color:#85b200;
}
#security-table .feature-content p span.col1{
	color:#D90000;
}
/* 20251114 kkc ins e */

/* 20260119 kkc ins s */
/* 受注配送管理システム */
#order-delivery .y-circle{
	background: #00a1de;
	border-radius:50%;
	border:3px solid #ffffbf;
	color:#FFF;
	font-weight: bold;
	width: 195px;
	height: 195px;
	text-align: center;
	padding:35px 0;
}
#order-delivery ul.list li{
	font-size: 18px;
}
#order-delivery .intro{
	margin-top: 1.0em;
}
#order-delivery .intro span{
	color: #00a1de;
}
.solution-details .content #order-delivery .y-circle h1{
	color:#ffffbf;
	font-size: 43px;
	line-height: 1.5;
}
.solution-details .content #order-delivery .y-circle h3{
	line-height: 1;
}
#contents .cont-block .solution-details .content #order-delivery .y-circle p{
	line-height: 1.2;
}
#od-diagram{

}
#od-diagram .od-chart{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#od-diagram .od-sec1{
	width: 680px;
	height: 460px;
	background-color: #FFF;
}
#od-diagram .od-sec1 .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #004092;
}
#od-diagram .od-sec1 .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
}
#od-diagram .od-sec1 .od-group1{
	position: relative;
}
#od-diagram .od-sec1 .od-group1 .b-circle.c1{
	position: absolute;
	top:20px;
	left:18px;
}
#od-diagram .od-sec1 .od-group1 .b-circle.c2{
	position: absolute;
	top:208px;
	left:120px;
}
#od-diagram .od-sec1 .od-group1 .b-circle.c3{
	position: absolute;
	top:20px;
	left:240px;
}
#od-diagram .od-sec1 .od-group1 .b-circle.c4{
	position: absolute;
	top:208px;
	right: 120px;
}
#od-diagram .od-sec1 .od-group1 .b-circle.c5{
	position: absolute;
	top:20px;
	right:18px;
}
#od-diagram .od-sec1 .od-group1 .ar1{
	position: absolute;
	top:200px;
	left:155px;
}
#od-diagram .od-sec1 .od-group1 .ar2{
	position: absolute;
	top: 212px;
  left: 267px;
}
#od-diagram .od-sec1 .od-group1 .ar3{
	position: absolute;
	top: 200px;
  right: 258px;
}
#od-diagram .od-sec1 .od-group1 .ar4{
	position: absolute;
	top: 212px;
	right:145px;
}
#od-diagram .od-sec1 .b-circle{
	background: #00a1de;
	border-radius:50%;
	border:3px solid #c5e6f2;
	color:#FFF;
	font-weight: bold;
	width: 195px;
	height: 195px;
	text-align: center;
	padding:16px 0;
}
#od-diagram .od-sec1 .b-circle h3 span{
	padding: 2px 5px;
	color: #004092;
	font-size: 20px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
}
#od-diagram .od-sec1 .b-circle p{
	line-height: 1.5;
	text-align: left;
}
#od-diagram .od-sec1 .b-circle p span{
	font-size: 12px;
}
#od-diagram .od-sec1 .b-circle p + p{
	margin-top: 0;
}
#od-diagram .od-sec1 .b-circle.c1 p,
#od-diagram .od-sec1 .b-circle.c2 p{
	padding-left: 37px;
}
#od-diagram .od-sec1 .b-circle.c3 p,
#od-diagram .od-sec1 .b-circle.c4 p,
#od-diagram .od-sec1 .b-circle.c5 p{
	padding-left: 25px;
}
#od-diagram .od-sec2{
	width: 210px;
	height: 460px;
	background-color: #FFF;
	text-align: center;
}
#od-diagram .od-sec2 .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #9bc500;
}
#od-diagram .od-sec2 .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
}
#od-diagram .od-sec2 .od-group2{
	padding: 18px;
}
#od-diagram .od-sec2 .od-group2 .back-green{
	background-color: #ebf4cb;
	width: 170px;
	height: 377px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul{
	padding: 45px 26px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li.icon-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li p {
	color: #9bc500;
	font-weight: bold;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(2){
	padding-top: 30px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(3){
	padding-top: 30px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(4){
	padding-top: 30px;
}
#od-diagram .od-arrow span img{
	margin: 30px 0;
}
#od-point{
	padding:18px 25px;
	background-color: #c5e6f2;
	width: 1020px;
	height: 120px;
	margin:40px 0;
}
#od-point h3.point{
	color:#004092;
	line-height: 2.0;
}

/* 20260119 kkc ins e */



@media screen and (max-width: 767px) {

	/***** Solution *****/

	.solution {
		width: 100%;
		padding: 0;
		border-right: none;
	}
	.solution-item{
		width: 90vw;
		height: auto;
	}
	.solution-b1{background:#ccc url(../img/top/solution-b1.png) no-repeat center left; background-size: cover; margin:0 auto; margin-bottom:9px;}
	.solution-b2{background:#ccc url(../img/top/solution-b2.png) no-repeat center left; background-size: cover; margin:0 auto; margin-bottom:9px;}
	.solution-b3{background:#ccc url(../img/top/solution-b3.png) no-repeat center left; background-size: cover; margin:0 auto; margin-bottom:9px;}
	.solution-b4{background:#ccc url(../img/top/solution-b4.png) no-repeat center left; background-size: cover; margin:0 auto; margin-bottom:9px;}

	.solution-item .text-container {
		text-align: left;
		padding:10px 10px 0px 10px;
	}
	.solution-item:last-of-type .text-container {
		text-align: left;
		padding:10px 10px 0px 10px;
	}
	.solution-item p.title {
		font-size: 4.8vw;
	}
	.solution-item p.subtitle {
		font-size:2.56vw;
	}
	.solution-item p.subtitle2 {
		font-size:3.15vw;
	}
	.solution .more {
		text-align: right;
		padding:10px 10px 10px 0;
		font-size: 3.466vw;
	}
	.solution-item:last-of-type p.subtitle {
		margin:10px 0 5px;
	}
	.solution-item:last-of-type p.subtitle2 {
		margin:0 0 10px;
	}
	.solution-item:last-of-type .more {
		padding:0 10px 10px 0;
	}

	.sec-block {
	}
	.sec-block + .sec-block {
		padding-top:20vw;
	}
	.sec-block-harf {
		float:none;
		width:100%;
	}
	.sec-block-harf + .sec-block-harf {
		float:right;
	}
	.sec-block .sec-ttl {
	}
	.sec-block .sec-ttl h2 {
		float:left;
		font-size:4.000vw;
	}
	.sec-block .sec-ttl h2 span {
		margin:0 0 0 1em;
		vertical-align:0.5vw;
		font-size:2.66vw;
	}
	.sec-block .sec-ttl + .sec-cont {
		margin-top:3vw;
	}

	.solution-block {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		
		justify-content:flex-start;
	}
	.solution-box {
		width:100%;
		background:rgba(247,246,246,.85);
		border-left:1px solid #AAA;
	}
	.solution-box + .solution-box {
		margin-left:0;
		margin-top:4vw;
	}
	.solution-box:nth-of-type(3n+1) {
		margin-left:0;
	}
	.solution-box:nth-of-type(n+4) {
		margin-top:4vw;
	}
	
	.solution-box a {
		display:block;
		width:100%;
		height:100%;
		padding:4vw;
		text-align:center;
	}
	.solution-box a .title {
		font-size:4.000vw;
		font-weight:600;
		line-height:1.8;
		text-align:left;
	}
	.solution-box a .title + .overview {
		margin-top:0.6em;
	}
	.solution-box a .overview {
		font-size:3.200vw;
		font-weight:300;
		line-height:1.6;
		text-align:left;
	}
	.solution-box a .overview + .tags {
		margin-top:1.0em;
	}
	.solution-box a .tags {
		font-size:2.66vw;
		font-weight:300;
		line-height:1.0;
	}
	.solution-box a .tags li {
		float:left;
		/* width:32.5%; */
		padding:0.5em;
		color:#FFF;
	}
	.solution-box a .tags li + li {
		margin-left:1%;
	}
	/* .solution-box a .tags li:nth-of-type(3n+1) {
		margin-left:0;
	} */
	.solution-box a .overview + .ar-next,
	.solution-box a .tags + .ar-next {
		display:inline-block;
		margin-top:1em;
	}
	
	.tags li.local {
		background:#003040;
	}
	.tags li.public {
		background:#006858;
	}
	.tags li.private {
		background:#8C6D4C;
	}
	
	
	
	.cont-ttl h2 {
		font-size:5.866vw;
	}
	.solution-details .tags {
		font-size:3.466vw;
		font-weight:300;
		line-height:1.0 !important;
	}
	.solution-details .tags li {
		float:left;
		width:76px;
		/* width:32.5%; */
		padding:0.5em;
		color:#FFF;
		text-align:center;
	}
	.solution-details .tags li + li {
		margin-left:1%;
	}
	/* .solution-details .tags li:nth-of-type(3n+1) {
		margin-left:0;
	} */
	
	.solution-details .tags + .overview {
		margin-top:1.0em;
	}
	.solution-details .overview {
		color:#D90000;
		font-size:4.266vw;
		font-weight:600;
		line-height:1.8;
	}
	
	.solution-details .overview + .content {
		margin-top:1.0em;
	}
	.solution-details .content {
	}
	.solution-details .content p {
		/*page.cssにて指定*/
	}
	.solution-details .content h1 {
		font-size:5.333vw;
		font-weight:600;
		line-height:2.0;
	}
	.solution-details .content h2 {
		font-size:4.266vw;
		font-weight:600;
		line-height:1.8;
	}
	.solution-details .content h3 {
		font-size:4.000vw;
		font-weight:600;
		line-height:1.8;
	}
	.solution-details .content h4 {
		font-size:3.733vw;
		font-weight:600;
		line-height:1.8;
	}
	.solution-details .content h5 {
		font-size:3.466vw;
		font-weight:600;
		line-height:1.8;
	}
	.solution-details .content h6 {
		font-size:2.933vw;
		font-weight:600;
		line-height:1.8;
	}
	.solution-details .content p + h1,
	.solution-details .content p + h2,
	.solution-details .content p + h3,
	.solution-details .content p + h4,
	.solution-details .content p + h5,
	.solution-details .content p + h6,
	.solution-details .content p + p {
		margin-top:2.0rem;
	}

	.solution-details img.plus-sp {
		width: 100px;
		height: 100px;
		margin:0 auto;
	}
	
	.pNavi {
	}
	.pNavi ul {
	}
	.pNavi ul li {
	}

/* 20200127 kkc ins s */
	.history-block {
	}
	.history-block .history-box {
	}
	.history-block .history-box + .history-box {
		margin-top:1em;
	}
	.history-block .history-box dt {
		float:none;
		width:auto;
		font-weight:800;
		text-align:left;
	}
	.history-block .history-box dd {
		padding-left:0;
	}
/* 20200127 kkc ins e */

/* 20200423 kkc ins s */
	.column {
		flex-direction: column;
		/* 2025/07/09変更 */
		margin-top: 10px;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	.column-img {
		width: 100%;
	}
	.column-texts {
		width: 100%;
		/* 2025/07/09変更 */
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;		
	}
/* 20200423 kkc ins e */
	
/* 20200507 kkc ins s */
	.halfcolumn {
		flex-direction: column;
	}
	.halfcolumn-left {
		width: 100%;
		margin: 10px;
	}
	.halfcolumn-right {
		width: 100%;
		margin: 10px;
	}
/* 20200507 kkc ins e */

/* 20241127 kkc ins s */
.solution-details .content .non-mt p + p {
	margin-top: 0;
}
.solution-block ul{
	margin: 10px 0 10px 5px;
}
.solution-block ul + ul{
	margin-left: 5px;
}
.bg-white{
	width: 100%;
}
#overview {
	margin:30px 0;
}
#overview .col-box{
	margin:10px 0;
}
#overview .col-box ul li{
	margin:5px 0;
	font-weight: 600;
}

/* 20241127 kkc ins e */

/* 20250529 kkc ins s */
	.mtdf{
		margin-bottom: 32px;
	}
	.solution.pd20{
		padding: 0;
		margin-top: 20px;
	}
	.solution-details .solution-appeal{
		width: 100%;
	}
	.solution-details .solution-merit{
		margin: 20px 0;
		padding: 10px 0;
	}
	.solution-box2{
		width: 300px;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
		margin: 10px;
		border: solid #ed7d31 2px;
		border-radius: 10px;
	}
	.solution-details .solution-appeal{
		padding: 20px 10px;
	}
	.solution-details .solution-appeal h1{
    font-weight: 600;
    line-height: 1.5;
	}
	.solution-details .solution-appeal h3{
		font-size: 3.4vw;
		padding: 10px 0;
	}
	
/* 20250529 kkc ins e */

/* 20251015 kkc ins s */
.ITconcierge_problembox{
	width: 100%;
	margin: 5px 0px 10px 0px;
	box-shadow: 5px 5px 0 #e1e1e1
}

.solution-box3{
	width: 100%;
}

.table-scroll{
	overflow-x: scroll;
	font-size: 3.466vw;
	line-height: 1.8;
}
.table-scroll table.ITconcierge_pricing{
	width: 1000px;
}
.table-scroll table.ITconcierge_case{
	width: 600px;
}
/* 20251015 kkc ins e */
/* 20251114 kkc ins s */
/* セキュリティテーブルとテキスト表 */
/***** 共通 *****/
#security ul{
	padding-left: 0;
}
#security ul li{
	list-style: none;
}
#security ul li figure img.w80{
	width: 35px;
	padding-top: 10px;
}
#security .detail-link{
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	z-index:100;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.network-protection1{
	display: block;
}
.network-protection2{
	margin:40px auto;
	width: 100%;
}
#security .flex-box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#security ul li figure img{
	width: 40px;
}
#sec2-link-sp{
	height: 10px;
}
#sec3-link-sp{
	height: 10px;
}
#sec4-link-sp{
	height: 10px;
}
/* アコーディオン開閉 */
.accordion_header {
  cursor: pointer;
  color: #333;
}
.feature-text{
	display: none;
}
.feature-text.open{
	display:block;
}
.close_button {
  cursor: pointer;
  color: #333;
  margin-top: 10px;
}
/***** クラウド *****/
/* ①データ守る */
#security .network-block1{
	width: 100%;
	height: auto;
	background-color: #FFF;
	margin: 0 auto;
}
#security .network-block1 .block-title{
	width: 100%;
	height: 33px;
	line-height: 33px;
	background-color: #00b2b2;
}
#security .network-block1 .block-box{
	padding: 10px 8px;
}
#security .network-block1 h3{
	margin-top: 0;
	margin-bottom:10px;
}
#security .network-block1 .block-header{
	margin: 0;
	margin-right: 4px;
	width: 55px;
}
#security .network-block1 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00b2b2;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block1 ul li figcaption{
	font-size: 49%;
}
#security .network-block1 .service-card{
	width:80%;
	height: 70px;
	background-color: #dfedee;
	margin: 0;
	padding: 8px;
	position: relative;
}
#security .network-block1 .service-card ul{
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#security .network-block1 .service-card ul li{
	width:100%;
	height: 32px;
	font-size: 3vw;
	line-height: 32px;
	color:#FFF;
	background-color: #00b2b2;
	border-right: 1px solid #FFF;
	border-bottom: 0;
}
#security .network-block1 .service-card ul li:last-child{
	border-right: none;
}
.internet-sp{
	text-align: center;
	margin:0 auto;
}
.internet-sp img{
	width:40%;
}
/*****  社内ネットワーク *****/
/* ②ネットワーク */
#security .internal-network .block-title{
	width: 100%;
	height: 33px;
	line-height: 33px;
	background-color: #00a3d9;
}
#security .internal-network .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
}
#security .internal-network{
	width: 100%;
	height: auto;
}
#security .internal-network .internal-group{
	display: block;
	margin: 0;
}
#security .network-block2{
	padding: 10px 8px;
}
#security .network-block2 h3{
	margin-top: 0;
	margin-bottom: 10px;
}
#security .network-block2 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block2 .block-header{
	margin: 0;
	margin-right: 4px;
	width: 55px;
}
#security .network-block2 ul li figcaption{
	font-size: 49%;
}
#security .network-block2 .block-header .block-icons{
	display: block;
}
#security .network-block2 .service-card.pcOnly{
	display: none;
}
#security .network-block2 .service-card.spOnly{
  width:80%;
	height: 105px;
	background-color: #ccedf7;
	margin: 0;
	padding: 10px 8px;
	position: relative;
}
#security .network-block2 .service-card.spOnly ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
}
#security .network-block2 .service-card.spOnly ul li{
	width:100%;
	height: 32px;
	font-size: 3vw;
	line-height: 32px;
	color:#FFF;
	background-color: #00a3d9;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#security .network-block2 .service-card.spOnly ul li:nth-last-of-type(1){
	border-right: none;
}
#security .network-block2 .service-card.spOnly ul:nth-of-type(2) li{
	border-bottom: none;
}
/* ③パソコンと機器守る */
#security .network-block3 {
	padding: 10px 8px;
	margin-left: 0;
}
#security .network-block3 .block-box{
	padding: 10px;
}
#security .network-block3 h3{
	margin-top: 0;
	margin-bottom: 10px;
}
#security .network-block3 h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #00a3d9;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block3 .block-header{
	margin: 0;
	margin-right: 4px;
	width: 55px;
}
#security .network-block3 .block-header .block-icons{
	display: block;
	height: auto;
}
#security .network-block3 ul li figcaption{
	font-size: 49%;
}
#security .network-block3 .service-card{
	width:80%;
	height: 200px;
	background-color: #ccedf7;
	margin: 0;
	padding: 10px 8px;
	position: relative;
}
#security .network-block3 .service-card ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
}
#security .network-block3 .service-card ul li{
	width:100%;
	height: 32px;
	font-size: 3vw;
	line-height: 32px;
	color:#FFF;
	background-color: #00a3d9;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#security .network-block3 .service-card ul.right li:last-child{
	border-right: none;
}
#security .network-block3 .detail-link{
	font-size: 12px;
  position: absolute;
	z-index:100;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
/***** 利用者 *****/
/* ④お客様守る */
#security .network-block4{
	width: 100%;
	height: auto;
	background-color: #FFF;
}
#security .network-block4 .block-title{
	width: 100%;
	height: 33px;
	line-height: 33px;
	background-color: #85b200;
}
#security .network-block4 .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
}
#security .network-block4 .block-box{
	padding: 10px;
}
#security .network-block4 .block-header h3{
	margin-top: 10px;
	margin-bottom: 0;
}
#security .network-block4 ul li figcaption{
	font-size: 49%;
}
#security .network-block4 .block-header h3 span.block-number{
	padding: 2px 5px;
  color: #FFF;
  background-color: #85b200;
  margin-right: 1px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}
#security .network-block4 .service-card{
	margin: 0;
	padding: 10px 8px;
}
#security .network-block4 .service-card .block-icons{
	width: 55px;
}
#security .network-block4 .service-card ul.block-list{
	width:80%;
	height: 70px;
	background-color: #def1cc;
	margin: 0 auto;
	padding: 10px 8px;
		display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;	
	position: relative;
}
#security .network-block4 .service-card ul.block-list li{
	width:100%;
	height: 32px;
	font-size: 2.8vw;
	text-align: center;
	line-height: 32px;
	color:#FFF;
	background-color: #85b200;
	border-right: 1px solid #FFF;
}
#security .network-block4 .service-card ul.block-list li figure{
	margin-right: 4px;
}
#security .network-block4 .detail-link{
	font-size: 12px;
  position: absolute;
  bottom: 5px;
	left: 50%;
	z-index:100;
	transform: translateX(-50%);
  	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#security-table .table1 h3 span.block-number{
	padding: 2px 5px;
}
#security-table .table2 h3 span.block-number{
	padding: 2px 5px;
}
#security-table .table3 h3 span.block-number{
	padding: 2px 5px;
}
#security-table .table4 h3 span.block-number{
	padding: 2px 5px;
}
/* 詳細説明テーブル */
/* ①データを守ります */
#section1{
	margin-top: 40px;
}
#security-table .table1 .feature-title {
  width: 100px;
	font-size: 15px;
  padding: 5px;
	text-align: center;
}
#security-table .table1 .feature-content {
  flex: 1;
  padding: 5px;
}
#security-table .table1 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
/* ②ネットワークを守ります */
#section2{
	margin-top: 40px;
}
#security-table .table2 .feature-title {
  width: 100px;
	font-size: 15px;
  padding: 5px;
	text-align: center;
}
#security-table .table2 .feature-content {
  flex: 1;
  padding: 5px;
}
#security-table .table2 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
/* ③パソコンなどの機器を守ります */
#section3{
	margin-top: 40px;
}
#security-table .table3 .feature-title {
  width: 100px;
	font-size: 15px;
  padding: 5px;
	text-align: center;
}
#security-table .table3 .feature-content {
  flex: 1;
  padding: 5px;
}
#security-table .table3 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
/* ④お客様を守ります */
#section4{
	margin-top: 40px;
	margin-bottom: 40px;
}
#security-table .table4 .feature-title {
  width: 100px;
	font-size: 15px;
  padding: 5px;
	text-align: center;
}
#security-table .table4 .feature-content {
  flex: 1;
  padding: 5px;
}
#security-table .table4 .feature-content p {
  margin-bottom: 10px;
  line-height: 1.6;
}
/* 20251114 kkc ins e */

/* 20260119 kkc ins s */
/* 受注配送管理システム */
#order-delivery .flex-between{
	display: block;
}
#order-delivery .y-circle{
	margin:10px auto;
}
#order-delivery ul.list li{
	font-size:15px;
}
#od-point{
	width: 100%;
  height: auto;
}

#od-diagram .od-chart{
	display: block;
}
#od-diagram .od-sec1-sp{
	width: 100%;
	height: initial;
	min-height: 1000px;
	background-color: #FFF;
}
#od-diagram .od-sec1-sp .block-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #004092;
}
#od-diagram .od-sec1-sp .block-title h2{
	color: #FFF;
	font-size: 19px;
	margin: 0;
	text-align: center;
	line-height: 2.0;
}
#od-diagram .od-sec1-sp .od-group1{
	position: initial;
	display: grid;
  grid-template-columns: 1fr 1fr;
}
#od-diagram .od-sec1-sp .od-group1 .wid1{
	width:10px;
}
#od-diagram .od-sec1-sp .b-circle{
	background: #00a1de;
	border-radius:50%;
	border:3px solid #c5e6f2;
	color:#FFF;
	font-weight: bold;
	width: 195px;
	height: 195px;
	text-align: center;
	padding:18px 0;
}
#od-diagram .od-sec1-sp .b-circle.left {
  grid-column: 1;
}
#od-diagram .od-sec1-sp .b-circle.right {
  grid-column: 2;
}
#od-diagram .od-sec1-sp .b-circle.c1{
	transform: translate(5vw, 3vw);
}
#od-diagram .od-sec1-sp .b-circle.c2{
	transform: translate(-22vw, 0);
}
#od-diagram .od-sec1-sp .b-circle.c3{
	transform: translate(5vw, -2vw);
}
#od-diagram .od-sec1-sp .b-circle.c4{
	transform: translate(-22vw, -4vw);
}
#od-diagram .od-sec1-sp .b-circle.c5{
	transform: translate(5vw, -6vw);
}
#od-diagram .od-sec1-sp .ar1{
	width:30px;
	transform: translate(-9vw, -2vw);
}
#od-diagram .od-sec1-sp .ar2{
	width:30px;
	transform: translate(-11vw, -3vw) rotate(-185deg);
}
#od-diagram .od-sec1-sp .ar3{
	width:30px;
	transform: translate(-10vw, -7vw);
}
#od-diagram .od-sec1-sp .ar4{
	width:30px;
	transform: translate(-11vw, -7vw) rotate(-185deg);
}
#od-diagram .od-sec1-sp .ar5{
	width:30px;
}
#od-diagram .od-sec1-sp .b-circle h3 span{
	padding: 2px 5px;
	color: #004092;
	font-size: 20px;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
}
#od-diagram .od-sec1-sp .b-circle p{
	line-height: 1.5;
	text-align: left;
}
#od-diagram .od-sec1-sp .b-circle p span{
	font-size: 12px;
}
#od-diagram .od-sec1-sp .b-circle p + p{
	margin-top: 0;
}
#od-diagram .od-sec1-sp .b-circle.c1 p,
#od-diagram .od-sec1-sp .b-circle.c2 p{
	padding-left: 37px;
}
#od-diagram .od-sec1-sp .b-circle.c3 p,
#od-diagram .od-sec1-sp .b-circle.c4 p,
#od-diagram .od-sec1-sp .b-circle.c5 p{
	padding-left: 25px;
}
#od-diagram .od-arrow span img{
	margin: 0;
}
#od-diagram .od-sec2{
	width: 100%;
  height: auto;
}
#od-diagram .od-sec2 .od-group2{
	padding: 10px;
}
#od-diagram .od-sec2 .block-title h2{
	line-height: 2.0;
}
#od-diagram .od-sec2 .od-group2 .back-green ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 10px;
	align-items: baseline;
  gap: 8px;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(2){
	padding-top: 0;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(3){
	padding-top: 0;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li:nth-of-type(4){
	padding-top: 0;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li.icon-text{
	display: block;
}
#od-diagram .od-sec2 .od-group2 .back-green ul li.icon-text img{
	width: 50px;
}
#od-diagram .od-sec2 .od-group2 .back-green{
	width: 100%;
  height: auto;
}
#od-point{
	padding: 20px 15px;
}
#od-point .gap30{
	gap:10px;
}
#od-point ul{
	list-style: none;
  padding: 0;
  margin: 0;
}
#od-point ul li{
  padding-left: 1.2em;    
  text-indent: -1.2em;  
  line-height: 1.6;
}

/* 20260119 kkc ins e */

}

@media screen and (max-width: 767px) and (orientation: landscape) {
		
}


.solution-nari { display:flex; align-items:end; background:none; border-left:none; padding:3.2vw 0; }
.solution-nari p { line-height:1.6; font-size:3.2vw; font-weight:300; }

@media screen and (min-width: 768px) {
.solution-nari { padding:15px 0; }
.solution-nari p { font-size:15px; }

}