@charset "UTF-8";
/*visumo popup
index.html
mymaintenance.html
*/
#precautions{
	display: block;
	margin-top: 10px;
	user-select: none;
  -webkit-user-select: none;
}
#precautions:hover{
  cursor: pointer;
  text-decoration: underline;
  filter: opacity(0.7);
}
/* モーダル背景 */
.precautionsModalOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	z-index:9999;
}
#precautionsModalCloseBtn{
	font-size: 2em;
	display: block;
	background-color: #202020;
	border: none;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
}
#precautionsModalCloseBtn:hover{
	cursor:pointer;
}

#precautionsModalOverlay .modalBox{
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	width: 800px;
	height:700px;
	background: #fff;
	padding: 20px 2vw;
	margin-top: 60px;
	border-radius: 8px;
	color: #000;
	z-index: 9999;
}
.precautionsModalOverlay .modalBox h1{
	font-size:1.8rem;
	margin-top: 30px;
	word-break: keep-all;
}

.precautionsModalOverlay .modalBox .boxScr{
  margin-bottom:40px;
}
.precautionsModalOverlay .modalBox .boxScr ul{
  text-indent: 1em;
}
.precautionsModalOverlay .modalBox .boxScr dl{
	margin-bottom:10px;
}
.precautionsModalOverlay .modalBox .boxScr dl dt{
margin-bottom:5px}
.precautionsModalOverlay .modalBox .boxScr dl dd{
	margin-bottom:1em;
	word-break: keep-all;
}
.precautionsModalOverlay .modalBox .boxScr h2{
	margin-bottom:10px;
}
.precautionsModalOverlay .modalBox .boxScr p{
	/* word-break: keep-all; */
	margin-bottom:10px;
  text-indent: -1em;
  margin-left: 1em;
}

/**/
@media screen and (max-width: 1199px) {
#precautionsModalCloseBtn{
	font-size:2.5em;
}
#precautionsModalOverlay .modalBox{
	width: 80%;
	height:80%;
	padding: 20px 4vw;
	margin-top: 0;
}
.precautionsModalOverlay .modalBox h1{
	font-size:1.5rem;
	margin-top: 20px;
}

.precautionsModalOverlay .modalBox .boxScr h2{
	display: block;
	font-size: 1.1rem;
}
.precautionsModalOverlay .modalBox .boxScr p{
	word-wrap: break-word;
}
.precautionsModalOverlay .modalBox .boxScr ul li{
	text-indent: -1.4em;
	margin-left: 2.6em;
}
}