@charset "UTF-8";
/* サービスカテゴリ用 */
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

/*サービストップ*/
/*円アイコン*/
.icon-bg {
    background: #0559a1!important;
    border-radius: 224px!important;
    padding: 28px 24px 24px!important;
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center!important;
    width: 142px!important;
    height:142px!important;
	margin-bottom:2em;
}

/*SSLトップ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/


.head_ssl {
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  1.6em;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #fff; /* 背景色指定 */
    padding: 0 10px 0 0;        /* 余白指定 */
	/*border-left:6px #005eae solid;*/
	font-weight: 700;
	color: #005eae;
}

		
.head_ssl-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom:15px;     /* 周りの余白指定 */
}
.head_ssl-wrap:before {
    content:  '';           /* 空白の要素を作る */
    background-color: #005eae; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  6px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
}
/*================================================
 *  特徴
 ================================================*/
.top_feature{
width: 100%;position: relative;}
.top_feature .inner{display: flex;height: 100%;}
.top_feature .inner .desc-txt{margin:auto;width: 92%; min-height: 620px;
    max-height: 630px; padding: 30px;box-sizing: border-box;background:#fff;border-radius: 8px;}


.top_feature .inner .desc-txt h3{text-align: left;color: #005eae;font-size: 25px;line-height: 1.4em; font-weight: 500;letter-spacing: 0;margin: 0 0 10px;}
.top_feature .inner .desc-txt p{ letter-spacing: 0.03em;line-height: 1.8em;}
.top_feature .inner .desc-txt p a{ color: #fff;text-decoration: underline;}
.top_feature .inner .desc-txt p a.link_arrow:before{
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f0a9";
	color:#005eae;
	text-decoration:none;
	padding-left:2px;
	margin-right:5px;
}
.top_feature .inner .desc-txt p a.link_arrow{
	line-height:15px;
	color:#005eae;
	text-decoration:none;
	}
	.link_arrow:hover {
	color:#42abea;
	text-decoration:none;
	}

/*--ポタン　色・基本サイズ--*/
.top_feature .inner .desc-txt a.btn-default{
position: relative;
  display: inline-block;
  font-weight: 500;
	text-align: center;
	text-decoration: none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	z-index: 1;
  text-align: center;
  vertical-align: middle;
  padding: 12px 0;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color:#fff;
}
.top_feature .inner .desc-txt a.btn-default:before {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f35a";
	text-decoration:none;
	margin-right:5px;
}
.top_feature .inner .desc-txt a.btn-default:hover {
		color:rgba(255,255,255,.8);
		transition: color 0.2s ease 0s;
}
	.top_feature_case{border:1px #fefefe solid;background:#fff;border-radius: 8px;}	
@media (max-width: 993px) {
 .top_feature .inner .desc-txt{min-height: 1px;/*max-height: 230px;*/width: 95%; padding: 30px;}

}



/*サービス ソリューション
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.proposition01{
	font-size:1em;
	background:#666;	
	border-radius:15px;
	color:#fff;
	display:inline;
	padding:2px 16px;
	float:left;
	text-align:center;
	margin:0px 10px 10px 0;
	width:88px;
	}
.proposition02{
	font-size:1em;
	color:#666;
	margin:0px 0px 20px 0;
	}
	.proposition02 strong {font-size:1.18em}
	.proposition02 span {display:block;padding-left:8.3em}
.proposition02:after{
	content: ""; display: block; clear: both;
	}
.solution01{
	font-size:1em;
	background:#005eae;
	border-radius:15px;
	color:#fff;
	display:inline;
	padding:2px 16px;
	float:left;
	text-align:center;
	margin:0px 10px 10px 0;
	width:88px;
	}
.solution02{
	font-size:1em;
	color:#005eae;
	margin:0px 0px 20px 0;
	}
	.solution02 strong {font-size:1.18em}
	.solution02 span {display:block;padding-left:8.3em}
.solution02:after{
	content: ""; display: block; clear: both;
	}


/*サービスラインナップ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

.lineup_subtitle {
    margin: 0 auto 0.5em;
    padding: 0;
    text-align: center;
}
.lineup_subtitle span.red {
    background: #cc3333;
    color: #fff;
    padding: 4px 18px;
    border-radius: 15px;
    font-size: 0.9em;
}
.lineup_subtitle span.black {
    background: #333;
    color: #fff;
    padding: 4px 18px;
    border-radius: 15px;
    font-size: 0.8em;
}

.tt_lineup{
    display: flex;  /* 横並びにする */
    align-items: center;  /* 垂直方向に中央 */
    text-align: center;  /* 文字のセンタリング(複数行になったとき用) */
	font-size:1.4em;
	font-weight:600;
	line-height: 1.2;
  }
.tt_lineup_large{
    display: flex;  /* 横並びにする */
    align-items: center;  /* 垂直方向に中央 */
    text-align: center;  /* 文字のセンタリング(複数行になったとき用) */
	font-size:2.4em;
	font-weight:600;
	line-height: 1.2;
  }
 
 
  /* 共通部分はまとめる */
.tt_lineup::before,
.tt_lineup::after,
.tt_lineup_large::before,
.tt_lineup_large::after{
    content:"";
    flex-grow: 1;  /* 線の伸び率 */
    border-bottom: 1px solid #bbb;
  }
 
  /* 左側の線 */
.tt_lineup::before,
.tt_lineup_large::before{
    margin-right: 10px;  /* 線と文字の間のスペース */
    padding-left: 15px;  /* 線の長さが、最低でも15px以上になるように余白をとる */
  }
 
  /* 右側の線 */
.tt_lineup::after,
.tt_lineup_large::after{
    margin-left: 10px;  /* 線と文字の間のスペース */
    padding-right: 15px;  /* 線の長さが、最低でも15px以上になるように余白をとる */
  }
.checkm{
	margin:0
}
.checkm li {
	position: relative;
	margin:0 .5em .3em 1.5em;
	font-size:1em;
	line-height:160%;
	letter-spacing: .8px
}
.checkm li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.2em;
	width: 12px;
	height: 5px;
	border-left:3px solid #8cbc2f;
	border-bottom:3px solid #8cbc2f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
}

.detail{
	width:100%;
	border-collapse:collapse;
	margin:1em auto 2em;
	border:none;
	background: rgba(255,255,255,0.5)
	}


.detail tr:nth-child(odd){
		background: rgba(255,255,255,0.7)
		}
	.detail th{
		display:block;
		text-align: center;
		font-size:.9em;
		line-height:1.2;
		padding:0.8em 0.8em 0.3em 0.8em;
		
		}
	.detail td{
		display:block;
		padding:0.3em 0.8em 1em 0.8em;
		line-height:1.3;
		/*background:#fff;*/
		font-size:1.1em;
		text-align: center;
		font-weight:600;
}
.detail_price  {
    text-align: center;
	font-size:14px;
	line-height: 1.1;
	margin-bottom: 1em
}

.detail_price .strong {
    font-weight: 600;
    font-size:40px;
    margin:0;
	line-height: 160%;
	background: none;
}
/*申し込みフロー*/

.top_list_flow_order li{
		float:left;
		width:15.9%;
		margin-right:0.5em;
		display:inline;
		position: relative;
		border:4px #eee solid;
	background: #fff;
	min-height: 16em
	}
.top_list_flow_order li:last-child {
		margin-right:0;
	}
	.top_list_flow_order li span{
		width:100%;
		min-height:2.3em;
		display:inline-block;
		background:#2e74af;
		color:#fff;
		font-size:1.4em;
		text-align:center;
		padding:0.3em 0 0 0em;
		}
	.top_list_flow_step_order{
		min-height:6em;
		display:block;
			background:#fff;
		}
		.top_list_flow_step_order dl{padding:0.5em}	
		.top_list_flow_step_order dl dt{
			font-size:1em;
			font-weight: 500;
			line-height:130%;
			text-align:center;
			margin:0.5em auto}
		.top_list_flow_step_order dl dd{
			font-size:1.1em;
			line-height:1.6;}
		.top_list_flow_step_order dl dd.img{text-align:center;margin:auto;display:block;}
		.top_list_flow_step_order dl dd.img img{width:auto}
	
		.top_list_flow_order li:after {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			border: 1.2em solid transparent;
			border-left-color: #333;
			left: 100%;
			top: 50%;
			z-index:3
			}
		.top_list_flow_order li:last-child:after{
			border:none;
			}
@media screen and (max-width:980px) {
.top_list_flow_order li{
		float:left;
		width:15.7%;
		margin-right:0.5em;
		display:inline;
		position: relative;
		border:4px #eee solid;
	background: #fff;
	}
		.top_list_flow_step_order dl dd.img img{width:100%}
}
@media screen and (max-width:768px) {
	.top_list_flow_order li{
			border-radius:0;
			float:none;
			width:90%;
			margin:auto auto 2em;
			display:block;
			min-height: 1.2em;
			
		border:4px #eee solid
	}
	.top_list_flow_order li:last-child {
			margin:auto auto 2em;
		}
	
	.top_list_flow_order li span{
width: 20%;
    height: 100%;
    display: block;
    background: #005eae;
    border-radius: 0;
    float: left;
    min-height: 3.6em;
    color: #fff;
    font-size: 1.2em;
    font-weight: bolder;
    text-align: center;
    padding: 0.5em 0 0 0em;
    line-height: 1.2em;
	}
	
			.top_list_flow_order li:after {
				border:none;
			content:"▼";
			font-size:4em;
			float:none;
			top:20%;
			left:45%;
				}
			.top_list_flow_order li:last-child:after {
			content:"";
				}
	
		.top_list_flow_step_order{
			display:block;
			min-height:4em;
			float:none;
			margin-left:1em;
			width:100%;
			background:none;
			border-radius:0;
	
			}
			.top_ist_flow_step_order dl{padding:0.5em}	
			.top_list_flow_step_order dl dt{
				letter-spacing: 0;
				text-align: left;
				margin: 0 auto;
				padding-left: 6em;
				font-weight: 500;
				font-size: 1.4em;
				}
			.top_list_flow_step_order dl dd{
				font-size:0.9em;
				line-height:1.6;
				margin-bottom:10px;
				padding-right:10px;}
		.top_list_flow_step_order dl dd.img{display: none}

}
@media screen and (max-width:480px) {
	.top_list_flow_order li span{
	width: 30%;
	}
			.top_list_flow_step_order dl dt{
				letter-spacing: 0;
				text-align: left;
				margin: 0 auto;
				padding-left: 5em;
				font-weight: 500;
				font-size: 1.2em;
				}
}
/*申し込みフロー 5step*/

.top_list_flow_order_5 li{
	float:left;
	width:19.3%;
	margin-right:0.5em;
	display:inline;
	position: relative;
	border:4px #eee solid;
background: #fff;
min-height: 16em
}
.top_list_flow_order_5 li:last-child {
	margin-right:0;
}
.top_list_flow_order_5 li span{
	width:100%;
	min-height:2.3em;
	display:inline-block;
	background:#2e74af;
	color:#fff;
	font-size:1.4em;
	text-align:center;
	padding:0.3em 0 0 0em;
	}
.top_list_flow_step_order_5{
	min-height:6em;
	display:block;
		background:#fff;
	}
	.top_list_flow_step_order_5 dl{padding:0.5em}	
	.top_list_flow_step_order_5 dl dt{
		font-size:1em;
		font-weight: 500;
		line-height:130%;
		text-align:center;
		margin:0.5em auto}
	.top_list_flow_step_order_5 dl dd{
		font-size:1.1em;
		line-height:1.6;}
	.top_list_flow_step_order_5 dl dd img{margin:auto;display:block;}
	.top_list_flow_step_order_5 dl dd img{width:auto;display:block;}

	.top_list_flow_order_5 li:after {
		content: ' ';
		height: 0;
		position: absolute;
		width: 0;
		border: 1.2em solid transparent;
		border-left-color: #333;
		left: 100%;
		top: 50%;
		z-index:3
		}
	.top_list_flow_order_5 li:last-child:after{
		border:none;
		}



@media screen and (max-width:992px) {
.top_list_flow_order_5 li{
	float:left;
	width:19%;
	margin-right:0.5em;
	display:inline;
	position: relative;
	border:4px #eee solid;
background: #fff;
}
	.top_list_flow_step_order_5 dl dd.img img{width:100%}
}
@media screen and (max-width:768px) {
.top_list_flow_order_5 li{
		border-radius:0;
		float:none;
		width:90%;
		margin:auto auto 2em;
		display:block;
		min-height: 1.2em;
		
	border:4px #eee solid
}
.top_list_flow_order_5 li:last-child {
		margin:auto auto 2em;
	}

.top_list_flow_order_5 li span{
width: 20%;
height: 100%;
display: block;
background: #005eae;
border-radius: 0;
float: left;
min-height: 3.6em;
color: #fff;
font-size: 1.2em;
font-weight: bolder;
text-align: center;
padding: 0.5em 0 0 0em;
line-height: 1.2em;
}

		.top_list_flow_order_5 li:after {
			border:none;
		content:"▼";
		font-size:4em;
		float:none;
		top:20%;
		left:45%;
			}
		.top_list_flow_order_5 li:last-child:after {
		content:"";
			}

	.top_list_flow_step_order_5{
		display:block;
		min-height:4em;
		float:none;
		margin-left:1em;
		width:100%;
		background:none;
		border-radius:0;

		}
		.top_ist_flow_step_order dl{padding:0.5em}	
		.top_list_flow_step_order_5 dl dt{
			letter-spacing: 0;
			text-align: left;
			margin: 0 auto;
			padding-left: 6em;
			font-weight: 500;
			font-size: 1.4em;
			}
		.top_list_flow_step_order_5 dl dd{
			font-size:0.9em;
			line-height:1.6;
			margin-bottom:10px;
			padding-right:10px;}
	.top_list_flow_step_order_5 dl dd.img{display: none}

}
@media screen and (max-width:480px) {
.top_list_flow_order_5 li span{
width: 30%;
}
		.top_list_flow_step_order_5 dl dt{
			letter-spacing: 0;
			text-align: left;
			margin: 0 auto;
			padding-left: 6em;
			font-weight: 500;
			font-size: 1.2em;
			}
}
/* QA */
.qaWrap {
	width: 100%;
	margin: 0px auto;
}

.qaWrap li {
	background: #fff;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 20px 24px 20px 16px;
}
.qaWrap li dt {
	background: url("/https/jp.globalsign.com/images/service/ssl/mssl/qa_q.gif") no-repeat left center;
	font-size: 20px;
	line-height: 1.4em;
	color: #006ebc;
	font-weight: bold;
	padding: 10px 0px 10px 52px;
}
.qaWrap li dd {
	font-size: 16px;
	line-height: 1.6em;
	padding-top: 10px;
}
.contFlow {
	/*width:100%;
	min-width: 980px;*/
	width:980px;
	margin:auto
}

.contFlowStep {
	float: left;
	position: relative;
}
.flowP {
	font-size: 16px;
	line-height: 1.6em;
	text-align: left;
	position: absolute;
	left: 18px;
	top: 240px;
	width: 170px;
}
.flowP span {
	font-size: 11px;
}

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

}

/* おトクな共通付属サービス「有効期間特典付き」 */
	.pt-5-inner {
		vertical-align: top;
		display: flex;
	}
	.pt-5-inner .pt-5-p {
		max-width: 60%;
		padding-right: 50px;
		display: inline-block;
	}
	.pt-5-inner .img_wrap {
		width: auto;
		display: inline-block;
	}
	.pt-5-inner .img_wrap img {
		margin-top: -3em;
	}
@media screen and (max-width: 1200px) {
	.pt-5-inner {
		flex-direction: column;
	}
	.pt-5-inner .pt-5-p {
		max-width: none;
		padding-right: 0px;
	}
	.pt-5-inner .img_wrap img {
		padding-top: 1em;
		margin-top: 0;
	}
  }

/*複数年割引PR*/
.tt_priceing {
    font-size: 1.8em !important;
}
@media screen and (max-width:768px) {
.tt_priceing  {
	font-size: 1.1em !important;
   margin: 0 0 .5em;
}
}
.tt_label {
line-height: 1.3;
    padding: .6em;
    font-size: .9em;
}
.tt_label.sale {
background: #F97252;
    color: #fff;
    border-radius: 40px;
    display: inline-block;
}


.s-text {
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.3;
    display: block;
    color: #F97252;
    font-weight: bold;
}
.sl-text{font-size:0.8em;color:#fff;line-height:1.5;display:block;}

/*価格テーブル*/


.price_table_wrap{padding: 0.3em 0;}
.price_table {
	margin:0 auto .5em; 
	border-collapse: separate;
  	border:none;
	width:100%;
}

.price_table thead th {
  background:#0d78c3;
  border-right: solid 1px #ccc;
  color: #fff;
  padding:1.2em;
width:20%;
}
.price_table thead th:last-child {
  border-right:none;

}
.price_table tbody th {
	border-bottom: solid 1px #ccc;
	border-right:1px #ccc solid;
	border-left:1px #ccc solid;
    padding: 1.2em 0.8em 0.8em;
    text-align: center;
    width: 20%;
    vertical-align: top;
}

.price_table tbody td {
border-bottom: solid 1px #ccc;
border-right:1px #ccc solid;
  padding:0.8em;
text-align: center;
/*width:40%*/
}
.price_table .price{font-family: 'Roboto', sans-serif;font-size: 2.4em;font-weight: 900;display: block}
.price_table thead td.neg-space,
.price_table thead th.neg-space,
.price_table tbody td.neg-space{
	background:none!important;
	border:none!important;
	display: block
	}

@media screen and (max-width: 768px) {
  .price_table {
    /*width: 90%;*/
  }
  .price_table tbody th,
  .price_table tbody td {
　　border-bottom: none;
    	display: block;

    width: 100%;
  }
}


.price_table tbody th {
  background:#f3f3f3;
}
@media screen and (max-width: 768px) {
  .price_table {
    /*width: 96%;*/border-top:1px #ccc solid;
  }
  .price_table .thead {
    display: none;
  }
  .price_table tr {
    width: 100%;
  }
  .price_table tbody td {
    display: block;
    text-align: right;
    width: 100%;border-left:1px #ccc solid;border-bottom:1px #eee solid;
  }
	
  .price_table tbody th {
    background: #f3f3f3 !important;
    font-weight: bold;
    text-align: left;
  }
  .price_table tbody th:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	  
  }

  .price_table tbody td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	  
  }
  .price_table tbody td:last-child {
	border-bottom:1px #ccc solid;
  }
	
}

