.mt0{ margin-top: 0 !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}

.txt-l{ font-size: 120%;}
.txt-s{ font-size: 90%;}

a.link-none{
	cursor: default;
}

h3 a{display: inline;}

@media screen and (max-width: 768px) {
	ul.foot-notes{
		margin-top: 20px;
	}
}

/* .title-area */
.main-wrap {
	padding: 128px 0 100px;
}
.title-area{
	height: 300px;
	padding: 90px 0;
	background: #efefef url("/fmv/usability/security_2020/images/logo_security.png") no-repeat calc(50% - 267px) center;
}
.title-area .heading-level-2-a{
	margin-bottom: 10px;
	font-size: 230%;
}
.title-area p{
	font-size: 140%;
}
@media screen and (max-width: 768px) {
	.main-wrap {
		padding: 52px 0 70px;
	}
	.title-area{
		height: 200px;
		padding: 45px 0;
		background-position: calc(50% - 195px) center;
		background-size: 200px;
	}
	.title-area .heading-level-2-a{
		font-size: 180%;
	}
	.title-area p{
		font-size: 110%;
	}
}
@media screen and (max-width: 580px) {
	.title-area{
		background-position: -15px center;
	}
}
@media screen and (max-width: 480px) {
	.main-wrap {
		padding: 45px 0 70px;
	}
}

/* .heading-level-2 */
.heading-level-2{
	line-height: 1.3;
}
.heading-level-2-lead{
	font-size: 18px;
}

/* .box-flex */
.box-flex{
	display: flex;
	justify-content: space-between;
	margin: 40px auto 0;
}
.box-flex .flex-item .flex-item-inr{
	background-color: #fff;
	padding: 20px;
}
.box-flex .flex-item .flex-item-inr.pd0{
	padding: 0;
}
.flex-item-inr h3{
	font-size: 120%;
	margin: 20px auto 30px;
}
.flex-item-inr p:first-of-type{
	margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
	.flex-item-inr h3{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 3em;
	}
	.box-flex.col2 .flex-item{
		width: 48%;
	}
	.box-flex.col3 .flex-item{
		width: 32%;
	}
}
@media screen and (max-width: 768px) {
	.box-flex.col2,
	.box-flex.col3{
		display: block;
	}
	.box-flex .flex-item{
		margin-top: 20px;
	}
	.flex-item-inr h3 br{
		display: none;
	}
}

/* .section-bg-red */
.section-bg-red{
	background-color: #5e0000;
}
.section-bg-red .heading-level-2-lead::before,
.section-bg-red .heading-level-2-lead::after{
	background-color: #fff;
}
.section-bg-red *{
	color: #fff;
}

/* .section-bg-gray */
.section-bg-gray{
	background-color: #efefef;
}

/* .column-red */
.column-red{
	background-color: #c60f19;
	padding: 30px;
	margin-top: 20px;
}
.column-red .box-flex{
	justify-content: space-around;
}
.column-red .flex-item-inr{
	box-shadow: 10px 10px rgba(0,0,0,0.3);
}
.column-red .flex-item-inr *{
	color: #333;
}
@media screen and (min-width: 769px) {
	.column-red .box-flex.col2 .flex-item{
		width: 46%;
	}
}


