*{
  margin:0px;
  padding:0px;
}

p.form_attention{
  font-size:120%;
  line-height:130%;
  margin:15px 0 15px 0;
}

form {
  width: 750px;
  height: auto; /* 高さを自動にする方が操作しやすい */
  margin: 15px auto 10px auto;
  padding: 10px;
  border: 2px solid white;
  border-radius: 5px;
  box-shadow: rgba(224, 224, 224, 0.85) 0px 0px 5px 3px;
  background: #dcdcdc;
}

/* スマホ用（横幅768px以下） */
@media screen and (max-width: 768px) {
  form {
    width: 100%;
    height: auto; /* 高さを自動にする方が操作しやすい */
    box-sizing: border-box; /* paddingを含めて100% */
  }

  input.btn {
    width: 100%; /* ボタンも画面幅に合わせる */
  }

  .arrow_box {
    width: 100%; /* 吹き出し部分も調整 */
  }
}
	
	

form select{
  margin-top:12px;
  margin-bottom:12px;
}

div.tanaita,
div.okuyuki,
div.takasa,
div.haba{
  display:block;
  float:left;
  margin-right:5px;
  padding: 3px;
}

h3{margin-bottom:-10px;}

div.tanaita option{width:200px;}
div.okuyuki option{width:80px;}
div.takasa option{width:80px;}
div.haba option{width:80px;}




div.tanaita select,
div.okuyuki select,
div.takasa select,
div.haba select{
  font-size:100%;
  line-height: 120%;
  padding:10px;
}

div.tanaita select option,
div.okuyuki select option,
div.takasa select option,
div.haba select option{
font-size:100%;
text-align: left;
}


a.btn_a {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 500px;
  margin: 20px auto 30px auto; /* 中央寄せ */
  padding: 1rem 4rem;
  font-size: 120%;
  font-weight: bold;
  border: 2px solid #ffa43b;
  background: #ffa43b;   /* 通常時 背景青 */
  color: #fff;           /* 通常時 文字白 */
  border-radius: 100vh;  /* pill型 */
  transition: 0.3s;
  box-shadow: rgba(78,78,78,0.54) 2px 2px 1px 2px; /* 元の影も引き継ぎ */
}

a.btn_a:hover {
  color: #ffa43b;        /* hoverで青文字 */
  background: #fff;      /* hoverで白背景 */
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  a.btn_a {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}
a.btn_a {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
               "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
               sans-serif;
}


.arrow_box { position: relative; background: #ffefc0; border: 4px solid #ffffff;width:650px;margin:0 auto 10px auto;padding:15px 0 15px 0;color:black;}
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(224, 74, 0, 0); border-top-color: #ffefc0; border-width: 20px; margin-left: -20px; }
.arrow_box:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 36px; margin-left: -36px; }