@charset "utf-8";

/**
 *
 *  SSLサーバー証明書　共通CSS
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

.order{
	background:#f2f5f9;
	padding:10px 0;
}
.banner-box li{
	float:left;
}
/*
.left-cont dd.ban img{
	box-shadow:3px 3px 3px rgba(0,0,0,0.15);
}
*/


/*----------------------------------------------------------------------
	Support
----------------------------------------------------------------------*/
#Support{
	background: url(/rentalserver/shared/images/info_bg.jpg) no-repeat 50% 0 / cover;
	padding:30px 0 40px;
	border-top: 1px solid #c5d6e7;
	overflow:hidden;
}
#Support .sec-inner{
	background:#EDF6FF;
	margin-bottom:10px;
	padding:25px 0;
	border:3px solid #FFF;
	overflow:hidden;
}
#Support .lead-caution{
	margin:0;
	padding:0 0 10px;
	color:#004381;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
	/*letter-spacing:-0.01em;*/
	vertical-align:middle;
}
#Support .btn-navy{
	width:400px;
	margin:0 auto;
	text-align:center;
}
#Support .btn-navy a{
	padding:16px 0 12px;
	font-size:16px;
	font-size:1.6rem;
}
#Support .btn-navy a:before{
	background:url(/rentalserver/shared/images/ico_arw06_white.png) no-repeat left center;
	width:14px;
	padding-right:10px;
}

#Support .btn{
	padding: 10px 0;
	text-align: center;
}
#Support p{
	padding:15px 0 0;
	text-align: center;
	line-height:1.6;
	color: #394B53;
}
#Support p.lead-login{
	background:url("/rentalserver/shared/images/ico_blank02.png") no-repeat 63% 7px;
	width:978px;
	margin: -5px auto 0;
	padding:0;
	font-weight:normal;
}
#Support p.lead-login a{
	background:url(/rentalserver/shared/images/ico_arw04.png) no-repeat left center;
	margin:0 0 0 -17px;
	padding:0 0 0 17px;
	font-size: 13px;
	font-size: 1.3rem;
}

/*----------------------------------------------------------------------
	Anchor
----------------------------------------------------------------------*/

.link-area{
	padding:35px 120px 25px;
	border:1px solid #E5E5E5;
	overflow:hidden;
	z-index: 100;
    position: relative;
}
.link-area li{
	float:left;
	display:inline;
	margin:0 0 7px 0;
}
.link-area li:nth-child(odd) {
	width:220px;
}
.link-area li a{
	background:url(/rentalserver/shared/images/ico_arw03.png) no-repeat 0 50%;
	padding-left:25px;
}

.link-area.anchor{
	padding:25px;
	display: flex;
	justify-content: center;
}
.link-area.anchor li {
	width:210px;
	float: none;
}
.link-area.anchor li+li {
	margin-left:10px;
}
.link-area.anchor li a{
	background:none;
	padding-left:0;
	transition:0.2s all ease;
}
.link-area.anchor li a:hover{
	opacity:0.85;
}
.link-area.anchor li a:before{
	background:url(/rentalserver/shared/images/ico_arw03.png) no-repeat left center;
}

.link-area.anchor li.wide {
	width:100%;
	margin:0;
	text-align:center;
}
.link-area.anchor li.wide + li {
	margin-left:0;
}
.link-area.anchor li.wide a:before {
    display: none;
}
.link-area.anchor li.wide a:after {
    display: inline-block;
    content: "";
    width: 11px;
    height: 10px;
    background:url(/rentalserver/shared/images/ico_arw04.png) no-repeat left center;
   margin-left: 10px;
}

/*----------------------------------------------------------------------
	証明書の選び方ガイド　「function.html」
----------------------------------------------------------------------*/

