@charset "UTF-8";
/* CSS Document */
/*** 汎用 ***/
body {
  margin: 0;
  color: #2C2111;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;
  font-size: 16px;
  line-height: 130%;
  -webkit-text-size-adjust: 100%;
}
main {
  margin: 0 auto;
  padding: 1em 3em;
}
main p:first-of-type {
  font-size: 1.2em;
}
header {
  width: 100%;
}
.title, .site-name {
  display:flex;
  align-items: center;
  box-sizing: border-box;
}
.title {
  margin: 0;
  padding: 0 1em;
  color: #FFF;
  background: #4387D6;
}
.title h1 {
  margin: 0;
  padding: 1em;
  width: 100%;
}
.title a {
  display: block;
  width: 100px;
  color: #FFF;
  text-decoration: none;
}
.title a:hover {
  font-weight: bold;
}
.site-name{
  margin: 0 0 0.5em;
  padding: 0.5em 1em 0.5em 3em;
  background: #EAF4F9;
}
.site-name p {
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
}
.site-name a {
  display: block;
  width: 80px;
}

/* ボタン共通設定 */
.btn {
  box-sizing: border-box;
  padding: 0 1em;
  height: 44px;
  color: #4387D6;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  background: #FFF;
  border: 2px solid #4387D6;
  border-radius: 6px;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
}
/* ボタン アクティブ */
.btn:focus {
  color: #FFF;
  background: #4387D6;
  border: 2px solid #4387D6;
}
.login-btn {
  width: 300px;
  line-height: 130%;
}
.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.list{
  display:flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.5em 2em;
  width: 100%;
  border-left: solid 1px #E0E0E0;
  border-right: solid 1px #E0E0E0;
  border-bottom: solid 1px #E0E0E0;
}
.list:first-of-type {
  border-top: solid 1px #E0E0E0;
}
.list:first-of-type {
  border-top: solid 1px #E0E0E0;
}
.list:nth-child(even){
	background: #F9F9F9;
}
.list p {
  margin: 0;
  width: 100%;
}
.list a {
  display: block;
  width: 150px;
}
/* 注釈 */
.caution-blue {
  color: #4287D6;
  font-weight: bold;
}


/*** ログインページ ***/
.login-cont {
  margin-top: 50px;
  text-align: center;
}
.login-cont h1 {
  margin-bottom: 1em;
  color: #4387D6;
}
/** フォーム設定 **/
/* デフォルトスタイルの削除 */
input, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* 共通スタイルの設定 */
input[type="text"], input[type="password"], select {
  box-sizing: border-box;
  font-size: 1em;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-radius: 6px;
}
/* プレースホルダーの設定 */
::-webkit-input-placeholder {
  color: #999999;
  line-height: 160%;
}
/* サイズ設定 */
input[type="text"], input[type="password"], select {
  padding: 0 0.5em;
  width: 300px;
  height: 44px;
}
/* ラベル */
.general-label {
  font-weight: bold;
}
/* selectの矢印 */
select {
  outline: none;
  background: #FDFAF6 url("https://images.ebica.jp/common/icon_select_arrow.png") right center / 20px 15px no-repeat;
}

/*** 帳票ページ ***/
@media print {
  header {
    display: none;
  }
}
@page {
  size: landscape;
}