/* CSS Document */

@import url("header-footer.css");

.block {
    display: block !important;
}
.wrap_sp {
    margin-left: 24px;
    margin-right: 24px;
}
.nowrap,
.m-nowrap{
    white-space: nowrap;
}
span.nowrap,
span.m-nowrap{
    display:  inline-block!important;
}

.modal .modal-content>.modal-body {
    overflow-x: hidden;
    max-height: calc(100vh - 260px);
}



.marker {
    background: linear-gradient(transparent 60%,#fff000 60%);
}
/*  リンク無効化（telリンク無効化に利用）　*/
  a.invalid{
            cursor: default;
            pointer-events: none;
}

.align-center{
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
}

.bd-radius-5 {
    border-radius: 5px !important;
}

.lh_100 {
    line-height: 100%;
}
.border-0 {
    border-width: 0 !important;
}


.block_CC {
    display: flex;
    justify-content: center;
    align-items: center;
}



/*申し込みの流れ*/
.step-tag {
    position: relative;
}
.step-tag > .step-tag-top {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 20px;
    font-weight: bold;
    padding: 0.2em 1em;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #EE5D44;
    color: #fff;
    border-radius: 0 0 8px 8px;
}
.anchor-wrap-down::before, .anchor-wrap-up::before {
    background-color: #FFF;
}

.m-w100 {
    width: 100% !important;
    max-width: 100%!important;
}

.section-cv .container .cv-guide .cv-board.bg-none {
    background: transparent;
    padding: 0;
}


img.arrow_down {
    max-width: 232px !important;
}

.tab.tab-icon>.tab-nav>li:nth-of-type(5n)>span {
    border-right: 1px solid #D0D0D0 !important;
}
.tab.tab-icon>.tab-nav>li:last-of-type>span,
.tab.tab-icon>.tab-nav>li:nth-child(8)>span {
    border-right: 0 !important;
}

body#telemed_home #anc02 p.ttl {
/*     padding: 28px 24px;    */
}
body#telemed_home #anc02 .swiper.swiper-link {

}

body#telemed_home #area table th,
body#telemed_home #area table td {
    font-size: 16px;
}
[class*="section-recommend"][class*="-telemedicine"] .h2-balloon span {
    background: #00855E;
}
[class*="section-recommend"][class*="-telemedicine"] .h2-balloon span::after {
    border-color: #00855E transparent transparent transparent;
}
[class*="section-recommend"][class*="-telemedicine"] {
    background: #DFF5EF;
    background-image: url(/service/telemedicine/common_v10/images/css/bg-telemedicine-top.svg),url(/service/telemedicine/common_v10/images/css/bg-telemedicine-bottom.svg);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    background-size: 180px 100px, 270px 150px;
}
[class*="section-recommend"][class*="-telemedicine"] .item-point .item-text .num {
    color: #00855E;
}
[class*="section-recommend"][class*="-telemedicine"] .item-point .item-text p strong {
    background: linear-gradient(transparent 1.1em, #9BE8D1 1.1em, #9BE8D1 1.35em, transparent 1.35em);
}

[class*="section-recommend"][class*="-telemedicine"]  .item-point .item-text dd {
    padding: 0 10px 10px;
}

[class*="section-recommend"][class*="-telemedicine"]  .item-point#recommend2 .item-text dd,
[class*="section-recommend"][class*="-telemedicine"]  .item-point#recommend4 .item-text dd{
   /* padding: 0 0px 10px;*/
}

.section_inq {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

#inq_clinic .section_inq {
   /* padding-bottom: 80px !important;*/
}
@media screen and (max-width: 767px){

    .section-cv .container .cv-guide .cv-board .btn-white-gray svg.icon_tel {
         left: 24px !important;
    }
    span.label-jcom-telemedicine {

    }

    .table1 span.label-jcom-telemedicine {
        font-size: 9px !important;
        padding: 0.25em;
    }


}

section.tmfeOverview .content ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
}
section.tmfeOverview .content ul li {
    position: relative;
}
section.tmfeOverview .content ul li + li {
    margin-left: 80px;
}
section.tmfeOverview .content ul li + li::before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #07855E;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: translate(0, 0) rotate(45deg);
    top: 41px;
    left: -56px;
}
section.tmfeOverview .content .header {
    color: #07855E;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    padding: 0 0 0.8em;
    margin: 0;
}

section.tmfeOverview .content ul li .title {
    color: #07855E;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0.5em auto 0;
    position: relative;
}
div.channel-board.type_flow {
    position: relative;
    margin-bottom: 40px;
    overflow: visible;
}
div.channel-board.type_flow.end {
    position: relative;
    margin-bottom: 0px;
}
div.channel-board.type_flow::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: calc(50% - 20px);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e93817 !important
}
div.channel-board.type_flow.end::after {
    display: none;
}
div.content.plus {
    margin-bottom: 90px !important;
    position: relative !important;
}
div.content.plus::after {
    position: absolute;
    content: '';
    width: 45px;
    height: 52px;
    background: url("/service/telemedicine/price/images/icon_plus.png") no-repeat center/100%;
    left: 50%;
    bottom: -120px;
    transform: translate(-50%, -100%);
}