/*吹き出し・価格内見出し*/
.price_otoku{margin: auto;font-size: 120%;line-height: 1.3;display: block;color: #F97252;font-weight: 700;}
	.price_subtitle {
		margin: 0 auto;
		 padding:0px 0 10px 0;
		 text-align:center
		}	
		.price_subtitle span{
			border:1px #333 solid;
			padding:2px 18px;
			border-radius:15px;
			margin-bottom:5px;
				font-size:1.2em;
			}
	.price_subtitle2 {
		margin: 0 auto 0.5em;
		 padding:0;
		 text-align:center
		}	
		.price_subtitle2 span.black{
			background:#333;
			color:#fff;
			padding:4px 8px;
			border-radius:15px;
				font-size:0.8em;
			}
		.price_subtitle2 span.red{
			background:#cc3333;
			color:#fff;
			padding:4px 18px;
			border-radius:15px;
				font-size:0.9em;
			}
	.price_subtitle3 {
		margin: 0 auto 0.5em;
		 padding:0;
		 text-align:center
		}	
		.price_subtitle3 span.black{
			background:#333;
			color:#fff;
			padding:4px 18px;
			border-radius:15px;
				font-size:0.7em;
			}
		.price_subtitle3 span.red{
			background:#cc3333;
			color:#fff;
			padding:4px 18px;
			border-radius:15px;
				font-size:0.7em;
			}

.balloon_cpn,
.balloon_price{
	position: relative;
	display: inline-block;
	padding: 5px 7px 0 7px;
	width: 8em;
	height: 28px;
	color: #F6F6F6;
	line-height:1.4em;
	text-align: center;
	z-index: 0;
	font-size:1em;
	margin:1em 0 0 50%;
}
.balloon_cpn.red,
.balloon_price.red{background: #cc3333;}
.balloon_cpn.gray,
.balloon_price.gray{background: #333;}

.balloon_cpn:after,
.balloon_price:after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	
}
.balloon_cpn.red:after,.balloon_price.red:after {border-color: #cc3333 transparent transparent transparent;}
.balloon_cpn.gray:after,.balloon_price.gray:after {border-color: #333 transparent transparent transparent;}

.cp_price{display:block;font-size:.7em;line-height:120%;}
@media screen and (max-width:767px) {
	.balloon_cpn{
	height: 5em;
	line-height:1.2em;
	font-size:0.8em;
	}
	.balloon_price{
	}
}

/*




/*サイトシール*/
.sitesealGroup label { width:90%;display: block;padding:1.5em 1em 2em;margin:1em auto;}
.sitesealGroup label img { margin: auto;display:block;}
/*.sitesealGroup .col3,
.sitesealGroup .col4{
	width:99%;
	margin:2em auto;
	padding:0;
	display:block;
	min-height:10.4em;
}
.sitesealGroup .col3 .col {
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

	width : 33.333333%;
	float : left;
	padding :1em;
}
.sitesealGroup .col4 .col {
	width : 25%;
	float : left;
	padding :1em;
}*/

input[type=radio]{
    display: inline-block;
}
input[type=radio] + span {
    position: relative;
	
    display: inline-block;
	line-height: 30px;
    cursor: pointer;
	margin-bottom: 1em
}
textarea {width:100%;border: 1px solid rgba(34,36,38,.15);}
textarea:focus{outline: 1px solid #4eafec;}
 .sealselected{
/*background:#fdfcdc;*/
	 background: rgba(26,132,199,.68)
}

@media (min-width: 1px) {
    input[type=radio] {
        display: none;
        margin: 0;
    }
    input[type=radio] + span {
        padding: 0 0 0 24px;
    }
    input[type=radio] + span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #fff;
    }
    input[type=radio] + span::before {
        border: 1px solid #a1a1a1;
        border-radius: 30px;
    }
    input[type=radio]:checked + span::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + span::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #005eae;
        border-radius: 8px;
    }

}

@media screen and (max-width:768px) {
	
.sitesealGroup label { width:60%;display: block;padding:1em}

}

.copytxt{
	border: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1em;
	font-weight: 500;
    line-height: 1.4;
    display: inline-block;
    padding: 1% 2%;
	cursor:pointer;
	background: #1a84c7;
	color: #fff
    
}
.copytxt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: "\f328";
	text-decoration:none;
	margin-right:5px;
}
.copytxt:hover {
	background:  #4eafec;
	text-decoration:none;

}

/*--ssl価格ページ--*/

.pricing {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.pricing__item {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 28%;
	flex: 0 1 28%;
	
}

.pricing__item_1 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 100%;
	flex: 0 1 100%;
}
.pricing__item_2 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 49.3%;
	flex: 0 1 49.3%;
}
.pricing__item_3 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 32.4%;
	flex: 0 1 32.4%;
}
.pricing__item_4 {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 23.9%;
	flex: 0 1 23.9%;
}

