ul {
	list-style: none;
	margin-bottom: 35px;
}

li {
	padding: 10px 0 10px 3px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}

li:before {
	font-family: FontAwesome;
	margin-right: 10px;
}

@media (max-width:768px) {
	li {
		padding: 5px 0 5px 3px;
		line-height: 1.4;
		font-size: 1.6rem;
	}

	i {
		margin-right: 5px;
	}

}

.ul1 {
	max-width: 700px;
}

.ul1 li {
	border-bottom: 1px dotted #ababab;
	list-style: none;
}

.ul1 li:before {
	content: "\f046";     /* アイコンのunicode */
	color: #d32d00;
	font-size: 2.2rem;
}

.box1 .ul1 li:last-child {
	border-bottom: none;
}

.ul2 li {
	border-bottom: 1px dotted #3a3a3a;
	list-style: none;
}

.ul2 li:before {
	font-size: 1.4em;
	font-family: FontAwesome;
	content: "\f138";

	/* アイコンのunicode  */
	margin-right: 10px;
	color: #4550b4;
}

.ul3 {
	max-width: 620px !important;
	margin-left: 30px;
}

@media (max-width:768px) {
	.ul3 {
		margin-left: 0px;
	}

}

.ul3 li {
	border-bottom: 1px dotted #ddd;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 10px 3px;
	list-style: none;
	line-height: 1.5;
}

@media (max-width:768px) {
	.ul3 li {
		font-size: 1.15em;
	}

}

.ul3 i {
	margin-right: 5px;
	margin-top: 10px;
}

.ul3 li:before {
	font-size: 1.4em;
	font-family: FontAwesome;
	content: "\f140";

	/* アイコンのunicode  */
	margin-right: 10px;
	color: #d60b1d;
}

.ul4 {
	max-width: 620px !important;
	margin-left: 30px;
}

@media (max-width:768px) {
	.ul4 {
		margin-left: 0px;
	}

}

.ul4 li {
	border-bottom: 1px dotted #ddd;
	font-size: 1.8rem;
	font-weight: normal;
	padding: 10px 0 10px 3px;
	list-style: none;
	line-height: 1.5;
}

@media (max-width:768px) {
	.ul4 li {
		font-size: 1.55rem;
	}

}

.ul4 i {
	margin-right: 5px;
	margin-top: 10px;
}

.ul4 li:before {
	font-size: 1.2em;
	font-family: FontAwesome;
	content: "\f058";

	/* アイコンのunicode       f087 \f091      */
	margin-right: 10px;
	color: #856927;
}

.ul4-a li:before {
	content: "\f6cf"  !important;
	font-family: "Font Awesome 5 Free";
}

.ul5 {
	max-width: 1000px !important;
}

.ul5 li {
	border-bottom: 1px dotted #ddd;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 10px 7px;
	list-style: none;
	line-height: 1.5;
}

.ul5 i {
	margin-right: 5px;
	margin-top: 10px;
}

.ul5 li:before {
	font-size: 1.4em;
	font-family: FontAwesome;
	content: "\f0eb";

	/* アイコンのunicode       f087 \f091      */
	margin-right: 10px;
}

.ul6 {
	max-width: 960px !important;
}

.ul6 li {
	border-bottom: 1px dotted #ddd;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 10px 3px;
	list-style: none;
	line-height: 1.5;
}

.ul6 i {
	margin-right: 5px;
	margin-top: 10px;
}

.ul6 li:before {
	font-size: 1.4em;
	font-family: FontAwesome;
	content: "\f091";

	/* アイコンのunicode       f087 \f091      */
	margin-right: 10px;
}

.ul7 li {
	border-bottom: 1px dotted #ddd;
	list-style: none;
}

.ul7 li:before {
	font-size: 1.4em;
	content: url(../img/voice.png);     /* アイコンのunicode  */
}

.ul_disc_b {
	padding-left: 40px !important;
}

.ul_disc_b li {
	list-style-type: disc;
	border-bottom: 1px dashed #ddd;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	padding: 13px 0 10px 3px;
}

.ul_disc {
	padding-left: 80px !important;
}

.ul_disc li {
	list-style-type: disc;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 0 0px 3px;
	line-height: 1.5;
}

.ul_disc i {
	margin-right: 0px;
}

