@charset "Shift_JIS";

.base{
	width: 97.93814%;
	padding: 0 0 30px;
	margin: auto;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.base h1{
	width: 100%;
	background: #EEEEEE;
	margin: 15px auto 40px;
	font-weight: bold;
	font-size: 25px;
	padding: 12px 0 10px;
	text-align: center;
	letter-spacing: 1px;
}
.base .red{
	color:#c50015;
}
.note{
	font-size:90%;
	text-align: left;
}
.note_box{
	width: 820px;
  margin: 20px auto 0;
	text-align: left;
	line-height: 1.5;
}
.note_box_item_a{
	padding: 15px;
	background: #ffc5a9;
}
.note_box_item_b{
	margin-top: 20px;
}
.note_box .text{
	text-align: justify;
}
.note_box .text .icon{
	display: inline-block;
	margin-bottom: 5px;
	padding: 4px 6px 2px 6px;
	background: #c50015;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: bold;
	font-size: 88%;
}
.note_box_item_b .text + .text{
	margin-top: 10px;
}


@media screen and (max-width: 640px) {
	.base{
		width: 100%;
		margin: auto;
		padding: 0 0 7.8125vw;
	}
	#top .base h1{
		width: 100%;
		margin: 2.34375vw auto;
		font-size: 5vw;
		padding: 2.34275vw 0 1.5625vw;
		text-align: center;
	}
	.base img{
		width: 100%;
	}
	.note_box{
		position: relative;
    width: 95%;
	  top: 0;
		margin-top: 4.6875vw;
    font-size: 3.59375vw;
	}
	.note_box_item_a{
		padding: 2.34375vw;
	}
	.note_box_item_b{
		margin-top: 4.6875vw;
	}
	.note_box .text .icon{
		margin-bottom: 0.78125vw;
		padding: 0.78125vw 2vw 0.5vw;
		font-size: 88%;
	}
	.note_box_item_b .text + .text{
		margin-top: 3.125vw;
	}
}