.area-hp {
    margin: 50px 0;
    border: 3px dotted $micBloodOrange;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    &__title {
        background-color: $micBloodOrange;
        color: white;
        padding:30px;
        font-weight: bold;
    }
    &__contents {
        padding: 30px;
    }
    &__text {
        font-size: 13px;
        line-height: 1.5em;
        font-weight: bold;
    }
    &__links {
        display: flex;
        margin: 30px 0 0 0;
    }
    &__one {
        width: 275px;
        margin: 0 30px 0 0;
    }
    &__balloon {
        @include bottomPointedBox($micGrey);
        height: 31px;
        font-size: 13px;
        font-weight: bold;
        @include adjustCenter;
    }
    &__button {
        height: 50px;
        border: 2px solid $micGrey;
        @include adjustCenter;
        margin: 15px 0 0 0;
        border-radius: 10px;
        & i {
            margin: 0 0 0 30px;
        }
    }
    &__image {
        position: absolute;
        top: 0;
        right: 0;
    }
}