﻿@charset "UTF-8";
/*                reset
======================================================= */
body, h1, h2, h3, h4, h5, table, th, td, ul, li, ol, dl, dt, dd, form, p, table, th, td {
  margin: 0px;
  padding: 0px;
  font-weight: 500;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 100%; }

body {
  color: #333333;
  background-color: #ffffff;
  font-family: "Noto Sans JP", serif;
  line-height: 1.3;
  font-size: 14px;
  -webkit-text-size-adjust: none; }

dt, dd, li, th, td, p {
  line-height: 1.5; }

/* for IE6 */
* html body {
  font-size: 100%; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }
  a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }

img {
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

input, textArea, select, button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 14px; }

button {
  cursor: pointer; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

/* @font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
  }*/
/*                link
  ======================================================= */
a:link {
  color: #333333;
  text-decoration: none; }

a:visited {
  color: #333333; }

@media only screen and (min-width: 1025px) {
  a:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.8; }
    a:hover img {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      opacity: .8; } }

/*                common
  ======================================================= */
.clear:after {
  content: '';
  display: block;
  clear: both; }

.clear_both {
  clear: both; }

.hidden {
  overflow: hidden; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP Light"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
  font-display: swap; }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Black"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
  font-display: swap; }

/*                leyout
======================================================= */
/*                テキスト装飾
======================================================= */
.right {
  text-align: right; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.underline {
  text-decoration: underline; }

.gray {
  color: #646464; }

/*                table
======================================================= */
table {
  width: 100%;
  border-collapse: separate;
  border-collapse: collapse;
  border-spacing: 0; }

table tr td,
table tr th {
  text-align: left;
  padding: 0px; }

/*                pageTop
======================================================= */
.page_top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 2000;
  display: none; }
  @media only screen and (max-width: 640px) {
    .page_top {
      right: 8px;
      bottom: 8px; } }
  .page_top a {
    background-color: rgba(0, 91, 170, 0.7);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    height: 46px; }
    .page_top a:after {
      content: "";
      display: block;
      background: url(/WelfareAdmin/images/redesign/arrow.png) left top no-repeat;
      background-size: contain;
      width: 9px;
      height: 15px;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }

/*                iframeのレスポン化
======================================================= */
/*.frame_respon{
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe[style]{ width: 100%important; }
}
.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  iframe,
  object,
  embed {
    border: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}*/
/*                sidebar
======================================================= */
/*.sidebar{}//sidebar*/
/*                header
======================================================= */
#header {
  border-bottom: 5px #005baa solid;
  height: 110px;
  padding: 25px 0 20px; }
  #header .h_logo {
    width: 140px;
    margin: 0.7% 0; }
    #header .h_logo a:hover img {
      opacity: 1; }
  #header .h_navi {
    width: calc(100% - 140px);
    padding-left: 100px; }
    #header .h_navi ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -8px; }
      #header .h_navi ul li {
        font-weight: 400;
        margin-left: 50px;
        margin-bottom: 10px; }
        #header .h_navi ul li a span, #header .h_navi ul li .kanri_name span {
          text-decoration: underline; }
        #header .h_navi ul li a:hover span, #header .h_navi ul li .kanri_name:hover span {
          text-decoration: none; }
        #header .h_navi ul li a:before, #header .h_navi ul li .kanri_name:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 24px;
          height: 24px;
          position: relative;
          top: -2px;
          padding-right: 3px; }
        #header .h_navi ul li a.no_link, #header .h_navi ul li .kanri_name.no_link {
          cursor: default;
          pointer-events: none;
          text-decoration: none;
          opacity: 1; }
        #header .h_navi ul li.icon01 a span {
          pointer-events: none;
          text-decoration: none; }
        #header .h_navi ul li.icon01 a:before {
          background: url(/WelfareAdmin/images/redesign/icon01.png) no-repeat left top;
          background-size: contain; }
        #header .h_navi ul li.icon02 .kanri_name:before {
          background: url(/WelfareAdmin/images/redesign/icon02.png) no-repeat left top;
          background-size: contain; }
        #header .h_navi ul li.icon03 a {
          color: #005baa; }
          #header .h_navi ul li.icon03 a:before {
            background: url(/WelfareAdmin/images/redesign/icon03_blue.png) no-repeat left top;
            background-size: contain; }
          #header .h_navi ul li.icon03 a:before {
            display: none; }
        #header .h_navi ul li.icon04 a {
          color: #005baa; }
          #header .h_navi ul li.icon04 a:before {
            background: url(/WelfareAdmin/images/redesign/icon04_blue.png) no-repeat left top;
            background-size: contain; }