.pricing__feature-list {
	text-align: left;
}

.pricing__action {
	color: inherit;
	border: none;
	background: none;
}

.pricing__action:focus {
	outline: none;
}


.pricing--tenzin .pricing__item,
.pricing--tenzin .pricing__item_2,
.pricing--tenzin .pricing__item_3,
.pricing--tenzin .pricing__item_4{
	margin: 1em 1em 1em 0em;
	padding: 1em 1.5em;
	text-align: left;
	background: #EEF0F3;
	border-top: 3px solid #EEF0F3;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item_1{
	margin: 1em 0;
	padding: 1em 1.5em;
	text-align: left;
	background: #EEF0F3;
	border-top: 3px solid #EEF0F3;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
.pricing--tenzin .pricing__item:last-child,
.pricing--tenzin .pricing__item_2:last-child,
.pricing--tenzin .pricing__item_3:last-child,
.pricing--tenzin .pricing__item_4:last-child{
	margin: 1em 0em 1em 0em;
}

.pricing--tenzin .pricing__item:hover {
	border-color: #3e62e0;
}

.pricing--tenzin .pricing__title {
	font-size: 1.8em !important;
	margin: 0 0 1em;
}
.pricing--tenzin .pricing__title_s {
	font-size: 1.8em !important;
	margin: 0 0 1em;
}

.pricing--tenzin .pricing__price {
	font-size: 2em;
	font-weight: bold;
	padding: 0.5em 0 0.75em;
	border-top: 3px solid rgba(139, 144, 157, 0.18);
}


.pricing-table {
	margin-bottom:1rem;	
}
.pricing-table .title {
	background:#35495D;
}
.pricing-table .price {
	border-bottom:1px dotted #ccc;
	font-size:0.8rem;
	padding:10px 0;
	color:#333;
}
.pricing-table .small-text {
	font-weight:lighter;
	font-size:80%;
}
.pricing-table .price-xsmall-text {
	font-weight:lighter;
	/*color:#666;*/
	padding-left:5px;
	display:block;
	font-size:70% !important;
}
.pricing-table .large-text {
	font-weight:bolder;
	font-size:120%;
	margin:0 5px;
}
.pricing-table .price-large-text {
	font-size:240%;
	margin:0 5px;
	font-weight: 700;
    letter-spacing: 0.5px;
}
.pricing-table .price-middle-text {
	font-size:180%;
	margin:0 5px;
	font-weight: 700;
    letter-spacing: 0.5px;
}
.pricing-table li:last-child {
	border-bottom:0;
}
.label_wrap {
	width:40%;
	display:table-cell;
	vertical-align:middle;
}
/*.label_wrap .default {
	font-size:0.8rem;
}*/
.default {
	padding:.5em 0;
	font-size:1.1em;
}
.label_wrap .sale {
	margin:5px 0 0 0px;
}
.price_wrap {
	width:60%;

}
.price_wrap_4 {
	width:25%;
	
}
.label_wrap, .price_wrap,.price_wrap_4 {
	float:left;
	text-align:center;
}
.label {
	line-height:1.3;
	padding:0.4em 0.4em;
	font-size:0.85em
} 

.label.sale {
	background:#F97252;
	color:#fff;
} 

	.price_conv_btn {
		width:90%;
		margin:auto;
	}
		.price_conv_btn a.btn{
			color:#fff;
			text-align:center;
			text-decoration:none;
			text-shadow:1px 1px 1px #333;
	}
		.price_conv_btn a.hd-btn{
			display:block;
			float:left;
			width:46%;
			padding:0.8em 4px 1em;
			font-size:1.85em;
			margin:1rem 1rem 3rem;
			
		}
		.price_conv_btn:after{ content: ""; display: block; clear: both; }
.pricing a.hd-btn {
    display: block;
    width: 90%;
    padding: 10px 8px;
    font-size: 1.1em;
	margin: auto
}

@media (max-width: 1200px) {
.pricing__item_2 {-webkit-flex: 0 1 49.1%;flex: 0 1 49.1%;}

.pricing__item_3 {
	-webkit-flex: 0 1 32.1%;
	flex: 0 1 32.1%;
	}
.pricing__item_4 {

	-webkit-flex: 0 1 48.2%;
	flex: 0 1 48.2%;
}
}

@media screen and (max-width:992px) {
	.pricing__item,
	.pricing__item_1,
	.pricing__item_2,
	.pricing__item_3,
	.pricing__item_4{
	-webkit-flex:none;
	flex:none;
	width:96%;
	}
	.pricing--tenzin .pricing__item,
	.pricing--tenzin .pricing__item_1,
	.pricing--tenzin .pricing__item_2,
	.pricing--tenzin .pricing__item_3,
	.pricing--tenzin .pricing__item_4{
	margin: 1em auto;
	}
.pricing a.hd-btn {
    display: block;
    width: 80%;
    padding: 10px 8px;
    font-size: 1.2em;
	margin: auto
}
	.price_conv_btn {
			margin:0 auto 2em;
			width:96%;
	}

	.price_conv_btn a.hd-btn{
			float:none;
			margin:0.5em auto;
			width:96%;
			padding:0.6em 4px 0.9em;
			font-size:1.4em;
			
		}
	.price_wrap_4 {
		width:100%;
	}
	.price_wrap_4 {
		float:none
	}
	.label {
		font-size:0.8em
	} 
}

/*MSSL導入までの流れ*/
.mssl_flow{
		margin-bottom:2em;
	}
.mssl_flow li{
		float:left;
		/*width:15.5%;
		margin-right:0.5em;
		display:inline;*/
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
		position: relative;
		border:4px #eee solid
	}
/*.mssl_flow li:last-child {
		margin-right:0;
	}*/
	.mssl_flow li span{
		width:100%;
		min-height:2.3em;
		display:inline-block;
		background:#2e74af;
		color:#fff;
		font-size:1.4em;
		text-align:center;
		padding:0.5em 0 0 0em;
		}
	.mssl_flow_step{
		display:block;
			background:#fff;min-height:23em;
		}
		.mssl_flow_step dl{padding:0.5em 0.7em}	
		.mssl_flow_step dl dt{
			font-size:1.2em;
			font-weight: 500;
			line-height:130%;
			text-align:center;
			margin:0.5em auto}
		.mssl_flow_step dl dd{
			font-size:1em;
			line-height:1.6;}
		.mssl_flow_step dl dd.img{text-align:center;margin:auto;display:block;}
		.mssl_flow_step dl dd.img img{width:auto}
	
		.mssl_flow li:after {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			border: 1.2em solid transparent;
			border-left-color: #333;
			left: 100%;
			top: 50%;
			z-index:3
			}
		.mssl_flow li:last-child:after{
			border:none;
			}


@media screen and (max-width:992px) {
	.mssl_flow li{
			border-radius:0;
			min-height:16em;
			float:none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
			margin:auto auto 2em;
			display:block;
		background: #fff;
			
		border:4px #eee solid
	}
	.mssl_flow li:last-child {
			margin:auto auto 2em;
		}
	
	.mssl_flow li span{
			width:100%;
			height:100%;
			display:block;
			background:#005eae;
			border-radius:0;
			float:left;
			min-height:2.6em;
			color:#fff;
			font-size:1em;
			font-weight:bolder;
			text-align:center;
			padding:0.5em 0 0 0em;
			line-height:1.2em;
			}
	
			.mssl_flow li:after {
				border:none;
			content:"▼";
			font-size:4em;
			float:none;
			top:80%;
			left:45%;
				}
			.mssl_flow li:last-child:after {
			content:"";
				}
	
		.mssl_flow_step{
display: block;
    min-height: 4em;
    float: none;
    margin: auto;
    width: 90%;
    background: none;
    border-radius: 0;
    text-align: center;
	}
	.mssl_flow_step dl{padding:4em 0 1em}	
			.mssl_flow_step dl dt{
				letter-spacing:0;
				margin:0 auto;
				}

}

/* -------------------------------
SSLサーバ証明書「価格・機能一覧」
------------------------------- */
/*全体*/

/*チェックは見えなくする*/
.detail_box input,
.detail_box label{display: none}

/*中身を表示しておく*/
.detail_box .price_detail {overflow:auto;}

@media (max-width: 992px) {
/*ボタン装飾*/
.detail_box label {width:124px;margin:1em auto;background: #fff; border:1px #c7c7c7 solid; padding:.4em 0;display: block;cursor :pointer;text-align: center}

/*アイコンを表示*/
.detail_box label:before {
    display: inline-block;
    content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.detail_box label:hover {
    background: #fff;
}


/*アイコンを切り替え*/
.detail_box input:checked + label:before {
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
     content: '\f00d';
     /*-ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);*/
     color: #668ad8;
}

/*中身を非表示にしておく*/
.detail_box .price_detail {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.detail_box input:checked + label + .price_detail {
    padding: 0;
    height: auto;
    opacity: 1;
}
}
/*有効期間特典　注釈文字調整*/
.detail td .text_min {
	font-size: 0.5em;
	font-weight: 500;
}
/*------------------------------- */

/*申し込みガイド*/
.order_h2{
	font-size:2em;
	line-height:1.2;
	font-weight:bold;
	border-bottom:1px #005eae solid;
	margin:1em 0;
	text-align: left;
	padding:0.3em 0.6em 0.6em 0em;
	}
	.order_h2 span{
		background:#005eae;
		color:#fff;
		line-height:1.2;
		margin:0 0.8em 1em 0;
		padding:0.3em 0.6em 0.6em .6em;
		}
p.text_column {
	background:#eee;
	padding:0.5em
}
blockquote{
	background-color:#fffced;
	padding:0.5em;
	margin:10px 10px 30px 10px;
	}
	blockquote p{margin-bottom:1em}
	.command_l {font-size:120%;letter-spacing:0.05em;}
	.command_s {letter-spacing:0.05em;}
	.command_ss {letter-spacing:0.02em;}
	.command_l span,
	.command_s span,
	.command_ss span{font-weight:bold;color:#dd4f4d;}
	
	img.num {
	display:inline;
	margin-right:3px;
}
	blockquote p em{display:block;margin:0 0 3px 0;padding:0 0 2px 0;border-bottom:1px dotted #bbb;font-weight:bold;font-style:normal;}

		.order_btn_1{
			margin-bottom:1em
		}
		.order_btn_1 a.btn{
			color:#fff;
			text-align:center;
			text-decoration:none;
			line-height:150%;
			text-shadow:1px 1px 1px #333;
		}
			.order_btn_1 a.hd-btn{
				display:block;
				margin:1em auto;
				padding:1em 0.3em;
				font-size:1.8em;
				width:52%;
			}
			.order_btn_1 a.hd-btn_s{
				display:block;
				margin:0px auto 0px auto;
				padding:12px 4px 11px;
				font-size:14px;
				width:52%;
			}
		.order_btn a.btn{
			color:#fff;
			text-align:center;
			text-decoration:none;
			line-height:150%;
			text-shadow:1px 1px 1px #333;
		}
		.order_btn a.hd-btn{
			display:block;
			margin:0px auto 0px auto;
			padding:1.2em 0.3em;
			font-size:1.8em;
			width:92%;
		}
		.order_btn a.hd-btn_s{
			display:block;
			margin:0px auto 0px auto;
			padding:12px 4px 11px;
			font-size:14px;
			width:80%;
		}
		.order_btn_1 a span,
		.order_btn a span{
			background-color:#fff;
			text-align:center;
			text-decoration:none;
			text-shadow:none;
			margin:0px auto 8px auto ;
			padding:5px 3px 3px 3px;
			line-height:120%;
			border-radius:2px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			display:block;
				color:#23300a;
				font-size:0.7em;
				font-weight:bold;
				width:80% !important;
				
		}


/*申し込みフロー*/
.list_flow_order{
		margin-bottom:2em;
	}
.list_flow_order li{
		border-radius:3px;
		float:left;
		width:15.95%;
		margin-right:0.5em;
		display:inline;
	position: relative;
	}
.list_flow_order li:last-child {
		margin-right:0;
	}
	.list_flow_order li span{
		width:100%;
		min-height:2.3em;
		display:inline-block;
		background:#005eae;
		border-radius:3px 3px 0px 0px;
		color:#fff;
		font-size:1em;
		font-weight:bolder;
		text-align:center;
		padding:0.5em 0 0 0em;
		}
	.list_flow_step_order{
		min-height:6em;
		display:block;
		background:#eee;
		border-radius:0px 0px 3px 0px;
		}
		.list_flow_step_order dl{padding:0.5em 0.7em}	
		.list_flow_step_order dl dt{
			font-size:1em;
			line-height:130%;
			font-weight:bolder;
			color:#0066cc;
			margin:0.5em auto}
		.list_flow_step_order dl dd{
			font-size:0.9em;
			line-height:1.6;}
	
		.list_flow_order li:after {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			border: 1.2em solid transparent;
			border-left-color: #333;
			left: 100%;
			top: 50%;
			z-index:3
			}
		.list_flow_order li:last-child:after{
			border:none;
			}
	@media screen and (max-width:767px) {
		.order_h2{
			font-size:1.4em;
			padding:0.3em 0 0 0;
				line-height:1.2;
			}
			.order_h2 span{
				line-height:1.2;
				margin:0 0.4em 0 0;
		
				float:left;
				}
			.order_h2:after {
				content: "";
				clear: both;
				display: block;
				}
					.order_btn_1 a.hd-btn{
						margin: 0 auto;
						font-size:1.2em;
						width:90%;
					}
					.order_btn_1 a.hd-btn_s{
						display:block;
						margin:0px auto 1em;
						padding:12px 4px 11px;
						font-size:14px;
						width:90%;
					}
		
			.list_flow_order li{
					height:90%;
					border-radius:3px;
					min-height:3.6em;
					float:none;
					width:100%;
					margin-right:0;
					display:block;
					margin-bottom:2em;
					
				}
			
			.list_flow_order li span{
					width:16%;
					height:100%;
					display:block;
					background:#005eae;
					border-radius:3px 0 0px 3px;
					float:left;
					min-height:3.6em;
					color:#fff;
					font-size:1em;
					font-weight:bolder;
					text-align:center;
					padding:0.5em 0 0 0em;
					line-height:1.2em;
					}
			
					.list_flow_order li:after {
						border:none;
					content:"▼";
					font-size:1.6em;
					float:none;
					top:90%;
					left:50%;
						}
					.list_flow_order li:last-child:after {
					content:"";
						}
			
				.list_flow_step_order{
					display:block;
					min-height:4em;
					float:right;
					width:84%;
					border-radius:0px 3px 3px 0px;
					}
					.list_flow_step_order dl{padding:0.5em}	
					.list_flow_step_order dl dt{
						font-size:1em;letter-spacing:0;
						text-align:left;
						margin:0 auto
						}
					.list_flow_step_order dl dd{
						font-size:0.9em;
						line-height:1.6;
						margin-bottom:10px;
						padding-right:10px;}
	
		}
/*乗換フロー*/
.list_flow_transfer{
		margin-bottom:2em;
	}
.list_flow_transfer li{
		border-radius:3px;
		float:left;
		width:19.1%;
		margin-right:0.5em;
		display:inline;
	position: relative;
	}
.list_flow_transfer li:last-child {
		margin-right:0;
	}
	.list_flow_transfer li span{
		width:100%;
		min-height:2.3em;
		display:inline-block;
		background:#005eae;
		border-radius:3px 3px 0px 0px;
		color:#fff;
		font-size:1.2em;
		font-weight:bolder;
		text-align:center;
		padding:0.5em 0 0 0em;
		}
	.list_flow_step_transfer{
	height:14em;
		display:block;
		background:#eee;
		border-radius:0px 0px 3px 0px;
		}
		.list_flow_step_transfer dl{padding:0.5em}	
		.list_flow_step_transfer dl dt{
			font-size:1.1em;letter-spacing:-1px;

			font-weight:bolder;
			color:#0066cc;
			text-align:center;
			margin:0.5em auto}
		.list_flow_step_transfer dl dd{
			font-size:0.9em;
			line-height:1.6;}
	
		.list_flow_transfer li:after {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			border: 1.2em solid transparent;
			border-left-color: #333;
			left: 100%;
			top: 50%;
			z-index:4
			}
		.list_flow_transfer li:last-child:after{
			border:none;
			}
	@media screen and (max-width:768px) {
	
	.list_flow_transfer li{
			height:90%;
			border-radius:3px;
			min-height:7.6em;
			float:none;
			width:100%;
			margin-right:0;
			display:block;
			margin-bottom:2em;
			
		}
	
	.list_flow_transfer li span{
			width:16%;
			height:100%;
			display:block;
			background:#005eae;
			border-radius:3px 0 0px 3px;
			float:left;
			min-height:5.6em;
			color:#fff;
			font-size:1.2em;
			font-weight:bolder;
			text-align:center;
			padding:0.5em 0 0 0em;
			line-height:1.2em;
			}
	
			.list_flow_transfer li:after {
				border:none;
			content:"▼";
			font-size:1.6em;
			float:none;
			top:90%;
			left:50%;
				}
			.list_flow_transfer li:last-child:after {
			content:"";
				}
	
		.list_flow_step_transfer{
			display:block;
			height:7.3em;
			float:right;
			width:84%;
	
			border-radius:0px 3px 3px 0px;
	
			}
			.list_flow_step_transfer dl{padding:0.5em}	
			.list_flow_step_transfer dl dt{
				font-size:1.1em;letter-spacing:0;
				text-align:left;
				margin:0 auto
				}
			.list_flow_step_transfer dl dd{
				font-size:0.9em;
				line-height:1.6;
				margin-bottom:10px;
				padding-right:10px;}
	
	}


/*------------機能比較--------------*/
.function_table{
	border-spacing:0;
	padding:4px 0 0 2px;
	margin-bottom:1em;
	border: none;
	}
.function_table th.category{
	background:#e7f3fd;
	color:#484848;
	border-left:solid 1px #dedede;
	border-bottom:solid 1px #E4E4E4;
	box-shadow:-6px 0px 6px -6px #DADADA inset;
	text-align:left;
	vertical-align:top;
	font-size:1em;
	width:20%;
	}
.function_table td,
.function_table th{
	text-align:center;
	padding:1em;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
	color:#484848;
	vertical-align:middle;
	font-size:1em;
	}

.function_table .last{
	border-right:solid 1px #dedede;
	}
.function_table thead th{
	border-top:solid 1px #dedede;
	background:#005eae;
	color:#fff;
	font-weight: 500;
	font-size:1.2em;
	}
.function_table thead th a{
	color:#fff;

	}
.function_table thead td{
	border-top:solid 1px #dedede;
	color:#394842;
	font-size:1.2em;
	}
.function_table thead td.hl{
	border-top:solid 1px #dedede;
	font-size:1.5em;
	font-weight:bold;
	line-height:120%;
	}
	.function_table thead td.hl a{
		color:#333;
		}

.function_table tbody td {background-color:#fff;}

.function_table thead td.neg-space,
.function_table tbody td.neg-space{
	background:none!important;
	border:none!important;
	}
.function_table tbody td i{color:#1a5eae}
.function_table thead .category-divider .category{
	background:#1d678b;
	color:#fff;
	display:block;
	margin:0 0 0 -7px;
	box-shadow:none;
	}
.function_table thead .corner-tl{
	border-left:solid 1px #d1d1d1;
	border-radius:3px 0 0 0;
	-moz-border-radius:3px 0 0 0;
	-webkit-border-radius:3px 0 0 0;
	box-shadow:-2px 0px 2px -1px #f0f0f0;
	}
.function_table .category.corner-tl{
	border-top:solid 1px #dedede;
	border-radius:3px 0 0 0;
	-moz-border-radius:3px 0 0 0;
	-webkit-border-radius:3px 0 0 0;
	}
.function_table .first{
	border-left:solid 1px #d1d1d1;
	}

.function_table thead .last{
	border-radius:0 3px 0 0;
	-moz-border-radius:0 3px 0 0;
	-webkit-border-radius:0 3px 0 0;
	}
.function_table .category-divider .category{
	background:#1d678b;
	color:#fff;
	display:block;
	margin:0 0 0 -7px;
	box-shadow:none;
	}
.function_table .category-divider td,
.function_table .category-divider td.first{
	background:#e4edf1;
	}
.function_table .category-divider .highlight{
	background:#d8eae0;
	}

.function_table .null{
	font-size:16px;color:#C5C5C5;
	}
.function_table .price span{
	font-size:1.5em;
	}
	.function_table .price span.sm-text{
		font-size:0.7em;
		color:#666;
		line-height:1.5;
		display:block;
		}

	.function_table .price span.s-text{
		
		margin:0.5em auto;
		font-size:120%;

		line-height:1.3;
		display:block;color:#F97252;
		
		font-weight:bold;
		}


.function_table td img{
	display:block;margin:0 auto 8px;
	}
.function_table td .floated{
	float:left;
	}
.function_table .discounts td{
	text-align:left;
	}
.function_table .discounts td img{
	float:left;
	margin:0 0 0 20px;
	}
.function_table .discounts td span{
	display:block;
	float:left;
	margin:0 0 0 8px;
	}


/*-----比較テーブル-------*/
.table_compare{
	border-spacing:0;
	padding:4px 0 0 0px;
	border-collapse:collapse;
	border:none;
	margin:2em auto;
	width:100%
	}
	.table_compare th{
	color:#484848;
	border-left:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	text-align:left;
	padding:2%;
	background:#e7f3fd;
		}
	.table_compare td{
		border-bottom:solid #ddd 1px;
		border-left:solid #ddd 1px;
		padding:2%;
		text-align:center;
		vertical-align:middle;
		background-color: #fff;
		}
	.table_compare .highlight{
	background:#bfe4fb;
		/*width:20%;*/
		text-align:center;
		}
	.table_compare .category{
	margin:0 0 0 -7px;
	padding-left:10px;
	text-align:left;
    font-size: 22px;
    font-weight: 600;
    border-left: none;
    border-right: 1px #fff solid;
	}

.table_compare .gs {
	background:#1889cd;
	color:#fff;
	text-align: center;
	padding: 2%;
	font-size:1.1em
}
.table_compare .other {
	background:#777;
	color:#fff;
	text-align:center;padding: 2%;
	
}
.table_compare th.gray {
	background:#f1f1f1;
	border-right:1px #d9d9d9 solid;
	text-align:center;
}
.table_compare td.al {
	text-align:left;
}

.sm-text{
	font-size:10px;
	}

.marubatu {    
	font-size: 2em;
    font-weight: 200;}

.table_compare td.compare_kome {
    margin: 0 0 0 -7px;
	padding-left: 10px;
	padding-bottom: 24px;
	text-align: left;
	border-bottom: none;
	border-left: none;
	border-right: 1px #fff solid;
	color: #878787;
}

.number {
    margin-bottom: 20px;font-family: 'Quicksand', sans-serif;font-weight: 700;
    font-size: 2.4em;
    color: #0d78c3;
    border-bottom: solid 1px #0086c2;
    display: table;
    /*argin-left: auto;*/
  }

span.kadai {
    text-align: center;
    border: 1px #ddd solid;
    background: #fff;
    padding: .2em;
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 1em;
}
span.kaiketsu {
    text-align: center;
    border: 1px #cddfaf solid;
    background: #effcd8;
    padding: .2em;
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.1em;
}


@media screen and (max-width: 576px) {
  .sslFeature div[class^="col-"] {
    padding: 0 20px;
  }
}

.sslFeature .num {
  font-weight: 800;
  font-size: 4.6rem;
  color: #5D7283;
}

@media screen and (min-width: 992px) {
  .sslFeature .num {
    font-size: 5.6rem;
  }
}

.sslFeature h3 {
  margin-bottom: 2.4rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.4;
	text-align: left;
}

@media screen and (min-width: 375px) {
  .sslFeature h3 {
    font-size: 1.7rem;
  }
}

@media screen and (min-width: 992px) {
  .sslFeature h3 {
        font-size: 1.8em;
    color: #005ea9;
  }
}

.sslFeature p {
  /*margin-bottom: 3rem;*/
  font-size: 1rem;
}

@media screen and (min-width: 1200px) {
  .sslFeature p {
    width: 433px;
  }
}

.sslFeature .sslFeature__box {
  margin-bottom: 5rem;
}

.sslFeature .sslFeature__img {
  display: block;
  background: #eaf4fd;
  height: 54%;
  padding: 4rem;
  border-radius: 10px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}
.sslFeature .sslFeature__img2 {
  display: block;
  background: #f2f2f2;
  height: 54%;
  padding: 4rem;
  border-radius: 10px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 576px) {
.sslFeature .sslFeature__img,
.sslFeature .sslFeature__img2{
  padding: .6rem;
}
}
@media screen and (min-width: 1366px) {
  .sslFeature .sslFeature__img,
	 .sslFeature .sslFeature__img2{
    max-width: 900px;
  }
}

.sslFeature .sslFeature__img.left,
.sslFeature .sslFeature__img2.left{
  margin-left: auto;
}

@media screen and (min-width: 1366px) {
  .sslFeature .sslFeature__img.left,
	 .sslFeature .sslFeature__img2.left{
    margin-right: auto;
  }
}

.sslFeature .sslFeature__img.right,
.sslFeature .sslFeature__img2.right{
  margin-right: auto;
}

@media screen and (min-width: 1366px) {
  .sslFeature .sslFeature__img.right,
	  .sslFeature .sslFeature__img2.right{
    margin-left: auto;
  }
}

.sslFeature .sslFeature__img img,
.sslFeature .sslFeature__img2 img{
  display: block;
  width: 100%;
  max-height: 320px;
  border-radius: 10px;
}

@media screen and (min-width: 1366px) {
  .sslFeature .sslFeature__img img,
	.sslFeature .sslFeature__img2 img{
    max-height: 370px;
  }
}

.bonus_ssl {
	padding : 3em;
	margin-bottom: 5em;
}
.table_ssl_term th, .table_ssl_term td {
	border: 1px solid #ccc;
}
.table_ssl_term th {
	background: #4780ad;
	color : #fff;
}
.table_ssl_term td {
	font-weight: 600;
	padding: 5px 10px;
	background: #fff;
	text-align: center;
}
.table_ssl_term .red {
	color : #cc3333;
	font-weight: 700;
}
.detail td .text_min {
font-size: 0.5em;
font-weight: 500;
}
.mb-5_dialog {
	width: 60%;
	margin: auto;
}
@media screen and (max-width: 1000px) {
	.mb-5_dialog {
	width: 100%;
}
}


.sm-text{
	font-size:0.6em;
	color:#666;
	line-height:1.5;
	display:block;
	}

/*ekyc*/
	 .title_ekyc{
		 font-size: 1.2em;
		 font-weight: bold;
		 margin:1em auto;
		 text-align: center;
		 /*width: 60%;*/
		 padding: 0.5em 0.9em;
		 border: 6px solid #263546;
		 height: auto;
	}
	@media screen and (max-width:767px) {

	 .title_ekyc{
		 font-size: 1em;
		 font-weight: bold;
		 margin-bottom:2em;
		 width: 80%;

	}

}

/*SSL購入サイト*/

	.adjust-box {
    position: relative;
    width: 100%;
    height: auto;color:#0d78c3;
    background: /*#d6effd*/#fff;border-radius: 50%;
}
.box-1x1:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.adjust-box .inner {
    position: absolute;
    top: 45%; 
    left: 0;
    width: 100%;
    /*height: 100%;*/

  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);

 margin: 0 auto;/* ←円を中央揃え */
    text-align: center;/* ←文字を左右に中央揃え */
}

@media (max-width: 767px) {
.adjust-box {
    width: 66%;
	margin: auto;
}
}
.adjust-box .inner .cnt {font-weight:700;font-size:3.2vmax;margin:0px auto;}
.adjust-box .inner .cnt span.cnt_small {font-size:1.6vh;line-height:120%;display: block}
.adjust-box .inner .cnt span.cnt_middle {font-size:2vh}

*::-ms-backdrop, .adjust-box .inner .cnt {
  font-size:3em;
}
@media (max-width: 3440px) {
	.adjust-box .inner .cnt {font-size:2.4vmax;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.3vh;}
	.adjust-box .inner .cnt span.cnt_middle {font-size:1.2vh}
  }
  @media (max-width: 2560px) {
	.adjust-box .inner .cnt {font-size:3vmax;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.4vh;}
	.adjust-box .inner .cnt span.cnt_middle {font-size:2vh}
  }
  @media (max-width: 2048px) {
	.adjust-box .inner .cnt {font-size:3.8vmax;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.7vh;}
	.adjust-box .inner .cnt span.cnt_middle {font-size:2vh}
  }
  @media (max-width: 1941px) {
	.adjust-box .inner .cnt {font-size:4vmax;letter-spacing: 0.1px;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.8vh;}
	.adjust-box .inner .cnt span.cnt_middle {font-size:2vh}
  }
  @media (max-width:1536px) {
	.adjust-box .inner .cnt {font-size:5vmax;}
	.adjust-box .inner .cnt span.cnt_small {font-size:2vh}
	.adjust-box .inner .cnt span.cnt_middle {font-size:1.4vh}
	  
	  }
  @media (max-width: 1200px) {
  /*.adjust-box .inner .cnt {font-size:3vmax;}*/
  .adjust-box .inner .cnt span.cnt_small {font-size:1.7vh}
  .adjust-box .inner .cnt span.cnt_middle {font-size:1vh}
	  
	  }
  @media (max-width: 992px) {	
  .adjust-box .inner .cnt {font-size:4.3vmax;letter-spacing: 0.1px;}
  .adjust-box .inner .cnt span.cnt_small {font-size:1.5vh}
  .adjust-box .inner .cnt span.cnt_middle {font-size:2vh}
  }
  @media (max-width: 767px) {	
	.adjust-box .inner .cnt {font-size:6vmax;letter-spacing: 0.1px;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.5vh}
	.adjust-box .inner .cnt span.cnt_middle {font-size:2vh}
	}
  @media (max-width: 560px) {
  .adjust-box .inner .cnt {font-size: 5vmax;letter-spacing: 0.7px;}
  .adjust-box .inner .cnt span.cnt_small {font-size:1.3vh;letter-spacing: 0.3px;}
  .adjust-box .inner .cnt span.cnt_middle {font-size:1.3vh;letter-spacing: 0.3px;}
  }
  
  @media (max-width: 480px) {
	.adjust-box .inner .cnt {font-size: 5.6vmax;
		letter-spacing: 0.7px;}
	.adjust-box .inner .cnt span.cnt_small {font-size:1.3vh;letter-spacing: 0.3px;}
	.adjust-box .inner .cnt span.cnt_middle {font-size:1.3vh;letter-spacing: 0.3px;}
	}

/*SSL まとめ買い・サブスクプラン*/
.regular{
	font-size: 1.2em;
    margin-bottom: 3px;
}
.sbsc_sample_inner {
	padding: 1em 3em;
	background-color: #fff;
}
.sbsc_center{
	display: block;
    text-align: center;
	width: 100%;
	padding-top:0em;
	font-size: 1.4em;
	font-weight: 700;
}
.container .sample_inner {
	padding: 2em!important;
}
.multi_center {
	display: block;
    text-align: center;
	width: 80%;
	padding-top:2em;
}
.container .sample_fqdn h3,
.container .sample_sbsc h3 {
	text-align: left;
    color: #005eae;
    font-size: 25px;
    line-height: 1.4em;
    font-weight: 500;
    letter-spacing: 0;
	margin: 0 0 10px;
}
.container .sbsc_sample_inner h4 {
	display: block;
    text-align: left;
	width: 100%;
	font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
}

/*目次*/
.box_maintitle{margin:0 0 .3em;font-weight:700;font-size:1.2em;border-bottom:1px #dcdbdb dotted;color:#005eae;}
.blogtable_wrap{width: 100%;padding: 1em;display: block; margin: 1em auto 2em;background: #f5faff;}
ol.blogtable {
counter-reset:number; /*数字をリセット*/
list-style-type: none!important; /*数字を一旦消す*/
padding:0;

}
ol.blogtable li {
position: relative;
padding-left: 30px;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 30px;
}

ol.blogtable li:before{
/* 以下数字をつける */
position: absolute;
counter-increment: number;
content: counter(number);
/*以下数字のデザイン変える*/
display:inline-block;
background: #167ac6;
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
/*以下 上下中央寄せのため*/
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/*EV用*/
.levels_table_wrap {
	width: 100%;
	max-width: 1200px;
	overflow-x:auto;
	overflow-y: hidden;
}
.levels_table {
	margin: 0 auto 1.5em;
	border-collapse: separate;
	border: none;
	width: 100%;
	text-align: center;
}
.levels_table thead th {
	font-size: 1em;
	color: #fff;
	line-height: 1.5;
	background: #0d78c3;
	border-right: solid 1px #ccc;
	padding: 1.2em;
	width: 16%;
	vertical-align: middle;
}
.levels_table .blank {
	background: transparent;
}
.levels_table thead div.arrow:after {
	display: block;
	content: "";
	position: relative;
	top: -30px;
	left: 102%;
	margin: -4px 0 0;
	width: 28px;
	height: 28px;
	background: url(/https/jp.globalsign.com/images/knowledge/arrow.svg) no-repeat;
}
.levels_table span {
	 display: inline-block;
}
.levels_table tbody th {
	background: #f3f3f3;
	border-bottom: solid 1px #ccc;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	padding: 0.8em;
	vertical-align: middle;
}
.levels_table .first_th {
	border-top: solid #ccc 1px;
}
.levels_table tbody td {
	background: #fff;
	border-bottom: solid #ccc 1px;
	border-right: solid #ccc 1px;
	padding: 2%;
	text-align: center;
	vertical-align: middle;
}
.levels_table .ev_d_blue {
	background :#a5d2ec;
}
.levels_table .ev_blue {
	background :#bfe4fb;
}
#addressbar div h3 {
	line-height: 1em;
	border-bottom: 1px #ccc solid;
	margin: 0 0 1em;
	padding: .3em .6em .6em 0;
	text-align: left;
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #bbb;
}
#addressbar .addressbar_table th {
font-size: 0.9em;
font-weight: 400;
line-height: 1.5;
background: #f3f3f3;;
border: solid 1px #ccc;
padding: 0.5em;
width: 16%;
vertical-align: middle;
}
#addressbar .addressbar_table th .ev {
font-weight: 700;
font-size: 1em;
}

#addressbar .addressbar_table td {
background: #fff;
border: solid #ccc 1px;
padding: 2%;
text-align: center;
vertical-align: middle;
}
#addressbar .container p {
min-width: 320px;
}
#addressbar .addressbar_table img {
padding: 10px;
}
#addressbar div.col-md-auto .img_wrap {
margin-top: 0;
top: 20%;
position: relative;
}
#addressbar .ie div.col-md-auto .img_wrap {
top: 0%;
}

#addressbar div.row {
padding-bottom: 1em;
}
@media only screen and (max-width: 767px){
#addressbar div.col-md-auto .img_wrap {
	top: auto;
	padding: 30px;
}
}
#addressbar .p_block{
display :block;
min-width: 320px;
}

