@charset "UTF-8";
/* CSS Document */


/*キーカラー：#156b0f*/

.toBlog {
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	border-radius: 15px;
	border: 1px dotted #FF7D7F;
	color: #FF7D7F;
	text-decoration: none;
	background-color: #FFE6E6;
}

.before-after .wrap p{
	margin:  0 0 10px 0;
}

.banner{
	display: flex;
}
.banner a{
	flex: auto;
}

.banner.long img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 480px) {
	.banner{
		display:block;
		text-align: center;
	}
	
.banner img{
	width: 96%;
	height: auto;
}
.banner1 img{
	margin: 0 0 10px 0;
}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {

.banner img {
	width: 96%;
	height: auto;
}

}

@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner img {
	width: 96%;
	height: auto;
}
}

@media screen and (min-width: 961px) {
.banner img {
	width: 360px;
	height: auto;
}
}