/*                footer
======================================================= */
#footer {
  border-top: 1px #ebebeb solid;
  padding: 25px 0 25px; }
  #footer .flex_wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #footer .flex_wrap .f_logo {
      width: 90px; }
      @media only screen and (max-width: 640px) {
        #footer .flex_wrap .f_logo {
          width: 144px;
          margin: 0 auto 20px; } }
      @media only screen and (max-width: 400px) {
        #footer .flex_wrap .f_logo {
          width: 126px;
          margin: 0 auto 15px; } }
      #footer .flex_wrap .f_logo a:hover img {
        opacity: 1; }
    #footer .f_txt {
        margin-top: 40px;
    }
    #footer .flex_wrap .f_txt p,
    #footer .f_txt p {
      font-weight: 400;
      text-align: right; }
      #footer .flex_wrap .f_txt p.copy,
      #footer .f_txt p.copy {
        font-size: 85.7%;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        text-align: center;
        margin-top: 8px; }
      #footer .f_txt p.copy {
        text-align: right; }
      #footer ul li a span {
          text-decoration: underline;
      }
      #footer ul li a:hover span {
          text-decoration: none;
      }
      #footer ul li a {
          color: #005baa; }


#footer .main_width .login {
    margin-left: 270px;
    margin-right: 30px;
    line-height: 2;
}

#footer .main_width .login ul::before, #footer .main_width .login ul::after {
    content: "";
    display: table;
    clear: both;
}

#footer .main_width .login li {
    float: left;
    width: 240px;
    margin-bottom: 7px;
    padding: 0 12px;
    word-break: break-word;
}

#footer .main_width .login {
    text-align: center;
}

/*                コンテンツ
======================================================= */
#wrapper {
  overflow: hidden; }

#main_area {
  padding: 0 0 70px; }

.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }
  @media only screen and (max-width: 1100px) {
    .main_width {
      padding: 0 20px; } }

