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

#packing_cont_01{position: relative;}
.packing_ttl_sub{max-width: 500px; font-size: 39px;font-weight: 900; border:solid 2px #f8f8f8;padding: 5px 0;margin: 0 auto 30px;color:#fff;text-align: center;}
ul.kit_item{list-style: disc;font-size: 20px;padding:30px 40px 50px;color:#fff;position: relative;}
ul.kit_item:after{content:"";width: 249px;height: 290px; position: absolute;bottom:-50px;right: -249px;background:url(../img/common/dolphin.svg)no-repeat;background-size: contain;}
.packing_flow > li{position: relative;padding:0 0 100px;color:#f8f8f8;}
.packing_flow_txt{font-size: 20px;font-weight: 900;color:#f8f8f8;text-align: center;}
.packing_flow > li:after{content:"";position: absolute;bottom:38px;left: 50%;transform: translateX(-50%);width: 24px;height: 24px;aspect-ratio: 1/cos(30deg);clip-path: polygon(50% 100%,100% 0,0 0);background:linear-gradient(to right,#b7e1ea,#f4919c);}
#packing_cont_01:after{content:"";width: 169px;height: 276px; position: absolute;bottom:0;left: -43px;background:url(../img/common/jellyfish_right.svg)no-repeat;background-size: contain;}
@media screen and (max-width:980px) {
    .packing_ttl_sub{font-size: 30px;}
    ul.kit_item:after{width: 25vw;right:-100px;}
    #packing_cont_01:after{width: 14vw;}
}
@media screen and (max-width:740px) {
    ul.kit_item{font-size: 18px;padding:20px 10px 50px 30px;}
    ul.kit_item:after{right:-50px;}
    #packing_cont_01{padding: 0 20px;}
    #packing_cont_01:after{left: -20px;}
}
    
#packing_cont_02{position: relative;}
#packing_cont_02:before{content:"";width: 293px;height: 292px; position: absolute;top:70px;right:-43px;background:url(../img/common/plants_green.svg)no-repeat;background-size: contain;}
.packing_flow figure{padding: 20px 0 10px;text-align: center;}
.packing_flow_02 > li:nth-child(2) figure{position: relative;z-index: 1;}
.packing_flow_02 > li:nth-child(2):before{content:"";width: 288px;height: 257px; position: absolute;top:50%;right: -200px;transform: translateY(-50%);background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;}
.packing_flow_02 > li:nth-child(4) .packing_flow_txt{position: relative;z-index: 1;}
.packing_flow_02 > li:nth-child(4):before{content:"";width: 200px;height: 198px; position: absolute;top:50%;left: -220px;transform: translateY(-50%);background:url(../img/packing/packing_clownfish_green_left.svg)no-repeat;background-size: contain;}*/
#packing_cont_02:after{content:"";width: 258px;height: 320px; position: absolute;bottom:10%;left:-43px;background:url(../img/common/plants_long_left.svg)no-repeat;background-size: contain;}
.packing_flow_02 > li:last-child:before{content:"";width: 152px;height: 107px; position: absolute;bottom:0;right:-152px;background:url(../img/common/clownfish_red_right.svg)no-repeat;background-size: contain;}
.packing_flow_link{max-width: 500px;margin: 10px auto 0;text-align: right;}
.packing_flow_link a{font-weight: 700;color:#f8f8f8;border-bottom:solid 1px #f8f8f8;}
.packing_col2{display: flex;gap:10px;justify-content: center;padding: 20px 0 10px;}
.packing_flow_02 > li:last-child:after{display: none;}
@media screen and (max-width:980px) {
    #packing_cont_02:before{width: 20vw;}
    .packing_flow_02 > li:nth-child(2):before{width: 24vw;}
    .packing_flow_02 > li:nth-child(4):before{width: 20vw;}
    #packing_cont_02:after{width: 15vw;}
    .packing_flow_02 > li:last-child:before{width: 20vw;}
    .packing_col2 > div{width: calc((100% - 10px)/2);}
}
@media screen and (max-width:740px) {
    #packing_cont_02{padding: 0 20px;}
    #packing_cont_02:before{right: -20px;}
    .packing_flow_02 > li:nth-child(2):before{right:-50px;}
    .packing_flow_02 > li:nth-child(4):before{left:-50px;}
    #packing_cont_02:after{left: -20px;}
    .packing_flow_02 > li:last-child:before{right:-20px;}
}