@charset "UTF-8";

/*アンカーリンクのカラム調整*/
#flow_btn + div .content_wrapper{
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    justify-content: center;
}
#flow_btn + div .content_wrapper a{
    width: 25%!important;
}
@media screen and (max-width: 768px){
    #flow_btn + div .content_wrapper{
        gap: 1rem;
    }
    #flow_btn + div .content_wrapper a{
        min-width: auto;
        width: 35%!important;
    }
    #flow_btn + div .content_wrapper a span{
    padding: 10px 5px;
    font-size: 1.35rem;
    }
}

/*火葬式の流れ*/
#kasoushiki + div .wrapper_item{
    justify-content: center;
}
#kasoushiki + div .inner_item{
    width: 30%;
}
#kasoushiki + div h2{
    color: #fa910c;
}
#kasoushiki + div h3{
    color: #EE982B;
    font-weight: bold!important;
    font-size: 2.4rem!important;
}
#kasoushiki + div p{
    color: #333333;
}
#kasoushiki + div img{
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
@media screen and (max-width: 700px){
    #kasoushiki + div .inner_item{
        width: 45%!important;
    }
}
@media screen and (max-width: 480px){
    #kasoushiki + div .inner_item{
        width: 90%!important;
    }
}
/*一日葬の流れ*/
#oneday + div .wrapper_item{
    justify-content: center;
}
#oneday + div .inner_item{
    width: 30%;
}
#oneday + div h2{
    color: #fa910c;
}
#oneday + div h3{
    color: #EE982B;
    font-weight: bold!important;
    font-size: 2.4rem!important;
}
#oneday + div p{
    color: #333333;
}
#oneday + div img{
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
@media screen and (max-width: 700px){
    #oneday + div .inner_item{
        width: 45%!important;
    }
}
@media screen and (max-width: 480px){
    #oneday + div .inner_item{
        width: 90%!important;
    }
}
/*家族葬の流れ*/
#family + div .wrapper_item{
    justify-content: center;
}
#family  + div .inner_item{
    width: 30%;
}
#family  + div h2{
    color: #fa910c;
}
#family  + div h3{
    color: #EE982B;
    font-weight: bold!important;
    font-size: 2.4rem!important;
}
#family  + div p{
    color: #333333;
}
#family  + div img{
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
@media screen and (max-width: 700px){
    #family  + div .inner_item{
        width: 45%!important;
    }
}
@media screen and (max-width: 480px){
    #family  + div .inner_item{
        width: 90%!important;
    }
}
/*一般葬の流れ*/
#generally + div .wrapper_item{
    justify-content: center;
}
#generally  + div .inner_item{
    width: 30%;
}
#generally  + div h2{
    color: #fa910c;
}
#generally  + div h3{
    color: #EE982B;
    font-weight: bold!important;
    font-size: 2.4rem!important;
}
#generally  + div p{
    color: #333333;
}
#generally  + div img{
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
@media screen and (max-width: 700px){
    #generally  + div .inner_item{
        width: 45%!important;
    }
}
@media screen and (max-width: 480px){
    #generally  + div .inner_item{
        width: 90%!important;
    }
}
/*生活保護葬の流れ*/
#hogosou + div .wrapper_item{
    justify-content: center;
}
#hogosou  + div .inner_item{
    width: 30%;
}
#hogosou  + div h2{
    color: #fa910c;
}
#hogosou  + div h3{
    color: #EE982B;
    font-weight: bold!important;
    font-size: 2.4rem!important;
}
#hogosou  + div p{
    color: #333333;
}
#hogosou  + div img{
    border: 4px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
@media screen and (max-width: 700px){
    #hogosou  + div .inner_item{
        width: 45%!important;
    }
}
@media screen and (max-width: 480px){
    #hogosou  + div .inner_item{
        width: 90%!important;
    }
}