.back::before {
    content: "";
    background: url(../img/ico_0007.gif) 0 0.333em no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.crumb-list {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.crumb-list a:link {
    color: #0088ff;
    text-decoration: none;
}
/*                タイトル装飾
======================================================= */
h2 {
  font-size: 128.6%;
  font-weight: 500;
  line-height: 1; }
  h2.size_standard {
    font-size: 100%;
    margin-bottom: 20px; }

.ttl_bg {
  background-color: #005baa;
  border-radius: 4px;
  padding: 13px;
  margin: 30px 0 20px; }
  .ttl_bg h2 {
    color: #fff; }

/*共通*/
.cont + .cont {
  margin-top: 30px; }

.mod_cont {
  margin-bottom: 40px; }

.mb80 {
  margin-bottom: 80px; }

.flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex_wrap.align_top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .flex_wrap.align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.box_set.flex_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -20px; }

.box_set .in_box {
  width: 50%;
  padding: 0 10px 16px; }
  .box_set .in_box a {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 2px #ebebeb solid;
    -webkit-box-shadow: 0px 0px 8px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 8px -6px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    display: block;
    height: 100%;
    padding: 8px 16px; }
    .box_set .in_box a p {
      margin-bottom: 0px; }
      .box_set .in_box a p.blue {
        font-size: 128.6%;
        text-decoration: underline;
        color: #005baa;
        margin-bottom: 10px; }
        .box_set .in_box a p.blue.arrow {
          text-indent: -0.7em;
          padding-left: 0.7em;
          margin-left: 0.7em; }
          .box_set .in_box a p.blue.arrow:before {
            content: "▶";
            display: inline-block;
            font-size: 16px;
            text-decoration: none;
            padding-right: 10px; }
    .box_set .in_box a:hover {
      background-color: #f0f0f0;
      border: 2px #d9d9d9 solid;
      -webkit-box-shadow: none;
      box-shadow: none;
      opacity: 1; }
      .box_set .in_box a:hover p {
        text-decoration: none; }

/*ページパーツ*/
.upload_list_wrap {
  border-bottom: 5px #005baa solid; }
  .upload_list_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0; }
    .upload_list_wrap ul li {
      font-size: 128.6%;
      margin-right: 50px; }
      .upload_list_wrap ul li a {
        color: #005baa;
        text-decoration: underline; }
        .upload_list_wrap ul li a:hover {
          text-decoration: none; }

.content {
  padding-top: 30px; }

.col2_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .col2_cont .main {
    width: calc(100% - 280px); }
  .col2_cont .side_cont {
    width: 280px;
    padding-left: 25px; }
    .col2_cont .side_cont h3 {
      font-size: 114.3%;
      margin-bottom: 20px; }
    .col2_cont .side_cont .cont_box {
      margin-bottom: 24px; }
      .col2_cont .side_cont .cont_box p a {
        color: #005baa;
        text-decoration: underline; }
        .col2_cont .side_cont .cont_box p a:hover {
          text-decoration: none; }
      .col2_cont .side_cont .cont_box .data_wrap {
        max-width: 200px;
        margin: 15px 0 30px; }
        .col2_cont .side_cont .cont_box .data_wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .col2_cont .side_cont .cont_box .data_wrap dl dt {
            width: 92px; }
          .col2_cont .side_cont .cont_box .data_wrap dl dd {
            text-align: right;
            width: calc(100% - 92px); }

.blue_btn a, .blue_btn .button {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #148efa;
  border: 1px #646464 solid;
  color: #fff;
  font-family: "Noto Sans JP", serif !important;
  cursor: pointer;
  display: block; }
  .blue_btn a:hover, .blue_btn .button:hover {
    opacity: 0.8; }

.table_wrap table {
  border-top: 2px #000 solid;
  border-left: 2px #000 solid; }
    .table_wrap table th, .table_wrap table td {
        text-align: center;
        border-bottom: 2px #000 solid;
        border-right: 2px #000 solid;
        padding: 5px 7px;
    }
    .table_wrap table th.blue, .table_wrap table td.blue {
      color: #005baa; }
    .table_wrap table th.red, .table_wrap table td.red {
      color: #ff0000; }
  .table_wrap table th {
    font-weight: 600; }
    .table_wrap table th.width100p {
      width: 100px; }
    .table_wrap table th.width120p {
      width: 120px; }
  .table_wrap table td .blue_btn a {
    border-radius: 20px;
    width: 52px;
    padding: 1px 10px;
    margin: 0 0 0 auto; }


    .table_wrap table a:link {
        color: #0088ff;
        text-decoration: none;
    }

.table_wrap.no_border table {
  border: none; }
  .table_wrap.no_border table th, .table_wrap.no_border table td {
    border: none; }

.table_wrap.detail {
  padding-left: 1em; }
  .table_wrap.detail table {
    border: none; }
    .table_wrap.detail table th, .table_wrap.detail table td {
      padding: 7px 5px; }
    .table_wrap.detail table th {
      width: 220px;
      font-weight: 500; }
  .table_wrap.detail.set02 {
    padding-left: 1.5em; }

.table_wrap.width400 {
  max-width: 380px; }

.table_wrap.width620 {
  max-width: 620px; }

.table_wrap.width720 {
  max-width: 720px; }

p + table {
  margin-top: 4px; }

p.caveat {
  color: #ff0000;
  margin-bottom: 20px; }

p a {
  color: #005baa;
  text-decoration: underline; }
  p a:hover {
    text-decoration: none; }

p .link {
  display: inline-block;
  padding-left: 50px; }
  p .link a {
    color: #005baa;
    text-decoration: underline; }
    p .link a:hover {
      text-decoration: none !important; }

/*     ログインページ      */
#login #main_area .main_width {
  max-width: 720px; }

#login .login_box {
  border: 2px #ebebeb solid;
  -webkit-box-shadow: 0px 0px 8px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 8px -6px rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: block;
  padding: 30px 35px; }
  #login .login_box .form_box .error_box {
    margin-bottom: 18px; }
    #login .login_box .form_box .error_box .error_text {
      text-align: left;
      color: #ed1818; }
  #login .login_box .form_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #login .login_box .form_box dl + dl {
      margin-top: 10px; }
    #login .login_box .form_box dl dt {
      font-size: 16px;
      color: #005baa;
      margin-bottom: 20px;
      width: 7em; }
    #login .login_box .form_box dl dd {
      width: calc(100% - 7em); }
      #login .login_box .form_box dl dd input {
        border: 1px #d9d9d9 solid;
        width: 100%;
        padding: 6px; }
        #login .login_box .form_box dl dd input.in_set01 {
          width: 24%; }
        #login .login_box .form_box dl dd input.in_set02 {
          width: 70%; }
      #login .login_box .form_box dl dd span {
        padding: 0 2.2%; }
  #login .login_box .form_box.error .error_box {
    display: block; }
  #login .login_box .btn_box {
    margin-top: 15px; }
    #login .login_box .btn_box .btn {
      border: 1px #005baa solid;
      color: #005baa;
      display: block;
      width: 260px;
      position: relative;
      padding: 10px;
      margin: 0 auto; }
      #login .login_box .btn_box .btn:before {
        content: "";
        display: block;
        background: url(/WelfareAdmin/images/redesign/btn_arrow.png) no-repeat right top;
        background-size: contain;
        height: 14px;
        width: 9px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      #login .login_box .btn_box .btn:hover {
        opacity: 0.8; }

