@charset :"UTF-8";


.white{color:#fff;}
.header{padding:10px 0;}

.text{font-size: 1rem;}
.fs-32{font-size: 2rem;}
.mb-70{margin-bottom: 70px;}
.mb-30{margin-bottom: 30px;}
.pd-70{padding: 70px 0;}
/*ーーーーーーーーメイン画像ーーーーーーーーーー*/
/*.main_text_box{
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
}
.sub_text{
	font-size: 1.8rem;
	text-shadow:0 0 20px #000,0 0 20px #000,0 0 0.40px #000;
	}
.main_text{
	font-size: 3.9rem;
	line-height: 1.1;
	/*text-shadow:rgba(0,0,0,0.6) 0 0 9px;
	text-shadow:0 0 20px #000,0 0 20px #000,0 0 0.40px #000;
}
.green-circle{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #26b6ad;
	position: absolute;
	right:px;
	top: 0;
}*/
.main{
	width: 100%;
	height: 0;
	padding-top: calc(400 / 1400 * 100%);
	background-image: url(../img/main_text.png);
	background-size: cover;
	margin-bottom: 70px;
}
.main_rel{position: relative;}
.main_btn{
	position: absolute;
	bottom: 15%;
	left: 0;
	right: 0;
	width: 21%;
	margin:0 auto;
}
@media screen and (max-width: 950px){
	.main_btn{bottom:9%;}
}
@media screen and (max-width: 700px){
	.main_btn{display: none;}
}
/*ーーーーーーーーボタンーーーーーーーーーー*/
.button.security_alert{
	background:#e54e4e;
	box-shadow: 0px 3px #bd3838;
	width: 100%;
}
.button.security_alert:hover{
	box-shadow: 0px 2px #bd3838;
}
/*ーーーーーーーーコンテンツーーーーーーーーーー*/
h2.green_label{margin-bottom: 1.8rem;background-size: cover;background-color: #1bb2a9;}
.green_label{background: url(../img/titlebg.png) no-repeat;}
.green_label_text{
	font-size: 1.3rem;
	padding: 20px;
}
.list-disc.websecurity li{
	line-height:  2;
}
.report_img img {
	border:1px solid #999999;
	box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.check_text:before{
	content: url(../img/check.png);
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
}
.bg_sec_gray{background:#eceef5;}
.table-scroll table{overflow-x: scroll;}
table.websecurity-report-table{
	width: 100%;
	text-align:center;}
table.websecurity-report-table thead th.price_th{
	text-align: center;
	border-right:1px solid #ccc;
}
table.websecurity-report-table tbody th,table.websecurity-report-table tbody td{
	border-right:1px solid #ccc;
}
table.websecurity-report-table .price_plan{text-align: left;}
table.websecurity-report-table tr{border:1px solid #ccc;}
table.websecurity-report-table tbody tr:nth-child(even){background-color:#fff; }

/*ーーーーーーーーコンテンツセキュリティ診断の流れーーーーーーーーーー*/
.column-block{
	min-height: 230px;
	background-color: #fff;
	position: relative;
	margin-bottom: 1.875rem;
	margin-right:2%;
}
/*.column-block:nth-of-type(4n){margin-right: 0;}
*/
 .allow{
	display: inline-block;
	position: absolute;
	top: 40%;
	right: -21px;
	margin-right: 2px;
}
.column-block.customer{border:4px solid #1bb2a9;}
.column-block.company{border:4px solid #8f9acd;}
.who{
	position: absolute;
	top: 0 ;
	right: 0;
	padding:5px 10px;
}
.who.who_company{
	border:2px solid #8f9acd;
	background-color: #8f9acd;
}
.who.who_customer{
	border:2px solid #1bb2a9;
	background-color: #1bb2a9;
}
.flow_ex{font-size:0.7rem;}
.flow_content{margin-top: 40px;}
.flow_title{font-size: 1.1rem;}
.company_flow{color: #8f9acd;}
.customer_flow{color: #1bb2a9;}

@media screen and (min-width: 64em){
.large-up-4 .column, .large-up-4 .columns {
    width: 23%;
}
.allow_large_delete{display: none;}
}
@media screen and (min-width: 40em) and (max-width:63em){
.medium-up-3 .column, .medium-up-3 .columns {
    width: 31.33333%;
    float: left;
}
}
@media screen and (max-width:39em){
.small-up-2 .column, .small-up-2 .columns{
    width: 47%;
    float: left;
}
.column-block{
	min-height: 250px;
	margin-right:3%;
}
}
/*ーーーーーーーーコンテンツセキュリティ診断の流れーーーーーーーーーー
.flow_box{
	width:23%;
	min-height: 230px;
	margin-right:2%;
	margin-bottom: 40px;
	float: left;
	background-color: #fff;
	position: relative;
	padding: 0 20px;
}
.flow_box.no_arrow{margin-right:0;}
.flow_box:after{
	content: url(../img/arrow.png);
	display: inline-block;
	position: absolute;
	top: 40%;
	right: -21px;
}
.flow_box.no_arrow:after{content:none;}
.flow_box.customer{border:4px solid #1bb2a9;}
.flow_box.company{border:4px solid #8f9acd;}
.flow_ex{font-size:0.7rem;}
.who{
	position: absolute;
	top: 0 ;
	right: 0;
	padding:5px 10px;
}
.who.who_company{
	border:2px solid #8f9acd;
	background-color: #8f9acd;
}
.who.who_customer{
	border:2px solid #1bb2a9;
	background-color: #1bb2a9;
}
.flow_content{margin-top: 40px;}
.flow_title{font-size: 1.1rem;}
.company_flow{color: #8f9acd;}
.customer_flow{color: #1bb2a9;}
@media screen and (max-width: 889px){
	.main_btn{display: none;}
}
/*ーーーーーーーーフッターコンバージョンエリアーーーーーーーーーー*/
.conv_bg{
	width: 100%;
	max-height: 330px;
	background-image:url(../img/footerbg.png);
	background-size: cover;
	background-position: center;
	position: relative;
}
.cnv_button_content{
	max-width: 750px;
	width: 63%;
	margin:0 auto;
}
.cnv_button{
	display: inline-block;
	width: 48%;
	float: left;
}
.cnv_button_right{
	display: inline-block;
	width: 48%;
	float: right;
}
.cnv_button a,.cnv_button_right a{font-size: 1.3rem;}
.button.security_contact{
	background:#424242;
	box-shadow: 0px 3px #363636;
	width: 100%;
}
.button.security_contact:hover{
	box-shadow: 0px 2px #363636;
}
#logoArea img{
	height: 3rem;
}
#logoArea .logo{
	margin-bottom: 1rem;
}
/*ーーーーーーーーフッターーーーーーーーーーー*/
.footNav {border-bottom: none;}
iframe{display: none;}