@media (max-width: 767px) {
	body{
		padding-top:0;
		margin-top:50px;
	}
}
@media (min-width: 767px) {
	.mobile-only{
		display:none;
	}
}
@media (max-width: 767px) {
	.mobile-only{
		display:block;
	}
}
.base-case{
	width: 100%;
	text-align: center;
}

.base-case .breadcomb{
	height: 60px;
	margin-top: 45px;
}
@media (max-width: 1208px) {
	.base-case .breadcomb{
		height: 60px;
		margin-top: 42px;
		margin-left:33px;
	}
}
@media (max-width: 767px) {
	.base-case .breadcomb{
		display:none;
	}
}
.base-case .breadcomb ul{
	margin: 0 auto;
	padding-top: 23px;
	width: 1194px;
	text-align: justify;
}
@media (max-width: 1208px) {
	.base-case .breadcomb ul{
		padding-top: 21px;
		width: 100%;
	}
}
.base-case .breadcomb ul li{
	display: inline-block;
	font-family: Montserrat;
	font-weight: 500;
	color: #07243B;
	font-size: 14px;
	margin-right: 10px;
}
.base-case .breadcomb ul .divider{
	width: 32px;
	height: 1px;
	border-top: 2px solid #07243B;
	position: relative;
	top: -3px;
}
@media (max-width: 1208px) {
	.base-case .breadcomb ul .divider{
		border-top: 1px solid #07243B;
	}
}