#Type {
	position:relative;
	padding-bottom:20px;
    margin-top: -100px;
    padding-top: 100px;
    /*z-index: 500;*/
}
#Comparison {
	position:relative;
	padding-bottom:20px;
    margin-top: -100px;
    padding-top: 100px;
    z-index: 400;
}
#Scene {
	position:relative;
	padding-bottom:70px;
    margin-top: -100px;
    padding-top: 100px;
    z-index: 300;
}
#Spec .scroll_box {
	width: 99%;
}
table.ssl-function i.ico-lock {
	display:inline-block;
	background:url(/rentalserver/option/ssl/images/icon_lock.png) no-repeat;
	width:18px;
	height:22px;
	vertical-align:middle;
}
table.ssl-function i.ico-lock + i.ico-lock {
	margin-left:3px;
}

table.ssl-function {
	font-size:14px;
	font-size:1.4rem;
}
table.ssl-function thead th {
	padding:20px 0;
	line-height:1.2;
	color:#FFF !important;
}
table.ssl-function thead th.ssl-dv {
	background-color:#3878D0 !important;
}
table.ssl-function thead th.ssl-ov {
	background-color:#F4A913 !important;
}
table.ssl-function thead th.ssl-ev {
	background-color:#00AA90 !important;
}
table.ssl-function thead th span {
	display:block;
	font-size:20px;
	font-size:2.0rem;
}
table.ssl-function thead td {
	background:#FFF;
}

table.ssl-function th {
	padding:10px 0;
	text-align:center;
	font-weight:normal;
	line-height:1.4;
}
table.ssl-function td{
	background:#F4F8FB;
	padding:10px 8px;
	text-align:center;
	line-height:1.4;
	color:#2C3943 !important;
	border:2px solid #FFF;
}
table.ssl-function td span{
	display:block;
	padding-top:3px;
}
table.ssl-function td b{
	font-size:25px;
	font-size:2.5rem;
}
table.ssl-function td img + span{
	padding-top:5px;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
}
table.ssl-function tr.even td,
table.ssl-function td.even {
	background:#EAF1F7;
}
table.ssl-function td.th-dv{
	background:#CCD9E6;
	padding:5px 0;
	font-size:15px;
	font-size:1.5rem;
}
table.ssl-function td.td-dv {
	background:#EAF1F7;
	padding:5px;
}
table.ssl-function td.td-dv span{
	padding-top:3px;
	font-size:10px;
	font-size:1.0rem;
}


table.ssl-function ul{
	padding:0.3em 1.0em;
	text-align:left;
}
table.ssl-function li{
	line-height:1.3;
	font-size:13px;
	font-size:1.3rem;
}
table.ssl-function li:before{
	display:inline-block;
	content:"・";
	text-indent:-1em;
	font-size:20px;
	font-size:2.0rem;
	line-height:1;
	vertical-align:middle;
}
table.ssl-function tr.top td{
	vertical-align:top;
}
table.ssl-function tr.top li+li{
	padding-top:5px;
}

table.ssl-function i.ev,
table.ssl-function i.ov,
table.ssl-function i.dv {
	display:inline-block;
	margin: 0 3px -6px 0;
}


#Type p.notes,
#Comparison p.notes{
	text-indent:-3.75em;
	padding-left:3.75em;
	line-height:1.4;
	font-size:13px;
	font-size:1.3rem;
}
#Type p.notes + p,
#Comparison p.notes + p{
	padding-top:5px;
}
#Type p.notes:last-child,
#Comparison p.notes:last-child{
	padding-bottom:20px;
}


/* 「認証レベルの表」だけ独自スタイル
--------------------------------------------------*/
#Type table.ssl-function th {
	background:#5E7994 !important;
	color:#FFF !important;
}
#Type table.ssl-function th a {
	color:#FFF !important;
}
#Type table.ssl-function thead th.ssl-dv {
	background-color:#3878D0 !important;
}
#Type table.ssl-function thead th.ssl-ov {
	background-color:#F4A913 !important;
}
#Type table.ssl-function thead th.ssl-ev {
	background-color:#00AA90 !important;
}
#Type table.ssl-function ul {
	padding:0 0.5em 0 1.0em;
}

