.item {
 background-color: #ffffff;
 display: flex;
 margin-right:auto;
 margin-left:auto;
 margin-top: 0;
}

.item1 {
 background-color: #ffffff;
 display: flex;
 margin-right:auto;
 margin-left:auto;
 overflow-wrap: break-word;
}

.item2 {
 background-color: #ffffff;
 display: flex;
 margin-top: 2px;
 margin-bottom: 20px;
 margin-right:auto;
 margin-left:auto;
 overflow-wrap: break-word;
}

.wid600 {
 width: 600px;
 background-color: #ffffff;
 margin-top: 50px;
 margin-right:auto;
 margin-left:auto;
}

.wid50 {
 width: 50px;
 margin: 0;
 padding: 0;
}

.wid150 {
 width: 150px;
 margin: 0;
 padding: 0;
}

.wid250 {
 width: 250px;
 margin: 0;
 padding: 0;
}

.wid300 {
 width: 300px;
 margin: 0;
 padding: 0;
}

.wid350 {
 width: 350px;
 margin: 0;
 padding: 0;
}

.wid400 {
 width: 400px;
 margin: 0;
 padding: 0;
}

button {
    background-color: #ff7f27; /* 背景色 */
    color: #ffffff; /* 文字色 */
    padding: 15px 32px; /* パディング */
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 16px; /* フォントサイズ */
    font-family: Arial, sans-serif; /* フォント */
    margin: 4px 2px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border: none; /* ボーダーなし */
    border-radius: 5px; /* 5pxの角丸 */
}

button:hover {
    background-color: #cf6720;
}

.btn-send {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668af5;
  color: #FFF;
  border-bottom: solid 4px #8898aa;
  border-radius: 3px;
}

.btn-send:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

.btn-stop {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff7f27;
  color: #FFF;
  border-bottom: solid 4px #8898aa;
  border-radius: 3px;
}

.btn-stop:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}



/* mobile */
@media only screen and (max-width: 430px) {

.item {
 background-color: #ffffff;
 display: block;
 margin-right:auto;
 margin-left:auto;
 overflow-wrap: break-word;
}

.item1 {
 background-color: #ffffff;
 display: flex;
 width: 100%;
 margin: auto;
}

.item1 ul {
 background-color: #ffffff;
 margin: 0;
 text-align: left;
}

.wid600 {
 width: 100%;
 background-color: #fffff;
 margin: 20 auto;
}

.wid50 {
 width: 30%;
 margin: 0;
}

.wid150 {
 width: 150px;
 margin: 0;
}

.wid250 {
 width: 100%;
 margin: 0;
}

.wid300 {
 width: 100%;
 margin: 0;
}

.wid350 {
 width: 100%;
 margin: 0;
}

.wid400 {
 width: 100%;
 margin: 0;
}

button {
    background-color: #ff7f27; /* 背景色 */
    color: #ffffff; /* 文字色 */
    padding: 9px 20px; /* パディング */
    text-align: center; /* 文字のアライメント */
    text-decoration: none; /* 文字装飾 */
    display: inline-block; /* ボタンの表示方法 */
    font-size: 10px; /* フォントサイズ */
    font-family: Arial, sans-serif; /* フォント */
    margin: 2px 1px; /* 外側の余白 */
    cursor: pointer; /* カーソル */
    border: none; /* ボーダーなし */
    border-radius: 3px; /* 5pxの角丸 */
}

button:hover {
    background-color: #cf6720;
}

.btn-send {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668af5;
  color: #FFF;
  border-bottom: solid 4px #8898aa;
  border-radius: 3px;
}

.btn-send:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

.btn-stop {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff7f27;
  color: #FFF;
  border-bottom: solid 4px #8898aa;
  border-radius: 3px;
}

.btn-stop:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}

}