@media only screen and (max-width:768px) {
	.ul1 li {
		padding: 7px 0 5px 3px;
	}

	.ul2 li:before {
		font-size: 1.3em;
		margin-right: 0px;
	}

	.ul3 li:before {
		font-size: 1.3em;
		margin-right: 5px;
	}

	.ul4 li:before {
		font-size: 1.3em;
		margin-right: 0px;
	}

	.ul5 li:before {
		font-size: 1.3em;
		margin-right: 10px;
	}

	.ul6 li:before {
		font-size: 1.3em;
		margin-right: 5px;
	}

	.ul7 li:before {
		font-size: 1.3em;
		margin-right: 0px;
	}

	.ul_disc_b {
		padding-left: 5px;
	}

	.ul_disc_b li {
		border-bottom: 1px dashed #ddd;
		padding: 13px 0 10px 0px;
	}

	.ul_disc li {
		font-size: 1em;
	}

}

.ul1 li,
.ul2 li,
.ul3 li,
.ul4 li,
.ul5 li,
.ul6 li,
.ul7 li {
	position: relative;
	padding-right: 5px;
}

.ul1 li:before,
.ul2 li:before,
.ul3 li:before,
.ul4 li:before,
.ul5 li:before,
.ul6 li:before,
.ul7 li:before {
	position: absolute;
	top: 50%;
	left: 0px;
}

.ul1 li {
	padding-left: 32px;
}

.ul1 li:before {
	margin-top: -17px;
}

.ul2 li {
	padding-left: 45px;
}

.ul2 li:before {
	margin-top: -22px;
}

.ul3 li {
	padding-left: 35px;
}

.ul3 li:before {
	margin-top: -19px;
}

.ul4 li {
	padding-left: 35px;
}

.ul4 li:before {
	margin-top: -19px;
}

.ul5 li {
	padding-left: 45px;
}

.ul5 li:before {
	margin-top: -19px;
}

.ul6 li {
	padding-left: 45px;
}

.ul6 li:before {
	margin-top: -23px;
}

.ul7 li {
	padding-left: 49px;
}

.ul7 li:before {
	margin-top: -17px;
}

@media (max-width:768px) {
	.ul1 li {
		line-height: 1.5;
		padding: 10px 0 10px 3px;
		padding-left: 30px;
	}

	.ul1 li:before {
		margin-top: -14px;
	}

	.ul2 li {
		padding-left: 33px;
	}

	.ul2 li:before {
		margin-top: -15px;
	}

	.ul3 li {
		padding-left: 35px;
	}

	.ul3 li:before {
		margin-top: -16px;
	}

	.ul4 li {
		padding-left: 33px;
	}

	.ul4 li:before {
		margin-top: -18px;
	}

	.ul5 li {
		padding-left: 33px;
	}

	.ul5 li:before {
		margin-top: -18px;
	}

	.ul6 li {
		padding-left: 40px;
	}

	.ul6 li:before {
		margin-top: -21px;
	}

	.ul7 li {
		padding-left: 44px;
	}

	.ul7 li:before {
		margin-top: -18px;
	}

}




.list2 ul,
.list2 ol {
	border: solid 2px #d60b1d;
	padding: 0.3em 0.5em;
	position: relative;
	color: #d60b1d;
	list-style-type: none;
}

.list2 ol {
	counter-reset: number;
}

.list2 ul li,
.list2 ol li {
	line-height: 1.5;
	padding: 0.5em 0 0.5em 1.4em;
	border-bottom: dashed 1px #d60b1d;
}

.list2 ul li:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f14a";
	left: 0.5em;
	color: #d60b1d;
}

.list2 ol li:before {
	display: inline-block;
	position: absolute;
	font-family: "Quicksand", sans-serif;
	content: counter(number);
	counter-increment: number;
	left: 0.5em;
	width: 22px;
	height: 22px;
	border-radius: 20%;
	background: #d60b1d;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}

.list2 ul li:last-of-type,
.list2 ol li:last-of-type {
	border-bottom: none;
}

.list3 ul,
.list3 ol {
	padding: 0.3em 0.5em;
	position: relative;
	color: #d60b1d;
	list-style-type: none;
}

.list3 ol {
	counter-reset: number;
}

.list3 ul li,
.list3 ol li {
	line-height: 1.5;
	padding: 0.5em 0 0.5em 1.4em;
}

.list3 ul li:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f00c";
	left: 0.5em;
	color: #d60b1d;
}