/* 「ブランド比較表」だけ独自スタイル
--------------------------------------------------*/
#Comparison table.ssl-function thead th {
	color:#FFF !important;
	text-align:left;
	padding:20px 40px;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.6;
}
#Comparison table.ssl-function thead th.ssl-dv{
	background-color:#3878D0 !important;
}
#Comparison table.ssl-function thead th.ssl-ov{
	background-color:#F4A913 !important;
}
#Comparison table.ssl-function thead th.ssl-ev{
	background-color:#00AA90 !important;
}
#Comparison table.ssl-function thead th.ssl-dv:after,
#Comparison table.ssl-function thead th.ssl-ov:after,
#Comparison table.ssl-function thead th.ssl-ev:after {
	display:inline-block;
	content:"■";
	text-indent:-9999em;
	width:210px;
	height:36px;
	position:absolute;
	right:20px
}
#Comparison table.ssl-function thead th.ssl-dv:after {
	background:url(/rentalserver/option/ssl/images/img_lock_dv.png) no-repeat top left;
}
#Comparison table.ssl-function thead th.ssl-ov:after {
	background:url(/rentalserver/option/ssl/images/img_lock_ov.png) no-repeat top left;
}
#Comparison table.ssl-function thead th.ssl-ev:after {
	background:url(/rentalserver/option/ssl/images/img_lock_ev.png) no-repeat top left;
}

#Comparison table.ssl-function th {
	background:#5E7994 !important;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF !important;
	line-height:1.2;
}

#Comparison table.ssl-function th.price {
	font-size:16px;
	font-size:1.6rem;
}
#Comparison table.ssl-function th.price small {
	font-size:16px;
	font-size:1.6rem;
}

#Comparison table.ssl-function td.brand {
	background:#EAF1F7;
	width:150px;
	padding:0;
}
#Comparison table.ssl-function td.brand a:hover {
	opacity:0.85;
}
#Comparison table.ssl-function td b {
	color:#3878D0;
	font-size:18px;
	font-size:1.8rem;
}
/*
#Comparison table.ssl-function td:last-child{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.3;
}
*/
ul.secene-list{
	background:#F4F8FB;
	border:5px solid #EAF1F7;
	padding:25px 20px;
}
ul.secene-list li{
	font-size:15px;
	font-size:1.5rem;
}
ul.secene-list li+li{
	padding-top:15px;
}
ul.secene-list li a{ 
	color:#1F3D6B;
}
ul.secene-list li span{
	display:inline-block;
	background:#366DBD;
	width:120px;
	height:22px;
	margin-right:10px;
	line-height:22px;
	text-align:center;
	color:#F5F6F6;
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	vertical-align:middle;
	-ms-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}


/*----------------------------------------------------------------------
	利用シーンで選ぶ　「scene.html」
----------------------------------------------------------------------*/

#Scene01,#Scene02,#Scene03,#Scene04 > p {
	font-size:15px;
	font-size:1.5rem;
	line-height:1.6;
}
#Scene04 {
	margin-bottom:60px;
}
	
.link-scene{
	overflow:hidden;
}
.link-scene li{
	width:49%;
	height: 68px;
	margin:0 1% 7px 0;
	padding:10px 10px 10px 75px;
	line-height:1.5;
	float:left;
	border:3px solid #366DBD;
	position:relative;
	box-sizing: border-box;
}
.link-scene li:nth-child(2n+2){
	margin-right:0;
}
.link-scene li:before{
	display:block;
	content:"";
	width:65px;
	height:62px;
	position:absolute;
	left:0;
	top:0;
}
.link-scene li:nth-child(1):before{
	background:#366DBD url(/rentalserver/option/ssl/images/icon_scene01.png)  no-repeat center center;
}
.link-scene li:nth-child(2):before{
	background:#366DBD url(/rentalserver/option/ssl/images/icon_scene02.png)  no-repeat center center;
}
.link-scene li:nth-child(3):before{
	background:#366DBD url(/rentalserver/option/ssl/images/icon_scene03.png)  no-repeat center center;
}
.link-scene li:nth-child(4):before{
	background:#366DBD url(/rentalserver/option/ssl/images/icon_scene04.png)  no-repeat center center;
}
.link-scene li a{
	color:#455D6B;
	text-decoration:none;
}
.link-scene li a:hover{
	text-decoration:underline;
}
.link-scene li.soon{
	background:#EAEAEA;
	min-height:42px;
	line-height:42px;
	color:#999;
	border:3px solid #DDD;
}
.link-scene li.soon:before{
	background:#DDD url(/rentalserver/option/ssl/images/icon_soon.png)  no-repeat center center;
}

