/*******************************************
*
* css for 料金プラン
********************************************/
@charset "UTF-8";


#topImage {
	background-image: url("../images/ttlbg/plan.png");
}


h2.copyTxt{
	margin:80px 0 1em;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

	h2.copyTxt{
		margin:40px 0 1em;
	}

}


/*------------------------------------------
 本文
 ------------------------------------------*/
#priceTable{
	display:block;
	overflow:hidden;
	background-color:#f6f6f6;
	margin-top:50px;
	padding:50px 0 0;
}

#priceTable > p{
	display:block;
	overflow:hidden;
	text-align:center;
}

 
/* for SP ---------------------------------*/
@media screen and ( max-width:896px) {

	

}

/*セクション*/
.sectionBox{
	display:block;
	overflow:hidden;
	margin-bottom:50px;
}

.sectionBox h3{
	display:block;
	overflow:hidden;
	font-size: 2.0rem;
    font-weight: bold;
    line-height: 125%;
    padding-bottom: 1em;
}
 
/* for SP ---------------------------------*/
@media screen and ( max-width:896px) {

	

}


/*料金表テーブル*/
.sectionBox table{
	width:90%;
	border:1px solid #d3d3d4;
	margin:0 auto 1em;
	background-color:#ffffff;
}

.sectionBox table td,
.sectionBox table th{
    padding: 0.75em 1em;
    font-size: 1.6rem;
    line-height: 155%;
    border-collapse: collapse;
	border:1px solid #d3d3d4;
	text-align:center;
}

.sectionBox table > thead th{
	background-color:#e9636c;
	color:#ffffff;
}
.sectionBox table > tbody th {
	background-color:#ededee;
}

.sectionBox table > thead td:first-child,
.sectionBox table > thead th:first-child{
	width:32%;
}

.sectionBox strong{
	font-weight:bold;
	color:#e9636c;
	font-size:2.4rem;
}

.sectionBox strong > span{
	font-size:1.8rem;
}


.sectionBox table td > p.redTxt{
	display:inline-block;
	margin-left:1em;
	color:#e9636c;
}

.sectionBox p > strong{
	font-size:1.4rem;
}
 
/* for SP ---------------------------------*/
@media screen and ( max-width:896px) {

	.sectionBox table{
		width:100%;
		border:1px solid #d3d3d4;
		margin:0 auto 1em;
	}

	.sectionBox table td,
	.sectionBox table th{
	    padding: 0.5em 0.5em;
    	font-size: 1.4rem;
	}

	.sectionBox table > thead td:first-child,
	.sectionBox table > thead th:first-child{
		width:auto;
	}

	.sectionBox table td > p.redTxt{
		display:block;
	}
	.sectionBox strong{
		display: block;
	}

}

#contactLine{
	margin:40px 0;
}
 
#contactLine > a {
    width: 360px;
    /*min-width: 320px;*/
    margin: 0 5px;
}

#extraData{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-top:40px;
}


/* for SP ---------------------------------*/
@media screen and ( max-width:896px) {

	#contactLine > a {
	    width: 100%;
    	margin: 0 0 15px;
	}

}