@charset "utf-8";
/* CSS Document */
#point{
	display: flex;
    flex-wrap: wrap;
	position: relative;
	margin-bottom: 30px;
}
#point dl {margin:5px; width: 330px; border: #f4b819 4px solid; padding: 2% 2% 0%;  float: left;}
#point dl dt{text-align: center; margin-bottom:10px; background: #F1DD89; padding-top: 8px; }
#point dl dd p{font-weight: bold;}
#point dl dd p:before{content:"〇";　margin-right: 3px;
}
#point .eiyou{
	position: absolute; z-index: 999;  right: 0; top: 200px;
}

.rule {  margin-left: 25%; width: 70%;
}
.rule >p:before{content:"★";　margin-right: 3px;
}
.rule >p{ font-weight: bold;}


@media screen and (max-width:780px) and (min-width:650px){
#point dl {margin:5px; width: 43%; border: #f4b819 4px solid; padding: 2% 2% 0%;  float: left; height: 400px;}	
#point .eiyou{
	position: absolute; z-index: 999;  right: 0; top: 350px; 
}
}

@media screen and (max-width:650px){
#point dl {margin:5px; width: 90%; border: #f4b819 4px solid; padding: 2% 2% 4% 0%;  float: left; height: auto;}
#point dl dt{text-align: center; margin-bottom:10px; background: #F1DD89; padding-top: 8px;  margin-left: 2%; }
#point .eiyou{
	position: absolute; z-index: 999;  right: 20%; top: 500px; 
}
}