.ttl-type01.scene{
	margin-bottom:10px;
	line-height:1.2;
	font-size:20px;
	font-size:2.0rem;
}
.ttl-type01.scene span{
	padding:30px;
	display:inline-block;
}
.table-type03.scene thead th{
	background:#366DBD !important;
	color:#FFF !important;
	font-size:18px;
	font-size:1.8rem;
}
.table-type03.scene th,
.table-type03.scene td{
	font-size:14px;
	font-size:1.4rem;
}
.table-type03.scene td{
	background:#F0F1F2;
	padding:20px;
	text-indent:-1em;
	line-height:1.4;
}
.table-type03.scene td.bland{
	padding:10px;
	text-align:center;
	overflow:hidden;
}
.table-type03.scene td.bland img:hover{
	opacity:0.8;
}
.table-type03.scene td.bland span{
	float:left;
}
.table-type03.scene td.bland span + span{
	float:right;
}
.table-type03.scene td.reco{
	background:#C8DEF7;
	text-indent:0;
	text-align:center;
}
.table-type03.scene td.reco i{
	padding-top:5px;
	margin:0 auto;
}
.table-type03.scene td a{
	/*
	background:url(/shared/images/ico_arw04.png) no-repeat left 4px;
	margin-left:-0.5em;
	padding-left:1.5em;
	*/
	text-indent:0em;
	display:block;
}
.table-type03.scene td .cp-txt{
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:-0.05em;
}


/*----------------------------------------------------------------------
	SSL認証レベルアイコン（DV,OV,EV）
----------------------------------------------------------------------*/

/* スモールサイズ
--------------------------------------------------*/
.left-cont ul.menu_sub li {
	position:relative;
	vertical-align:middle;
}
.left-cont ul.menu_sub li i{
	margin-top:-3px;
	position:absolute;
	right:10px;
}

i.dv,i.ov,i.ev{
	width:26px;
	height:20px;
}
i.ev{
	background:url(/rentalserver/option/ssl/images/icon_ev.png) no-repeat left 50%;
}
i.ov{
	background:url(/rentalserver/option/ssl/images/icon_ov.png) no-repeat left 50%;
}
i.dv{
	background:url(/rentalserver/option/ssl/images/icon_dv.png) no-repeat left 50%;
}
.left-cont ul.menu_sub li i.ev + i.ov{
	margin-right:28px;
}
.left-cont ul.menu_sub li i.ov + i.ev{
	margin-right:28px;
}
.left-cont ul.menu_sub li i.ev + i.ov + i.dv{
	margin-right:56px;
}

/* ビッグサイズ
--------------------------------------------------*/
i.dv_l,i.ov_l,i.ev_l,
i.dv_l_un,i.ov_l_un,i.ev_l_un{
	display:block;
	width:40px;
	height:40px;
}
i.dv_l{
	background:url(/rentalserver/option/ssl/images/img_dv.png) no-repeat left 50%;
}
i.ov_l{
	background:url(/rentalserver/option/ssl/images/img_ov.png) no-repeat left 50%;
}
i.ev_l{
	background:url(/rentalserver/option/ssl/images/img_ev.png) no-repeat left 50%;
}
i.dv_l_un{
	background:url(/rentalserver/option/ssl/images/img_dv_un.png) no-repeat left 50%;
}
i.ov_l_un{
	background:url(/rentalserver/option/ssl/images/img_ov_un.png) no-repeat left 50%;
}
i.ev_l_un{
	background:url(/rentalserver/option/ssl/images/img_ev_un.png) no-repeat left 50%;
}


