@charset "Shift_JIS";
/* CSS Document */

#box {
    background:#2b2b2b!important;
}

/*リンクボタン2つ-------------------------------------------------*/

.box3{
  display: flex;
  justify-content: center;
  gap: 15px;           /* ボタン間の余白 */
  padding: 20px 0;
  margin-bottom: 8px;
    background:#4d4d4d;
}

.img-btn img{
  display: block;
  height: auto;
  max-width: 100%;
}


/*注意書き-------------------------------------------------*/

.box4{
    max-width:888px;
    margin:0 auto;
    padding:25px 0 ;
    background:#4d4d4d;
    color: #fff;
  }

  .info-box{
    margin:0 auto;
    max-width:800px;
  }

  .info-row{
    display:flex;
    align-items: center;
    gap:15px;
    padding:10px 0;
    border-top:1px solid rgba(255,255,255,.7);
  }
  .info-row:last-child{
    border-bottom:1px solid rgba(255,255,255,.7);
  }

  /* 左の丸ラベル */
  .badge{
    flex:0 0 58px;
    width:58px;
    height:58px;
    border-radius:50%;
/*    border:2px solid rgba(255,255,255,.8);*/
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
/*    letter-spacing:.08em;*/
    font-weight:800;
    line-height:1.2;
    text-align:center;
    font-size:13px;
    background-color: #fff;
/*    background:transparent;*/
/*    margin-top:2px;*/
    color: #4d4d4d;
/*    white-space:pre-line; /* 改行を反映 */
  }

  /* 右の本文 */
  .content{
    flex:1;
    font-size:14px;
    line-height:1.7em;
    position: relative;
  }
  .content p{
    margin:0;
  }
  .content .note{
    font-size:12.5px;
  }

  /* 画像のように箇条書き（・） */
  .dotlist{
    list-style:none;
    padding:0;
    margin:0;
  }
  .dotlist li{
    position:relative;
    padding-left:1.2em;
  }
  .dotlist li::before{
    content:"●";
    position:absolute;
    left:0;
    top:0;
  }
  
  /*リンクボタンその2*/
  .link_2 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  }