@charset "UTF-8";


@media (min-width: 481px) and (max-width: 920px) {
header{
	margin-bottom: 30px;
}
address{
	position: absolute;
	top: 15px;
	right: 10px;
}
address img{
	width: 40%;
}
.tel-link a{
	color: #000;
	font-size: 38px; font-size: 3.8rem;
	font-family: Helvetica;
	font-weight: bold;
	display: inline-block;
 	margin-left: 5px;
	vertical-align: middle;
}
.points{
	position: static;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.points img{
	width: 17%;
	position: absolute;
	top: 0;
	right: 0;
}
}/* 閉じタグ */



@media (max-width: 480px) {

#site-wrapper{
	width: 100%;
	padding: 15px;
	background: url(../images/m-back.jpg) no-repeat left top;
}
header{
	color: #fff;
}
h1{
	margin-bottom: 10px;
}
address{
	position: static;
}
.contact{
	display: block;
	width: 8em;
	color: #000;
	border: none;
	background-color: #FFCC00;
	text-align: center;
	margin: 0 0 0 auto;/*ブロックレベル要素を右揃え*/
}
.tel-link a{
	color: #fff;
	font-size: 38px; font-size: 3.8rem;
	font-family: Helvetica;
	font-weight: bold;
	display: inline-block;
 	margin-left: 0;
	vertical-align: middle;
}
address img{
	width: 40%;
}
#main{
	background: none;
	height: auto;
	position: static;

	padding-top: 30%;
}
h2{
	width: 100%;
	margin: 0 auto;
}
h3{
	font-size: 2rem;
}
#contents{
	padding: 10px;
 	margin: 0 auto 0;
 	display: block;
}
section{
	font-size: 1.4rem;
 	display: block;
	width: 100%;
	padding-top: 100px;
}

.buna dl{
	margin-bottom: 20px;
}
.notice{
	width: 100%;
	position: static;
	border: none;
	padding: 10px;
}
.points{
	position: static;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.pink{
	margin-bottom: 20px;
}
.pink-s{
	margin-top: 10px;
}
.points img{
	position: static;
	width: 30%;
	display: block;
	margin: 0 0 0 auto;/*ブロックレベル要素を右揃え*/
}
.notice dl{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	padding: 20px 0;
}
.notice dt{
	font-size: 1.4rem;
}
.notice dd{
	font-size: 1.4rem;
}
aside a img{
	width: 90%;
}


}/*閉じタグ*/