@charset "utf-8";
/* CSS Document */

body {
  font-family: 'Noto Sans JP', 'Helvetica Neue', helvetica, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  background-color: #ECECEC;
}

.ib {
  display: inline-block;
}

main p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.btn-primary {
  background: #FF8301; /* ボタンの背景色 */
  border-color: #FF8301; /* ボタンの枠色 */
  color: #ffffff; /* ボタンのテキストの色 */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus, .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary:active:not(:disabled):not(.disabled), .btn-primary.active:not(:disabled):not(.disabled) {
  background: #FF9C34; /* ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色 */
  border-color: #FF9C34; /* タンの上にポインタを持ってきたり、クリックしたりした時の枠色 */
  color: #FFFFFF; /* ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色 */
}
.btn-primary.outline {
  border: 3px solid #FF8301; /* アウトラインのみのボタンの線の色 */
  color: #FF8301; /* アウトラインのみのボタンのテキストの色 */
}
.btn-success {
  background: #237d37; /* ボタンの背景色 */
  border-color: #237d37; /* ボタンの枠色 */
  color: #ffffff; /* ボタンのテキストの色 */
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:active.focus, .btn-success.active, .btn-success.active:focus, .btn-success.active:hover, .btn-success.active.focus, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success:active:not(:disabled):not(.disabled), .btn-success.active:not(:disabled):not(.disabled) {
  background: #69b537; /* ボタンの上にポインタを持ってきたり、クリックしたりした時の背景色 */
  border-color: #69b537; /* タンの上にポインタを持ってきたり、クリックしたりした時の枠色 */
  color: #FFFFFF; /* ボタンの上にポインタを持ってきたり、クリックしたりした時のテキストの色 */
}
.btn-success.outline {
  border: 3px solid #237d37; /* アウトラインのみのボタンの線の色 */
  color: #237d37; /* アウトラインのみのボタンのテキストの色 */
}


footer {
  background: #FFFFFF;
  /*box-shadow: 0 -1.0em 2.5em 0em rgba(255,255,255,0.75);*/
  /*background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 20%);*/
  margin-top: 3.5em;
  /*padding: 1em 0 1em 0;*/
}

header {
  background: linear-gradient(to bottom, rgba(255,255,255,0.75) ,rgba(255,255,255,0) 100%);
  box-shadow: 0 1em 2.5em 0em rgba(255,255,255,0.75);
  padding: 0.75em 0;
}
header img {
  width: 100%;
}
header a {
  transition: opacity 0.75s;
}
header a:hover {
  opacity: 0.7;
}