
.first_sentence{
  font-size:14px;
  line-height: 200%;
  margin-top:20px;
  font-family: "Yu Gothic Medium",-apple-system,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
}

.effect {
    padding: 11px;
    background-color: #FFFFFF;
    box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
    border-color:aqua;
    }

.bg-color-check_contract{
    background-color:blueviolet
    }

    a.btn--orange {
        color: rgb(255, 255, 255);
        background-color: #ED6102;
        border-bottom: 5px solid #d35501;
      }
    
    a.btn--orange:hover{
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
      
        color: #fff;
        background: #ED6102;
        -webkit-box-shadow: 0 2px 0 #d35501;
        box-shadow: 0 2px 0 #d35501;

    }

    a.btn--blue {
      color: rgb(255, 255, 255);;
      background-color: #0241ed;
      border-bottom: 5px solid #0c007c;
    }
  
  a.btn--blue:hover{
      -webkit-transform: translate(0, 3px);
      transform: translate(0, 3px);
    
      color: #fff;
      background: #0241ed;
      -webkit-box-shadow: 0 2px 0 #0c007c;
      box-shadow: 0 2px 0 #0c007c;

  }

    a.btn--green {
        color: black;
        background-color: #32b16c;
        border-bottom: 5px solid #2c9d60;
      }

    a.btn--green:hover{
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
      
        color: #fff;
        background: #32b16c;
        -webkit-box-shadow: 0 2px 0 #2c9d60;
        box-shadow: 0 2px 0 #2c9d60;

    }


    .btnn,
    a.btnn,
    button.btnn {
      font-size: 1.0rem;
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      display: inline-block;
      padding: 1rem 4rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      letter-spacing: 0.1em;
      color: #FFFFFF;
      border-radius: 0.5rem;
    }

    .btnnn,
    a.btnnn,
    button.btnnn {
      font-size: 1.0rem;
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      display: inline-block;
      padding: 1rem 4rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      letter-spacing: 0.1em;
      color: black;
      border-radius: 0.5rem;
    }


/*その他と主な共通部分は省略*/

.btn-copy {

  font-size: 0.8rem;
  font-weight: bold;

  position: relative;
  margin-bottom: .2em;

  text-align: center;

  white-space: nowrap;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}

.bg-gray {
background-color: rgb(240, 241, 242);
}