/*サンプル用のスタイル */
    .dynamic-line-center {
        width: 300px;
        height: 30px;
        font-size: 18px;
        border: none;
        outline: none;
        border-bottom: 1px solid #d1d5db !important;
        cursor: pointer;
    }

    .underline-center {
        width: 300px;
        height: 2px;
        background: rgb(255 128 64);
        transform-origin: center;
        transform: scaleX(0);
        position: relative;
        top: -2px;
    }

    .dynamic-line-center:focus + .underline-center {
        transform: scaleX(1);
        transition: transform 0.25s ease-out;
        -webkit-transform: scaleX(1);
        -webkit-transition: transform 0.5s ease-out;
    }
    
    
.btn_300{
  width: 300px;
  padding: 28px 0 26px 0;
  font-size: 28px;
  position: relative;
  text-decoration:none;
  display: block;
  margin: 0 auto;
  color: #000000;
  background: #FF8040;
  line-height: 1;
  border-radius: 12px;
  transition: all .2s;
}  
.btn_300{
  /*背景色と同じ枠色を追加*/
  border: 2px solid #FF8040;
}
.btn_300:hover{
  font-size: 28px;
  background-color: #fff;
  border-color: #FF8040;
  color: #000000;
}


.btn_301{
  width: 300px;
  padding: 28px 0 26px 0;
  font-size: 24px;
  position: relative;
  text-decoration:none;
  display: block;
  margin: 0 auto;
  color: #fff;
  background: #009999;
  line-height: 1;
  border-radius: 12px;
  transition: all .2s;
}  
.btn_301{
  /*背景色と同じ枠色を追加*/
  border: 2px solid #009999;
}
.btn_301:hover{
  font-size: 28px;
  background-color: #fff;
  border-color: #009999;
  color: #009999;
}


.custom-select {
  border-radius: 5px;
  border: solid 2px #999999;
  box-sizing: border-box;
}
select {
  border-radius: 5px;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  background: #fff
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E")
    right 10px center no-repeat;
  padding: 12px 35px 12px 11px;
  color: #000;

  /* Firefox hide arrow */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}
/* IE10 hide arrow */
select::-ms-expand {
  display: none;
}