/*----------------------------------------------------------------------
	「認証レベル」 - .sub-guide
----------------------------------------------------------------------*/

/* 各証明書の認証レベル説明
--------------------------------------------------*/
.sub-guide {
	position:absolute;
	right:0;
	top:35px;
	overflow:hidden;
}
.sub-guide ul{
	overflow:hidden;
	float:right;
}
.sub-guide li{
	float:left;
}
.sub-guide li+li{
	margin-left:7px;
}
.sub-guide p{
	padding:5px 0 0;
	margin-right:-5px;
	text-align:right;
	font-size:12px;
	font-size:1.2rem;
	clear:both;
}
.sub-guide p + p{
	padding-top:0;
	margin-top:-5px;
}



/*----------------------------------------------------------------------
	「各証明書詳細ページ 導入部分」 - #Intro
----------------------------------------------------------------------*/
#Intro{
	border-top:5px solid #EFF4F8;
	border-bottom:5px solid #EFF4F8;
	padding:25px 10px;
	position:relative;
}

#Intro > p{
	padding:30px 0 0;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
}

#Intro > h3{
	padding:15px 0 5px;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
}
#Intro > h3 strong{
	font-size:22px;
	font-size:2.2rem;
}
#Intro .point{
	text-align:center;
}
#Intro .point ul{
	width:auto;
	margin:0 auto;
}
#Intro .point li{
	background:#F3F3F3;
	margin-top:5px;
	padding:12px 40px 10px;
	line-height:1;
	color:#004381;
	font-size:16px;
	font-size:1.6rem;
	border-radius:30px;
	display:inline-block;
}

/*----------------------------------------------------------------------
	「各証明書詳細ページ 特長」 - #Products
----------------------------------------------------------------------*/
#Products{
	padding:30px 0 10px;
}

.ttl-product-detail {
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	color:#2C3943;
	border-left: 5px solid #2C3943;
	padding:0 10px;
	margin-bottom:20px;
}
.ssl-summary * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ssl-summary {
	padding:10px 0 0;
	display: table;
}

.ssl-summary-bl {
	width:260px;
	text-align:center;
	vertical-align: middle;
	ovewflow: hidden;
	position:relative;
	display: table-cell;
}
.ssl-summary i{
	position:absolute;
	top:-5px;
	left:0;
}
.ssl-summary h4{
	margin-top:-10px;
	line-height:1.2;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
}
.ssl-summary h4 span{
	display:block;
	padding-bottom:5px;
	font-size:17px;
	font-size:1.7rem;
}
.ssl-summary h4 .font{
	font-size:13px;
	font-size:1.3rem;
}
.ssl-summary h4 span img{
	padding-top:3px;
}
.ssl-summary .btn-border {
	width:210px;
	position:absolute;
	bottom:15px;
	left:25px;
}
.ssl-summary .btn-border a:hover {
	background-color:#FFF !important;
}

.ssl-summary-br {
	display: table-cell;
	ovewflow: hidden;
	padding-left:7px;
	width:450px;
	text-align:left;
	vertical-align:top;
}

