@charset "utf-8";
/* CSS Document */
.bg_01{
	background: url(../img/proposal/bg_reaf.png) center top no-repeat,url(../img/common/bg_renga.jpg) left top repeat;
	padding: 60px 20px 20px;
}
@media screen and (max-width: 767px) {
.bg_01{
	background: url(../img/proposal/bg_reaf.png) center top no-repeat,url(../img/common/bg_renga.jpg) left top repeat;
	background-size: 100%,contain;
	padding: 30px 15px 15px;
}
}
.bg_02{
	background: url( ../img/proposal/bg_ptn.jpg) left top repeat;
}
.bg_03{
	background: url(../img/proposal/img_02.png) 95% 20px no-repeat,url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 35px 35px 50px;
}
@media screen and (max-width: 767px) {
.bg_03{
	background:url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 20px;
}
}

.bg_04{
	background: url(../img/proposal/bg_02.png) center top no-repeat;
	padding: 20px 30px 30px;
}
@media screen and (max-width: 767px) {
.bg_04{
	background:rgba(255,255,255,0.6);
	border: #333 1px solid;
	padding: 15px;
}
}
.bg_05{
	background: url(../img/proposal/bg_01.png) left top no-repeat;
	padding: 15px;
}
@media screen and (max-width: 767px) {
.bg_05{
	background:url(../img/common/bg_ptn01.jpg) left top repeat;
	padding: 15px;
}
}
.bg_06{
	background: url(../img/proposal/img_09.png) 95% 20px no-repeat,url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 35px 35px 50px;
}
@media screen and (max-width: 767px) {
.bg_06{
	background:url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 20px;
}
}

.bg_07{
	background: url(../img/proposal/img_13.png) 95% 20px no-repeat,url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 35px 35px 50px;
}
@media screen and (max-width: 767px) {
	.bg_07{
	background:url(../img/proposal/bg_note.jpg) left top repeat;
	padding: 20px;
}
}

.ribon{
	position: absolute;
	top: -3px;
	right:15px;
}
@media screen and (max-width: 767px) {
.ribon{
		width: 20px;
	}

}
.area_01 .left_area{
	box-sizing: border-box;
	float: left;
	width: 355px;
}
.area_01 .right_area{
	box-sizing: border-box;
	float: right;
	width: 355px;
}
@media screen and (max-width: 767px) {
.area_01 .left_area{
	box-sizing: border-box;
	float: none;
	width: 100%;
}
.area_01 .right_area{
	box-sizing: border-box;
	float: none;
	width: 100%;
}
}
.area_02 .left_area{
	box-sizing: border-box;
	float: left;
	width: 320px;
}
.area_02 .right_area{
	box-sizing: border-box;
	float: right;
	width: 320px;
}
@media screen and (max-width: 767px) {
.area_02 .left_area{
	box-sizing: border-box;
	float: none;
	width: 100%;
}
.area_02 .right_area{
	box-sizing: border-box;
	float: none;
	width: 100%;
}

}
.area_03 .left_area{
	box-sizing: border-box;
	float: left;
	width: 135px;
}
.area_03 .right_area{
	box-sizing: border-box;
	float: right;
	width: 135px;
}
@media screen and (max-width: 767px) {
.area_03 .left_area{
	box-sizing: border-box;
	float: left;
	width: 49%;
}
.area_03 .right_area{
	box-sizing: border-box;
	float: right;
	width: 49%;
}
}
.lh_14{
	line-height: 1.4;
}