#price .multi_managed {
margin : 3em auto;
}
#price .multi_managed div.multi_p {
padding-top: 1rem !important;
}

/*ePKI*/

.customer_label {
    /* display: flex; */
    margin-bottom: 20px;
    line-height: 2;
}
.customer_label .customer_cat {
	background: #d4d4d4;
    margin-right: 6px;
    font-size: .7em;
    padding: 2px 7px;
    text-align: center;
    font-weight: 500;
    color: #535354;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: .5px;
}
@media screen and (max-width: 576px) {
	.epkiFeature div[class^="col-"] {
	  padding: 0 20px;
	}
  }
  
  
  .epkiFeature {
  background: #eaf4fd;
	padding: 2rem;
  
  }
  .epkiFeature h3{text-align: left;color: #005eae;font-size: 25px;line-height: 1.4em;font-weight: 600;letter-spacing: 0;margin: 0 0 10px;}
  .epkiFeature .epkiFeature__img {
  position: relative;
  
	  top: 0;right:0;
	  display: block;object-fit: cover;width: 100%;/*height:420px*/
  
  }
  @media screen and (min-width: 992px) {
  .epkiFeature .epkiFeature__img {
  position: relative;
  
	  top: -30px;right:-50px;
	  display: block;object-fit: cover;width: 100%;
  
  }
  }
  
	  .epkiFeature .epkiFeature__img02 {
  position: relative;
  
	  top: 0;right:0;
	  display: block;object-fit: cover;width: 100%;
  
  }
  @media screen and (min-width: 992px) {
  .epkiFeature .epkiFeature__img02 {
  position: relative;
  
	  top: -10px;right:-50px;
	  display: block;object-fit: cover;width: 100%;
  
  }
  }
/*
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
/*タブ幅上書き*/ 
ul.tabs-list li{
    display: inline-block;
    text-align: center;
    font-size: 1.1em;
    width: 44.666%;
    -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    -webkit-transition-property: border-top;
    transition-property: border-top;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
  }
  @media screen and (max-width: 768px) {
  ul.tabs-list li{
    font-size:.8em;
  }
  }
		.btn_case{margin-bottom: 0}
		.btn_case a.btn{
			color:#fff;
			text-align:center;
			text-decoration:none;
		}
		.btn_case a.hd-btn{
			display:block;
			margin:1em auto;
			padding:0.9em;
			font-size:1.2em;
			font-weight: 500;
			line-height: 1.4;
			width:100%
		}
.btn_case a.btn-blue-border{
color: #005eae;
background: #fff;
border: 3px solid #005eae;
text-decoration:none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-radius: 80px;
display: inline-block;
padding: 4% 6%;
box-shadow: 0 3px 1px rgb(13 13 13 / 21%);
}

        .btn_case a.btn-blue-border:before {
            font-family: "Font Awesome 5 Free";
            font-weight: bold;
            content: "\f019";
            text-decoration: none;
            margin-right: 5px;
        }

        .btn_case a.btn-blue-border:hover{
            color:#fff;
            background-color:#005eae;
            transition: background 0.2s ease 0s;
            text-decoration:none;
        }

.btn_case a.btn-blue-border2{
    color: #005eae;
    background: #fff;
    border: 3px solid #005eae;
    text-decoration:none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 80px;
    display: inline-block;
    padding: 4% 6%;
    box-shadow: 0 3px 1px rgb(13 13 13 / 21%);
    }
    
            .btn_case a.btn-blue-border2:before {
                font-family: "Font Awesome 5 Free";
                font-weight: bold;
                content: "\f35a";
                text-decoration: none;
                margin-right: 5px;
            }
    
            .btn_case a.btn-blue-border2:hover{
                color:#fff;
                background-color:#005eae;
                transition: background 0.2s ease 0s;
                text-decoration:none;
            }
.tt_service{
background: #333;
color: #fff;
padding: 4px 18px;
border-radius: 15px;
font-size: 0.8em;
text-align: center
}		

#list h3.tt_lineup {

    text-align:center !important;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.2;
}
  .buttons {width:88%;margin:auto;}
  .buttons button{
	  margin-right: 10px;
	  margin-bottom: 1em;
	  display: block;
	  background: #def5ff;
	  padding: 10px 20px;
	  display: inline-block;
	  cursor: pointer;
	  border-radius: 8px;
	  font-size: 16px;
	  min-width: 160px;
	  color:#222;
	  border:none
  }
  
  .buttons button:last-child{
	  margin-right:0;
  }
  
  button:focus{
	  outline:none;background:#005eae;
	  color:#fff
  }
  button.active {
  background:#005eae;
	  color:#fff
	  }
  button:hover{
	  background:#005eae;color:#fff;transition: background 0.4s ease 0s;
  }
  @media all and (max-width:480px) {
  .buttons button{
	  padding:0.8em 1.2em;
  }
  }
  .customer_label {
	  /* display: flex; */
	  margin-bottom: 20px;
	  line-height: 2;
  }
  .customer_label .customer_cat {
	  background: #d4d4d4;
	  margin-right: 6px;
	  font-size: .7em;
	  padding: 2px 7px;
	  text-align: center;
	  font-weight: 500;
	  color: #535354;
	  border-radius: 3px;
	  display: inline-block;
	  letter-spacing: .5px;
  }
  	/*中身を表示しておく*/
