.figure-wrap {
    justify-content: center;
}

.figure__frame{
    text-align: center;
}

.figure__frame img{
    max-width: 70%;
}

.figure__frame img:hover{
    opacity: 0.8;
}

.card-border{
    width: 100%;
    height: 86px;
    margin: 0 auto;
    border: 2px solid #005dbd;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.card-border::after{
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #005dbd;
    border-right: 2px solid #005dbd;
    transform: rotate(135deg);
    position: absolute;
    top: 80%;
}

.anc-text{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
}

@media print, screen and (min-width: 768px){
    .anc-hover{
        color: #000;
    }
    .anc-hover:hover{
        color: #fff;
        transition: all .25s cubic-bezier(.4,0,.2,1) 0s;
    }
    .card-border:hover::after{
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    
    .card-border:hover{
        background-color: #0070e4;
    }
    .PC_none{
        display: none;
        padding-top: 10px;
    }    
    .accordion__head2{
        border: 2.5px solid #dc441b!important;
        border-radius: 1vw 1vw 1vw 1vw!important;
    }

    .accordion__head2:hover{
        border: 2.5px solid #dc441b!important;
        background-color: #FFFFFF!important;
    }

    .accordion__title2:after, .accordion__title2:before{
        background-color: #dc441b!important;
    }

    .accordion__title2:after, .accordion__title2:before{
        background-color: #dc441b!important;
    } 
    .accordion__title2{
        color: #dc441b!important;
    }

    .accordion__body2 p{
        color: #dc441b!important;
    }

    .accordion__body2{
        border-right: 2.5px solid #dc441b!important;
        border-bottom: 2.5px solid #dc441b!important;
        border-left: 2.5px solid #dc441b!important;
        border-radius: 0 0 1vw 1vw!important;
    }

    .accordion__head2.is-active{
        background-color: #FFFFFF!important;
        border-radius: 1vw 1vw 1vw 1vw!important;
    }
    .brand_box img{
        max-width: 35%;
    }
    .entry-flow--reverse[data-col-pc="4"] [class*=entry-flow__column]:not(:last-child) .entry-flow__head:after, .entry-flow[data-col-pc="4"] [class*=entry-flow__column]:not(:last-child) .entry-flow__head:after {
        right: -50px;
        border: 15px solid transparent;
        border-left-color: #005dbd;
    }
    .accordion__body {
        padding: 1.9em 1.6em;
    }
    .entry-flow__body{
        padding-left: 0px!important;
        padding-right: 0px!important;       
    }
}

/*!マーク*/
.top_emgBox {
    width: 62%;
    margin: 0 auto;
    background: #fff;
    border: 2px solid #dc441b !important;
    border-radius: 20px;
}

.top_emgBox .top_emgBox__list {
    line-height: 2;
}

.top_emgBox a {
    color: #dc441b;
    font-weight: 500;
}

.top_emgBox__list li {
    position: relative;
    padding-left: 29px;
    list-style: none;
}

.top_emgBox__list li::before {
    display: block;
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/howto/lwd/img/PC/caution_mark_720.webp) no-repeat 0 0;
    content: "";
    background-size: 20px;
}

.top_emgBox {
    width: 90%;
}

.top_emgBox__list {
    padding-left: 20px;
}
/*！マークここまで*/

/*!アコーディオン*/
.accordion__title {
    display: flex;
    position: relative;
    font-weight: 700;
    line-height: 1.4;
}

.accordion2{
    margin: 70px auto;
}

.accordion-item2{
    margin: 1.5vw 0;
    }

    .accordion__title2:after .accordion__title2:before{
        -webkit-backface-visibility: hidden;
        position: absolute;
        top: 50%;
        right: 0;
        height: 2px;
        margin: -1px 0 0;
        background-color: #dc441b;
        content: "";
        transition: -webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
        transition: transform .25s cubic-bezier(.4,0,.2,1) 0s;
        transition: transform .25s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
    }    

