@charset "utf-8";

/* ----------------------------
  webfont
------------------------------ */

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* ----------------------------
	Reset
---------------------------- */


/*---------------------------------
  header
---------------------------------*/
hr.titlebar {
  border-color                  : #181161;
  background-color              : #181161;
  height                        : 3px
}

/*
 角丸メニューボタン（通常）
 */
button.menu_enable {
  width                         : 100%;
  height                        : 40px;
  -moz-border-radius            : 5px;
  -webkit-border-radius         : 5px;
  border-radius                 : 5px;
  border-style                  : none;
  background-color              : #181161;
  color                         : #ffffff;
}

/*
 角丸メニューボタン（グレー）
 */
button.menu_disable {
  width                         : 100%;
  height                        : 40px;
  -moz-border-radius            : 5px;
  -webkit-border-radius         : 5px;
  border-radius                 : 5px;
  border-style                  : none;
  background-color              : #404040;
  color                         : #ffffff;
}

/*---------------------------------
  body
---------------------------------*/

/*
 背景
 */
body {
  position                      : relative;
  width                         : 98%;
  height                        : 100%;
  outline                       : 0;
  border                        : none;
  box-sizing                    : border-box;
  background-color              : rgb(255,255,255);
  font-family                   : 'Noto Sans Japanese', YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color                         : #404040;
  font-size                     : 1.0rem;
  font-weight                   : 300;
  line-height                   : 1.8;
  letter-spacing                : 0.01ch;
  word-break                    : break-all;
  -webkit-text-size-adjust      : 100%;
  -ms-text-size-adjust          : 100%;
  -webkit-font-smoothing        : antialiased;
  -moz-osx-font-smoothing       : grayscale;
  -webkit-font-feature-settings : 'palt' 1;
  font-feature-settings         : 'palt' 1;
}

/*
 その他ボタン
 検索
 CSV出力等
 */
input.register_navy {
  width                         : 120px;
  height                        : 30px;
  border-style                  : none;
  background-color              : #181161;
  font-size                     : 12px;
  color                         : #ffffff;
}

/*
 登録系ボタン
 完了
 戻る等
 */
button.register_blue {
  width                         : 120px;
  height                        : 30px;
  border-style                  : none;
  background-color              : #2e75b6;
  font-size                     : 12px;
  color                         : #ffffff;
}

/*
 登録系ボタン（グレー）
 削除
 参照等
 */
button.register_gray {
  width                         : 120px;
  height                        : 30px;
  border-style                  : none;
  background-color              : #404040;
  font-size                     : 12px;
  color                         : #ffffff;
}

/*
 注意書き
 */
.caution {
  max-width                     : 620px;
  margin                        : 0 auto;
	border-style                  : solid;
	border-color                  : #E6E6E6;
}

/*
 注意書き/テキスト
 */
.caution > .txt {
  display                       : inline-block;
  text-align                    : left;
	line-height                   : 3.0;
	padding                       : 10px
}

/*
 案件詳細・編集・確認見出し
 */
ul.project_info {
  margin-top                    : 10;
  margin-bottom                 : 10;
  font-size                     : 13px;
  font-weight                   : bold;
}

/*
 案件詳細・編集・確認
 */
table.project_info {
  width                         : 98%;
  margin                        : 10 10;
  padding                       : 5;
  font-size                     : 13px;
  border-collapse               : collapse;
}
table.project_info th {
  text-align                    : left;
}
table.project_info tr {
  height                        : 30px;
}
table.project_info td > button,
table.project_info td > input,
table.project_info td > select,
table.project_info td > textarea {
  font-family : inherit;
  font-size   : inherit;
}

/*
 アップロードファイル一覧
 */
table.upload_list {
   width                        : 100%;
   cellspacing                  : 10;
   margin                       : 5;
   padding                      : 0;
   background-color             : #FAFAFA;
   border                       : 1px solid #D8D8D8;
 }
 table.upload_list th {
   background-color             : white;
   margin                       : 5;
   border                       : 1px solid #D8D8D8;
   font-family                  : inherit;
   font-size                    : inherit;
 }

/*---------------------------------
  btn
------------------------------ */
.btn, .ftbtn {
  position                      : relative;
  display                       : inline-block;
  max-width                     : 450px;
  width                         : 100%;
  margin                        : 0 auto;
  padding                       : 1.25rem 0;
  border                        : none;
  border-radius                 : 3px;
  box-sizing                    : border-box;
  cursor                        : pointer;
  background-color              : rgba(24,17,97,1.0);
  color                         : rgb(255,255,255) !important;
  font-size                     : 1.15rem;
  line-height                   : 1.0;
  text-align                    : center;
  font-weight                   : 500;
  letter-spacing                : 0.1ch;
  word-break                    : break-all;
  vertical-align                : baseline;
  -webkit-transition            : all 0.35s ease-in-out;
  transition                    : all 0.35s ease-in-out
}

.btn:hover {
  background-color              : rgba(24,17,97,1.0); }

.btn a {
  text-decoration               : none;
}

.btn a.left40px{
  margin-left                   : -40px;
}

.btn:after {
  position                      : absolute;
  top                           : 50%;
  right                         : 20px;
  z-index                       : 1;
  margin                        : -4px 0 0;
  content                       : "";
  display                       : inline-block;
  height                        : 8px;
  width                         : 28px;
  /* background                    : url(../../assets/img/icon-arrowr.png) no-repeat; */
  -moz-background-size          : 28px 8px;
  -o-background-size            : 28px 8px;
  -webkit-background-size       : 28px 8px;
  background-size               : 28px 8px;
  vertical-align                : middle;
  -webkit-transition            : 0.35s ease-in-out;
  transition                    : 0.35s ease-in-out
}

.btn:hover:after {
  right                         : 16px
}

@media screen and (max-width: 767px) {
  .btn {
    padding                     : 4.6vw 0;
    max-width                   : 100%;
    font-size                   : 4.6vw !important }
}

/*---------------------------------
  icon
------------------------------ */
.icon a {
  position                      : relative;
  padding-left                  : 1.5rem;
  color                         : rgb(24,17,97);
  font-weight                   : 600
}

.icon a:after,
.icon a:before {
  position                      : absolute;
  content                       : '';
  display                       : inline-block
}

.icon a:before {
  top                           : calc(50% - 0.42rem);
  left                          : 0.5rem;
  width                         : 0.85rem;
  height                        : 0.85rem;
  border-radius                 : 50%;
  background-color              : rgb(24,17,97)
}

.icon a:after {
  top                           : calc(50% - 0.15rem);
  left                          : 0.7rem;
  width                         : 0.25rem;
  height                        : 0.25rem;
  border-right                  : 0.1rem solid transparent;
  border-bottom                 : 0.1rem solid transparent;
  border-color                  : rgb(255,255,255);
  border-radius                 : 1.5px;
  transition                    : border-bottom-color,border-right-color .2s ease;
  transition                    : transform .2s ease;
  -webkit-transform             : rotate(-45deg);
  -moz-transform                : rotate(-45deg);
  -ms-transform                 : rotate(-45deg);
  transform                     : rotate(-45deg)
}

@media screen and (max-width: 768px) {
}