:root{--base-color: #c02;--hover-color: #666;--bg-color: #f2f2f2;--heading-color: #000}.hs-content-footer{background-image:url(/r23res/image/products/closeup_bg_sm.jpg)}@media(min-width: 768px){.hs-content-footer{background-image:url(/r23res/image/products/closeup_bg_lg.jpg)}}.hs-main-visual{background-image:url(/grouptask-reminder/asset/images/common/mv_small_sm.jpg)}@media(min-width: 768px){.hs-main-visual{background-image:url(/grouptask-reminder/asset/images/common/mv_small_lg.jpg)}}.hs-cta-banner-item{width:inherit}@media(max-width: 767.98px){.hs-cta-banner-item{width:100%}}.hs-tab-list .hs-tab-list__buttons button[aria-selected=true]{background-color:#c02 !important}.hs-tab-list .hs-tab-list__buttons button[aria-selected=true]::before{border-color:#c02 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important}


/*----------------------------------
グループタスク リマインダーサービス
独自スタイル
----------------------------------*/

/*
* 既存クラス再定義
*/
.hs-related-icon::before{
    height: 0;
}

.hs-pointcard{
    width: 100%;
}

.hs-flow-item .hs-flow-item__heading{
    justify-content: flex-start;
}

.hs-pointcard.grouptask-reminder__pointcard--01 .hs-pointcard__image::after{
    width: 104px;
    height: 104px;
    background: url(/grouptask-reminder/asset/images/lp_Depertment01/section07_icon_01.png) no-repeat center center;
    background-size: contain;
}

.hs-pointcard.grouptask-reminder__pointcard--02 .hs-pointcard__image::after{
    width: 73px;
    height: 95px;
    background: url(/grouptask-reminder/asset/images/lp_Depertment01/section07_icon_02.png) no-repeat center center;
    background-size: contain;
}

.hs-pointcard.grouptask-reminder__pointcard--03 .hs-pointcard__image::after{
    width: 90px;
    height: 79px;
    background: url(/grouptask-reminder/asset/images/lp_Depertment01/section07_icon_03.png) no-repeat center center;
    background-size: contain;
}

/*
* レイアウト
*/
.grouptask-reminder__img-size___auto,
.hs-l-contents-flex__controlled-item img.grouptask-reminder__img-size___auto{
}

.grouptask-reminder__arrow{
    position: relative;
}

.grouptask-reminder__arrow::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #f2f2f2 transparent transparent transparent;
    border-width: 50px 80px 0px 80px;
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__arrow::after{
        border-width: 25px 40px 0px 40px;
        bottom: -25px;
    }
}


/*
* テキスト関連
*/
.grouptask-reminder__text-red{
    color: #a42741;
}

.grouptask-reminder__text--blue{
    color: #2750a4;
}

.grouptask-reminder__text-init{
    display: initial;
    background: initial;
    padding: initial;
    line-height: inherit;
    font-size: inherit;
}

@media screen and (max-width: 767px) {
    .grouptask-reminder__top--hedding{
        text-align: left !important;
        font-size: 6.55vw !important;
    }
}

/*
* ボックスカラー
*/

.grouptask-reminder__color-box-blue{
    background-color: #f5f7fd;
}

.grouptask-reminder__color-box.-red{
    background-color: #fcf6f8;
}

.grouptask-reminder__color-box.-blue{
    background-color: #f6f8fc;
}

.grouptask-reminder__color-border.-red{
    border: 1px solid #a42741;
}

.grouptask-reminder__color-border.-blue{
    border: 1px solid #2750a4;
}


/*
* 表（チャート表示）
*/
.grouptask-reminder__exp-table___parent .hs-table-block__container{
    overflow: visible;
}
.grouptask-reminder__exp-table___parent th{
    width: calc(240px + 24px);
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___parent table{
        width: 100%;
    }
    .grouptask-reminder__exp-table___parent th{
        width: 100%;
        display: block;
    }
    .grouptask-reminder__exp-table___parent td{
        display: block;
        width: 100%;
    }
}

.grouptask-reminder__exp-table___child{
    padding-top: 10px;
    padding-left: 24px;
    position: relative;
}

.grouptask-reminder__exp-table___child::after{
    content: "";
    display: block;
    width: 3px;
    height: 12px;
    background-color: #bbbbbb;
    position: absolute;
    top: 0;
    left: 11px;
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___child::after{
        height: 40px;
        top: -20px;
    }
}

.grouptask-reminder__exp-table___child .hs-table-block__container{
    overflow: visible;
}

.grouptask-reminder__exp-table___child th{
    width: 240px;
    position: relative;

}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___child th{
        display: block;
        width: 100%;
    }
}

.grouptask-reminder__exp-table___child th::before{
    content: "";
    display: block;
    width: 14px;
    height: 3px;
    background-color: #bbbbbb;
    position: absolute;
    top: 26px;
    left: -14px;
    transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___child th::before{
        top: 24px;
    }
}

.grouptask-reminder__exp-table___child th::after{
    content: "";
    display: block;
    width: 3px;
    height: calc(100% + 1px);
    background-color: #bbbbbb;
    position: absolute;
    top: 0;
    left: -14px;
}

.grouptask-reminder__exp-table___child tr:last-child th::after{
    height: calc(50% + 1px);
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___child tr:last-child th::after{
        height: 24px;
    }
}

.grouptask-reminder__exp-table___child td{
    width: calc(50% - 120px);
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___child td{
        display: block;
        width: 100%;
        position: relative;
    }
    .grouptask-reminder__exp-table___child td::after{
        content: "";
        display: block;
        width: 3px;
        height: calc(100% + 3px);
        background-color: #bbbbbb;
        position: absolute;
        top: -1px;
        left:-14px;
    }

    .grouptask-reminder__exp-table___child tr:last-child td::after{
        display: none;
    }
}

.grouptask-reminder__exp-table___flex{
    display: flex;
    flex-wrap: wrap;
}

.grouptask-reminder__exp-table___flex--list{
    width: 50%;
}
@media screen and (max-width: 767px) {
    .grouptask-reminder__exp-table___flex--list{
        width: 100%;
    }
}

/*
* リスト（チェックマーク）
*/

.hs-c-list.hs-c-list--dot > li.grouptask-reminder__list-checkmark{
    padding-left: 1.5rem;
}

.hs-c-list.hs-c-list--dot > li.grouptask-reminder__list-checkmark::before{
    width: 17px;
    height: 17px;
    background-color: #FFF;
    top: 5px;
    left: 0;

}

.grouptask-reminder__list-checkmark.-red::before{
    background-image: url(/grouptask-reminder/asset/images/common/icon_check_red.svg);
}

.grouptask-reminder__list-checkmark.-blue::before{
    background-image: url(/grouptask-reminder/asset/images/common/icon_check_blue.svg);
}