table.ssl-summary-price,
table.ssl-summary-price th,
table.ssl-summary-price td{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

table.ssl-summary-price{
	width: 100%;
	margin-bottom:25px;
}

table.ssl-summary-price th,
table.ssl-summary-price td {
	text-align:center;
	line-height:1.4;
	font-size:15px;
	font-size:1.5rem;
	border-left:8px solid #FFF;
	border-right:none;
	border-top:none;
}
table.ssl-summary-price th{
	padding: 8px 5px 5px;
	color:#fff;
	font-weight:normal;
	vertical-align: middle;
	border-bottom:2px solid #FFF;
}
table.ssl-summary-price td {
	background:#F4F8FB;
	padding:7px;
	color: #2C3943;
	vertical-align: middle;
}
table.ssl-summary-price td strong {
	font-size:18px;
	font-size:1.8rem;
}

.ssl-summary-br dl{
	margin:0 0 15px 9px;
	padding:0 0 0 100px;
	line-height:1.35;
}
.ssl-summary-br dt{
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
}
.ssl-summary-br dd{
	font-size:14px;
	font-size:1.4rem;
}
dl.point-detail-time {
	background:url(/rentalserver/option/ssl/images/icon_ssl01.png) no-repeat 27.5px center;
}
dl.point-detail-price {
	background:url(/rentalserver/option/ssl/images/icon_ssl02.png) no-repeat 32.5px center;
}
dl.point-detail-prove {
	background:url(/rentalserver/option/ssl/images/icon_ssl03.png) no-repeat 20px center;
}
dl.point-detail-safety {
	background:url(/rentalserver/option/ssl/images/icon_ssl04.png) no-repeat 30px center;
}
dl.point-detail-protect {
	background:url(/rentalserver/option/ssl/images/icon_ssl05.png) no-repeat 35px center;
}
dl.point-detail-company {
	background:url(/rentalserver/option/ssl/images/icon_ssl06.png) no-repeat 35px center;
}

.ssl-up {
	background:#F8F9F9 url(/rentalserver/option/ssl/images/icon_up.png) no-repeat 5px center;
	margin-bottom:30px;
	border:3px solid #EDEFF1;
}
.ssl-up dl{
	padding:12px 0 12px 90px;
	line-height:1.4;
}
.ssl-up dt{
	padding:0 0 2px;
	font-size:16px;
	font-size:1.6rem;
}
.ssl-up dd{
	padding-right:150px;
	font-size:13px;
	font-size:1.3rem;
	position:relative;
}
.ssl-up .btn a{
	display:inline-block;
	background:#7F95A9 url(/rentalserver/shared/images/ico_arw04_white.png) no-repeat 10px center;
	padding:7px 12px 5px 28px;
	color:#FFF;
	font-size:13px;
	font-size:1.3rem;
	vertical-align:middle;
	text-decoration:none;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:absolute;
	right:15px;
	bottom:50%;
}
.ssl-up .btn a:hover{
	background-color:#6C869D;
}



/* .ssl-dv（個別調整）
--------------------------------------------------*/
.ssl-dv .ssl-summary-bl {
	background:#C4D7F1;
}
.ssl-dv h4{
	color:#2A5693;
}
.ssl-dv .btn-border a {
	background-color:#F3F7FC;
	color:#3A7AD1;
	border-color:#3A7AD1;
}
.ssl-dv .btn-border a:before {
	background:url(/rentalserver/option/ssl/images/ico_arw_dv.png) no-repeat left center;
}
.ssl-dv table.ssl-summary-price th {
	background:#3A7AD1;
}


/* .ssl-ov（個別調整）
--------------------------------------------------*/
.ssl-ov .ssl-summary-bl {
	background:#FCE5B8;
}
.ssl-ov h4{
	color:#AD770D;
}
.ssl-ov .btn-border a {
	background-color:#FEFAF1;
	color:#F4A913;
	border-color:#F4A913;
}
.ssl-ov .btn-border a:before {
	background:url(/rentalserver/option/ssl/images/ico_arw_ov.png) no-repeat left center;
}
.ssl-ov table.ssl-summary-price th {
	background:#F4A913;
}


/* .ssl-ev（個別調整）
--------------------------------------------------*/
.ssl-ev .ssl-summary-bl {
	background:#B2E5DD;
}
.ssl-ev h4{
	color:#017765;
}
.ssl-ev .btn-border a {
	background-color:#F0FAF8;
	color:#00AA90;
	border-color:#00AA90;
}
.ssl-ev .btn-border a:before {
	background:url(/rentalserver/option/ssl/images/ico_arw_ev.png) no-repeat left center;
}
.ssl-ev table.ssl-summary-price th {
	background:#00AA90;
}


/*----------------------------------------------------------------------
	「各証明書詳細ページ 仕様」 - #Spec
----------------------------------------------------------------------*/
#Spec{
	padding:0 0 30px;
}
#Spec p.notes{
	text-indent:-3.75em;
	padding-left:3.75em;
	line-height:1.4;
	font-size:13px;
	font-size:1.3rem;
}
#Spec p.notes + p{
	padding-top:5px;
}
#Spec p.notes:last-child{
	padding-bottom:20px;
}