span.label-red {
    display: inline-block;
    background: #e93817;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #e93817;
    padding: 3px 12px;
    font-size: 14px;
}
span.label-green {
    display: inline-block;
    background: #5e9600;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #5e9600;
    padding: 3px 12px;
    font-size: 14px;
}
span.label-telemedicine {
    display: inline-block;
    background-color: #D9161B;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #D9161B;
    padding: 3px 12px;
    font-size: 14px;
}

span.label-telemedicine.red {
    background-color: #D9161B;
    border: 1px solid #D9161B;
}

body.telemed_price span.label-telemedicine {
    display: inline-block;
    padding: 4px 8px;
    font-size: 18px;
    border-radius: 5px;
    font-weight: normal;
}

body.telemed_price p.price-txt {
      font-size: 18px;
}
body.telemed_price p.price-txt span{
      font-size: 22px;
}
 body.telemed_features .section.tmfeOverview .content {
    padding: 25px 20px 20px;
    margin-bottom: 25px;
    background-color: #E8FAF9;
}
 body.telemed_features .section.tmfeOverview .content ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
}

 body.telemed_features .section.tmfeOverview .content ul li {
    position: relative;
}

 body.telemed_features .section.tmfeOverview .content ul li + li {
    margin-left: 80px;
}

 body.telemed_features .section.tmfeOverview .content ul li + li::before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #07855E;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: translate(0, 0) rotate(45deg);
    top: 41px;
    left: -56px;
}

body#telemed_features .section.section-flow .row .col-logo {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

 body.telemed_features .section.tmfeOverview .content ul li .title {
    color: #07855E;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0.5em auto 0;
}



 body.telemed_features .header {
    color: #07855E;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    padding: 0 0 0.8em;
    margin: 0;
}




    [class*="section-recommend"] .item-point .item-img img {
        border-radius: 24px;
    }

.tab.tab-icon>.tab-nav>li {
    width: calc(100% / 8);
}


.tab.tab-icon>.tab-nav>li:last-of-type::after {
    display: none !important;
}


    .xs_only {
        display: none;
    }

.mv{
    display: block;
    border-radius: 48px;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .section-cv .container .cv-guide .cv-box [class*="btn-"] {
        /*padding: 14px 40px;*/
    }

    [class*="section-recommend"] .item-point .item-img {
        margin: 0 0 0 24px;
        width: calc(50% - 24px);
    }
    [class*="section-recommend"] .item-point:nth-child(odd) .item-img {
        margin: 0 24px 0 0;
    }

    .w-70-pc {
        max-width: 70% !important;

    }

    body#telemed_home #anc02 .swiper.swiper-link {
         width: 835px;
         margin-left: auto;
         margin-right: auto;
    }

}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .fs-14-mpc {
        font-size: 14px;
    }
    .hidden-mpc {
        display: none;
    }
}

@media screen and (min-width: 1111px) {
    .hidden-lpc {
        display: none;
    }
}

@media screen and (max-width:576px) {
    .xs_only {
        display: block;
    }
    span.xs_only {
        display: inline;
    }
}


@media screen and (max-width: 767px) {
    .mv {
        margin-left:  10px;
        margin-right: 10px;
    }
    .section-cv .container .cv-guide .cv-box .icn-starter.type2,
    .section-cv .container .cv-guide .cv-board .icn-starter.type2 {
        padding: 10px 5px 10px 30px;
        background: #e93817 url(/common_v10/images/icn-think-white.svg) no-repeat 5px center;
        background-size: 20px 20px;
    }
.tab.tab-icon>.tab-nav>li:nth-of-type(4n)::after,
.tab.tab-icon>.tab-nav>li:last-of-type::after {
    display: none !important;
}
    body#telemed_home .step-list .step .step-body {
       text-align:  left;
    }
    body#telemed_home .step-list>.col::after,
    body#telemed_home .step-list>[class*="col-"]::after {
        bottom: -20px;
    }


    body.telemed_features .section.tmfeOverview .content .header {
        font-size: 16px;
    }
    body.telemed_features .section.tmfeOverview .content ul li .title {
        font-size: 14px;
        margin-top: 0.5em;
    }

    body.telemed_features .section.tmfeOverview .content ul {

    }

    body.telemed_features .section.tmfeOverview .content ul li .icon {
        width: 50px;
        height: 50px;
    }
    body#telemed_features .section.section-flow .row .col-logo {
        width: 60px;
        height: 60px;
    }
    body.telemed_features .section.tmfeOverview .content ul li + li {
        margin-left: auto;
    }
    body.telemed_features .section.tmfeOverview .content ul li + li::before {
        width: 9px;
        height: 9px;
        border-width: 2px;
        top: 20px;
        left: calc(-12.76vw + 40px);
        transform: translate(-50%, 0%) rotate(45deg);
    }

    body.telemed_price p.price-txt {
      font-size: 16px;
    }
    body.telemed_price p.price-txt span{
        font-size: 18px;
    }
    .tab.tab-icon>.tab-nav {
        overflow-x: hidden;
        flex-wrap: wrap;
        width: auto;
    }
    .tab.tab-icon>.tab-nav>li {
        min-width: 25%;
        width: 25%;
    }
    .tab.tab-icon>.tab-nav>li:nth-of-type(4n)>span,
    .tab.tab-icon>.tab-nav>li:last-of-type>span {
     border-right: 0 !important;
    }

    table.table-vertical-sp th {

    }

}