/* -----Headline----- */
.c-headline1,
.c-headline2,
.c-headline3,
.c-headline4,
.c-headline_caption {
	display: flex;
	align-items: center;
	color: #242424;
	font-weight: 600;
}
.c-headline1 {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 14px;
}
.c-headline2 {
	padding: 24px 16px;
	font-size: 16px;
	line-height: 1.4;
}
.c-headline3 {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.c-headline4 {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 4px;
}
.c-headline_dot_regular::before,
.c-headline_dot_official::before,
.c-headline_dot_recommend::before,
.c-headline_dot_free::before,
.c-headline_dot_campaign::before,
.c-headline_dot_rank::before {
	content: "";
	display: inline-block;
	flex-shrink:0;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	margin-right: 4px;
}
.c-headline_dot_official::before {
	background-color: #8FC31F;
}

.security-itemwrap {
	padding-bottom: 48px;
	background: #F8F8F8;
}

p.security-maintext {
	margin-bottom: 24px;
	font-size: 12px;
}
.security-mainlist {
	margin-bottom: 24px;
}
.security-mainlist p {
	margin-bottom: 16px;
	font-size: 12px;
}
.security-mainlist p span{
	color: #747474;
	font-size: 11px!important;
}
.security-table a,
.security-table div {
	word-break: break-all;
}
.security-table {
    display: flex;
    align-items: stretch;
    justify-content: center;
    justify-items: center;
}
.security-table li {
	text-align: left;
    padding-left: 8px;
	position: relative;
}
.security-table li::before {
	position: absolute;
    left: 0;
    top: 6px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 40px;
    background-color: #444;
}
.security-boxleft {
	display: flex;
	justify-content: center;
	flex-flow: column;
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    box-sizing: border-box;
	width: calc(32% - 16px );
    padding: 8px;
}
.security-boxcenter {
	display: flex;
	flex-flow: column;
	justify-content: center;
    align-items: center;
	font-size: 11px;
    box-sizing: border-box;
	width: calc(33% - 16px );
	border-bottom: 1px solid #ccc;
}
.security-boxright {
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-size: 11px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    box-sizing: border-box;
	width: calc(49% - 16px );
    padding: 8px;
}

.security-boxleft.top,
.security-boxcenter.top,
.security-boxright.top {
	font-size: 11px!important;
	background-color: #FAFAFA;
	align-items: center;
	text-align: center;
}
.security-boxleft.top span {
	font-size: 10px;
}
.security-boxleft div span {
	color: #747474;
	font-size: 11px!important;
}
.security-boxleft div span a {
	display: inline;
}
.security-boxright {
	list-style-type: disc;
}
.security-tablelink {
	padding: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    width: calc( 100% - 16px );

}
.security-tablelink.border {
	border-bottom: 1px solid #ccc;
}
.security-tabletext {
	padding-top: 16px;
    margin-bottom: 0!important;
    border-bottom: 1px solid #ccc;
}
.security-tablemidashi {
	font-size: 12px;
	margin-bottom: 8px;
	font-weight: bold;
}
.security-tablewrap {
    border-top: 1px solid #ccc;	
}
.security-footer {
	font-size: 0;
}
.security-footer li {
	
}
.security-footerleft {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	font-size: 12px;
}
.security-footerright {
	display: inline-block;
	width: calc( 100% - 120px );
	vertical-align: top;
	font-size: 12px;
}
.security-footer span {
	color: #747474;
	font-size: 11px;
}

@media screen and (min-width: 664px){

	.c-headline2 {
    	font-size: 18px;
	}
	.c-headline2 {
    	padding-right: 0;
		padding-left: 0;
		max-width: 664px;
		margin: 0 auto;
	}
	.security-tablelink {
 	   justify-content: left;
	}
	.security-footerleft {
    	width: 150px;
	}
	.security-footerright {
		width: calc( 100% - 150px );
	}
	.security-mainlist p span,
	.security-boxleft.top,
	.security-boxcenter.top,
	.security-boxright.top,
	.security-boxleft.top span,
	.security-boxleft div span,
	.security-footer span {
		font-size: 12px!important;
	}
	.c-headline4,
	p.security-maintext,
	.security-boxright,
	.security-boxcenter,
	.security-boxleft,
	.security-mainlist p,
	.security-footerleft,
	.security-footerright {
		font-size: 14px;
	}
}
@media screen and (min-width: 650px){

}