/*----------------------------------------------------------------------
	「各証明書詳細ページ お申込みの流れ」 - #Flow
----------------------------------------------------------------------*/
#Flow{
	padding:0 0 50px;
}
#Intro + #Flow{
	padding:0;
}


ul.ssl-flow {
	padding:20px 0;
	overflow:hidden;
}
ul.ssl-flow li{
	float:left;
	width:156px;
	height:156px;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	border:2px solid #BCC4C8;
	border-radius:160px;
	-ms-border-radius:160px;
	-moz-border-radius:160px;
	-webkit-border-radius:160px;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}
ul.ssl-flow li + li{
	margin-left:21px;
}
ul.ssl-flow li:nth-child(even){
	background:#F4F8FB;
}
ul.ssl-flow li:after{
	display:block;
	content:"⇒";
	text-indent:-9999em;
	width: 0;
	height: 0;
	margin-top:-15px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #366DBD;
	position:absolute;
	right:-22px;
	top:50%;
}
ul.ssl-flow li:last-child:after{
	display:none;
}
ul.ssl-flow li p{
	display:table-cell;
	width:160px;
	height:150px;
	padding-top:10px;
	text-align:center;
	line-height:1.35;
	vertical-align:middle;
}
ul.ssl-flow li span.num{
	display:block;
	background:#366DBD;
	width:48px;
	height:48px;
	text-align:center;
	line-height:2;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	color:#FFF;
	vertical-align:middle;
	border-radius:50px;
	-ms-border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	position:absolute;
	left:0;
	top:0;
}

ul.ssl-flow li.large{
	width:320px;
	position:relative;
}
ul.ssl-flow li.large p + span{
	display:block;
	background:#E5F6F1;
	width:156px;
	height:156px;
	line-height:1.4;
	padding:32px 0 0;
	font-size:15px;
	font-size:1.5rem;
	color:#02A872;
	border:2px dashed #02A872;
	box-sizing:border-box;
	border-radius:100px;
	position:absolute;
	right:0;
	top:0;
}
ul.ssl-flow li.large p + span:before{
	display:block;
	content:"";
	width: 0;
	height: 0;
	margin-top:-10px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #02A872;
	position:absolute;
	left:-25px;
	top:50%;
}


/*----------------------------------------------------------------------
	「各証明書詳細ページ あしらい（NEW）」 - #Ornament
----------------------------------------------------------------------*/
#Ornament{
	background:#FBFBFB;
	min-height:100px;
	margin:10px 0 0;
	padding:15px 0;
	text-align:center;
	color:#00AA48;
	box-sizing:border-box;
	border:5px solid #00AA48;
	position:relative;
}
/*#Ornament:after{
	display:block;
	content:"";
	background:url(/rentalserver/option/ssl/images/img_or_new.png) no-repeat 0 0;
	width:112px;
	height:64px;
	position:absolute;
	left:-10px;
	top:-10px;
}*/
#Ornament h4{
	line-height:1.5;
	font-size:18px;
	font-size:1.8rem;
}
#Ornament h4 span{
	font-size:20px;
	font-size:2.0rem;
	display:block;
}
#Ornament h4 strong{
	font-size:25px;
	font-size:2.5rem;
}

