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

/* ----planBox---- */
.planBox{
	margin:0 0 30px 0;
}
.planBox .box{
	text-align:center;
	padding:52px 50px 50px 50px;
	display:block;
	box-shadow: 0px 10px 25px 0px rgba(16, 16, 17, 0.15);
	margin-top:80px;
	position:relative;
}
.planBox .box:first-of-type{
	margin-top:50px;
}
.planBox .box .badge {
  width:56px;
  height:64px;
  margin-top:0;
  margin-right:auto;
  margin-left:auto;
  padding-top:22px;
  background-image:url(../img/top/feature_bg_badge.png);
  text-align:center;
  font-weight:bold;
	background-repeat:no-repeat;
	box-sizing:border-box;
	position:absolute;
	top:-10px;
	left:50%;
	transform: translate(-50%,0);
}
.planBox .box  .price {
  margin-top:10px;
  font-size:6.6rem;
  font-style:italic;
}
.planBox .box  .price .comma {
  font-family: "游ゴシック", "Yu Gothic","游ゴシック体", YuGothic sans-serif;
  font-size:4.7rem;
}
.planBox .box  .price strong:after {
  content:"円(税込)";
  font-size:1.8rem;
}
.planBox .box  .plan {
  margin-top:5px;
  font-size:2.4rem;
  font-weight:bold;
  font-style:italic;
	color:#131313;
}
.planBox .box  .comment {
  line-height:2.0em;
  margin-top:20px;
  letter-spacing:0.1em;
}
.planBox ul.note li.red,
.planBox ul.note li.red a,
.planBox ul.note li.red a:hover{
    color: #ea0000;
}
.planBox ul.note li.red a.txtlnk::after {
    background-color: #ea0000;
}

/* btn yellow */

.planBox .box  .btn {
  margin-top:30px;
}

@media screen and (max-width: 768px) {
	.planBox .box{
		padding:52px 25px 25px 25px;
		margin-top:50px;
	}
	.planBox .box .price{
		font-size:5.0rem;
	}
	.planBox .box .comment{
		text-align:left;
	}
	.planBox .box  .btn{
		width:100%;
	}
}