#precautions-body li {font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;}

/* ===================== pc ===================== */

@media print, screen and (min-width: 769px) {
	
	main {
		padding: 0 0 60px; box-sizing: border-box;
		background-image:
			url("/common/images/common/contents_bg2.png"),
			url("/common/images/common/contents_bg1.jpg");
		background-repeat: repeat-y, repeat-y;
		background-position: center top, center top;
		background-size: 100%, 100%;
		background-attachment: scroll, fixed;
	}
	
	#precautions h2 {height: 80px; margin: 0 0 10px; padding: 0; line-height: 80px; font-size: 22px; color: #707070; text-align: center; border-bottom: solid 1px #707070; background-color: #fff;}
	#precautions-body {position: relative; width: 1000px; margin: 60px auto; padding: 0 80px 60px; background-color: #fff; box-sizing: border-box;}
	#precautions-body h3 {position: relative; top: -15px; padding: 2px 0 0; font-size: 30px; text-align: center;}
	#precautions-body h3 img {display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: -10px 0 0 5px;}
	#precautions-body ul {margin: 30px 0; padding: 0; list-style-type: none;}
	#precautions-body li {position: relative; margin: 10px 0; padding-left: 20px; font-size: 15px; line-height: 1.8em;}
	#precautions-body li span {position: absolute; left: 0; color: #242424;}
	#precautions-body p {
		position: absolute;
		right: 0;
		bottom: -60px;
		width: 350px;
		height: auto;
	}
	#precautions-body p img {width: 100%; height: auto;}
	
}

@media all and (-ms-high-contrast: none) {
	main {
		display: block;
		background-position: center top, center top;
		background-attachment: scroll, scroll;
	}
}


/* ===================== sp ===================== */

@media screen and (max-width: 768px) {
	
	main {width: 100%; padding: 0 0 5%; background: url("/common/images/common/contents_bg_sp.jpg") repeat-y center top; background-size: 100%; background-attachment: fixed;}
	
	#precautions h2 {height: 5rem; margin: 0 0 1rem; padding: 0; line-height: 5rem; font-size: 18px; color: #707070; text-align: center; border-bottom: solid 1px #707070; background-color: #fff;}
	#precautions-body {position: relative; width: 90%; margin: 5rem auto; padding: 0 5% 5rem; background-color: #fff; box-sizing: border-box;}
	#precautions-body h3 {position: relative; top: -15px; padding: 0; font-size: 23px; text-align: center;}
	#precautions-body h3 img {display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: -10px 0 0 5px;}
	#precautions-body ul {margin: 30px 0; padding: 0; list-style-type: none;}
	#precautions-body li {position: relative; margin: 10px 0; padding-left: 20px; font-size: 12px; line-height: 1.8em;}
	#precautions-body li span {position: absolute; left: 0; color: #242424;}
	#precautions-body p {position: absolute; right: 30px; bottom: -4rem; width: 10rem; height: auto;}
	#precautions-body p img {width: 100%; height: auto;}
	
	
}