.detail_box .price_detail2 {overflow:auto;}
.txt-lisence {font-size: 1.3em !important;margin: 0 0 0 0;text-align: center;font-weight: 600;}
.txt-210{font-size: 210%}
.txt-lisence-plan{font-size: 1.3em !important;margin: 0 0 0 0;text-align: center;font-weight: 600;}
.txt-blue{color: #005eae}
h3.lisence-recommed{font-weight: 500;text-align:left;margin-bottom: .5em;font-size:1.5em;color:#005ea9;text-align:center}
.recommend-price{font-size:14px;}
.recommend-price_b{font-size:32px;font-weight: 500;}
.recommend-1lisence{font-size:12px;font-weight: 600;}
.recommend-1lisence_l{font-size:20px;}
.recommend-3yearlisence{font-size:12px;}
.recommend-3yearlisence_l{font-size:20px;font-weight: 500;}

	/****************利用例・カテゴリから探す*************/

	.case_menu {
		position: relative;
		display: inline-block;
		text-decoration: none;
	  font-size: 18px;
		  font-weight: 600;
		  color: #383838;
	  }
	  .case_menu:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -6px; /*下線の上下位置調整*/
		display: inline-block;
		width: 50px; /*下線の幅*/
		height: 4px; /*下線の太さ*/
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translate(-50%); /*位置調整*/
		background-color: #333; /*下線の色*/
	  }
	  .case_menu::after {
		position: absolute;
		bottom: -6px;
		left: 0;
		content: '';
		width: 100%;
		height: 4px;
		background: #005eae;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	  }
	  .case_menu:hover::after {
		transform: scale(1, 1);
	  }
		  
	  .case_menu_active {
		position: relative;
		display: inline-block;
		text-decoration: none;
	  font-size: 18px;
		  font-weight: 600;
		  color: #005eae;
	  }
	  .case_menu_active:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -6px; /*下線の上下位置調整*/
		display: inline-block;
		width: 100%; /*下線の幅*/
		height: 4px; /*下線の太さ*/
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translate(-50%); /*位置調整*/
		background-color: #005eae; /*下線の色*/
	  }
	  .case_menu_active:hover {
		  cursor: default;
	  }
	  
	  .case_list_box{border:5px #F0F9FF solid;box-shadow: 4px 4px rgba(114,114,114,0.3);/*height:342px;*/}
	  a.button_case{ font-size: 1.1em;
		  color: #383838;
		  background: url(/https/jp.globalsign.com/medical-iot/images/svg/arrow_down.svg) left center no-repeat;
		  padding-left: 2em;
		  cursor: pointer;
		  border: none;
		  position: absolute;
		  bottom:20px;
		  left: 24%;}
	  a.button_case:hover{ color:#005eae;background: url(/https/jp.globalsign.com/medical-iot/images/svg/arrow_down_b.svg) left center no-repeat;padding-left: 2em;cursor: pointer;border: none}
	  a.button_case:focus,.button_case:active{outline: none}
	  .ra8 {
		  border-radius: 8px;
	  }
	  .image_half {
		  width: 100%;
		  min-height: 0%;
		  position: absolute;
		  bottom: 52px;
		  left: 0;
		  /* margin-bottom: 1em; */
	  }
	  .image_half img {
		  width: 50%;
		  height: auto;
	  }
	  p.box-title {
		  font-weight: 600;
		  text-align: center;
		  font-size: 1.2em;
		  line-height: 1.5;
		  margin-bottom:3em
	  }
	  .bg-lightblue {
		  background: rgba(0,94,174,.22);
	  }
	  
	  @media only screen and  (min-width: 768px) and (max-width: 992px) {
	  .case_list_box{height:400px}
	  .button_case{ font-size:1.5em;left:33%;}
	  .image_half {
		  width: 100%;
		  min-height: 0%;
		  position: absolute;
		  top: 10%;
		  left: 0;
		  /* margin-bottom: 1em; */
	  }
	  .image_half img {
		  width: 40%;
		  height: auto;
	  }
	  }
	  
	  @media only screen and (max-width: 576px) {
	  .case_list_box{height:340px}
	  .button_case{ font-size:1.1em;left:33%;}
	  .image_half {
		  width: 100%;
		  min-height: 0%;
		  position: absolute;
		  top: 24%;
		  left: 0;
		  /* margin-bottom: 1em; */
	  }
	  .image_half img {
		  width: 50%;
		  height: auto;
	  }
	  }
	  
	  
	  .link_case_detail{ font-size:1.1em;color:#005ea;background: url(/https/jp.globalsign.com/medical-iot/images/svg/arrow_right.svg) left center no-repeat;padding-left: 1.4em;}
	  .link_case_detail:hover{ text-decoration: underline;}
	  
	  
	  .case-box{border:8px #DEEAF5 solid;border-radius: 8px}
	  .case-box h2 {font-size: 32px;font-weight: 700;padding:0}
	  @media only screen and (max-width: 768px) {
	  .case-box h2 {font-size: 1.6em}
	  }
	  
	  .list-case {
		max-width: 942px;
		margin: 0 auto;
	  
	  }
	  
	  .list-case li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch
	  }
	  
	  .list-case li .box {
		position: relative;
		z-index: 1
	  }
	  
	  .list-case li .box:before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 40px;
		width: 4px;
		height: 100%;
		background-color: #005eae;
		content: ''
	  }
	  .list-case li:last-child .box:before {
		content:none;
	  }
	  
	  @media only screen and (max-width: 768px) {
		.list-case li .box:before {
		  left: 30px;
		  width: 4px
		}
	  }
	  
	  .list-case li .icon-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		z-index: 3;
		width: 84px;
		height: 84px;
		border: 4px solid #005eae;
		border-radius: 50%;
		  color:#fff;
		background-color: #005eae;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		  font-size:1.8em;font-weight: 600;line-height: 240%
	  }
		  
	  
		  
	  .list-case li .icon-box_kaiketsu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		z-index: 3;
		width: 84px;
		height: 84px;
		border: 4px solid #005eae;
		border-radius: 50%;
		  color:#005eae;
		background-color: #fff;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		  font-size:1.8em;font-weight: 600;line-height: 240%
	  }
		  
		  
	  
	  @media only screen and (max-width: 768px) {
		.list-case li .icon-box,
	  .list-case li .icon-box_kaiketsu{
		  width: 64px;
		  height: 64px;
		  border-radius: 32px;
		  font-size:1.1em;
		}
	  }
	  
	  
	  
	  .list-case li .content {
		padding: 5px 0 30px 30px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	  }
	  
	  @media only screen and (max-width: 768px) {
		.list-case li .content {
		  padding: 5px 0 30px 10px
		}
	  }
	  
	  .list-case li .content dt {
		/*padding-bottom: 10px;*/
		font-weight: 700;
		font-size: 16px;
		font-size: 1.6rem
	  }
	  
	  @media only screen and (max-width: 768px) {
		.list-case li .content dt {
		  padding-bottom: 5px
		}
	  }
	  
	  .hl-kaiketsu {color:#000;font-weight: 700;font-size:18px;display: block}
	  .title-kaiketsu {color: #005eae;font-size: 1.6em;font-weight: 600;;line-height: 1.3;text-align: left;}
	  .hl-kadai{font-weight: 5600;font-size:30px;line-height: 1 !important;line-height:1.7 !important;text-align: left;}
	  
	  @media only screen and (max-width: 768px) {
		.title-kaiketsu {font-size: 1.15em;line-height:1.4 !important}
		  .hl-kadai{font-size:.8em;}
	  
	  }
	  
	  
	  @media screen and (min-width: 1024px) {
	  .usage_box_wrapper{ width:100%;min-width:1024px;overflow: hidden}
	  }
	  @media screen and (max-width: 1023px) {
	  .usage_box_wrapper{ width:100%;max-width:1023px;overflow: hidden}
	  }
	  
	  
	  .usage_box {
		  padding: 0;
		  margin: 125px 0;
		  position: relative;
		  
	  }
	  .usage_box:last-of-type {
		  margin-bottom: 70px;
	  }
	  .usage_box:nth-of-type(even) {
		  margin-left: auto;
	  }
	  .usage_box:nth-of-type(odd) {
		  margin-right: auto;
	  }
	  .usage_box::before {
		  content: "";
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  background:rgba(0,94,174,.1);
		  width: 100%;
		  z-index: -1;
	  }
	  
	  .usage_box_inner {
		  display: flex;
		  width: 1024px;
		  margin: 0 auto;
		  padding-left:15px;
		  padding-right:15px;
		  position: relative;
	  }
	  .usage_box:nth-of-type(even) .usage_box_inner {
		  flex-direction: row-reverse;
	  }
	  .usage_box:nth-of-type(odd) .usage_box_inner {
		  flex-direction: row;
	  }
	  .usage_box_body {
		  padding: 30px 0;
		  position: relative;
		  z-index: 1;
	  }
	  h2.usage_box_body_title,
	  h3.usage_box_body_title,
	  h4.usage_box_body_title {
		  color:#005eae;
		  font-weight: 700;
		  font-size:1.8em;
		  padding-bottom:1.6em;
		  line-height: 150%
	  }
	  .usage_box_body_titlenum {
		  position: absolute;
		  top: -60px;
		  font-size: 60px;
		  color: #004EA2;
		  font-family: 'roboto';
		  font-weight: bold;
		  background: #FFE2AF;
		  border-radius: 50%;
		  width: 190px;
		  height: 190px;
		  z-index: -1
		  
	  }
	  .usage_box_figure {
		  width: 480px;
		  flex-shrink: 0;
		  position: relative;
		  top: -60px;
	  
	  }
	  .usage_box_figure_txt{font-weight: 600;display: block;text-align: center}
	  
	  
	  .usage_box:nth-of-type(even)::before {
		  left: calc( ( 100% - 1100px ) / 2 );
	  }
	  .usage_box:nth-of-type(odd)::before {
		  right: calc( ( 100% - 1100px ) / 2 );
	  }
	  
	  
	  
	  @media screen and (max-width: 980px) {
	  
	  .usage_box {
		  margin: 100px auto !important;
		  width: 100vw;
		  background: #EBF1F8;
		  padding: 20px;
	  }
	  .usage_box:last-of-type {
		  margin-bottom: 0;
	  }
	  
	  .usage_box_inner {
		  width: 100%;
		  position: static;
		  flex-direction: column !important;
	  }
	  .usp_intro_list li {
		  width: 100%;
	  }
	  .usage_box_body {
		  padding: 20px 0;
	  }
	  .usage_box_figure {
		  position: static;
		  width: 90%;
		  margin: auto;
	  }
	  h4.usage_box_body_title {
		  color:#005eae;
	  }
	  .usage_box_body_titlenum {
		  left: 0;
		  right: 0;
		  top: -20%;
		  width: 180px;
		  height: 180px;
	  
	  }
	  }
	  @media screen and (max-width: 768px) {
	  
	  .usage_box_body_titlenum {
		  left: 0;
		  right: 0;
		  top: -20%;
		  width: 160px;
		  height: 160px;
	  
	  }
	  }
	  @media screen and (max-width: 480px) {
	  
	  .usage_box_body_titlenum {
		  left: 0;
		  right: 0;
		  top: -10%;
	  
	  }
	  }

/*================================================
 *  モーダル
 ================================================*/
 .modal-overlay {
    z-index:999999999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-content {
	max-width:90%;
	max-height:90%;
    position:fixed;
    display:none;
    z-index:9999999999;
	box-shadow: 5px #fff;
	margin:auto;
	/*
    background:#fff;
	padding:1em;
	  box-shadow: 5px #fff;*/
}


.modal-content2 {
	max-width:90%;
	max-height:90%;
    position:fixed;
    display:none;
    z-index:9999999999;
	box-shadow: 5px #fff;
	margin:auto;
    background:#fff;
	padding:1em;
	/*
	  box-shadow: 5px #fff;*/
}
.modal-row{
		padding:0.5rem 0;
		margin: 0 auto;
		  max-width: 50.5rem;
	}

.modal-open {
    cursor:pointer;
    color:#005eae;
}

.modal-open:hover {
    cursor:pointer;
    color:#005eae;
	text-decoration:underline;
}
.modal-close {
	position: absolute;
	top: -26px;
	left: 100%;
	background:url("/https/jp.globalsign.com/images/modal/close.png") no-repeat;
	width:25px;
	height:25px;
	display:block;
	text-indent:-999px;
	overflow:hidden;

}
.modal-close:hover {
    cursor:pointer;
}


	.modal_floatl {
		float:left;
		width:390px;
		margin-right:20px
	}
	.modal_floatr {
		float:right;
		width:390px;
	}


	.modal_float03 {
		float:left;
		width:250px;
		margin-right:16px
	}

	.modal-content2 h3 {
	 padding:0px 0px 20px 0px;
	 font-size:24px;
	 line-height:1.2;
	 text-align:center;
	 color:#333 !important;
	}
	.modal-content p {
		margin:0 0 20px 0 ;
		padding:0;
		font-size:13px;
		line-height:150%;
	}
	/*youtube用*/
	.modal-video{ width:640px;height:360px;}

	/*CSSボタンエリア・サイズ*/
		.orderbtn a.btn{
			color:#fff;
			text-align:center;
			text-decoration:none;margin:10px 1.5em;
		}
		.orderbtn a.hd-btn{
			display:block;
			width:90%;
			padding:12px 8px 11px;
			margin:auto;
			font-size:16px;
		}
	
@media screen and (max-width:767px) {
	.modal_floatl {
		float:none;
		width:100%;
		margin-right:0;
	}
	.modal_floatr {
		float:none;
		width:100%;
		
	}
	
}
	
@media screen and (max-width:480px) {
	.modal-video{ width:100%;height:100%}
	.modal-close {left: 92%;}

}

/*================================================
 *  IoT
 ================================================*/

.iot_datasheet{background: url('/https/jp.globalsign.com/internet-of-things/images/bg_iot.png') no-repeat center center;background-size: cover;color:#fff;}
.iot_datasheet a{color:#fff}
.iot_partner{background: url('/https/jp.globalsign.com/images/partner/bg_title.jpg') no-repeat center center;background-size: cover;color:#fff;}
.iot_sv{background: url('/https/jp.globalsign.com/internet-of-things/images/bg_iot03.jpg') no-repeat top center fixed;background-size: cover;color:#ddd;}
.iot_sv_transparent{background-color:rgba(0,0,0,0.60);}


@media screen and (max-width: 576px) {
  .iotFeature div[class^="col-"] {
    padding: 0 20px;
  }
}


.iotFeature {
background: #eaf4fd;
  padding: 2rem;

}
.iotFeature .iotFeature__img {
position: relative;

    top: 0;right:0;
	display: block;object-fit: cover;width: 100%;/*height:420px*/

}
@media screen and (min-width: 992px) {
.iotFeature .iotFeature__img {
position: relative;

    top: -30px;right:-50px;
	display: block;object-fit: cover;width: 100%;

}
}

	.iotFeature .iotFeature__img02 {
position: relative;

    top: 0;right:0;
	display: block;object-fit: cover;width: 100%;

}
@media screen and (min-width: 992px) {
.iotFeature .iotFeature__img02 {
position: relative;

    top: -10px;right:-50px;
	display: block;object-fit: cover;width: 100%;

}
}



.case_subtitle {
    margin: 1em auto 2em;
    padding: 0;
    text-align: center;
}

.case_subtitle span.black {
    background: #013268;
    color: #fff;
    padding: 2% 7%;
    border-radius: 8em;
    font-size: 1.1em;
}
h3.case_stitle {
    font-weight: 700;
    text-align: center;
    font-size: 1.7em;
	color:#005eae;
}

.number {
    margin-bottom: 20px;font-family: 'Quicksand', sans-serif;font-weight: 700;
    font-size: 2.4em;
    color: #0d78c3;
    border-bottom: solid 1px #0086c2;
    display: table;
    /*argin-left: auto;*/
  }
/*円 */
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  margin:2em auto;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a:hover {
  text-decoration: none;
  cursor:help
}

.ih-item.circle {
  position: relative;
  width: 180px;
  height: 180px;
}
.ih-item.circle .img {
    position: absolute;
    top: 0;
    width: 180px;
    height: 180px;
    text-align: center;
}
.ih-item.circle .img img {
	margin:3em auto 1em auto
}
.ih-item.circle .img h4 {
	background:none !important;
	font-size:2em !important;
	color: #fff;
	text-align:center;
	font-weight:bold;
	display:inline;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.ih-item.circle.effect1 .spinner {
  width: 180px;
  height: 180px;
  border: 10px solid #00b5ed;
  border-right-color: #2181b9;
  border-bottom-color: #2181b9;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  background:rgba(0,94,174,.6);
  
}

.ih-item.circle.effect1 .img:before {
  display: none;
}
.ih-item.circle.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circle.effect1 .info {
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circle.effect1 .info p {
  color: #bbb;
  padding: 10px 5px;
  margin:3em 2em 3em 3em;
  font-size:1em;
  text-align:left;
  line-height:150%
}
.ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ih-item.circle.effect1 a:hover .info {
  opacity: 1;
}

.heading11 {
	position: relative;
	font-size: 1.8em;
	text-align: center;color: #1d83c6;
}

.heading11::before {
	content: attr(data-number);
	display: block;
	margin-bottom: 30px;
	color: #1d83c6;
	font-size: 30px;
}

.heading11::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background-color: #1d83c6;
}


	#conversion .tel {
    font-size: 2.6em;
    font-weight: 700;
}
	#conversion .tel a {color:#fff}
#conversion .tel:before {
    margin-right: 5px;
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

/*EVSSL53%オフCP 帯*/
#cp_section {background:#ffe286;font-size: 1.6em;font-weight: 600;color: #ac0000;}
#cp_section .cp_wrap{display: inline-block;margin:0px auto 3px;}

#cp_section .cp_wrap .cp_sttl{
  display: inline-block;
  border: #fb8303 solid 2px;
  background: #fb8303;
  color: #fff;
  text-align: center;
  font-size:19px;
  padding: .1em 1em;
  margin:0 15px 0 0;
  border-radius: 30px;
}
#cp_section .cp_wrap .btn{display: inline-block;margin:0 0 0 15px;}
  #cp_section .cp_wrap a.cp_btn{
    color: #fb8303;
    padding: .5em 1em;
    border: #fb8303 solid 2px;background: #fff;
    border-radius: 30px;font-size:18px}

  #cp_section .cp_wrap a.cp_btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f35a";
    text-decoration: none;
    margin-right: 5px;
}
#cp_section .cp_wrap a.cp_btn:hover {
	background: #f9a712;
		color:#fff;
		transition: background 0.2s ease 0s;
	}
  @media screen and (max-width:1200px) {
    #cp_section {font-size: 1em;}
  
    #cp_section .cp_wrap .cp_sttl{
      font-size:12px
    }
    #cp_section .cp_wrap a.cp_btn{
      font-size:12px}
  }
@media screen and (max-width:768px) {
  #cp_section {font-size: 1em;}

  #cp_section .cp_wrap .cp_sttl{
    display: none;
  }
  #cp_section .cp_wrap a.cp_btn{
    font-size:12px}
}
  
