@charset "UTF-8";

header {
    background: transparent !important;
}

body.scrolled header {
    background: rgba(0,65,170, 0.85) !important;
}

#flow_ttl + section .heading.block_header_1 p:before {
    content: none;
}

#flow_ttl + section .heading.block_header_1 p:after {
    content: none;
}

#flow_ttl + section .heading.block_header_1 .h {
    color: #333;
    font-weight: bold;
}


#flow_body + section .heading.block_header_2 .h:before,
#flow_body + section .heading.block_header_2 .h:after {
    content: none;
}

#flow_body + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}




#flow_item1 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item1 + section .heading.block_header_3 .h{
    color: #f8f011;
}

.step {
    font-size: 1.55rem;
    padding-right: 1.5rem;
}

.num {
    font-size: 2.1rem;
}

.text {
    color: #fff;
}

#flow_item1 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item1 + section .heading.block_header_2 .h:before, 
#flow_item1 + section .heading.block_header_2 .h:after {
    content: none;
}



#flow_item2 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item2 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item2 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item2 + section .heading.block_header_2 .h:before, 
#flow_item2 + section .heading.block_header_2 .h:after {
    content: none;
}



#flow_item3 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item3 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item3 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item3 + section .heading.block_header_2 .h:before, 
#flow_item3 + section .heading.block_header_2 .h:after {
    content: none;
}





#flow_item4 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item4 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item4 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item4 + section .heading.block_header_2 .h:before, 
#flow_item4 + section .heading.block_header_2 .h:after {
    content: none;
}





#flow_item5 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item5 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item5 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item5 + section .heading.block_header_2 .h:before, 
#flow_item5 + section .heading.block_header_2 .h:after {
    content: none;
}




#flow_item6 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item6 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item6 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item6 + section .heading.block_header_2 .h:before, 
#flow_item6 + section .heading.block_header_2 .h:after {
    content: none;
}

#flow_item6 + section .inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 2rem;
}

#flow_item6 + section .inner .inner_item{
    width: 24%;
    padding: 4%;
    background: #e4f4ff;
}


#flow_item6 + section .inner .inner_item .h4_ttl {
    color: #1448bf;
    font-size: 1.7rem;
    margin-bottom: 2rem;
}
#flow_item6 + section .h3_ttl {
    color: #ef7f16;
}


@media (max-width: 768px) {
    #flow_item6 + section .inner .inner_item{
        width: 100%;
        margin-bottom: 2rem;
    }
}



#flow_item7 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item7 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item7 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item7 + section .heading.block_header_2 .h:before, 
#flow_item7 + section .heading.block_header_2 .h:after {
    content: none;
}






#flow_item8 + section .heading.block_header_3 {
    background: #1448bf;
}

#flow_item8 + section .heading.block_header_3 .h{
    color: #f8f011;
}


#flow_item8 + section .heading.block_header_2 .h {
    padding-left: 0;
    color: #ef7f16;
}

#flow_item8 + section .heading.block_header_2 .h:before, 
#flow_item8 + section .heading.block_header_2 .h:after {
    content: none;
}