.accordion-title2{
      font-size: 1.8rem;  
      max-width: 1024px;
      height: 80px;
      text-align: left;
      color:var(--color-black);
      cursor: pointer;
      padding: 0.5em;
      background: #fff;
      font-weight: bold;
      border-radius: 1vw;
      box-sizing: border-box;
      border: solid 4px #000;
      position: relative; 
      margin: auto;
    }
     
    .open_accordion-title2{
        border-radius: 1vw 1vw 0 0;
        border-bottom: solid 4px #000;
        padding-left: 1em;
    }
    .accordion-title2.open::after{
      top: 43%;
      transform: rotate(-45deg); 
    }
    .accordion-content2{
      margin: auto;
      max-width: 1024px;
      display: none;
      background: #fff;
      padding: 20px 60px;
      border-bottom: 4px solid #000;
      border-left: 4px solid #000;
      border-right:4px solid #000;
      border-radius: 0 0 1vw 1vw;
      box-sizing: border-box; 
    }

    @media screen and (max-width:767px) {
        .accordion{
            margin: 8vw auto;
        }
        .accordion__head2{
            border: 2.5px solid #dc441b!important;
            border-radius: 3vw 3vw 3vw 3vw!important;
        }

        .accordion__head2:hover{
            border: 2.5px solid #dc441b!important;
            background-color: #FFFFFF!important;
        }

        .accordion__title2:after, .accordion__title2:before{
            background-color: #dc441b!important;
        }

        .accordion__title2:after, .accordion__title2:before{
            background-color: #dc441b!important;
        } 
        .accordion__title2{
            color: #dc441b!important;
        }

        .accordion__body2 p{
            color: #dc441b!important;
        }

        .accordion__body2{
            border-right: 2.5px solid #dc441b!important;
            border-bottom: 2.5px solid #dc441b!important;
            border-left: 2.5px solid #dc441b!important;
            border-radius: 0 0 3vw 3vw!important;
        }

        .accordion__head2.is-active{
            background-color: #FFFFFF!important;
            border-radius: 3vw!important;
        }
        .brand_box img{
            max-width: 100%;
        }
        .card-border{
            width: 95%;
            height: 70px;
        }
        .card-border::after{
            top: 75%;
        }
       .anc-text{
        font-size: 1.2rem;
       }  
       .entry-flow__column:not(:last-child) .entry-flow__head:after {
        -webkit-transform: translateX(-50%);
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        border: 15px solid transparent;
        border-top: 12px solid #005dbd;
        content: "";
    }   
    .br_pc_hidden{
        display: none;
    }
    .flex_style{
        display: flex;
    }    
        .accordion-title2{
            font-size: 4.5vw;  
            height: 12vw;
            padding: 0.5em;
            background: #fff;
            font-weight: bold;
            border-radius: 3vw;
            box-sizing: border-box;
            border: solid 3px #000;
            position: relative; 
            margin: auto;
            padding-left: 1em;
          }
          .open_accordion-title2{
            border-radius: 3vw 3vw 0 0;
            border-bottom: solid 3px #000;
        }

          .accordion-content2{
            margin: auto;
            max-width: 1024px;
            display: none;
            background: #fff;
            padding: 3vw 5vw;
            border-bottom: 3px solid #000;
            border-left: 3px solid #000;
            border-right:3px solid #000;
            border-radius: 0 0 3vw 3vw;
            box-sizing: border-box; 
            padding-bottom: 8vw;
          }
          .entry-flow__body {
            font-size: 1.5rem;}

          .brand_text_left{
            text-align: left;
          }
          .button-wrap--center_sp{
            width: 80%;
            margin:0 auto !important;
        }
        .entry-flow__body .entry-flow__lead {
            margin: 8px 0 0 0;
            font-size: 1.5rem;
        }
        .entry-flow__body{
            padding-left: 0px;
            padding-right: 0px;       
        }
    }

        .caution_mark{
            max-width: 35px;padding-right: 15px;border-top-width: 5px;padding-top: 3px;
        }

/*ご利用方法*/
.how_to_use{
    margin-top: 35px!important;
}

.how_to_use li{
    font-weight: bold;
}

.table {
    overflow: hidden; 
    border-radius: 12px;
  }

/*SMS認証*/
.white_space {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; 
}

.white_space_image {
    max-width: 100%; 
    height: auto; 
}

.triangle {
    width: 0;
    height: 0;
    border-top: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 15px transparent;
    border-left: solid 15px #005dbd;
    margin: auto 1.3em;
}

.entry-flow--reverse {
    justify-content: center;
    text-align: center;
}

.accordion__body js-accordion__panel {
    padding: 2.2em 0 0;
}

/*ブランド画像*/
.brand_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 2px solid #ddd;
    padding: 20px;
    text-align: center; 
    margin-top: 30px;
    border-radius: 1vw;
}

.entry-flow__image_backnone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.caution_mark {
    height: 22px;
}

.link_LIFE-Web-Desk{
    font-weight: 500;
}
.tab .tab__button, .tab .tab__button--nolink {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    border: 2px solid #005dbd;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    color: #005dbd;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

@media only screen and (max-width: 767.98px) {
    .figure__frame img{
        max-width: 100%;
    }
}