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

/* ---------

導入フロー .page.flow

------------*/
#FLOW{
	padding-bottom: 100px;
}
.page.flow .catch_txt{
  text-align: center;
  font-size: 2.6rem;
  margin-top: 32px;
}
.page.flow .catch_txt img{
  margin-top: 50px;
}
.page.flow .inner{
width: 1100px;
    margin: 100px auto 0 auto;
    padding: 64px 50px 50px 50px;
}
.page.flow .inner .step_txt{
    font-size: 2.6rem;
    text-align: center;
    letter-spacing: 2px;
	padding-bottom: 10px;
}
.page.flow .inner dl{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	    margin-top: 30px;
}
.page.flow .inner dt{
    background: #06A9AA;
    color: #fff;
    width: 216px;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 999px;
    height: 216px;
	z-index: 1;
}

.page.flow .inner dt span{
  font-weight: normal;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 10px;
}
.page.flow .inner dd{
  width: calc(100% - 270px);
  padding: 30px 45px;
  font-size: 1.8rem;
  line-height: 1.5;
	    background: #eff7f3;
	position: relative;
	margin-left: -20px;

}
.page.flow .inner dd::after{
content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    color: #06A9AA;
    font-size: 6rem;
}
.page.flow .inner .no_arr{
	    margin-top: 50px;
}
.page.flow .inner .no_arr dd::after{
  display: none;
}
.page.flow .inner dd strong{
  font-size: 2.4rem;
  line-height: 1;
  font-weight: bold;
  display: block;
	margin-bottom: 16px;
}
.page.flow .inner dd p + strong{
  margin-top: 30px;
}
.page.flow .inner dd p {
}