@charset "utf-8";


/*------------------------------------------------------------
	basic_plan
------------------------------------------------------------*/
#main .basic_plan {
	padding: 0;
	background: url(img/common/new_main_bg.png) repeat-y center;
}

#main .basic_plan .mainBox {
	padding: 0 1px 0 0;
}

#main .basic_plan #conts {
	padding-top: 33px;
}

#main .basic_plan .mainImg {
	min-height: 500px;
	padding-top: 110px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
}

#main .basic_plan .mainImg .topArea {
	position: absolute;
	left: -3px;
	top: -63px;
}

#main .basic_plan .mainImg:before {
	width: 100%;
	height: 157px;
	background: url(img/waon_plan/bg01.png) repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;

	content: "";
}

#main .basic_plan .topBox {
	width: 990px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#main .basic_plan .mainImg .topImg01 {
	margin: 0 0 14px;
}

#main .basic_plan .mainImg .topImg01 img {
	width: 550px;
}

#main .basic_plan .mainImg .topImg02 {
	margin: 0 0 29px;
}

#main .basic_plan .mainImg .topImg02 img {
	width: 534px;
	display: none;
}

#main .basic_plan .mainImg .topLink img {
	width: 543px;
	display: none;
}

#main .basic_plan #conts .topTtl {
	margin: 0 0 20px 0;
}

#main .basic_plan #conts .topTtl img {
	width: 745px;
}

#main .basic_plan #conts .textImg01 {
	margin: -17px 0 -10px -13px;
}

#main .basic_plan #conts .textImg01 img {
	width: 745px;
}

#main .basic_plan .mainImg .topLink a:hover img {
	opacity: 0.7;
}

#main .basic_plan #conts .link a:hover img {
	opacity: 0.7;
}



#main .basic_plan #conts .imgSub {
	margin: 0 0 42px 9px;
}

#main .basic_plan #conts .imgSub .lBox {
	width: 427px;
	float: left;
}

#main .basic_plan #conts .imgSub .lBox img {
	width: 427px;
}

#main .basic_plan #conts .imgSub .lBox p {
	margin-top: 6px;
	font-size: 12px;
	color: #333;
	line-height: 1.75;
}

#main .basic_plan #conts .imgSub .rBox {
	padding: 0 27px 0 0;
	float: right;
}

#main .basic_plan #conts .imgSub .rBox img {
	width: 263px;
}

#main .basic_plan.basic_plan_top #conts .imgSub .rBox img,
#main .basic_plan.basic_kantou #conts .imgSub .rBox img {
	width: 263px;
}

#main .basic_plan #conts .link {
	margin: 0 0 46px -2px;
}

#main .basic_plan #conts .link img {
	width: 737px;
}

#main .basic_plan #conts .borderBox {
	margin-bottom: 69px;
	width: 730px;
	padding: 19px 20px 24px 24px;
	border: 3px solid #F99023;
	box-sizing: border-box;
}

#main .basic_plan #conts .borderBox .lBox {
	margin: 11px 0 0;
	width: 360px;
	float: left;
}

#main .basic_plan #conts .borderBox p {
	margin: 0 0 0 1em;
	font-size: 12px;
	color: #333;
	letter-spacing: 0;
	text-indent: -1em;
}

#main .basic_plan #conts .borderBox .lBox img {
	width: 358px;
}

#main .basic_plan #conts .borderBox .rBox {
	margin-top: 52px;
	width: 300px;
	float: right;
}

#main .basic_plan #conts .borderBox .rBox img {
	width: 300px;
}

#main .basic_plan .comPriceList {
	margin-top: 0;
}

#main .basic_plan .comPriceList .ttl {
	background-color: #8BC43F;
}

#main .basic_plan .comPriceList .title {
	color: #8BC43F;
	border-color: #8BC43F;
}

