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

/* 商品プラン */


/* お問い合わせ部分タイトル
　商品プランはh2全体をセンターにしないため */
#inquiry h2{
	text-align:center;
}


/*==============  商品プラン　共通指定(インタビュープランがベース) ==============*/ 

/*==============  商品プラン　導入部分 ==============*/ 

#dounyu{
	padding-top:70px;

}

#dounyu .inner{
	width:1000px;
	margin:0 auto;
}

#dounyu h2{
	color:#0e9600;
	letter-spacing:0.15em;
	padding:0 0 20px;
	margin-bottom:25px;
	border-bottom:1px dashed #0e9600;
}

#dounyu p#read{
	font-size:1.071em;
	letter-spacing:0.1em;
	margin-bottom:25px;
}

/* リード文下ピクト */
#dounyu #pict ul{
	margin-bottom:20px;
}

#dounyu #pict ul li{
	width:140px;
	font-size:1.071em;
	letter-spacing:0.025em;
	line-height:1.0;
	color:#0e9600;
	text-align:center;
	margin-right:10px;
	padding:12px 0;
	border:1px solid #0e9600;
	background:#fff;
	float:left;
}

/* ピクト下ピックアップ説明 */

#dounyu #pickup{
	clear:both;
}

#dounyu #pickup div{
	width:480px;
	margin-bottom:70px;
}

#dounyu #pickup div h4{
	color:#0e9600;
	border-left:5px solid #0e9600;
	padding-left:15px;
}

#dounyu #pickup div p{
	margin-top:15px;
	letter-spacing:0.1em;
}

/*==============  商品プラン　料金例 ==============*/ 

#ryokin{
	background:#fff;
	clear:both;
	padding:70px 0;
	position:relative;
}

#ryokin .inner{
	width:1000px;
	margin:0 auto;
	
}

#ryokin .inner .box{
	width:480px;
}

/* 左　料金ベース */

#ryokin .inner .box #base{
	padding:0 0 25px;
	border:1px solid #333;
}

#ryokin .inner .box #base h3{
	font-size:1.286em;
	text-align:center;
	padding:8px 0;
	margin-bottom:30px;
	color:#fff;
	background:#333;
}

#ryokin .inner .box #base div,
#ryokin .inner .box #base hr{
	width:440px;
	margin:0 auto;
}

#ryokin .inner .box #base div h4{
	width:150px;
	height:40px;
	font-size:1.714em;
	letter-spacing:0.025em;
	line-height:1.8;
	color:#fff;
	text-align:center;
	margin:0 15px 25px 0;
	background:#8dcb00;
	float:left;
}

#ryokin .inner .box #base div h4 span{
	font-size:0.750em;
}

#ryokin .inner .box #base div p{
	line-height:1.5;
	float:left;
}

#ryokin .inner .box #base div h5{
	font-size:1.429em;
	letter-spacing:0.025em;
	line-height:1.0;
	margin:25px 0 10px;
	color:#8dcb00;
	
}

#ryokin .inner .box #base div ul#gaisan li{
	font-size:1.143em;
	margin:0 0 0 15px;
}

#ryokin .inner .box #base div ul#gaisan li span{
	display:inline-block;
	width:60%;
}

#ryokin .inner .box #base div ul#gaisan li.cmme{
	font-size:0.857em;
	letter-spacing:0.025em;
}

/* 左　オプション */

#ryokin .inner .box #op_menu{
	margin-top:15px;
	background:#ecede4;
	padding:20px 15px 10px 15px;
	border:1px solid #8dcb00;
	overflow:hidden;
}

#ryokin .inner .box #op_menu h4{
	font-size:1.286em;
	font-weight:bold;
	line-height:1.0;
	letter-spacing:0.025em;
	text-align:center;
}

#ryokin .inner .box #op_menu ul{
	width:478px;
	margin:15px 0 0 0;
}

#ryokin .inner .box #op_menu ul li{
	width:209px;
	color:#fff;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.0;
	background:#8dcb00;
	margin:0 30px 5px 0;
	padding:10px 0;
    float:left;
}


/* 右　お客様にご用意いただくもの */

#ryokin .inner .box #guest{
	background:#ecede4;
	padding:15px 15px 12px;
	border:1px solid #0e9600;
}

#ryokin .inner .box #guest h4{
	width:180px;
	color:#0e9600;
	font-size:1.286em;
	letter-spacing:0.025em;
	text-align:center;
	float:left;
}

#ryokin .inner .box #guest h4 img{ /*各プランで調整*/
	margin:5px 0;
}

#ryokin .inner .box #guest div{
	width:250px;
	float:right;
}

#ryokin .inner .box #guest div ul li{
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1.0;
	padding:10px 0;
	margin-bottom:5px;
	background:#0e9600;
}


/* 共通 */
#ryokin .inner .box div p.cmme{
	font-size:0.857em;
	letter-spacing:0.025em;
	line-height:1.3;
}

/* 右　弊社作業 */

#ryokin .inner .box #white{
	background:#ecede4;
	padding:15px 15px 12px;
	margin-top:15px;
	border:1px solid #ff9900;
}

#ryokin .inner .box #white h4{
	width:180px;
	color:#ff9900;
	font-size:1.286em;
	letter-spacing:0.025em;
	text-align:center;
	float:left;
}

#ryokin .inner .box #white h4 img{ /*各プランで調整*/
	margin:5px 0;
}

#ryokin .inner .box #white div{
	width:250px;
	float:right;
}

#ryokin .inner .box #white div ul li{
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1.0;
	padding:10px 0;
	margin-bottom:5px;
	background:#ff9900;
}

 /*矢印　各プランで調整*/
 p.arrow{
	 margin:5px 0 0;
	 line-height:1.0;
	 text-align:center;
	 clear:both;
 }
 
