@charset "utf-8";

@media screen and (max-width: 767px) {
	.c_list__step-txt .c_btn {
		display: block;
		width: 294px;
		margin: 20px auto 0;
		max-width: 100%
	}
}

.c_list__step li {
	margin-bottom: 40px;
	position: relative
}
.c_list__step li:last-child {
	margin-bottom: 0
}
.c_list__step li:before {
	content: "";
	width: 2px;
	height: calc(100% + 20px);
	background: -webkit-gradient(linear, left top, left bottom, from(#bb2026), to(#fff));
	background: linear-gradient(to bottom, #bb2026, #fff);
	position: absolute;
	top: 28px;
	left: 29px
}
.c_list__step-txt {
	padding-left: 80px;
	position: relative
}
.c_list__step-txt .c_btn {
	margin-top: 20px
}
.c_list__step li:last-child:before {
	display: none
}
@media screen and (max-width: 767px) {
	.c_list__step-txt {
		padding: 0
	}
	.c_list__step li:before {
		display: none
	}
}

.p_flow__ol {
	background: rgba(187, 32, 38, 0.07);
	padding: 20px 30px;
	border-radius: 12px;
	margin-top: 20px
}
.p_flow__ul {
	font-size: 14px;
	margin-top: 20px
}
@media screen and (max-width: 767px) {
	.p_flow__ol {
		padding: 20px 18px
	}
}

/*tabの形状*/
.tab{
	display: flex;
	flex-wrap: wrap;
}
.tab li{
	display: block;
	width:47%;
	height:80px;
	background:#fff;
	border: solid 2px #bb2026;
	padding:5px 2px;
	margin:10px;
	border-radius:8px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.tab li{
		width:100%;
		margin:3px 0;
	}
}
.tab li:before {
	display:none
}
.tab li.active{
	background:#bb2026;
	color:#fff;
	font-weight: bold;
}
.area {
	display: none;
	opacity: 1;
	padding:0 10px 20px;
}
.area.is-active {
    display: block;
}
.flow-subtitle {
	 font-weight:bold;
	 font-size:120%
}

.gsp-green .c_list__step li:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#13C99F), to(#fff));
	background: linear-gradient(to bottom, #13C99F, #fff)
}
.gsp-green .tab li {
	border: solid 1px #13C99F;
}
.gsp-green .tab li.active{
	background: #13C99F;
}
.gsp-sky .c_list__step li:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#59c1d9), to(#fff));
	background: linear-gradient(to bottom, #59c1d9, #fff)
}
.gsp-sky .tab li {
	border: solid 1px #59c1d9;
}
.gsp-sky .tab li.active{
	background: #59c1d9;
}
.gsp-red .c_list__step li:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#801931), to(#fff));
	background: linear-gradient(to bottom, #801931, #fff)
}
.gsp-red .tab li {
	border: solid 1px #801931;
}
.gsp-red .tab li.active{
	background: #801931;
}
.gsp-yellow .c_list__step li:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#f39800), to(#fff));
	background: linear-gradient(to bottom, #f39800, #fff)
}
.gsp-yellow .tab li {
	border: solid 1px #f39800;
}
.gsp-yellow .tab li.active{
	background: #f39800;
}
.gsp-darkblue .c_list__step li:before {
	background: -webkit-gradient(linear, left top, left bottom, from(#181C27), to(#fff));
	background: linear-gradient(to bottom, #181C27, #fff)
}
.gsp-darkblue .tab li {
	border: solid 1px #181C27;
}
.gsp-darkblue .tab li.active{
	background: #181C27;
}