.list3 ol li:before {
	display: inline-block;
	position: absolute;
	font-family: "Quicksand", sans-serif;
	content: counter(number);
	counter-increment: number;
	left: 0.5em;
	width: 22px;
	height: 22px;
	border-radius: 20%;
	background: #d60b1d;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}

.list3 ul li:last-of-type,
.list3 ol li:last-of-type {
	border-bottom: none;
}

.list4 ul,
.list4 ol {
	padding: 0;
	position: relative;
	border: none;
}

.list4 ol {
	counter-reset: number;
}

.list4 ul li,
.list4 ol li {
	color: #4D5269;     /*  background: #f1eeee;*/
	line-height: 1.5;
	padding: 0.5em 0.5em 0.5em 2em;
	border-bottom: 2px solid #4D5269;
	list-style-type: none;
	font-weight: bold;
}

.list4 ul li:before {
	font-family: FontAwesome;
	content: "\f14a";
	position: absolute;
	left: 0.5em;
	color: #4D5269;
}

.list4 ol li:before {
	display: inline-block;
	position: absolute;
	font-family: "Quicksand", sans-serif;
	content: counter(number);
	counter-increment: number;
	left: 0.5em;
	width: 22px;
	height: 22px;
	border-radius: 20%;
	background: #4D5269;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}

.list5 ul,
.list5 ol {
	padding: 0;
	position: relative;
	border: none;
}

.list5 ol {
	counter-reset: number;
}

.list5 ul li,
.list5 ol li {
	color: #000000;     /*  background: #f1eeee;*/
	line-height: 1.5;
	padding: 0.5em 0.5em 0.5em 2em;
	list-style-type: none;
	font-weight: normal;
}

.list5 ul li:before {
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	left: 0.5em;
	color: #01406b;
}

.list5 ol li:before {
	display: inline-block;
	position: absolute;
	font-family: "Quicksand", sans-serif;
	content: counter(number);
	counter-increment: number;
	left: 0.5em;
	width: 22px;
	height: 22px;
	border-radius: 20%;
	background: #01406b;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
}

.gr_Bread {
	margin: 3rem 0;
	position: relative;
}

@media (min-width:768px) {
	.gr_Bread {
		margin: 5rem 0;
	}

}

.gr_Bread li {
	margin: 5rem auto;
}

.gr_Bread_Out {
	padding: 30px 0 10px;
	background: #fffef4;
}

.gr_Bread_Dt {
	color: #4D5269;
	padding: .5rem 0 .5rem .8rem;
	margin-bottom: .8rem;
	font-size: 1.8rem;     /*  background-image: url("../img/feather.png");
		  background-position: center left;
		  background-size: 30px;*/
	font-weight: normal;
	border-bottom: 1px solid #4D5269;
	line-height: 1.5;
	background-repeat: no-repeat;
}

@media (min-width:768px) {
	.gr_Bread_Dt {
		font-size: 2rem;
	}

}

.gr_Bread_Dt:before {

	/*	font-family: FontAwesome;
		content: "\f14a";
		position: absolute;
		left: 0.5em;
		color: #4D5269;*/
	content: '';     /*何も入れない*/
	display: inline-block;
	left: 0;
	width: 50px;     /*画像の幅*/
	height: 50px;     /*画像の高さ*/
	background-image: url(../img2/logo.png);
	background-size: contain;
	vertical-align: middle;
}



.gr_Bread_Dd {
	margin-bottom: 2.3rem;
	line-height: 2;
	background-color: rgba(123, 123, 123, 0.1);
	border-radius: 4px;
	padding: .8rem 1.1rem;
	font-weight: 500;
}


.gr_Bread_Dd img{
  display: block;
  max-width: 50%;
  text-align: center;
  margin: 0 auto;
}


@media (max-width:480px) {
  	.gr_Bread_Dt {
		text-align: center;
	}

	.gr_Bread_Dt:before {
		display: block;
    background-position : center;
    margin: 10px auto;
	}
  .gr_Bread_Dd img{
  max-width: 90%;
}

}



@media (min-width:768px) {
	.gr_Bread_Dd {
		font-size: 1.7rem;
	}

}

.gr_Bread_Dd:last-child {
	margin-bottom: 0;
}

@media (max-width:768px) {
	.gr_Bread_Dd {
		font-size: 1.55rem;
		line-height: 2.8rem;
	}

}

.gr_Bread + p:last-of-type {
	margin-top: 4.5rem;
}

.gr_Bread2 {
	margin: 3rem 0;
}

.gr_Bread2_Out {
	padding: 30px 0 10px;
	background: #fffef4;
}

.gr_Bread2 {
	margin: 3rem 0;
	position: relative;
}

@media (min-width:768px) {
	.gr_Bread2 {
		margin: 5rem 0;
	}

}

.gr_Bread2_Dt {
	color: #d60b1d;
	padding: .5rem 0 .5rem 1.8rem;
	margin-bottom: .8rem;
	font-size: 1.8rem;     /*  background-image: url("../img/feather.png");
		  background-position: center left;
		  background-size: 30px;*/
	font-weight: bold;
	border-bottom: 1px solid #d60b1d;
	line-height: 1.5;
	background-repeat: no-repeat;
}

@media (min-width:768px) {
	.gr_Bread2_Dt {
		font-size: 2rem;
	}

}

@media screen and (max-width:480px) {
	.gr_Bread2_Dt {
		padding: .5rem 0 .5rem 0;
	}

}

.gr_Bread2_Dd {
	margin-bottom: 2.3rem;
	line-height: 2;
	background-color: rgba(207, 209, 212, 0.1);
	border-radius: 4px;
	padding: .8rem 1.1rem;
	color: #4D5269 !important;
	font-weight: 500;
}

@media (min-width:768px) {
	.gr_Bread2_Dd {
		font-size: 1.7rem;
	}

}

.gr_Bread2_Dd:last-child {
	margin-bottom: 0;
}

@media (max-width:768px) {
	.gr_Bread2_Dd {
		font-size: 1.55rem;
		line-height: 2.8rem;
	}

}

.gr_Bread2 + p:last-of-type {
	margin-top: 4.5rem;
}

.memox {
	position: relative;
	background: #fcfbee;
	width: 85%;
	margin: 2em auto;
	padding: 1.5em 1em;
	transform: rotate(-0.5deg);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	color: #795548;
}

.memox::before {
	content: '田中千衣子さん';
	position: relative;
	display: inline-block;
	border-bottom: 3px solid #795548;
	border-radius: 0 0 40% 5% / 0 0 15% 20%;
	padding: 0 1em 0.1em 0.2em;
	font-size: 110%;
	font-weight: bold;
	transform: rotate(-3deg);
}

.memox::after {
	content: '';
	position: absolute;
	left: 50%;
	top: -15px;
	margin-left: -75px;
	width: 150px;
	height: 30px;
	background: rgba(245, 245, 245, 0.7);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	transform: rotate(-2deg);
}

.memox p {
	margin: 1em 0.5em 0 2em;
	padding: 0 0 0 0;
	font-size: 16px;
}

@media (max-width:480px) {
	.memox {
		width: 95%;
		margin: 2em 0.5em;
		padding: 0.5em 0em;
		transform: rotate(0deg);
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
		color: #795548;
	}

	.memox::before {
		padding: 1em 1em 0.1em 0.2em;
	}

	.memox p {
		margin: 1em 0.5em 0 0.5em;
		padding: 0 0 0 0;
		font-size: 15px;
	}

}

/* ポイントボックス */
.cp_point {
	position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 15px 40px;
	border: 1px solid #da3c41;
	background-color: #fffafa;
	border-radius: 10px;
	font-weight: normal;
}

.cp_point::before {
	position: absolute;
	top: -1.25em;
	left: 2em;
	font-family: 'Font Awesome 5 Free', 'Open Sans', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	content: "\f00c　　" attr(title);
	padding: .3em 3em 0 2em;
	font-size: 90%;
	font-weight: bold;
	color: #da3c41;
	height: 27px;
	background-color: #fcfcfc;
	border-radius: 20px;
	border: 1px solid #da3c41;
}

.cp_point li {
	position: relative;
	list-style-type: none;
	font-weight: normal;
}

.cp_point li::before {
	position: absolute;
	top: .75em;
	left: -1.5em;
	font: var(--fa-font-solid);
	content: "\f138";
	color: #bbb;
}

/* まとめとかボックス */
div.summary {
	margin: 50px 0;
}

div.summary div.title {
	padding: 15px 20px;     /*    background-color: #EEEEF1;*/
	background: rgb(107, 144, 219);
	background: -moz-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: linear-gradient(to right, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
	border-width: 2px;
	border-style: solid;     /*    border-color: #CCC;*/
	border-color: rgb(107, 144, 219);
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #ffffff;
}

div.summary div.content {
	padding: 30px 30px 30px 30px;
	border-width: 0 2px 2px 2px;
	border-style: solid;     /*    border-color: #CCC;*/
	border-color: rgb(107, 144, 219);
	border-radius: 0 0 10px 10px;
	text-align: justify;
	line-height: 1.75;
}

@media screen and (max-width:480px) {
	div.summary div.content {
		padding: 30px 5px 30px 5px;
	}

}

.qoutewaku,.qoutewaku2 {
	margin: 15px 0;
	padding: 15px 25px;
	background: #f7f8fa;
	border-radius: 10px;
	display: block;
	overflow-wrap: break-word;
	position: relative;
	line-height: 1.7;
}

.qoutewaku2 {
	background: #f1f1f1;
}


@media screen and (max-width:480px) {
	.qoutewaku,.qoutewaku2 {
		padding: 15px 5px;
		font-size: 16px;
	}

}

ul.pricecards {
	list-style: none;
	margin: 0;
	padding: 0;     /*    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
	font-size: 15px;
}

.pricecards {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.pricecard {
	flex: 0 0 24%;
	text-align: center;
	border: 1px solid #eee;
	padding-bottom: 1rem;
	box-sizing: border-box;
	margin: 0 auto 3em;
}

.pricecard h3 {
	background: #a2bc10;
	color: #fff;
	padding: 10px;
	margin: 0;
}

/*
        .pricecard.practice{
            border: 3px solid #06c7ea;
            padding-bottom: 3rem
        }*/
.pricecard.practice h3 {
	background: #06c7ea;
	color: #fff;
	padding: 10px;
	margin: 0;
}

.pricecard h4 {
	font-size: 16px;
	margin: 0 auto;
	padding: 1rem 0 0;
}

.pricecard.premium h4 {
	padding: 20px;
}

.pricecard p {
	margin: 0;
	padding: 1rem;
	text-align: left;
}

.pricecard a {
	padding: 10px 40px;
	background: #06c7ea;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
}

@media screen and (max-width:600px) {
	.profile_card,
	.pricecards,
	.profile_cards {
		flex-direction: column;
		-webkit-flex-direction: column;
	}

	.pricecard,
	.card_photo {
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

	.pricecard.practice {
		order: 1;
		-webkit-order: 1;
	}

}

/* flow dezine */
.flow1 {
	border: 3px solid rgb(107, 144, 219);
}

.flow1 ul {
	padding: 0;
}

.flow1 li {
	list-style-type: none;
}

.flow1 dd {
	margin-left: 0;
}

.flow1 > li {
	padding: 30px;
}

.flow1 > li:not(:last-child) {
	border-bottom: 3px solid rgb(107, 144, 219);
	position: relative;
}

.flow1 > li:not(:last-child)::before,
.flow1 > li:not(:last-child)::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 15%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.flow1 > li:not(:last-child)::before {
	border-width: 22px;
	border-top-color: rgb(107, 144, 219);
}

.flow1 > li:not(:last-child)::after {
	border-width: 18px;
	border-top-color: #fff;
}

.flow1 > li dl {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flow1 > li dl dt {
	font-size: 12px;
	font-weight: 600;
	color: rgb(107, 144, 219);
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	margin-right: 1vw;
	text-align: center;
}

.flow1 > li dl dt .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107, 144, 219);
	background: -moz-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: linear-gradient(to right, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 20px;
}

.flow1 > li dl dd {
	font-size: 15px;
	font-weight: normal;
}

.flow2 {
	padding-left: 120px;
	position: relative;
}

.flow2::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
}

.flow2 ul {
	padding: 0;
}

.flow2 li {
	list-style-type: none;
}

.flow2 dd {
	margin-left: 0;
}

.flow2 > li {
	position: relative;
}

.flow2 > li:not(:last-child) {
	margin-bottom: 8vh;
}

.flow2 > li .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(107, 144, 219);
	background: -moz-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	background: linear-gradient(to right, rgba(107, 144, 219, 1) 0%, rgba(102, 213, 233, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b90db', endColorstr='#66d5e9', GradientType=1);
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 100;
}

.flow2 > li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #66d5e9;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow2 > li dl {
	padding-left: 70px;
	position: relative;
}

.flow2 > li dl::before,
.flow2 > li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}

.flow2 > li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #6b90db;
	border-radius: 50%;
	left: -4px;
}

.flow2 > li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
}

.flow2 > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(107, 144, 219);
	margin-bottom: 1vh;
}