/* 右　完成 */

#ryokin .inner .box #goal{
	padding:0 0 14px;
	border:1px solid #cb0000;
}

#ryokin .inner .box #goal h4{
	font-size:1.286em;
	text-align:center;
	padding:5px 0;
	margin-bottom:15px;
	color:#fff;
	background:#cb0000;
}

#ryokin .inner .box #goal p{
	color:#cb0000;
	line-height:1.0;
	letter-spacing:0.05em;
	text-align:center;
	padding:0 15px;
}

/*==============  工程 ==============*/ 

#koutei{
	clear:both;
	padding-top:70px;
}

#koutei h2{
	text-align:center;
	padding:0 0 17px;
}

#koutei hr.tl_line{
	width:70px;
}

#koutei ul{ /*詳細はプランごと指定*/
	width:1000px;
    height:461px;
    background:url(../images/plan/koutei_int.png) no-repeat left top;
	margin:50px auto 70px;
}

#koutei ul li{
	height:90px;
	display:table;
	vertical-align:middle;
	font-size:1.143em;
	letter-spacing:0.05em;
	line-height:1.6;
	padding:0 0 0 90px;
}

#koutei ul li span{
	display:table-cell;
	vertical-align:middle;
}

/*==============  下部ボタン ==============*/ 

#btn_set{
	clear:both;
	padding-top:70px;
	background:#fff;
}

#btn_set .inner{
	width:1000px;
	margin: 0 auto;
	padding-bottom:70px;
	overflow:hidden;
}

#btn_set .inner ul{
	width:1020px;
	margin-right:-20px;
}

#btn_set .inner ul li{
	display:block;
	width:184px;
	margin-right:20px;
	float:left;
}

#btn_set h3{
	font-size:1.071em;
}

#btn_set a{
	text-decoration:none;
}

#btn_set a h3 {
	color:#333;
	text-decoration:none;
	background:url(../common/images/icon_orage_s.png) no-repeat left;
	padding-left:20px;
}

#btn_set a:hover h3 {
	text-decoration:underline;
}

#btn_set hr{
	width:1000px;
	margin:0 auto;
}

/* 商品プラン 詳細*/

/*==============  9万 ==============*/ 

/* 商品プラン　各タイトル背景 */
.p_light #head_img{
	background:url(../images/plan/tl_light.jpg) bottom; 
	background-size: cover;

}

/*==============  商品プラン　導入部分 ==============*/ 
.p_light #dounyu p#read{
	margin-bottom:25px;
}

/* リード文下ピクト */
.p_light #dounyu #pict ul{
	margin-bottom:70px;
}

.p_light #dounyu #pict ul li{
	width:160px;
}

/* 右　お客様にご用意いただくもの */

.p_light #ryokin .inner .box #guest h4 img{ 
	margin:3px 0 5px;
}

/* 右　弊社作業 */
.p_light #ryokin .inner .box #white h4 img{ 
	margin:25px 0 5px;
}

/*==============  19万 ==============*/ 


/* 商品プラン　各タイトル背景 */
.p_interview #head_img{
	background:url(../images/plan/tl_interview.jpg) bottom; 
	background-size: cover;

}

/* 右　お客様にご用意いただくもの */

.p_interview #ryokin .inner .box #guest h4 img{ 
	margin:3px 0 5px;
}

/* 右　弊社作業 */
.p_interview #ryokin .inner .box #white h4 img{ 
	margin:45px 0 5px;
}

/*==============  29万 ==============*/ 

/* 商品プラン　各タイトル背景 */
.p_introduction #head_img{
	background:url(../images/plan/tl_introduction.jpg) bottom; 
	background-size: cover;

}

/* 右　お客様にご用意いただくもの */

.p_introduction #ryokin .inner .box #guest h4 img{
	margin:3px 0 5px;
}

/* 右　弊社作業 */
.p_introduction #ryokin .inner .box #white h4 img{
	margin:45px 0 5px;
}

/*==============  59万 ==============*/ 

/* 商品プラン　各タイトル背景 */
.p_commentary #head_img{
	background:url(../images/plan/tl_commentary.jpg) bottom; 
	background-size: cover;
}

/* 右　お客様にご用意いただくもの */

.p_commentary #ryokin .inner .box #guest h4 img{ 
	margin:3px 0 5px;
}

/* 右　弊社作業 */
.p_commentary #ryokin .inner .box #white h4 img{ 
	margin:75px 0 5px;
}

/*==============  オプション ==============*/ 

/* 商品プラン　各タイトル背景 */
.p_option #head_img{
	background:url(../images/plan/tl_option.jpg) bottom; 
	background-size: cover;
}

.p_option #dounyu p#read{
	margin-bottom:50px;
}

#op_list{
	width:1000px;
	margin:0 auto;
}

#op_list div{
	width:48%;
	margin-bottom:40px;
}

#op_list dl{
	width:100%;
	line-height:1.0;
	border-top:1px solid #0e9600;
	border-left:1px solid #0e9600;
	border-right:1px solid #0e9600;
	margin-bottom:30px;
}

#op_list dl dt{
	width:250px;
	color:#fff;
	padding:15px 15px;
	border-bottom:1px solid #fff;
	background:#0e9600;
	float:left;
	clear:both;
}

#op_list dl dd{
	padding:15px 5px 15px 265px;
	border-bottom:1px solid #0e9600;
	
}

#op_list dl dt.end{
	border-bottom:1px solid #0e9600;
}

@media only screen and (max-width: 769px) {
	

}