@charset "utf-8";


/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */
.section{
	zoom:1;
}

.section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
     /* for IE6 */  
    * html .clearfix {  
     display:inline-block;  
     }
     /* for IE7 */  
     *+html .clear<span class="hilite">f</span>ix {  
     display:inline-block;  
     }

/* ---------------------------------------------------- */


h2.title{
	padding-bottom:5px;
	margin-bottom:60px;
	border-bottom:3px dotted #00a4a3;
}

.titleBox{
	position:relative;
}
.titleBox .mainImg{
	background:#FFF;
	position:absolute;
	top:-90px;
	right:0;
	padding-left:20px;
	z-index:0;
}

.titleBox .priceBtn1{
	position:absolute;
	left:160px;
	top:8px;
}
.titleBox .priceBtn2{
	position:absolute;
	left:330px;
	top:8px;
}

.priceBtn_mobile{
	display:none;
}

.titleBox .contentsTit{
	margin-bottom:5px;
}




.section{
	clear:both;
	font-size:110%;
}

.section h3{
	margin-bottom:20px;
}
.section h3 span.spTit{
	display:none;
}

#price .section h3{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:140%;
	font-weight:bold;
}


.section h4.title{
	background:#00A4A3;
	color:#FFF;
	clear:both;
	padding:8px;
	margin-bottom:20px;
}
.section h5.title{
	color:#00a4a3;
	margin-bottom:10px;
}


.nayami,
.kaihisei{
	width:720px;
	margin:0 auto 30px;
}
.nayami dt,
.kaihisei dt{
	background:#00A4A3;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:110%;
	text-align:center;
	line-height:1.2;
	padding:8px 5px;
}
.nayami dd,
.kaihisei dd{
	background:#DBEDED;
	padding:15px 25px;
}
.nayami dd li{
	background:url(../price/image_uniq/icn_nayami.png) 0 0 no-repeat;
	padding-left:30px;
	margin-bottom:5px;
}
.kaihisei dd .imgBox{
	float:right;
	margin-top:-40px;
}



.priceImg{
	position:relative;
	height:560px;
}
.priceImg .choice{
	background:url(../price/image_uniq/bg_price_balloon.png) 220px 0 no-repeat;
	font-size:120%;
	position:absolute;
	top:275px;
	left:220px;
	padding-top:60px;
}
.priceImg .choice dt{
	background:#00A4A3;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.2;
	text-align:center;
	padding:10px;
	
	border-radius:8px 8px 0 0;
}
.priceImg .choice dd{
	border:2px solid #00A4A3;
	border-top:none;
	padding:15px 30px 15px 25px;
	
	border-radius:0 0 8px 8px;
}
.priceImg .choice dd li{
	background:url(../price/image_uniq/icn_price_01.gif) 0 50% no-repeat;
	padding-left:55px;
	margin-bottom:10px;
}
.priceImg .choice dd li:last-child{
	margin-bottom:0;
}


.priceImg_sp{
	display:none;
}



#example{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}
#example dt{
	color:#00A4A3;
	font-size:160%;
	margin-bottom:20px;
	display:block;
	line-height:1.5;
	
}
#example dt span{
	background:#00A4A3;
	color:#FFF;
	font-size:80%;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 20px;
	margin-right:20px;
}
#example dd{
	font-size:130%;
	line-height:1.8;
	padding-left:10px;
	margin-bottom:40px;
}
#example dd span.total{
	color:#E70E0E;
}
#example dd span.attention{
	font-size:80%;
}



.flow{
	margin-bottom:50px;
}
.flow li{
	background:url(../price/image_uniq/bg_price_arrow.gif) 100% 50% no-repeat;
	float:left;
	width:340px;
	margin-right:10px;
}
.flow li.last-child{
	background:none;
	width:290px;
	margin-right:0;
}
.flow li dl{
	border:2px solid #00A4A3;
	width:286px;
}
.flow li dt{
	background:#00A4A3;
	color:#FFF;
	font-size:120%;
	line-height:1.6;
	text-align:center;
	padding:10px 5px;
}

.flow li dd{
	padding:10px;
}

.flow li .arrow_sp{
	display:none;
}





.leadTxt{
	margin-bottom:30px;
}
.leadTxt02{
	color:#00A4A3;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:130%;
	text-align:center;
	margin-bottom:30px;
}


.priceTbl{
	border-collapse:collapse;
	font-size:110%;
	margin-left:auto;
	margin-right:auto;
}
.priceTbl th,
.priceTbl td{
	border:1px solid #CCC;
	padding:8px 10px;
}
.priceTbl th{
	background:#DBEDED;
	font-weight:normal;
	text-align:center;
}







/* ----------------------------------------------------
	Media Query
---------------------------------------------------- */

@media screen and (max-width: 640px) {/* 640px以下用（スマートフォン用） */


#contents{
	width:100%;
}

/* タイトル--------------------
--------------------------*/

h2.title{
	padding-left:5px;
	margin-bottom:40px;
}
	h2.title img{
		width:auto;
		height:25px;
	}


.titleBox .mainImg img{
	display:none;
}

.titleBox .priceBtn1,
.titleBox .priceBtn2{
	display:none;
}

.titleBox .contentsTit{
	width:180px;
}


.priceBtn_mobile{
	background:#00A4A3;
	display:block;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:85%;
	padding:5px 0;
	margin:0 auto 20px;
}
.priceBtn_mobile a{
	color:#FFF;
	display:block;
}

.priceBtn_mobile.btn1{
	margin-bottom:5px;
}


.section{
	padding:0 5px;
}

.section h3 img{
	display:none;
}
.section h3 span.spTit{
	font-size:150%;
	font-weight:bold;
	display:block;
}


.nayami,
.kaihisei{
	width:95%;
	margin:0 auto 30px;
}
.nayami dd,
.kaihisei dd{
	background:#DBEDED;
	padding:15px;
}
.kaihisei dd .imgBox{
	float:none;
	width:90%;
	margin:0 auto 10px;
}


.priceImg{
	display:none;
}
.priceImg_sp{
	display:block;
	margin-bottom:30px;
}



#example dt{
	font-size:140%;
	margin-bottom:10px;
}
#example dt span{
	padding:5px 10px;
}
#example dd{
	font-size:120%;
}



.flow{
	padding:0 5px;
}
.flow li,
.flow li.last-child{
	background:none;
	float:none;
	width:100%;
}
.flow li dl{
	width:100%;
}
.flow li.last-child dl{
	width:100%;
}
.flow li.last-child dt{
	display:block;
	width:auto;
	height:auto;
}

.flow li dd .tel{
	width:85%;
	margin:0 auto;
}

.flow li .arrow_sp{
	color:#00A4A3;
	display:block;
	font-size:120%;
	text-align:center;
}





}

