#sharing #header{position: absolute;top: 0;left: 0;background-color: unset;}
#sharing .sharing_button{font-size: 16px;color: #000;background: #ffc55f;padding: 14px 30px;border-radius: 999px;cursor: pointer;font-weight: bold;display: inline-block;}
#sharing .banner{height: 649px;background: url(../../images/platform/instant_contact_sharing/banner.jpg) no-repeat center;display: flex;align-items: center;justify-content: center;}
#sharing .banner .banner_box .banner_box_info{width: 44%;display: flex;align-items: flex-start;flex-direction: column;row-gap: 15px;}
#sharing .banner .banner_box .banner_box_info .title{font-size: 60px;font-weight: bold;color: #FFF;}
#sharing .banner .banner_box .banner_box_info .desc{font-size: 18px;color: #fff;line-height: 1.8;}
#sharing .banner .banner_box .banner_box_info a {margin-top: 10px;}
#sharing .banner .banner_box .banner_box_m{display: none;}
@media (max-width: 1024px) {
    #sharing #header{position: relative;background-color: #434cd7;}
    #sharing .sharing_button{font-size: 14px;padding: 2.5vw 5vw;}
    #sharing .banner{height: auto;background: #434cd7;padding: 8vw 0 0;}
    #sharing .banner .banner_box{display: flex;flex-direction: column;row-gap: 8.8vw;align-items: center;}
    #sharing .banner .banner_box .banner_box_info{width: 100%;align-items: center;}
    #sharing .banner .banner_box .banner_box_info .title{font-size: 6vw;text-align: center;}
    #sharing .banner .banner_box .banner_box_info .desc{text-align: center;}
    #sharing .banner .banner_box .banner_box_m{display: block;}
}

#sharing .middle{padding: 70px 0;}
#sharing .middle .image_text .wide{display: flex;justify-content: space-between;gap: 40px;align-items: center;}
#sharing .middle .image_text.right .image{order: 2;}
#sharing .middle .image_text .text{width: 560px;}
#sharing .middle .image_text .text .title{font-size: 40px;font-weight: bold;color: #001235;}
#sharing .middle .image_text .text .desc{font-size: 16px;color: #001235;margin-top: 20px;line-height: 2;}
#sharing .middle .image_text .text .sharing_button{margin-top: 20px;}
@media (max-width: 1024px) {
    #sharing .middle{padding: 10vw 0;}
    #sharing .middle .image_text .wide{flex-wrap: wrap;}
    #sharing .middle .image_text .wide .image{width: 80vw;margin: 0 auto;}
    #sharing .middle .image_text .text{width: 100%;text-align: center;}
    #sharing .middle .image_text .text .title{font-size: 6vw;}
    #sharing .middle .image_text .text .desc{font-size: 4vw;}
    #sharing .middle .image_text.right .image{order: inherit;}
}

#sharing .digital{background-color: #fbfbfb;padding-top: 70px;padding-bottom: 100px;}
#sharing .digital .top_title{font-size: 46px;font-weight: bold;text-align: center;}
#sharing .digital .digital_box{display: flex;gap: 30px;margin-top: 40px;}
#sharing .digital .digital_box .item{width: calc((100% - 90px) / 3);}
#sharing .digital .digital_box .item .img{text-align: center;}
#sharing .digital .digital_box .item .title{font-size: 18px;text-align: center;line-height: 1.6;margin-top: 10px;}
@media (max-width: 1024px) {
    #sharing .digital{padding: 10vw 0;}
    #sharing .digital .top_title{font-size: 6vw;}
    #sharing .digital .digital_box{flex-wrap: wrap;}
    #sharing .digital .digital_box .item{width: calc((100% - 30px) /  2);}
    #sharing .digital .digital_box .item .title{font-size: 4vw;}
}