#page-title{
	margin-bottom:10px;
	position:relative;
	background:url(/hp-pack/img/plan/page-title_bg.png) top left no-repeat;
	width:960px;
	height:243px;
}
#page-title h1{
	position:absolute;
	top:27px;
	left:25px;
}
#page-title p{
	position: absolute;
	top: 102px;
	left: 68px;
}
#plan-wrap{
	padding:20px 20px 0;
}
#plan-wrap h1{
	margin-bottom:30px;
}
/*基本*/
.p-content{
	font-size: 18px;
	margin-bottom:60px;
}
.p-content h2{
	color: #0b4aad;
	font-size: 22px;
	margin-bottom: 18px;
	font-weight: 900;
	position: relative;
	border: 2px solid #ccc;
	border-radius: 10px;
	box-sizing:border-box;
	padding: 13px 10px 13px 25px;
}
.p-content h2::before{
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	display: block;
	width: 8px;
	height: calc(100% + 4px);
	background: #018bd6;
	z-index:2;
	border-radius: 10px 0 0 10px;
}
/*料金表*/
table.price{
	width: 100%;
	border-collapse:collapse;
	border:4px solid #414141;
	margin-bottom: 40px;
}
table.price tr:first-child th:first-of-type{
	background: #505050;
	color: #fff;
	width: 252px;
}
table.price th{
	color: #414141;
	background: #e6e6e6;
	border-right: 4px solid  #414141;
	text-align: center;
	font-weight: 900;
	font-size: 22px;
	padding: 10px;
	box-sizing: border-box;
}
table.price td{
	padding: 16px 20px;
	vertical-align:middle;
	box-sizing: border-box;
	text-align: center;
	border-right: 4px solid  #414141;
}
table.price tr:first-child th:first-of-type p{
	font-size: 16px;
	text-align: center;
}
table.price tr:first-child th:first-of-type b{
	font-size: 26px;
	font-weight: 900;
	display: block;
}
table.price .cost > div{
	text-align: center;
}
table.price .cost dl{
	display: inline-block;
	width: 160px;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 0;
	
}
table.price .cost dl dt{
	color: #fff;
	font-size: 15px;
	padding: 1px 10px 2px;
	background: #505050;
}
table.price .cost dl dd{
	color: #505050;
	font-size: 32px;
	line-height: 1.3;
	position: relative;
}
table.price .cost dl:first-of-type dd::after{
	content: '';
	position: absolute;
	transform: translate(-50%,-50%) rotate(-8deg);
	width: 100%;
	display: block;
	bottom: 19px;
	left: 50%;
	top: 50%;
	border-top: 2px solid #d60000;
}
table.price .cost dl:last-of-type{
	margin-left: 40px;
}
table.price .cost dl:last-of-type::before{
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 12px;
	border-color: transparent transparent transparent #505050;
	top: 50%;
	left: -24px;
	transform: translateY(-50%);
}
table.price .cost dl:last-of-type dt{
	color: #fff;
	background: #d60000;
}
table.price .cost dl:last-of-type dd{
	color: #d60000;
}
table.price .monthly{
	color: #d60000;
	font-size: 36px;
	width: 252px;

}

.include ul{
	background: #ededed;
	padding: 20px 20px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
/*含まれているサービス*/
.include ul li{
	flex-basis: 32.5%;
	padding: 13px 15px 11px 40px;
	font-size: 15px;
	box-sizing:border-box;
	margin-bottom: 10px;
	background: #fff;
	font-weight: bold;
	background:url(/hp-pack/img/plan/icon_webpage.png) no-repeat left 15px center #fff;
	background-size:16px auto;
}
.include ul li:nth-child(3n){
	margin-right:0;
}
.include ul::after{
	content:"";
	display: block;
	width:32.5%;
}
/*オプション*/
.standard {
	padding-bottom: 60px;
	background: url(/hp-pack/img/plan/plan-dl_bg.png) no-repeat right bottom;
	background-size: 190px;
}

.standard ul{
	padding-left: 1.2em;
}
.standard li{
	position: relative;
	text-indent: -1.2em;
	margin-bottom: 8px;
}
.standard li::before{
	content: "●";
	font-size: 1.0em;
	color: #ff5959;
	width: 1em;
	height: 1em;
}
.standard sup{
	font-weight: bold;
	color: #d60000;
}
.standard .note{
	font-size: 12px;
}
.standard .note span{
	color: #d60000;
}

/* -------- */
#option{
	padding:0 20px;
}
#option h2{
	color: #0b4aad;
	font-size: 26px;
	font-weight: 900;
	padding: 20px 0 30px;
	background: url(/hp-pack/img/plan/img_option_chara.png) no-repeat right bottom;
	background-size: 220px;
}
#option table{
	border:3px solid #008cd6;
	border-collapse:collapse;
	font-size:1.2em;
	width:100%;
	margin-bottom:40px;
}
#option table th{
	background:#008cd6;
	color:#fff;
	font-weight:bold;
	padding:10px;
	text-align:center;
	border-right:1px solid #fff;
}

#option table td{
	padding:10px;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#222222;
}
#option table .first{
	font-weight:bold;
	font-size:1.1em;
}
#option table .last{
	border-right:none;
}
/* -------- */
.bottom_text{
	margin-bottom:40px;
	text-align:center;
}