#flow_cont_01{position: relative;}
#flow_cont_01:before{content:"";width: 515px;height: 551px; position: absolute;top:0;right: -43px;background:url(../img/flow/flow_whale.svg)no-repeat;background-size: contain;}
#flow_cont_01:after{content:"";width: 169px;height: 276px; position: absolute;top:65%;left: -43px;background:url(../img/common/jellyfish_right.svg)no-repeat;background-size: contain;}
@media screen and (max-width:980px) {
    #flow_cont_01:before{width: 40vw;}
    #flow_cont_01:after{width: 14vw;}
}
@media screen and (max-width:740px) {
    #flow_cont_01:before{right: -20px;top:100px;}
    #flow_cont_01:after{left: -20px;}
}

.flow_list{margin: 0 auto;padding:0 20px;}
.flow_list > li{display: grid;place-items: center;color: #fff;text-align: center;padding:0 0 100px;position: relative;z-index: 1;}
.flow_list_num{display: grid;place-items: center;width: 115px;height: 100px;margin: 0 auto 20px;padding:0 0 .6em;aspect-ratio: 1/cos(30deg);clip-path: polygon(50% 100%,100% 0,0 0);background:#143855;font-size: 52px;font-family: "Shippori Mincho", serif;font-weight: 800;}
.flow_list_ttl{padding: 0 0 20px;}
.flow_list_ttl h2{font-size: 39px;font-weight: 900;}
.flow_list_ttl p{font-size: 26px;}
.flow_list_ttl_sub{font-size: 23px;font-family: "Shippori Mincho", serif;font-weight: 800;white-space: nowrap;}
.flow_list figure{padding: 20px 0 0;}
.flow_list_01 > li:first-child:before{content:"";width: 288px;height: 257px; position: absolute;bottom:-100px;right: -100px;background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;z-index: -1;}
.flow_list > li:after{content:"";position: absolute;bottom:38px;left: 50%;transform: translateX(-50%);width: 24px;height: 2 4px;aspect-ratio: 1/cos(30deg);clip-path: polygon(50% 100%,100% 0,0 0);background:linear-gradient(to right,#b7e1ea,#f4919c);}
.flow_list_lead{text-align: left;font-size: 20px;font-weight: 600;margin: 30px auto;}
.flow_cap{text-align: left;margin: 0 auto;}
.documents_lead.documents_lead_txt{margin: 30px auto 0;}
.packing_link_btn{max-width: 550px;height: 60px;font-size: 28px;}
.flow_list_01 > li:last-child:after{width: 50px;height: 50px;}
@media screen and (max-width:980px) {
    .flow_list_num{width: 80px;height: 70px; font-size: 35px;}
    .flow_list_ttl h2{font-size: 30px;}
    .flow_list_ttl p{font-size: 20px;}
    .flow_list_ttl_sub{font-size: 23px;white-space: inherit;text-align: justify;}
    .flow_list_01 > li:first-child:before{width: 25vw;right:-20px;}
}
@media screen and (max-width:740px) {
    .flow_list_ttl_sub{font-size: 20px;}
    .flow_list_lead{font-size: 18px;}
    .packing_link_btn{font-size: 25px;height: auto;}
}

#flow_cont_02{position: relative;}
.flow_list_02 > li:first-child:before{content:"";width: 278px;height: 153px; position: absolute;top:0;left: -150px;background:url(../img/flow/flow_clownfish_red_left.svg)no-repeat;background-size: contain;}
#flow_cont_02:before{content:"";width: 293px;height: 292px; position: absolute;top:20%;right:-43px;background:url(../img/common/plants_green.svg)no-repeat;background-size: contain;}
.flow_list_col{padding:20px 0 0;display: flex;gap:20px;justify-content: center;flex-wrap: wrap;}
#flow_cont_02:after{content:"";width: 258px;height: 320px; position: absolute;top:30%;left:-43px;background:url(../img/common/plants_long_left.svg)no-repeat;background-size: contain;}
.flow_list_02 > li:nth-child(5):before{content:"";width: 297px;height: 276px; position: absolute;bottom:-100px;right:-100px;background:url(../img/common/jellyfish_white.svg)no-repeat;background-size: contain;z-index: -1;}
.flow_list_02 > li:last-child:after{display: none;}
.certificate_img {border: solid 1px #f8f8f8;}
@media screen and (max-width:980px) {
    .flow_list_02 > li:first-child:before{width: 30vw;}
    #flow_cont_02:before{width: 20vw;}
    #flow_cont_02:after{width: 20vw;}
    .flow_list_02 > li:nth-child(5):before{width: 24vw;}
}
@media screen and (max-width:740px) {
    .flow_list_02 > li:first-child:before{left: -50px;top:-50px;}
    #flow_cont_02:before{right: -20px;}
    #flow_cont_02:after{left: -20px;}
    .flow_list_02 > li:nth-child(5):before{right: -50px;}
}

#page_cont:after{content:"";width: 171px;height: 281px; position: absolute;bottom:3%;right: -43px;background:url(../img/common/jellyfish_left.svg)no-repeat;background-size: contain;}
@media screen and (max-width:980px) {
    #page_cont:after{width: 14vw;}
}
@media screen and (max-width:740px) {
    #page_cont:after{right: -20px;}
}