#Ornament + #Intro{
	border-top:none;
}

/*--------------------------------------------------------------------------
   .ssl-side
---------------------------------------------------------------------------*/

.ssl-side {
    background: #c9d8e4 none repeat scroll 0 0;
    padding: 10px;
	margin-top: -15px;
}
.ssl-side .btn {
    margin: 0 0 8px;
}
.ssl-side .btn a {
    display:block;
    background-color:#004381;
    width:200px;
    height:60px;
    padding:13px 0 0;
    text-align:center;
	line-height:1.15;
    color:#FFF;
    font-size:15px;
    font-size:1.5rem;
    text-decoration:none;
    border-radius:4px;
    box-sizing:border-box;
    transition:all 0.2s ease 0s;
	margin: 0 auto;
}
.ssl-side .btn a.blank {
    background: #004381 url("/rentalserver/shared/images/ico_blank01.png") no-repeat scroll right 10px center;
}
.ssl-side .btn.entry a {
    background-color: #ff9326;
}

.ssl-side .btn a span {
    display: block;
    font-size: 1.1rem;
    line-height: 1;
    margin: -1px 0;
}
.ssl-side .btn a:hover {
    opacity: 0.85;
}
.ssl-side .tel {
    color: #00437f;
    font-size: 2rem;
    text-align: center;
}
.ssl-side .tel span {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
    margin: 15px 0 -5px;
}
.ssl-side .tel a {
    color: #00437f;
    text-decoration: none;
}
.ssl-side .small {
	line-height:1.2;
	padding:10px 0;
}

.ssl-side-bnr a:hover img,
.ssl-check a:hover img {
	opacity:0.8;
}

/* 標準アイコン追加
--------------------------------------------------*/
.standard{
	background:url(/rentalserver/shared/images/ico_standard.png) no-repeat right 50px center;
}
.standard a{
	padding-top:18px !important;
	padding-bottom:18px !important;
}

/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.link-area.anchor {
		display: block;
	}
	.link-area.anchor li {
		width: 100%;
		display: block;
		margin: 0 auto 5px!important;
	}
	#Ornament {
		padding: 15px;
	}
	#Ornament h4 {
		font-size: 1.6rem;
	}
	#Intro .main_logo {
		text-align: center;
	}
	#Intro > h3 {
		padding: 20px 0 10px;
		font-size: 1.6rem;
		line-height: 1.3;
	}
	#Intro .point li {
		font-size: 1.3rem;
		width: 100%;
		box-sizing: border-box;
	}
	#Products .ssl-up {
		background-position: center 10px;
	}
	#Products .ssl-up dl {
		padding: 95px 10px 10px;
	}
	#Products .ssl-up dd {
		padding: 0;
	}
	#Products .ssl-up .btn a {
		position: static;
		display: block;
		width: 80px;
		margin: 10px auto;
	}
	.sub-guide {
		position: relative;
		top: 0;
		margin-top: 10px;
	}
	ul.secene-list li span {
		display: block;
	}
	#Comparison table.ssl-function thead th {
		font-size: 1.7rem;
		padding: 20px;
	}
	#Comparison table.ssl-function thead th.ssl-dv:after,
	#Comparison table.ssl-function thead th.ssl-ov:after,
	#Comparison table.ssl-function thead th.ssl-ev:after {
		background-size: 50%;
		background-position: top right;
	}
	.link-scene li {
		width: 100%;
		font-size: 1.3rem;
	}
	#Support {
		padding: 30px 10px 40px;
	}
	#Support .sec-inner {
		padding: 25px 10px;
		box-sizing: border-box;
	}
	#Support p.lead-login {
		width: 250px;
		background-position: 100% 7px;
	}
	#Support .btn-navy {
		width: 100%;
	}
	#Support .btn-navy a {
		padding: 16px 10px 12px;
	}
}