@media screen and (min-width: 768px) {
    .top-image {
        display: block;
        margin-top: 150px;
        width: 85%;
    }
    
    .title-image {
        position: absolute;
        top: 74px;
        right: 12.5vw;
    }
    
    .main {
        background: #F3F1EE;
        padding: 100px 0;
    }
    
    .main .content {
        width: 700px;
        margin: auto;
        background: white;
        padding: 30px;
        margin-bottom: 70px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .content .title {
        margin-bottom: 20px;
        width: 100%;
        color: #1d2051;
    }
    
    .content .title .title-head {
        width: 20px;
        height: 2px;
        background: #1d2051;
        display: inline-block;
        margin: 0 5px 5px 0;
    }
    
    .share {
        text-align: right;
        color: #1D2051;
        background: white;
        margin: 20px 0 0 auto;
        position: relative;
        height: 50px;
        width: 100%;
    }

/*
    .share .button {
        background: #EE5C5F;
        position: relative;
        padding: 3px 5px 3px 28px;
        margin: 0 0 0 auto;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
    }

    .share .button .share-text::before {
        content: '';
        width: 12px;
        height: 2px;
        background: #1D2051;
        position: absolute;
        top: calc(50% - 1px);
        left: 10px;
    }

    .share .button .share-text::after {
        content: '';
        height: 12px;
        width: 2px;
        background: #1D2051;
        position: absolute;
        top: 9px;
        left: 15px;
    }
*/

    .share .services {
        position: absolute;
        right: 0;
        top: 20px;
        display: flex;
        justify-content: space-between;
        width: 35%;
    }

    .fb-share-button.fb_iframe_widget  {
        margin-top: -4px;
        display: block;
    }
    
    .pr-with-image .image {
        width: 19vw;
		height: intrinsic;
    }
    
    .pr-with-image .text {
        width: 55%;
        margin-left: 5%;
    }
    
    .pr-with-video .text {
        margin-top: 20px;
        width: 100%;
    }
}


@media screen and (max-width: 767px) {
    .top-image {
        display: block;
        margin-top: 21vw;
        width: 100vw;
        height: 50vw;
        object-fit: cover;
    }

    .title-image {
        position: absolute;
        top: 12vw;
        right: 11vw;
        width: 8vw;
    }

    .main {
        background: #F3F1EE;
        padding: 20vw 3vw 15vw;
        margin-top: -5vw;
    }
    .main .content {
        width: calc(100% - 5vw * 2);
        margin: auto;
        background: white;
        padding: 7vw 5vw;
        margin-bottom: 10vw;
    }

    .content .title {
        margin-bottom: 3vw;
        text-align: center;
        display: block;
    }

    .content .title .title-head {
        width: 5vw;
        height: 0.5vw;
        background: #1d2051;
        margin: 0 auto 3vw;
    }

    .share {
        background: white;
        height: 15vw;
        width: 100%;
        position: relative;
    }

    .share .services {
        position: absolute;
        right: 0;
        top: 10vw;
        text-align: left;
        display: flex;
        width: 65vw;
        justify-content: space-between;
    }

    .fb-share-button.fb_iframe_widget  {
        margin-top: -4px;
        display: block;
    }

    .pr-with-image .image {
        width: 100%;
    }

    .pr-with-image .text {
        width: 100%;
        margin-top: 3vw;
    }
    
    .pr-with-video img {
        width: 100%;
    }

    .pr-with-video .text {
        margin-top: 20px;
        width: 100%;
    }
}