/*     新規アップロード      */
.new_upload_area h2 {
  font-size: 171.4%;
  font-weight: 600;
  margin-bottom: 20px; }

.new_upload_area .template_link .link {
  display: inline-block;
  padding-left: 80px; }
  .new_upload_area .template_link .link a {
    color: #005baa;
    text-decoration: underline; }
  .new_upload_area .template_link .link:hover {
    text-decoration: none; }

.new_upload_area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .new_upload_area dl dt {
    width: 190px;
    padding-right: 50px; }
  .new_upload_area dl dd {
    width: calc(100% - 190px); }
    .new_upload_area dl dd input#lefile {
      display: none; }
    .new_upload_area dl dd .input_group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .new_upload_area dl dd .input_group #photocover.form_control {
        border: 2px #cccccc solid;
        width: calc(94% - 130px);
        padding: 0 5px; }
      .new_upload_area dl dd .input_group .btn {
        width: 130px; }
        .new_upload_area dl dd .input_group .btn.blue_btn {
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          background-color: #148efa;
          border: 1px #646464 solid;
          color: #fff;
          font-family: "Noto Sans JP", serif !important;
          display: block;
          border-radius: 10px;
          width: 120px;
          padding: 5px 10px;
          margin-left: 10px; }
          .new_upload_area dl dd .input_group .btn.blue_btn:hover {
            opacity: 0.8; }

.new_upload_area .btn_wrap .upload_btn {
  border-radius: 10px;
  font-size: 114.3%;
  width: 180px;
  padding: 12px 15px;
  margin: 30px auto; }

/*     アップロード 詳細履歴     */
.btn_set .blue_btn + .blue_btn {
  margin-top: 20px; }

.btn_set .blue_btn .button {
  border-radius: 10px;
  font-size: 128.6%;
  width: 270px;
  padding: 9px 15px;
  margin: 0 auto; }
  
  
/* bootstrap-table表示（アカウント管理画面など） */
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-body .table {
	border-bottom: 2px solid #000;
}
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-body .table tbody td {
	border-bottom: 1px solid #000;
}