/* ボタン型リンク */
.download-btn{
	display: inline-block;
	padding: 20px 30px;
	min-width: 315px;
	box-sizing: content-box;
	background-color: #f29918;
	border-radius: 30px;
	color: #ffffff;
	font-size: 16px;
	font-family: Noto Sans JP;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.movie-btn{
	display: inline-block;
	margin-left: 25px;
	padding: 20px 40px;
	background-color: #ffffff;
	border-radius: 30px;
	color: #07243B;
	font-size: 16px;
	font-family: Noto Sans JP;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.btn-area{
	margin-top: 60px;
	text-align: center;
}
@media (max-width: 767px) {
	.download-btn,.movie-btn{
		padding: 16px 30px;
		font-size: 14px;
	}
	.download-btn{
		display: block;
		width: 70%;
		min-width: auto;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
	}
	.movie-btn{
		margin-left: 10px;
	}
	.btn-area{
		margin-top: 40px;
	}
}


/* ファーストビュー */
.reason-background{
	background-color: #07243B;
}
.reason-background .hero{
	margin: 0 auto;
	width: 1194px;
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width: 1208px) {
	.reason-background .hero{
		width: auto;
		padding-top: 100px;
		padding-bottom: 100px;
		margin-left: 34px;
		margin-right: 34px;
	}
}
@media (max-width: 767px) {
	.reason-background .hero{
		padding-top: 80px;
		padding-bottom: 80px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

.reason-background .hero-logo{
	text-align: left;
}
.reason-background .hero-logo img{
	background-color: #ffffff;
	border-radius: 8px;
	padding: 10px 20px;
	width: 200px;
}
@media (max-width: 767px) {
	.reason-background .hero-logo{
		text-align: center;
	}
	.reason-background .hero-logo img{
		width: 160px;
	}
}

.reason-background .title{
	margin-top: 40px;
	font: normal normal 900 44px/60px Noto Sans JP;
	letter-spacing: 0px;
	color: #FFFFFF;
}
@media (max-width: 1208px) {
	.reason-background .title{
		margin-top: 50px;
		font: normal normal 900 32px/48px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.reason-background .title{
		margin-top: 40px;
		font: normal normal 900 23px/32px Noto Sans JP;
	}
}

.reason-background .desc{
	margin-top: 32px;
	font: normal normal normal 24px/40px Noto Sans JP;
	letter-spacing: 0px;
	color: #F0F2F7;
}
@media (max-width: 1208px) {
	.reason-background .desc{
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.reason-background .desc{
		font: normal normal normal 16px/24px Noto Sans JP;
		margin-top: 30px;
		text-align: left;
	}
}

/* 従来ソリューションとの比較 */
.eversafe-background{
	margin: 0 auto;
	margin-top: 114px;
	width: 1194px;
	text-align: center;
}
@media (max-width: 1208px) {
	.eversafe-background{
		width: auto;
		margin-top: 100px;
	}
}
@media (max-width: 767px) {
	.eversafe-background{
		margin-top: 80px;
	}
}

.eversafe-background .headline-large{
	font: normal normal 900 48px/56px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
	text-align: center;
}
.eversafe-background .headline-middle{
	font: normal normal 900 32px/56px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
	text-align: center;
}
.eversafe-background .headline-desc{
	margin-top: 40px;
	font: normal normal normal 20px/32px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
	text-align: center;
}
@media (max-width: 1208px) {
	.eversafe-background .headline-large{
		margin-left: 34px;
		margin-right: 34px;
		font: normal normal 900 32px/48px Noto Sans JP;
	}
	.eversafe-background .headline-middle{
		margin-left: 34px;
		margin-right: 34px;
		font: normal normal 900 24px/40px Noto Sans JP;
	}
	.eversafe-background .headline-desc{
		margin-left: 34px;
		margin-right: 34px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.eversafe-background .headline-large{
		margin-left: 20px;
		margin-right: 20px;
		font: normal normal 900 28px/36px Noto Sans JP;
	}
	.eversafe-background .headline-middle{
		margin-top: 0.5rem;
		margin-left: 20px;
		margin-right: 20px;
		font: normal normal 900 20px/28px Noto Sans JP;
	}
	.eversafe-background .headline-desc{
		margin-left: 20px;
		margin-right: 20px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}

.eversafe-background .compare-case{
	margin-top: 80px;
	display: flex;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-case{
		margin-top: 60px;
		display: block;
	}
}

.eversafe-background .compare-left,
.eversafe-background .compare-right{
	width: 50%;
	padding: 0 40px;
	box-sizing: border-box;
}
.eversafe-background .compare-right{
	border-left: 1px solid #9EA8B4;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-left,
	.eversafe-background .compare-right{
		width: auto;
		padding: 0;
	}
	.eversafe-background .compare-right{
		border-left: none;
	}
}

.eversafe-background .compare-left .top-title{
	font: normal normal 900 32px/48px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-left .top-title{
		margin-left:34px;
		margin-right:34px;
		font: normal normal 900 24px/32px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.eversafe-background .compare-left .top-title{
		margin-left:20px;
		margin-right:20px;
		font: normal normal 900 20px/28px Noto Sans JP;
	}
}

.eversafe-background .compare-left .top-desc,
.eversafe-background .compare-right .bottom-desc{
	margin-top: 40px;
	font: normal normal normal 20px/32px Noto Sans JP;
	letter-spacing: 0px;
	color: #53585C;
	text-align: justify;
	text-align-last: left;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-left .top-desc,
	.eversafe-background .compare-right .bottom-desc{
		margin-top: 10px;
		margin-left:34px;
		margin-right:34px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
	.eversafe-background .compare-right .bottom-desc{
		margin-top: 35px;
	}
}
@media (max-width: 767px) {
	.eversafe-background .compare-left .top-desc{
		margin-left:20px;
		margin-right:20px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
	.eversafe-background .compare-right .bottom-desc{
		margin-left:20px;
		margin-right:20px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}

.eversafe-background .compare-right .bottom-desc span{
	color: #55B66F;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-right .bottom-desc span{
		font: normal normal bold 16px/24px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.eversafe-background .compare-right .bottom-desc span{
		font: normal normal bold 16px/24px Noto Sans JP;
	}
}

.eversafe-background .compare-right .bottom-title{
	margin-top: 0;
}
@media (max-width: 1208px) {
	.eversafe-background .compare-right .bottom-title{
		margin-top: 40px;
	}
	.eversafe-background .compare-right .bottom-title img{
		width: 200px;
	}
}
@media (max-width: 767px) {
	.eversafe-background .compare-right .bottom-title{
		margin-top: 80px;
	}
	.eversafe-background .compare-right .bottom-title img{
		width: 160px;
	}
}

.eversafe-background .video1,
.eversafe-background .video2{
	margin-top: 40px;
	display: inline-block;
	width: 285px;
	height: 317px;
}
@media (max-width: 1208px) {
	.eversafe-background .video1,
	.eversafe-background .video2{
		margin-top: 30px;
		width: 200px;
		height: auto;
	}
	.eversafe-background .divider-tablet{
		margin: 0 auto;
		margin-top: 50px;
		width: 0px;
		height: 140px;
		border-left: 2px solid #F0F2F7;
	}
}
@media (max-width: 767px) {
	.eversafe-background .video1{
		margin-top: 70px;
		width: 180px;
	}
	.eversafe-background .video2{
		margin-top: 80px;
		width: 180px;
	}
	.eversafe-background .divider-tablet{
		display: none;
	}
}

@media (min-width: 1208px) {
	.tabletmobile-only{
		display:none;
	}
}
@media (max-width: 1208px) {
	.tabletmobile-only{
		display:block;
	}
	.desktop-only{
		display:none;
	}
}


/* セキュリティ機能タブ */
.security-background{
	position: relative;
	min-width: 1199px;
	width: 1194px;
	margin: 0 auto;
	padding-bottom: 114px;
}
@media (max-width: 1208px) {
	.security-background{
		min-width: auto;
		width: 100%;
		padding-bottom: 100px;
	}
}
@media (max-width: 767px) {
	.security-background{
		padding-bottom: 80px;
	}
}

.security-background .tab{
	position: relative;
}
.tabline{
	position: absolute;
	width: 100%;
	top: 181px;
	border-bottom: 1px solid #DCDCEA;
}
@media (max-width: 1208px) {
	.tabline{
		top: 167px;
	}
}
@media (max-width: 767px) {
	.tabline{
		top: 118px;
	}
}

.security-background .tab .evermobile,.security-background .tab .everweb{
	display: inline-block;
	margin-top: 114px;
	margin-left: 15px;
	margin-right: 15px;
	width: 378px;
	height: 46px;
	font: normal normal 900 32px/48px Noto Sans JP;
	letter-spacing: 0px;
	color: #A1A1AC;
	padding-bottom: 20px;
	cursor: pointer;
}
@media (max-width: 1208px) {
	.security-background .tab .evermobile,.security-background .tab .everweb{
		margin-top: 100px;
		width: 40%;
		height: 47px;
		font: normal normal 900 24px/48px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.security-background .tab .evermobile,.security-background .tab .everweb{
		margin-top: 65px;
		padding-bottom: 5px;
		width: 40%;
		height: 47px;
		font: normal normal 900 16px/48px Noto Sans JP;
	}
}

.security-background .tab .active{
	color: #07243B;
	border-bottom: 2px solid #07243B;
}
.eversafe-mobile,.eversafe-web{
	display: none;
}

.security-background .eversafe-mobile .top-title,.security-background .eversafe-web .top-title{
	margin-top: 48px;
	font: normal normal 900 32px/56px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
}
@media (max-width: 1208px) {
	.security-background .eversafe-mobile .top-title,.security-background .eversafe-web .top-title{
		margin-top: 48px;
		font: normal normal 900 24px/40px Noto Sans JP;
		margin-bottom:60px;
	}
}
@media (max-width: 767px) {
	.security-background .eversafe-mobile .top-title,.security-background .eversafe-web .top-title{
		margin-top: 35px;
		font: normal normal 900 20px/32px Noto Sans JP;
		margin-bottom:50px;
	}
}

.eversafe-mobile .merit1,.eversafe-mobile .merit2,.eversafe-mobile .merit3,
.eversafe-web .merit1,.eversafe-web .merit2,.eversafe-web .merit3{
	margin-top: 80px;
	width: 360px;
	height: 420px;
	background-color: #EDF7F0;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 15px;
	margin-right: 15px;
	vertical-align: top;
}
@media (max-width: 1208px) {
	.eversafe-mobile .merit1,.eversafe-mobile .merit2,.eversafe-mobile .merit3,
	.eversafe-web .merit1,.eversafe-web .merit2,.eversafe-web .merit3{
		margin-top: 2px;
		width: auto;
		height: 241px;
		display: block;
		margin-left: 32px;
		margin-right: 32px;
		margin-bottom:0;
		vertical-align: top;
	}
}
@media (max-width: 767px) {
	.eversafe-mobile .merit1,.eversafe-mobile .merit2,.eversafe-mobile .merit3,
	.eversafe-web .merit1,.eversafe-web .merit2,.eversafe-web .merit3{
		height: auto;
		margin-left: 20px;
		margin-right: 20px;
		padding-bottom:20px;
	}
}


.eversafe-mobile .merit1 .img,.eversafe-mobile .merit2 .img,.eversafe-mobile .merit3 .img,
.eversafe-web .merit1 .img,.eversafe-web .merit2 .img,.eversafe-web .merit3 .img{
	margin-top: 30px;
}
@media (max-width: 1208px) {
	.eversafe-mobile .merit1 .img,.eversafe-mobile .merit2 .img,.eversafe-mobile .merit3 .img,
	.eversafe-web .merit1 .img,.eversafe-web .merit2 .img,.eversafe-web .merit3 .img{
		margin-top: 0;
		padding-top: 30px;
	}
	.eversafe-mobile .merit1 .img img,.eversafe-mobile .merit2 .img img,.eversafe-mobile .merit3 .img img,
	.eversafe-web .merit1 .img img,.eversafe-web .merit2 .img img,.eversafe-web .merit3 .img img{
		width: 64px;
	}
}
@media (max-width: 767px) {
	.eversafe-mobile .merit1 .img,.eversafe-mobile .merit2 .img,.eversafe-mobile .merit3 .img,
	.eversafe-web .merit1 .img,.eversafe-web .merit2 .img,.eversafe-web .merit3 .img{
		padding-top: 20px;
	}
	.eversafe-mobile .merit1 .img img,.eversafe-mobile .merit2 .img img,.eversafe-mobile .merit3 .img img,
	.eversafe-web .merit1 .img img,.eversafe-web .merit2 .img img,.eversafe-web .merit3 .img img{
		width: 56px;
	}
}

.eversafe-mobile .merit1 .title,.eversafe-mobile .merit2 .title,.eversafe-mobile .merit3 .title,
.eversafe-web .merit1 .title,.eversafe-web .merit2 .title,.eversafe-web .merit3 .title{
	margin-top: 40px;
	font: normal normal 900 24px/32px Noto Sans JP;
	letter-spacing: 0px;
	color: #07243B;
}
@media (max-width: 1208px) {
	.eversafe-mobile .merit1 .title,.eversafe-mobile .merit2 .title,.eversafe-mobile .merit3 .title,
	.eversafe-web .merit1 .title,.eversafe-web .merit2 .title,.eversafe-web .merit3 .title{
		margin-top: 10px;
		font: normal normal 900 20px/32px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.eversafe-mobile .merit1 .title,.eversafe-mobile .merit2 .title,.eversafe-mobile .merit3 .title,
	.eversafe-web .merit1 .title,.eversafe-web .merit2 .title,.eversafe-web .merit3 .title{
		margin-top: 0px;
		font: normal normal 900 18px/32px Noto Sans JP;
	}
}

.eversafe-mobile .merit1 .desc,.eversafe-mobile .merit2 .desc,.eversafe-mobile .merit3 .desc,
.eversafe-web .merit1 .desc,.eversafe-web .merit2 .desc,.eversafe-web .merit3 .desc{
	margin-top: 20px;
	font: normal normal normal 20px/32px Noto Sans JP;
	letter-spacing: 0px;
	color: #53585C;
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
	text-align-last: left;
}
@media (max-width: 1208px) {
	.eversafe-mobile .merit1 .desc,.eversafe-mobile .merit2 .desc,.eversafe-mobile .merit3 .desc,
	.eversafe-web .merit1 .desc,.eversafe-web .merit2 .desc,.eversafe-web .merit3 .desc{
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}
@media (max-width: 767px) {
	.eversafe-mobile .merit1 .desc,.eversafe-mobile .merit2 .desc,.eversafe-mobile .merit3 .desc,
	.eversafe-web .merit1 .desc,.eversafe-web .merit2 .desc,.eversafe-web .merit3 .desc{
		margin-top: 10px;
		font: normal normal normal 16px/24px Noto Sans JP;
	}
}


/* お問い合わせセクションの余白調整 */
.contact-case{
	margin-top: 0;
}

/* 動画モーダル */
.movie-modal{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
}
.movie-modal.is-open{
	display: block;
}
.movie-modal-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(7,36,59,0.85);
}
.movie-modal-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 1000px;
}
@media (max-width: 767px) {
	.movie-modal-inner{
		width: 92%;
	}
}
.movie-modal-player{
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000000;
}
.movie-modal-player iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie-modal-close{
	position: absolute;
	top: -48px;
	right: 0;
	color: #ffffff;
	font-size: 40px;
	line-height: 1;
	cursor: pointer;
	font-family: Noto Sans JP;
}