@media screen and (max-width:480px) {
  #cp_section {font-size:.8em;letter-spacing: .3px;padding:0px 5px}
  #cp_section .cp_wrap a.cp_btn{
    font-size:10px}
	#cp_section .cp_wrap .btn{margin:0 0 0 5px;}
}

/*CP バナー*/
	.cp_title_s {position: relative;font-weight: 700;width: 80%;color:#ac0000}
	.cp_title_s::before,.cp_title_s::after {
	content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #ac0000;
}
.cp_title_s:before {
    left: -10px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.cp_title_s::after {
    right: -10px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
@media ( min-width: 601px ) {

	.cp_title_s {
		font-size: 1.4em;
		padding: 0 0 8px;
		margin: 0 auto 8px;
		line-height: 1.3;
	}

}
@media ( max-width: 600px ) {

	.cp_title_s {
		font-size: 2.8vw;
		padding: 0 0 2.8vw;
		margin: 0 auto;
	}

}

.cp_banner {
	border:1px #ac0000 solid;
	text-align: center;
	padding: 1.2em 0.2em;
	background:#feffec}
	.cp_banner:hover {
		background:#ffe9c7}

/*EVページ用*/

.bg-cp{background:#ffe286;}
.cp_ttls{
	order: #ac0000 solid 2px;
	background: #ac0000;
	color: #fff;
	text-align: center;
	font-size: 21px;
	padding: 0.3em 1em;
	margin: 0 15px 0 0;
	border-radius: 30px;}
.cp_title_wrap{font-size: 1.6em;font-weight: 600;color: #ac0000;}
.cp_gaiyo_ttl{
	display: block;
	margin-top: 30px;
	font-weight: 600;
	font-size: 1.4rem;}
.cp_gaiyo_btn{display: inline-block;}

.cp_gaiyo_btn a{
	border: #fb8303 solid 2px;
	background: #fb8303;
	color: #fff;
	text-align: center;
	font-size:16px;
	padding:0.5em .7em;
	margin:.5em 0;
	border-radius: 20px;
	font-weight: 600;
}
.cp_gaiyo_btn a:hover{
	color: #fb8303;
	background: #fff;

}

@media screen and (max-width:480px) {
	.cp_gaiyo_ttl{
		font-size: 1.1rem;}
	.cp_title_wrap{font-size: 1.2em;}
  }