@media screen and (max-width: 767px) {
	#main .basic_plan {
		padding: 0;
		background-image:none;
	}

	#main .basic_plan .mainImg {
		min-height: inherit;
		padding-top: 20px;
		padding-bottom: 30px;
		background-size: 500px auto;
	}

	#main .basic_plan .mainImg:before {
		height: 42px;
		background-size: auto 42px;
	}

	#main .basic_plan .mainImg .topBox {
		width: auto;
	}

	#main .basic_plan .mainImg .topArea {
		width: 21% !important;
		top: 4% !important;
		left: 1px !important;
	}

	#main .basic_plan .mainImg .topArea img {
		width: 100%;
	}

	#main .basic_plan .mainImg .topImg01 {
		margin: 0px 0 23px 6px;
		padding-top: 30px;
		padding-bottom: 10px;
	}

	#main .basic_plan .mainImg .topImg01 img {
		width: 60%;
	}

	#main .basic_plan .mainImg .topImg02 {
		margin: 0 0 22px;
	}

	#main .basic_plan .mainImg .topImg02 img {
		width: 250px;
		margin: 0 auto;
	}

	#main .basic_plan .mainImg .topLink img {
		width: 270px;
	}

	#main .basic_plan #conts .topTtl {
		margin: 10px 10px 0;
	}

	#main .basic_plan #conts .topTtl img {
		width: 100%;
	}

	#main .basic_plan #conts .textImg01 {
		margin: -2% 12px 8px;
	}

	#main .basic_plan #conts .textImg01 img {
		width: 100%;
	}

	#main .basic_plan #conts .imgSub {
		margin: 0 9px 13px;
		padding: 12px 16px;
	}

	#main .basic_plan #conts .imgSub .lBox {
		margin-bottom: 17px;
		width: auto;
		float: none;
	}

	#main .basic_plan #conts .imgSub .lBox img {
		width: 100%;
	}

	#main .basic_plan #conts .imgSub p {
		margin-top: 12px;
		font-size:12px;
		line-height: 1.75;
	}

	#main .basic_plan #conts .imgSub .rBox {
		padding: 0;
		float: none;
	}

	#main .basic_plan #conts .imgSub .rBox img {
		width: 100%;
	}

	#main .basic_plan.basic_plan_top #conts .imgSub .rBox img,
	#main .basic_plan.basic_kantou #conts .imgSub .rBox img {
		width: 100%;
	}

	#main .basic_plan #conts .link {
		margin: 0 8px 12px;
	}

	#main .basic_plan #conts .link img {
		width: 100%;
	}

	#main .basic_plan #conts .borderBox {
		margin-bottom: 14px;
		width: auto;
		padding: 11px 10px 10px 7px;
		border: none;
		box-sizing: border-box;
		background-color: #FEFEC4;
	}

	#main .basic_plan #conts .borderBox .lBox {
		margin: 0 0 17px;
		width: auto;
		float: none;
	}

	#main .basic_plan #conts .borderBox .lBox p {
		margin-top: 11px;
		font-size: 8px;
		letter-spacing: -0.8px;
	}

	#main .basic_plan #conts .borderBox .lBox img {
		width: 100%;
	}

	#main .basic_plan #conts .borderBox .rBox {
		margin: 0;
		width: auto;
		float: none;
	}

	#main .basic_plan #conts .borderBox .rBox img {
		width: 100%;
	}

}

/*------------------------------------------------------------
	basic_tohoku
------------------------------------------------------------*/
#main .basic_tohoku .mainImg .topArea {
	left: -2px;
	top: -84px;
}

/*------------------------------------------------------------
	basic_kantou
------------------------------------------------------------*/
#main .basic_kantou .mainImg .topArea {
	left: 4px;
	top: -55px;
}

/*------------------------------------------------------------
	basic_chubu
------------------------------------------------------------*/
#main .basic_chubu .mainImg .topArea {
	left: 5px;
	top: -77px;
}

/*------------------------------------------------------------
	basic_kansai
------------------------------------------------------------*/
#main .basic_kansai .mainImg .topArea {
	left: 20px;
	top: -62px;
}

/*------------------------------------------------------------
	basic_chugoku
------------------------------------------------------------*/
#main .basic_chugoku .mainImg .topArea {
	left: -6px;
	top: -23px;
}

/*------------------------------------------------------------
	basic_kyushu
------------------------------------------------------------*/
#main .basic_kyushu .mainImg .topArea {
	top: -62px;
	left: 13px;
}