@charset "UTF-8";
.i-pencil::before,
.i-search::before,
.i-check::before,
.i-times::before,
.i-trash::before,
.i-user-plus::before,
.i-cog::before,
.i-sign-out::before,
.i-user-circle::before,
.i-list::before,
.i-plus::before,
.i-print::before,
.i-arrow-up::before,
.i-arrow-right::before,
.i-arrow-down::before,
.i-arrow-left::before,
.i-pencil-square::before,
.i-home::before,
.i-recycle::before,
.i-refresh::before {
  display: inline-block;
  font-family: 'FontAwesome';
  width: 1.28571429em;
  text-align: center; }

.i-pencil::before {
  content: '\f040'; }

.i-search::before {
  content: '\f002'; }

.i-check::before {
  content: '\f00c'; }

.i-times::before {
  content: '\f00d'; }

.i-trash::before {
  content: '\f014'; }

.i-user-plus::before {
  content: '\f234'; }

.i-cog::before {
  content: '\f013'; }

.i-sign-out::before {
  content: '\f08b'; }

.i-user-circle::before {
  content: '\f2bd'; }

.i-list::before {
  content: '\f03a'; }

.i-plus::before {
  content: '\f067'; }

.i-print::before {
  content: '\f02f'; }

.i-arrow-up::before {
  content: '\f062'; }

.i-arrow-right::before {
  content: '\f061'; }

.i-arrow-down::before {
  content: '\f063'; }

.i-arrow-left::before {
  content: '\f060'; }

.i-pencil-square::before {
  content: '\f044'; }

.i-home:before {
  content: '\f015'; }

.i-recycle:before {
  content: '\f1b8'; }

.i-refresh:before {
  content: '\f021'; }

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #759cd0;
  box-shadow: 0 0 0 0.2rem rgba(69, 117, 180, 0.41); }

.checkbox::after {
  border-right: 3px solid #4575B4 !important;
  border-bottom: 3px solid #4575B4 !important; }

.radio::after {
  background: #4575B4 !important; }

ul.list {
  list-style: none; }

ul.list > li {
  display: inline-block; }

span.error {
  padding-top: 3px;
  font-weight: bold;
  color: #d65c5c; }

body {
  background-color: #efede8 !important;
  box-sizing: border-box; }

/*-------------------------------------------------------
　header
-------------------------------------------------------*/
#header {
  position: sticky;
  top: 0;
  width: 100%;
  min-width: 1120px;
  color: #444;
  background-color: #fff;
  top: 0;
  left: 0; }

#header #header_in {
  width: 100%; }

#header #header_in * {
  font-family: 'Meiryo UI', 'MS UI Gothic', Helvetica, sans-serif; }

#header .header_relative {
  padding: 4px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  /* Safari */
  -webkit-flex-wrap: wrap;
  /* Safari */ }

#header .header_menu {
  padding: 0 1em;
  background-color: #4575B4;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  /* Safari */
  -webkit-flex-wrap: wrap;
  /* Safari */ }

#header .header_menu a {
  display: block;
  padding: 6px 15px;
  color: #fff;
  background-color: #4575B4;
  text-decoration: none;
  line-height: 1; }

#header .header_menu a:hover {
  background-color: #6994ce; }

#header .header_menu .i-home {
  font-size: 20px; }

#header .title {
  font-size: 18px; }

#header .header_l {
  margin-left: 25px; }

#header .header_l a {
  font-size: 14px; }

#header .header_l > * {
  margin-right: 10px; }

#header .header_r {
  margin: 3px 25px 0 0;
  text-align: right;
  font-size: 13px; }

#header .header_r a {
  font-size: 12px; }

#header .dummy {
  display: none; }

/*-------------------------------------------------------
　コンテンツ
-------------------------------------------------------*/
#main {
  margin: 15px auto;
  padding-bottom: 15px;
  width: 1120px;
  min-width: 1120px; }

.contents,
.contents-s,
.contents-b,
.contents-s-b {
  margin-bottom: 15px; }

.contents,
.contents-b {
  padding: 20px; }

.contents-s,
.contents-s-b {
  padding: 5px 7px; }

