@charset "utf-8";
/* 資料一覧（ホワイトペーパー）用 2026-09-04 */

.wpcard{ transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.wpcard:hover{
  border-color:#14335b !important;
  background-color:#f4f7fb !important;
  box-shadow:0 3px 12px rgba(20,51,91,.16) !important;
}
.wpcard:hover img{ opacity:.92; }

.wpbtn{ transition:background-color .2s ease; }
.wpbtn:hover{ background-color:#1d4a80 !important; color:#fff !important; }

@media screen and (max-width:640px){
  .wpcard{ margin-bottom:16px; }
  .wpbtn{ display:block !important; text-align:center; }
}

/* フォーム：テキストエリア項目の注記が左列に回り込むのを補正 */
.contactform fieldset > .annotation{
  display:block !important;
  clear:both !important;
  margin-left:216px !important;
  padding-top:4px;
}
@media screen and (max-width:640px){
  .contactform fieldset > .annotation{ margin-left:0 !important; }
}

/* フォームの送信ボタン 2026-09-04 */
.contactform .submit,
#contents form p.submit{ text-align:center; margin:34px 0 8px; }
#contents form input[type="submit"],
#contents form input[type="button"]{
  display:block;
  margin:30px auto 10px;
  min-width:300px;
  padding:17px 48px;
  border:none;
  border-radius:5px;
  background:#b00505;
  background-image:none;
  filter:none;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  line-height:1.4;
  letter-spacing:0.08em;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:0 2px 6px rgba(0,0,0,.14);
  transition:background-color .2s ease, box-shadow .2s ease;
}
#contents form input[type="submit"]:hover,
#contents form input[type="button"]:hover{
  background:#c8262b;
  box-shadow:0 4px 12px rgba(0,0,0,.20);
}
#contents form input[type="submit"]:active,
#contents form input[type="button"]:active{
  box-shadow:0 1px 3px rgba(0,0,0,.18);
}
@media screen and (max-width:640px){
  #contents form input[type="submit"],
  #contents form input[type="button"]{
    width:100% !important;
    min-width:0;
    padding:16px 10px !important;
    font-size:15px;
    box-sizing:border-box;
  }
}