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

/*==========================
テーブル ※赤色　（概要）
==========================*/
.table_red{
	border-top: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
	margin-bottom: 0;
}
.table_red th,
.table_red td{
	vertical-align: middle;
	border-top: #b1b1b1 1px solid;
}
.table_red th{ background-color: rgba( 229, 0, 18, .05);}
.table_red td ul{ margin-bottom: 0;}
.table_red td ul.ls_none{
	padding-left: 0;
	list-style: none;
}
.table_red td ul.ls_disc{ padding-left: 22px;}
.table_red td p{
	margin-top: .5rem;
	margin-bottom: 0;
}
@media(min-width:992px){
	.table_red th{ width: 180px;}
}
@media(min-width:768px) and (max-width:991px){
	.table_red th{ width: 130px;}
}
@media(min-width:768px){
	.table_red tr:first-child th,
	.table_red tr:first-child td{ border-top: none;}
	.table_red th{ text-align: center;}
}
@media(max-width:767px){
	.table_red tr:first-child th{ border-top: none;}
	.table_red th,
	.table_red td{
		width: 100%;
		display: block;
	}
}


/*==========================
STEP（オンライン）
==========================*/
.stepbox{
	position: relative;
	border: #cc0000 1px solid;
	display: flex;
}
.stepbox:not(:last-child){ margin-bottom: 45px;}
.stepbox:not(:last-child)::after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #cc0000;
}
.stepbox dt{
	position: relative;
	background-color: #cc0000;
}
.stepbox dt p{
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	line-height: 1;
}
.stepbox dt p span{
	display: block;
	margin-top: 5px;
}
.stepbox dd{
	flex: 1;
	margin-bottom: 0;
	padding: 15px;
}
.stepbox dd h4{
	font-size: 1.1rem;
	font-weight: bold;
}
.stepbox dd p{ margin-bottom: 0;}
@media(min-width:768px){
	.stepbox dt{ width: 120px;}
	.stepbox dt p{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	.stepbox dt p{ font-size: 1.3rem;}
	.stepbox dt p span{ font-size: 2.3rem;}
}
@media(max-width:767px){
	.stepbox dt{ padding: 8px;}
	.stepbox dt p span{ font-size: 1.5rem;}
}

/*==========================
(サービス・プラポリ)
==========================*/
.sec_frame:not(:last-child){ margin-bottom: 25px;}
.sec_frame > p:last-child{ margin-bottom: 0;}
.redbox{
	border: #cc0000 1px solid;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 0;
}
.redbox dd{ margin-bottom: 0;}