.contents-b,
.contents-s-b {
  border: 1px solid;
  background-color: #fff;
  border-radius: 4px;
  border: 0.5px solid #d9d9d9 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }

.contents-b h2.page-title {
  margin-bottom: 10px; }

/*-------------------------------------------------------
　font-awesome
-------------------------------------------------------*/
.fa {
  font-style: normal !important;
  font-variant: normal !important;
  font-size: inherit;
  font-family: FontAwesome !important; }

/*-------------------------------------------------------
　入力用(カンマ含む)(標準フォントサイズ用)
-------------------------------------------------------*/
.num1-i {
  width: 20px; }

.num2-i {
  width: 30px; }

.num3-i {
  width: 33px; }

.num4-i {
  width: 40px; }

.num5-i {
  width: 45px; }

.num6-i {
  width: 55px; }

.num7-i {
  width: 60px; }

.num8-i {
  width: 70px; }

.num9-i {
  width: 80px; }

.num10-i {
  width: 80px; }

.num11-i {
  width: 90px; }

.num12-i {
  width: 95px; }

.num13-i {
  width: 105px; }

.dateymd-i {
  width: 85px; }

.datehm-i {
  width: 45px; }

/*-------------------------------------------------------
　表示用(カンマ含む)(標準フォントサイズ用)
-------------------------------------------------------*/
.num1-d {
  width: 25px; }

.num2-d {
  width: 30px; }

.num3-d {
  width: 35px; }

.num4-d {
  width: 40px; }

.num5-d {
  width: 45px; }

.num6-d {
  width: 55px; }

.num7-d {
  width: 65px; }

.num8-d {
  width: 75px; }

.num9-d {
  width: 80px; }

.num10-d {
  width: 80px; }

.num11-d {
  width: 80px; }

.num12-d {
  width: 80px; }

.num13-d {
  width: 93px; }

.num14-d {
  width: 100px; }

.dateymd-d {
  width: 85px; }

.datehm-d {
  width: 45px; }

/*-------------------------------------------------------
　表示テーブル用(13px)(カンマ含む)(table-list-s用)
-------------------------------------------------------*/
.num3-d-l {
  width: 39px; }

.num5-d-l {
  width: 45px; }

.num6-d-l {
  width: 51px; }

.num7-d-l {
  width: 58px; }

.num9-d-l {
  width: 67px; }

.num10-d-l {
  width: 76px; }

.num11-d-l {
  width: 79px; }

.num13-d-l {
  width: 92px; }

/*-------------------------------------------------------
　message
-------------------------------------------------------*/
.msg-small {
  font-size: 12px; }

.msg-normal {
  font-size: 14px; }

.msg-large {
  font-size: 16px; }

/*-------------------------------------------------------
　テーブル：一覧用
-------------------------------------------------------*/
table.tbl-list,
table.tbl-list-s,
table.tbl-list-l,
table.tbl-list-d {
  border-collapse: collapse;
  border-spacing: 1px; }

table.tbl-list > thead > tr > th,
table.tbl-list > tfoot > tr > td,
table.tbl-list > tbody > tr > th,
table.tbl-list > tbody > tr > td,
table.tbl-list > tr > th,
table.tbl-list > tr > td {
  padding: 5px 8px; }

table.tbl-list-s > thead > tr > th,
table.tbl-list-s > tfoot > tr > td,
table.tbl-list-s > tbody > tr > th,
table.tbl-list-s > tbody > tr > td,
table.tbl-list-s > tr > th,
table.tbl-list-s > tr > td {
  padding: 1px 4px; }

table.tbl-list-l > thead > tr > th,
table.tbl-list-l > tfoot > tr > td,
table.tbl-list-l > tbody > tr > th,
table.tbl-list-l > tbody > tr > td,
table.tbl-list-l > tr > th,
table.tbl-list-l > tr > td {
  padding: 5px 7px; }

table.tbl-list-d > thead > tr > th,
table.tbl-list-d > tfoot > tr > td,
table.tbl-list-d > tbody > tr > th,
table.tbl-list-d > tbody > tr > td,
table.tbl-list-d > tr > th,
table.tbl-list-d > tr > td {
  padding: 1px 1px 1px 3px; }

table.tbl-list > tbody > tr > td,
table.tbl-list-s > tbody > tr > td,
table.tbl-list-l > tbody > tr > td,
table.tbl-list-d > tbody > tr > td,
table.tbl-list > tr > td,
table.tbl-list-s > tr > td,
table.tbl-list-l > tr > td,
table.tbl-list-d > tr > td {
  color: #333;
  background-color: #fff; }

/*------------------------------
　title
------------------------------*/
table.tbl-list > thead > tr > th,
table.tbl-list-s > thead > tr > th,
table.tbl-list-l > thead > tr > th,
table.tbl-list-d > thead > tr > th,
table.tbl-list > tr > th,
table.tbl-list-s > tr > th,
table.tbl-list-l > tr > th,
table.tbl-list-d > tr > th {
  background-color: #0c4f80;
  font-weight: bold;
  text-align: center;
  color: #fff; }

/*------------------------------
　行色
------------------------------*/
/* 交互色変更 */
table.tbl-list-nth > tbody > tr:nth-child(2n+1) > td,
table.tbl-list-nth-h > tbody > tr:nth-child(2n+1) > td {
  background-color: #fff; }

table.tbl-list-nth > tbody > tr:nth-child(2n+0) > td,
table.tbl-list-nth-h > tbody > tr:nth-child(2n+0) > td {
  background-color: #edf3ff; }

table.tbl-list-nth-h > tbody > tr:hover > td {
  background-color: #ffffaa; }

tr.default,
tr.default-h {
  background-color: #f5f5f5; }

tr.info,
tr.info-h {
  background-color: #d9edf7; }

tr.warning,
tr.warning-h {
  background-color: #fcf8e3; }

tr.danger,
tr.danger-h {
  background-color: #f2dede; }

tr.default-h:hover,
tr.info-h:hover,
tr.warning-h:hover,
tr.danger-h:hover {
  background-color: #ffffaa; }

tr.row1,
tr.row1-h {
  background-color: #fff; }

tr.row2,
tr.row2-h {
  background-color: #e0e0ff; }

tr.row1-h:hover,
tr.row2-h:hover {
  background-color: #ffffaa; }

tr.edit-row {
  border: 2px solid Orange;
  background-color: #ffeeac; }

/*------------------------------
　タイトル固定
------------------------------*/
table.tbl-header-fix > thead > tr > th,
table.tbl-header-fix > thead > tr > td {
  top: 0;
  position: sticky;
  z-index: 10; }

/*-------------------------------------------------------
　テーブル：入力用
-------------------------------------------------------*/
table.tbl-input > thead > tr > th,
table.tbl-input > tbody > tr > td {
  padding: 0 4px 13px 0; }

table.tbl-input > thead > tr > th:last-child,
table.tbl-input > tbody > tr > td:last-child {
  padding: 0 0 13px 0; }

table.tbl-input > thead > tr:last-child > th,
table.tbl-input > tbody > tr:last-child > td {
  padding-bottom: 0; }

table.tbl-input-s > thead > tr > th,
table.tbl-input-s > tbody > tr > td {
  padding: 0 4px 9px 0; }

table.tbl-input-s > thead > tr > th:last-child,
table.tbl-input-s > tbody > tr > td:last-child {
  padding: 0 0 9px 0; }

table.tbl-input-s > thead > tr:last-child > th,
table.tbl-input-s > tbody > tr:last-child > td {
  padding-bottom: 0; }

table.tbl-input-xs > thead > tr > th,
table.tbl-input-xs > tbody > tr > td {
  padding: 0 4px 6px 0; }

table.tbl-input-xs > thead > tr > th:last-child,
table.tbl-input-xs > tbody > tr > td:last-child {
  padding: 0 0 6px 0; }

table.tbl-input-xs > thead > tr:last-child > th,
table.tbl-input-xs > tbody > tr:last-child > td {
  padding-bottom: 0; }

table.tbl-input-v > tbody > tr > th,
table.tbl-input-v > tbody > tr > td {
  padding: 0 13px 0 0;
  vertical-align: top; }

table.tbl-input-v > tbody > tr > th:last-child,
table.tbl-input-v > tbody > tr > td:last-child {
  /*padding: 0;*/ }

table.tbl-view-s > thead > tr > th,
table.tbl-view-s > tbody > tr > td {
  padding: 0 3px 4px; }

table.tbl-view-s > thead > tr:last-child > th,
table.tbl-view-s > tbody > tr:last-child > td {
  padding: 0 3px; }

table.tbl-input > tbody > tr > td:first-child,
table.tbl-input .name,
table.tbl-input-s > tbody > tr > td:first-child,
table.tbl-input-s .name,
table.tbl-input-xs > tbody > tr > td:first-child,
table.tbl-input-xs .name,
table.tbl-view-s > tbody > tr > td:first-child,
table.tbl-view-s .name {
  font-weight: bold;
  text-align: right;
  white-space: nowrap; }

table.tbl-input .name-t,
table.tbl-input-s .name-t,
table.tbl-input-xs .name-t,
table.tbl-view-s .name-t {
  padding-top: 2px;
  vertical-align: top; }

/*-------------------------------------------------------
table-input(tbl-listと併用すること)
-------------------------------------------------------*/
table.tbl-list-input > thead > tr > th,
table.tbl-list-input > tbody > tr > th,
table.tbl-list-input > tfoot > tr > td {
  padding: 1px 0; }

table.tbl-list-input > tbody > tr > td {
  padding: 0; }

table.tbl-list-input > thead > tr > th > hr,
table.tbl-list-input > tbody > tr > th > hr {
  margin: 2px 0; }

table.tbl-list-input > thead > tr > td > hr,
table.tbl-list-input > tbody > tr > td > hr {
  margin: 0;
  border-bottom: none; }

table.tbl-list-input > tbody > tr > td input[type="text"],
table.tbl-list-input > tbody > tr > td input[type="tel"],
table.tbl-list-input > tbody > tr > td input[type="number"],
table.tbl-list-input > tbody > tr > td textarea {
  border: none;
  height: 100%;
  border-radius: 0; }

/*-------------------------------------------------------
table-kana
-------------------------------------------------------*/
table.tbl-kana td {
  padding: 0 5px 5px 0; }

table.tbl-kana a:hover {
  text-decoration: underline; }

/*-------------------------------------------------------
table-vertical
-------------------------------------------------------*/
table.top > tbody > tr > td {
  vertical-align: top; }

table.middle > tbody > tr > td {
  vertical-align: middle; }

table.bottom > tbody > tr > td {
  vertical-align: bottom; }

/*-------------------------------------------------------
table-list(grid)
-------------------------------------------------------*/
.grid-list > thead > tr > th,
.grid-list > tbody > tr > td {
  border: 1px solid #ccc; }

/*-------------------------------------------------------
gridview-input
-------------------------------------------------------*/
table.grid-input > tbody > tr > th,
table.grid-input > tbody > tr > td {
  padding: 0;
  border: 1px solid #d5d5d5; }

table.grid-input > tbody > tr > th {
  padding: 2px 0; }

table.grid-input > tbody > tr > th > hr {
  margin: 2px 0; }

table.grid-input > tbody > tr > td > hr {
  margin: 0;
  border-bottom: none; }

table.grid-input input[type="text"],
table.grid-input input[type="tel"],
table.grid-input input[type="number"],
table.grid-input textarea {
  border: none;
  height: 23px;
  border-radius: 0; }

table.grid-input-est textarea {
  height: 53px; }

/*-------------------------------------------------------
メッセージ
-------------------------------------------------------*/
#msg {
  position: fixed;
  top: -6px;
  transform: translateX(-50%);
  left: 50%;
  border: 2px solid #f0c36d;
  border-radius: 4px;
  background-color: #f9edbe;
  box-shadow: 0px 2px 3px #aaa;
  font-weight: bold;
  z-index: 100000; }

#msg.small {
  padding: 8px 10px 3px;
  line-height: 1.25;
  font-size: 14px; }

#msg.large {
  padding: 10px 15px 5px;
  line-height: 1.4;
  font-size: 18px; }

#msg.success {
  border-color: #4CAE4C !important;
  background-color: #4CAE4C !important;
  color: #fff !important; }

#msg.warning {
  border-color: #fd9f3d !important;
  background-color: #fd9f3d !important;
  color: #fff !important; }

#msg.danger {
  border-color: #d43f3a !important;
  background-color: #d43f3a !important;
  color: #fff !important; }

/* ライン */
.line-orange {
  border-top: 3px solid Orange; }

.line-silver {
  border-top: 3px solid Silver; }

.line-shadow {
  width: 100%;
  border-top: 1px solid #dadada; }

.modal_window {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 999999; }

.modal_inner {
  border: 1px solid #888;
  box-shadow: 0 3px 5px 0px rgba(51, 51, 51, 0.55); }

.modal_disable {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.55);
  width: 100%;
  height: 100%;
  z-index: -1; }

.disable-area,
.disable-area-gray {
  position: absolute;
  top: 0px;
  padding-top: 200px;
  height: 100%;
  width: 100%;
  background-color: #a0a0a0;
  opacity: .45;
  color: #ccc;
  font-size: 50px;
  text-align: center;
  z-index: 99999; }

.disable-area-gray {
  background-color: #a0a0a0 !important;
  color: #333 !important; }

body.no-scroll {
  overflow: hidden; }

.underline {
  text-decoration: underline; }

#powerTip {
  font-family: 'MS Gothic', 'Avenir Book', Sans-Serif !important; }