@charset "utf-8";

/* 医療従事者アラート */
#AgreeBox {
	z-index: 1000000;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255, 0.7);
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
}
.agreeArea {
	align-self: center;
	background: #fff;
	box-shadow: 4px 4px 8px #4c4c4c5e;
	font-size: 18px;
	line-height: 1.46;
	font-weight: 300;
	top: -50px;
	width: 660px;
}
.agreeUp {
	background: #5a7d9e;
	color: #fff;
	padding: 1.5em 1em;
	text-align: center;
	font-size: 20px!important;
}
.agreeDown {
	text-align: center;
	padding: 1em;
}
.agreeDown > p {
	margin: .5em .5em;
	text-align: left;
	font-size: 14px;
}
.buttons a {
	background: #e1e1e1;
	padding: 0.5em 3em;
	margin: 1em;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}



/* cookie Alert */
#cookSrc {
	position: fixed;
	top: 200px;
	left: 0;
	width: 100%;
	z-index: 99;
	font-family: none;

}

.cookie-description {
	width: 540px;
	margin: 0 auto;
	background: #fff;
	padding: 24px;
	box-shadow: 4px 4px 8px #4c4c4c5e;
}
.cookie-description p {
	margin: 1em 1em 2em;
	line-height: 1.46;
	font-size: 14.5px;
}
.cookie-description a {
	text-decoration: underline;
	color: #000;
}
.cookie-description .wrap > div {
	display: flex;
	justify-content: center;
}
.cookie-description div.btns span {
	border-radius: 3px;
	padding: .8em 2.5em;
	margin: 0 2em;
	cursor: pointer;
	font-size: 16px;
}
.cookie-description span.cookie-ok {
	background: #A7C5DC;
}
.cookie-description span.cookie-no {
	background: #A7C5DC;
}
.cookie-description span:hover {
	background: #378EDA;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.agreeArea {
		font-size: 15px;
	}
	.buttons a {
		padding: .5em 1.8em;
	}
	.cookie-description {
		width: auto;
		margin: .5em;
		padding: 10px 6px 25px;

	}
	.cookie-description p {
		font-size: 12.5px;
	}
	.cookie-description div.btns span {
		font-size: 14px;
		padding: .8em 1.5em;
		margin: 0 1em;
	}

}