@charset "utf-8";
  .flow-step-bg{
max-width: 1520px;
width: 100%;
margin: 0 auto;
padding: 80px 0 100px;
background:linear-gradient(to right, transparent 40%, rgba(0,0,0,0.04) 40%);
}
.flow-step-list .flow-step-item:not(:last-child)::after{
content: "";
display: block;
background: url(//www.bellhaus.co.jp/wp/wp-content/themes/bellhaus/img/flow/arw.svg) no-repeat;
background-size: contain;
width: 100px;
height: 13px;
margin: 40px auto;
}
.flow-step-item-image{
font-size: 0;
}
.flow-step-item-image img{
animation-delay:.5s;
}
.flow-step-item-ttl{
font-size: 3rem;
margin-bottom: 20px;
}
.flow-step-item-ttl-en{
font-family: 'Poiret One', cursive;
font-size: 2.6rem;
color: #1f7648;
display: block;
letter-spacing: 0.1em;
}
.flow-step-item-ttl-number{
font-size: 4.8rem;
}
.flow-step-item-text p{
line-height: 2;
}
.flow-step-item-btn{
display: block;
background-image: linear-gradient(to right, rgba(219, 219, 223,1) 50%, rgba(31, 118, 72,1) 50%);
background-position: 0 0;
background-size: 201% auto;
text-align: center;
padding: 15px 0;
width: 100%;
margin: 40px 0 0 auto;
}
.flow-step-item-btn::after{
content: "\f105";
font-family: FontAwesome;
}
.flow-step-item-btn.btn01{
max-width: 260px;
}
.flow-step-item-btn.btn01::after{
margin-left: 4em;
}
.flow-step-item-btn.btn02{
max-width: 345px;
}
.flow-step-item-btn.btn02::after{
margin-left: 1em;
}
@media screen and (min-width: 1140px){
.flow-step-bg .wrap{
padding: 0 25px;
}
}
@media screen and (min-width: 768px){
.flow-step-bg .wrap{
padding: 0 2.5%;
}
.flow-step-item-row{
display: flex;
justify-content: space-between;
align-items: center;
}
.flow-step-item-image{
width: 45%;	
}
.flow-step-item-text{
width: 50%;	
}
.flow-step-item-btn:hover{
background-position: -99% 0;
color: #fff;
}
}
@media screen and (max-width: 767px){
.flow-step-bg{
background:linear-gradient(to right, transparent 2.5%, rgba(0,0,0,0.04) 2.5%);
}
.flow-step-item-image{
width: 97.5%;	
}
.flow-step-item-ttl{
text-align: center;
}
.flow-step-item-text{
margin: 0 2.5% 0 5%;
}
.flow-step-item-btn{
margin: 20px 0 0 auto;
}
}
@media screen and (max-width: 480px){
.flow-step-bg{
padding: 60px 0 80px;
}
.flow-step-item-ttl {
font-size: 2.8rem;
line-height: 1.5;
margin: 15px 0 10px;
}
.flow-step-item-ttl-en {
font-size: 2.4rem;
}
.flow-step-item-ttl-number {
font-size: 4.2rem;
}
.flow-step-item-btn{
margin: 20px auto;
}
} .flow-bottom-bnr-link-list{
max-width: 950px;
width: 100%;
margin: 100px auto 0;
}
@media screen and (min-width: 768px){
.flow-bottom-bnr-link-list{
display: flex;
justify-content: space-between;
}
.flow-bottom-bnr-link-list a{
width: 48%;
}
}
@media screen and (max-width: 767px){
.flow-bottom-bnr-link-list{
max-width: 450px;
}
.flow-bottom-bnr-link-list a:first-child{
margin-bottom: 15px;
}
}
@media screen and (max-width: 480px){
.flow-bottom-bnr-link-list{
margin: 60px auto 0;
}
}