@charset "utf-8";

/*
---------------------------------------
# SiteName: エッグ 管理者画面
# Page: 共通箇所
# /css/style-egg.css
# Update: 2018.11.12
# Editor: Shimizu
# History:
---------------------------------------
*/


/* ========================================================================== */
/* 01) 基礎設定 サイト全体 */
/* ========================================================================== */
html{  scroll-behavior: smooth;}

/* -- 各ブラウザ向け フォント指定 -- */
* html body {
font: 13px/16px "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
vertical-align: baseline;
text-align: center;
}

/* クラシックブラウザ用 */
*:first-child+html body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
html>/**/body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

/* Firefox等 モダンブラウザ用 */
html:not(:target) body {font-family: "メイリオ", Meiryo,Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
pre{ font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}


A:link,
A:visited {  text-decoration: underline;}
A:hover,
A:active { }

A.btn:link,
A.btn:visited,
A.btn:hover,
A.btn:active { text-decoration: none;}


main .footer_btn_area A:link,
main .footer_btn_area A:visited { text-decoration: none;}

form{
	margin:  0px;
	padding: 0px;
	list-style: none;
}
img { margin:0px; padding:0px; 	border: 0; }

.c {	text-align:center!important;}
.r {	text-align:right!important;}
.l {	text-align:left!important;}

.f_8{ font-size:8px!important; line-height:10px!important;}
.f_10{ font-size:10px!important; line-height:13px!important;}
.f_11{ font-size:11px!important; line-height:14px!important;}
.f_12{ font-size:12px!important; line-height:16px!important;}
.f_13{ font-size:13px!important; line-height:20px!important;}
.f_14{ font-size:14px!important; line-height:20px!important;}
.f_16{ font-size:16px!important; line-height:22px!important;}
.f_18{ font-size:18px!important; line-height:24px!important;}
.f_20{ font-size:20px!important; line-height:26px!important;}
.f_22{ font-size:22px!important; line-height:130%!important;}
.f_24{ font-size:24px!important; line-height:125%!important;}
.f_26{ font-size:26px!important; line-height:125%!important;}
.f_28{ font-size:28px!important; line-height:125%!important;}


.abbr,.abbreviation{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:0;
	padding:0;
}
.page-link{padding: 0.15rem 0.5rem; }






/*----------------------------
   テーブル 基本記述
-----------------------------*/
.table{ width:auto;
	border-collapse:separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #C8C8C8;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #C8C8C8;
}





.table thead{ border-bottom: 6px #333 solid;}
.table thead th,
.table TH {
    background: #F5F5F5;
    color:#333!important;
	font-weight: normal;
    text-align: center;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #aaa;
    border-top:none;
	border-left:none;
}

.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top: 2px #aaa solid;}
.table thead td,
.table td {
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
    border-top:none;
	border-left:none;
}
.table.info_table TH {  }
.table.info_table TD {  border-color: #B6B4B6!important;}

.table TH,
.table TD{	font-size:14px; line-height: 18px;}

.table TH{word-wrap:normal!important;}
.table TH A:link,
.table TH A:visited { COLOR: #003C7E!important; text-decoration: underline;}
.table TH A:hover,
.table TH A:active  { COLOR: #800040!important; }


.table > tbody > tr > td,
.table td{
border-color: #dedede;
border-bottom-color:#dedede;
border-left-color:#dedede;
border-right-color:#dedede;
word-wrap:break-word!important;
word-break: break-all;
}

.table > thead > tr > th.th_p0{
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.25em!important;
}

.table > tbody > tr > td.t-border-right, .table td.border-right{
border-color: #E2E2E2;
border-left-color:#dedede;
border-right-color:#dedede;
}
.table-striped{ background-color: #fff;}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color:#FAFBFB;
}
.table.table-bordered.table-striped tr th.td_none,
.table.table-bordered.table-striped tr td.td_none,
.table.table-bordered.table-striped tr:hover th.td_none,
.table.table-bordered.table-striped tr:hover td.td_none{
border-color: #fff!important;
background-color: #fff!important;
}


/* 一覧　表 */
.table-striped .btn.btn-primary {
    background-color: #003C7E !important;
    border-color: #003C7E !important;
}




.column_area.f_16{ font-size:16px!important;}
.column_area{
padding: 1.25rem 0.5rem 0.5em 0.75em;
margin-bottom: 0;
background-color:#f7f6ed;
border:1px solid #ccc9be;
color: #333;
vertical-align: middle;
margin-top: -1px;

}
.edit_area{
padding: .75rem 1.25rem;
margin-bottom: 0;
border:1px solid #ccc9be;
margin-top: -1px;
margin-left: -1px;
}
.col-md-12.edit_area,
.col12.edit_area {border-left: 1px solid #ccc9be;}

.edit_area_none{ padding:0rem 0.75rem 0rem 0.5rem;}
.edit_area.edit_area_none{
border-right:1px solid #fff;
border-left:1px solid #fff;
padding:1.25rem 0.75rem 0rem 0.5rem;
}
.card-body row:last-child{ background-color: aqua;}
.card-body row:last-child .edit_area:last-child{border-bottom:1px solid #ccc9be;}

.edit_area .custom-radio{ margin-bottom:16px;
}

.fixed-top {
    position: fixed;
    top: 0;  right: 0;  left: 0;
    z-index: 1030;
}

.fixed-bottom{
    position: fixed;
    bottom: 0;  right: 0;  left: 0;
    z-index: 1030;
}

.td_container{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    max-width: 50em;
	border: none !important;
}

.td_container p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 0rem;
}


.columnarea_precautions_comment{ font-size: 14px; line-height: 15px; }
.editarea_precautions_comment{color: #aa0000; font-weight: bold;}
.columnarea_precautions_comment strong,
.editarea_precautions_comment strong{ font-weight: bold;}

/* ========================================================================== */
/* 01-01) 基礎設定 入力関係 */
/* ========================================================================== */

.form-group{white-space: nowrap; display: inline; position: static;}
.search .form-group.form-check{padding-left: 0.25rem; padding-right: 1em; margin-bottom: 0em;}
.form-group.form-check{}
.edit_area .form-group.form-check{ display: inline-block; margin-right:1.5em; }
.search .form-control{max-width: 180px;}
.form-control{ width: auto!important; display:inline!important;}
.tooltip.show{ z-index: 9989;}

/* padding 余白  */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="text"].form-control{padding: 0rem 0.3rem;}
select,
select.form-control{ width: auto; padding-right: 0.5rem;}
select option,
select.form-control { font-size: 16px!important; line-height: 20px;}

/*----------------------------
   input 1行テキスト
-----------------------------*/

input[type="password"],
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
.form-control {
  width:auto; max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border:2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		margin-left:2px; margin-right:2px;
	vertical-align:middle;
}
textarea,
select,
inputinput[type="password"],
input[type="text"],
input[type="email"]
{ max-width:calc(100% - 1.5em)!important;}
.input_edit_mail{width:calc(100% - 1.5em)!important;}
.input_edit_name{width:calc(100% - 1.5em)!important;}
@media screen and (prefers-reduced-motion: reduce) {
input[type="text"],
input[type="email"],
input[type="password"],
  .form-control { transition: none;  }
}

input[type="text"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="password"]::-ms-expand,
.form-control::-ms-expand {  background-color: transparent;  border: 0;}


.checkbox label:hover,
.radio label:hover,
.search label:hover,
input:hover,
input:active,
label:hover,
label:active,
select:hover,
select:active,
textaria:hover,
textaria:active{cursor : pointer;}


/*----------------------------
   textarea テキストエリア
-----------------------------*/
textarea{  padding:2px 6px; font-size:13px; line-height:16px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
 border: 1px solid #999;
 background-color: #fff;
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 overflow: auto;
 resize: vertical;
 width: 99%!important;
}
textarea.form-control {width:100%!important; padding:5px!important;background-color: #fff;}
textarea,.search .form-control {width:100%!important;}


input::-ms-clear {visibility:hidden; display: none;}

/*----------------------------
   select セレクト
-----------------------------*/
select,
select.form-control,
.custom-select {
  display: inline-block;
  width:auto;
  height: calc(2rem);
  padding: 0.2rem 0.2rem 0.2rem 0px;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background-color: #fff;
  background-size: 8px 10px;
  border:2px solid #ced4da;
  border-radius: 0.25rem;
}

select.readonly {
    pointer-events: none;
    background-color: #FAFAFA !important;
    color: #333 !important;
    opacity: 1;
}

/*----------------------------
   checkbox チェックボックス
-----------------------------*/


.checkbox input[type=checkbox] {
    vertical-align: middle;
    display: inline-block;
    width:18px;
    height:18px;
	font-size: 16px;
    margin-right:5px;
    border:2px solid #979797;
    border-radius: 50%;
    box-sizing: border-box;
    margin-top: 2px;
    background: #FFFFFF;
}
.search input[type=checkbox] {margin-right:1px;}


.checkbox01-input{display: none;}
.checkbox01-parts{
padding-left: 20px; margin-right: 20px;
position:relative;
}
.checkbox01-parts::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
color: #009a9a;
}
.checkbox01-input:checked + .checkbox01-parts::after{
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #009a9a;
border-right: 3px solid #009a9a;
}

input[type="checkbox"][readonly]:checked {
    pointer-events: none;
    accent-color: #808080 !important;
    opacity: 1;
}

input[type="checkbox"][readonly]:not(:checked) {
    pointer-events: none;
}
input[type="checkbox"][readonly]:not(:checked)::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: #FAFAFA;
}

/*----------------------------
   radio ラジオボタン
-----------------------------*/

input[type=radio] {
    vertical-align: middle;
    display: inline-block;
    width:18px;
    height:18px;
    font-size: 18px;
    margin-right:4px;
    border:2px solid #979797;
    border-radius: 50%;
    box-sizing: border-box;
    margin-top: -3px;
    background: #FFFFFF;
}
input[type=radio][readonly],
input[type=radio][readonly] + label {
    accent-color: #808080;
    pointer-events: none;
    opacity: 0.6!important;
}
.search input[type=radio] {margin-right:1px;}

.radio label{ margin-right:1.25rem;}

/*--------------------------------------------------------
   placeholder 入力例 ※,で纏めると反映しないので個々に記述
---------------------------------------------------------*/

input:-ms-input-placeholder{color:#ccc!important; opacity:1;}
input[type="email"]::placeholder { color: #ccc!important; opacity:1;}
input[type="text"]::placeholder { color: #ccc!important; opacity:1;}
input[type="tel"]::placeholder { color: #ccc!important; opacity:1;}
input[type="password"]::placeholder { color: #ccc!important; opacity:1;}
.form-control::placeholder { color: #ccc!important; opacity:1;}
.form-control::-webkit-input-placeholder { color: #ccc!important; opacity:1;}
.form-control::-moz-placeholder { color: #ccc!important; opacity:1;}
.form-control:-ms-input-placeholder { color: #ccc!important; opacity:1;}
.form-control::-ms-input-placeholder { color: #ccc!important; opacity:1;}
.form-control::placeholder { color: #ccc!important; opacity:1;}
::placeholder { color: #ccc!important; opacity:1;}

/*
.collar_gray input:-ms-input-placeholder{color:#777; opacity:1;}
.collar_gray input[type="text"]::placeholder { color: #777!important; opacity:1;}
.collar_gray input[type="password"]::placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control::placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control::-webkit-input-placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control::-moz-placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control:-ms-input-placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control::-ms-input-placeholder { color: #777!important; opacity:1;}
.collar_gray .form-control::placeholder { color: #777!important; opacity:1;}
*/

/*----------------------------
  disabled 入力禁止
-----------------------------*/
input[type="text"]:disabled,
.form-control:disabled{
  background-color: #e9ecef;
  opacity: 1;
}

input[type="text"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
.form-control[readonly] {
  background-color: #FAFAFA;
  color: #333;
  opacity: 1;
}

textarea:disabled,
textarea.form-control:disabled,
.custom-select:disabled,
.disabled textarea,
select:disabled,
select.form-control:disabled,
.custom-select:disabled,
.disabled select{ background-color: #F0F0F0; color: #ccc!important; }

/*----------------------------
  focus フォーカス時
-----------------------------*/

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
.form-control:focus{
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

select:focus,
input[type="file"]:focus{  background-color: #FFFDDD;}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

/*----------------------------
  各入力フォーム 文字数設定
-----------------------------*/
/* 日にち */
#base-age{max-width:3.5em;}
.datepicker{max-width:9.5em!important; ime-mode:disabled;}

.login input{ width: 100%;}

#loginid,
#password{max-width:16em;}
#age{max-width:7.5em!important;}

#user-name,
#user-name-kana{max-width:30em;}
.number,
.post_cd{ime-mode:disabled}

input[name="post_cd"] {
max-width:6em!important; ime-mode:disabled;
}


select[name="gender"] {max-width:4.5em!important;}



/*----------------------------
  その他
-----------------------------*/
.multiple_select{ padding-right: 0px!important;}
.column_area.required label,
.label_name.required label,
.required label{max-width:calc(100% - 40px);}
.column_area.required::before,
.label_name.required::before,
.required .label_name::before {
    content:'必須'; vertical-align: middle;
    float: right;
    font-size: 10px; line-height: 13px;
    color: #fff;
    background-color: #F1898B;
    border: 1px solid #F1898B;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:2px 2px 2px 2px;
    margin-right:6px;
    margin-top: 3px;
    }
.required_label::before {
    content:'必須'; vertical-align: middle;

    font-size: 10px; line-height: 13px;
    color: #fff;
    background-color: #F1898B;
    border: 1px solid #F1898B;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:2px 2px 2px 2px;
    margin-right:3px;
    margin-top: 1px;
    }


.required input:focus{}

.form-inline label{ margin-right: 1rem;}

.sortout_text label { margin-right: 1rem;}



/* ========================================================================== */
/* 03) 基礎設定 ボタン関係記述 */
/* ========================================================================== */

/* 小ボタン */
.btn.btn-sm, .btn-group-sm > .btn, .btn-group-sm .btn {
    padding: 0.05rem 0.45rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 2px;
}



.btn .material-icons,
.btn:not(.btn-just-icon):not(.btn-fab) .fa {
    position: relative;
    display: inline-block;
    top: 0;
    margin-top: -1em;
    margin-bottom: -1em;
    font-size: 1.1rem;
    vertical-align: middle;
}


/* 登録ボタン */
.btn.btn-warning.btn-add,
.btn.btn-warning.btn-del,
.btn.btn-warning.btn-copy,
.btn.btn-warning.btn-normal{padding:7px 12px 6px 12px; line-height: 110%; font-size:14px; letter-spacing:0px;
box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14),
0 3px 1px -2px rgba(255, 152, 0, 0.2),
0 1px 5px 0 rgba(153, 153, 153, 0.5);
border-color: #E0822C;
border-top-color: #FF8515;
}
.btn.btn-warning.btn-add:hover,
.btn.btn-warning.btn-del:hover,
.btn.btn-warning.btn-copy:hover,
.btn.btn-warning.btn-normal:hover,
.btn.btn-warning.btn-add:active,
.btn.btn-warning.btn-del:active,
.btn.btn-warning.btn-copy:active,
.btn.btn-warning.btn-normal:active{
box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
background-color: #D33C44 !important;
    border-color: #D33C44 !important;
}
.btn-add::before {
    content: '+';
    color: #FF9331;
    margin-right: 4px;
    /* vertical-align: middle; */
    font-size: 15px;
    line-height: 16px;
    margin-left: -5px;
    font-weight: bold;
    height: 15px;
    width: 15px;
    display: inline-block;
    padding: 0px;
    border-radius: 50%;
    float: left;
    vertical-align: text-top;
    background-color: aliceblue;
}
.btn-del::before {
    content:'\e872';
    color: #fff;
    margin-right:5px;
    margin-top: 0px;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 18px;
}
.btn-copy::before {
    content:'\e14d';
    color: #fff;
    margin-right:5px;
    margin-top: 0px;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 18px;
}
.btn.btn-warning.btn-add:hover:before,
.btn.btn-warning.btn-normal:hover:before,
.btn.btn-warning.btn-add:active:before,
.btn.btn-warning.btn-normal:active:before{color: #D33C44 !important;}
.btn.btn-warning.btn-del:hover:before,
.btn.btn-warning.btn-del:active:before,
.btn.btn-warning.btn-copy:hover:before,
.btn.btn-warning.btn-copy:active:before {
    color: #fff !important;
}
.btn_main_menu{width: 95%; max-width: 800px; margin: auto;}
.btn_main_menu a{ font-size: 20px;}


btn,.btn.btn-default{
    color: #fff;
    background-color: #636363;
    border-color: #636363;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}


.btn_main_menu a.top-btn-sys{padding:22px 20px;
font-size: 16px;
  background: #F7F7F7;
  border-color: #9782C3;
  color: #777;/*文字色*/
}
.btn_main_menu a.top-btn-sys:hover{
  background: #9782C3;
  color: #fff;/*文字色*/
}

.btn.btn-primary {
    color: #fff;
    background-color: #4485F2!important;
    border-color: #4485F2!important;
				}

.btn.btn-primary:hover{
    color: #fff;
    background-color: #3B5998!important;
    border-color: #3B5998!important;
				}



.btn.btn-primary_off{
    color: #fff;
    background-color: #536B92!important;
    border-color: #536B92!important;
				}

.btn.btn-primary_off:hover{
    color: #fff;
    background-color: #3B5998!important;
    border-color: #3B5998!important;
				}


.btn:focus,tn-default:focus,
.btn.btn-default.focus,
.btn.btn-default:hover {
    color: #fff;
    background-color: #919191;
    border-color: #7a7a7a;
}



input[type="button"],
input[type="submit"]{ padding:8px; line-height:16px;}
input[type="checkbox"]{ font-size:24px; line-height:24px; height:18px; width:18px; margin-right: 3px; vertical-align: middle;
margin-top: 0.2rem;
    margin-left: -1.25rem;

}
textarea,
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fff;
  border: 2px solid #ced4da;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.help{ margin-left: 6px; margin-right: 6px;}
/* ========================================================================== */
/* 04)基本枠 contents */
/* ========================================================================== */


/* ========================================================================== */
/* 05) ヘッダー header */
/* ========================================================================== */
.body_inner{
    position: relative;
    padding-top: 75px;
}
header{
position:absolute;
top: 0;
left: 0;
width: 100%;
padding: 0;margin: 0;
z-index: 1998;
}


.header_frame{ background-color: #fff;
position:fixed;
width: 100%;
padding: 0;margin: 0;
z-index: 1999;
}
main,
main.pt-0{}

.header_frame.header_login_in{ background-color: #053C7E;}


/* ヘッダー部  */
.header_nav{
display: flex; min-height:50px;
justify-content: space-between;
}
.header_nav{display: flex;}
.header_login_in .header_nav{display: none; visibility: hidden;}
.navbar.main_menu_color{
background-color:#053C7E; color: #fff; margin-bottom:0px!important;
min-height:38px; box-sizing: border-box;
}

.navbar.main_menu_color .navbar-nav A:link,
.navbar.main_menu_color .navbar-nav A:visited { COLOR: #fff!important; text-decoration: none;}
.navbar.main_menu_color .navbar-nav A:hover,
.navbar.main_menu_color .navbar-nav A:active { COLOR: #003C7E!important; background-color: #F5F3EF;  }

.navbar.main_menu_color .dropdown-menu A:link,
.navbar.main_menu_color .dropdown-menu A:visited { COLOR: #444!important; text-decoration: none;transition: all 0.5s ease 0s;}
.navbar.main_menu_color .dropdown-menu A:hover,
.navbar.main_menu_color .dropdown-menu A:active { COLOR: #fff!important; background-color: #003C7E;}

.navbar.main_menu_color .dropdown-menu A:hover::before,
.navbar.main_menu_color .dropdown-menu A:active::before { COLOR: #fff!important; }



/* サイトタイトル部  */
a.site_logo,
.navbar.main_menu_color a.site_logo{background-color:#fff!important;
width:24px; height:24px; margin:0px 0px 0px 10px;
padding: 2px 0 2px 2px ;
text-align: center;
border-radius: 2px;
font-size: 0; line-height: 0;
box-sizing: border-box;
}
.navbar .site_logo img{
width:auto; height:20px;
margin: 0 auto; padding: 0;
vertical-align: baseline;
}
.navbar .site_logo img:hover,
.navbar .site_logo img:active{ opacity: 0.5; }
.header_right{
display: flex;
justify-content: space-between;
}


.header_right A:link.dropdown-toggle i,
.header_right A:visited.dropdown-toggle i{ COLOR: #686C71!important; background-color: #F0F0F0;}
.header_right A:hover.dropdown-toggle i,
.header_right A:active.dropdown-toggle i{ COLOR: #333!important; background-color: #D9DADB; }
.header_right .dropdown{ position: inherit;}
.header_right .dropdown-menu{ width:auto!important;min-width: inherit; }

.header_right .dropdown-toggle::after{
border-top: 0em solid;
border-right:0em solid transparent;
border-bottom: 0;
border-left: 0em solid transparent;}


/* ヘッダー部 重要なお知らせ  */
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9997;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: fixed;
}
.h_alert_menu01{
  display: block;
  width: 36px;
  height: 32px;
  margin-right: 4px;
}
.h_alert_menu02{
    display: block;
    width: 36px;
    height: 32px;
    margin-top:3px;
    margin-left: auto;
}
.h_alert_menu-trigger {
  display: block;
  width: 36px;
  height: 32px;
  position: static;
  vertical-align: middle;
  cursor: pointer;
  z-index: 9999;
  transform: translateX(0);
  transition: transform .5s;
  text-align: center;
 }
 .h_alert_menu-trigger.active {
  transform: translateX(-345px);
}
 .h_alert_menu-trigger span {
  display:block;
  box-sizing: border-box;
  position: absolute;
}
.h_alert_icon::after {
    content: '\e7f4';
    color: #686C71;
    background: #F0F0F0;
    vertical-align: middle;
    font-size:21px;
    line-height: 1em;
    margin: 3px auto 0 auto;
    font-family: "Material Icons";
    padding: 2px;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
    width:  26px;
    height: 26px;
    overflow: hidden;
}
.h_alert_menu-trigger.active.h_alert_icon{  position:fixed;}
.h_alert_menu-trigger.active.h_alert_icon::after {
    content: '\e5cd';
    color: #fff;
    background:none;
    font-size:24px;
    position:fixed;
    right: 0px;
    top:   0px;
}
nav.h_nav_alert.open { transform: translateZ(0);}
.h_alert_count{
display: block;
padding: 2px 4px;
margin: auto;
border-radius: 20px;
font-size: 11px;
line-height: 11px;
background-color: #D33C44;
color: #fff;
    top: -2px;
    right: -1px;
    z-index: 9999;
    animation:1.5s linear both rotation1;

}
.h_alert_count_view0{ display: none; visibility: hidden;}

@keyframes rotation1{
  0%   { transform:rotateY(0);}
  20%  { transform:rotateY(180deg);}
  50%  { transform:rotateY(0);}
  80%  { transform:rotateY(0);}
  100% { transform:rotateY(0); }
}




.h_alert_menu-trigger.active span.h_alert_count {
display: none; visibility: hidden;
}
nav.h_nav_alert {
  width:380px;
  height: 100%;
  color: #fff;
  padding-top: 0px;
  background-color: rgb(252, 250, 222);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  transform: translate(380px);
  transition: all .5s;
}

.h_nav_alert_title{
font-size: 14px; line-height: 16px;
color: #fff; font-weight: bold;
padding: 11px 16px;
background-color: rgb(231, 121, 130);
}

nav.h_nav_alert ul {
  color: #333;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
nav.h_nav_alert li {

  margin: 0px;
  list-style: none;

}
nav.h_nav_alert li a.h_nav_alert_icon{
padding:10px 10px 10px 40px;
margin: 0px;
border-bottom:1px #999 dotted;
display: block;
}
nav.h_nav_alert .data img {
    width: 22px;
    height:20px;
    vertical-align: middle;
    margin-top: -1px; margin-right: 2px;
}

.h_nav_alert_icon::before {
    content: '\e7f4';
    font-family: "Material Icons";
    float: left;
    border-radius: 50%;
    padding: 2px!important;
    font-size:   15px;
    line-height: 17px;
    float: left;
    margin-left: -26px;
    margin-top:  -2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ED8077;
    color: #fff;
}
nav.h_nav_alert li A.h_nav_alert_icon:link,
nav.h_nav_alert li A.h_nav_alert_icon:visited{ COLOR: #333!important; text-decoration: none;}
nav.h_nav_alert li A.h_nav_alert_icon:hover,
nav.h_nav_alert li A.h_nav_alert_icon:active { COLOR: #aa0000!important; background-color:#FAE0E0!important;}


.site_logo img {
    width: auto;
    max-height:42px;
    margin: 0 auto;
    padding: 0;
}


@media (max-width:990px){
.header_nav{ min-height: inherit;}
.site_logo img { margin: 8px 6px 8px 12px;
    width: 100%;
    max-width: 90px;
}

.header_login_in .header_nav {
 display: flex; visibility: inherit; min-height: 38px; }

a.site_logo,
.navbar.main_menu_color a.site_logo{ margin-top:7px;}
.site_logo img {
    width: auto;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
}
}

.main_menu{ display: block!important; width: 100%; clear: both!important;}

.nav-link{padding: 0.1rem 0.5rem;}
.h_dropdown .dropdown-menu{ z-index: 9999;}
.h_dropdown .dropdown-menu a{ padding: 5px 15px;}
.h_dropdown .dropdown-menu a::before,
.h_dropdown01 .dropdown-menu a::before,
.lg_memo_url_link01 .dropdown-menu a::before,
.c_memo_url_link01 .dropdown-menu a::before {
    content:'\e315'; color: #686C71!important; vertical-align: middle;
	font-size:16px; line-height: 1em; margin-left:-10px; margin-right:2px;  margin-top:-1px;
    font-family: "Material Icons";
	float: left;
}
.h_dropdown .dropdown-menu .dropdown-item:hover,
.h_dropdown .dropdown-menu .dropdown-item:focus,
.h_dropdown .dropdown-menu a:hover,
.h_dropdown .dropdown-menu a:focus,
.h_dropdown .dropdown-menu a:active {
transition: 0s;
box-shadow:none;
background-color:#F1F1F1;
color:#333 !important;
}
.h_dropdown .dropdown-menu a:hover::before,
.h_dropdown .dropdown-menu a:focus::before,
.h_dropdown .dropdown-menu a:active::before{
color:#333 !important;
}

.h_dropdown .dropdown-menu{padding: 0.25rem 5px;}

/* マイページタブ  */
.nav-tabs A.nav-link:link,
.nav-tabs A.nav-link:visited { COLOR: #003C7E!important; text-decoration: none;}
.nav-tabs A.nav-link:hover,
.nav-tabs A.nav-link:active { COLOR: #fff!important; background-color: #003C7E; }
/* マイページタブ＆パンくず背景色  */
.pan,
.mypage_nav{
background-color: #E5E7EB; z-index: 100;
border-bottom: 1px #ddd solid;
min-height: 28px;
    }

.nav-tabs li.nav-inquiry::before{border-right: 0px #ccc solid;}
.nav-tabs .nav-inquiry .nav-link{
padding:6px 15px 2px 20px;
margin: 10px 6px 0px 0px;
border-radius:0.25rem;
}
.nav-inquiry .nav-link:before {
    content:'\e0e1'; color: #686C71; vertical-align: middle;
	font-size:20px; line-height:100%; margin-left:-6px; margin-right:2px;  margin-top:1px;
    font-family: "Material Icons";
	float: left;
}
.nav-tabs .nav-inquiry A.nav-link:hover,
.nav-tabs .nav-inquiry A.nav-link:active { COLOR: #fff!important; background-color: #FF9800 !important;}
.nav-tabs .nav-inquiry A.nav-link:hover:before,
.nav-tabs .nav-inquiry A.nav-link:active:before{ COLOR: #fff!important; }






.nav-tabs li:before {
content: "";
font-size:8px!important; line-height: 12px!important;
float: right;
border-right:1px #ccc solid;
width: 1px; height:30px;
margin-top: 12px;
}


.nav-tabs A.nav-link.active:link,
.nav-tabs A.nav-link.active:visited { COLOR: #003C7E!important; text-decoration: none; font-weight: bold;}
.nav-tabs A.nav-link.active:hover,
.nav-tabs A.nav-link.active:active { COLOR: #fff!important; background-color: #003C7E;  }





.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{background-color: #fff;
border-bottom-color: #fff;
COLOR: #333!important;
}
.nav-tabs {  border-bottom: 1px solid #ccc;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{border-color: #ccc #ccc #fff;}


/* ヘッダー部 リンク色  */
a.site_logo:link,
a.site_logo:visited { COLOR: #666!important; text-decoration: none;}
a.site_logo:hover,
a.site_logo:active { COLOR: #FFCC00!important; text-decoration: none; }


/* ヘッダー部 リンク色  */
.main_color A:link,
.main_color A:visited { COLOR: #333!important;}
.main_color A:hover,
.main_color A:active { COLOR: #FFCC00!important; }

.h_user{
    padding:2px 5px 0px 5px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.h_user::before {
    content: '\e853';
    color: #fff;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1em;
    margin-left: -2px;
    margin-right: 3px;
    margin-top:-2px;
    font-family: "Material Icons";
    float: left;
}

.h_icon.h_login{
display: block;
padding:6px 10px 4px 5px;
font-size: 13px; line-height: 16px;
font-weight: bold;
vertical-align: middle;
margin:10px 5px 5px 10px;
}
.h_login::before {
    content:'\e897'; color: #fff; vertical-align: middle;
	font-size:18px; line-height: 1em;
    margin-left:2px; margin-right:4px;  margin-top:-1px;
    font-family: "Material Icons";
	float: left;
    font-weight: normal;
}
A.h_icon.h_login:link,
A.h_icon.h_login:visited{ transition: 0.3s; text-decoration: none; COLOR: #fff!important; background-color: #FF9331;border: 1px solid #FF9331;}
A.h_icon.h_login:hover,
A.h_icon.h_login:active { transition: 0.3s; text-decoration: none; COLOR: #fff!important;background-color: #D54B40;border: 1px solid #D54B40;}
.h_dropdown a:after ,
.h_dropdown a[aria-expanded="false"]:after ,
.h_dropdown a[aria-expanded="true"]:after { display: none; visibility: hidden; margin-right: 6px;}

a[aria-expanded="false"]:after {
    content:'\e313'; margin-left: -2px; margin-right: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 16px; line-height: 16px;
}

.h_icon{
font-size:13px; line-height:110%;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 display: block;
 margin:2px 3px 0px 0px;
}



A.h_icon:link,
A.h_icon:visited{ transition: 0.3s; text-decoration: none; COLOR: #333!important; }
A.h_icon:hover,
A.h_icon:active { transition: 0.3s; text-decoration: none; COLOR: #fff!important; }
A.h_icon:hover::before ,
A.h_icon:active ::before { COLOR: #fff!important;transition: 0.3s; }

.h_icon_help{ padding: 4px 10px 4px 10px;}
a.h_icon_help::before {
    content:'\e887'; color: #A3A3A3; vertical-align: middle;
	font-size:16px; line-height:100%; margin-left:-2px; margin-right:4px;  margin-top:0px;
    font-family: "Material Icons";
	float: left;
    }
.nav-tabs .nav-link{ padding:16px 20px 6px 20px;}
.nav-tabs .nav-item.mypage_tab01{ width: 3em;min-width:80px; text-align: center;}
.nav-tabs .nav-item.mypage_tab01 .nav-link{padding:18px 16px 12px 16px;}
.nav-item .material-icons { font-size:40px; line-height:1rem;
display: block!important; height: 1rem;
vertical-align: middle;
}
.company_my_pagetop_image img{ max-width: 900px; width: 100%; }




.to_frontpage,
.to_inquirypage,
.to_faqpage,
.to_kifurupage,
.to_lgmemobatchtransmissionpage,
.to_amountdeductedsimulatorpage {
    padding:0px 5px 0px 5px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.navbar-collapse-link .navbar-nav .to_frontpage A:hover,
.navbar-collapse-link .navbar-nav .to_frontpage A:visited,
.navbar-collapse-link .navbar-nav .to_frontpage A:active,
.navbar-collapse-link .navbar-nav .to_inquirypage A:hover,
.navbar-collapse-link .navbar-nav .to_inquirypage A:visited,
.navbar-collapse-link .navbar-nav .to_inquirypage A:active,
.navbar-collapse-link .navbar-nav .to_faqpage A:hover,
.navbar-collapse-link .navbar-nav .to_faqpage A:visited,
.navbar-collapse-link .navbar-nav .to_faqpage A:active,
.navbar-collapse-link .navbar-nav .to_kifurupage A:hover,
.navbar-collapse-link .navbar-nav .to_kifurupage A:visited,
.navbar-collapse-link .navbar-nav .to_kifurupage A:active,
.navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage A:hover,
.navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage A:visited,
.navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage A:active,
.navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage A:hover,
.navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage A:visited,
.navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage A:active {
    background-color: #175bab !important;
    color: #fff !important;
}
.to_frontpage a{
    padding:2px 5px 10px 5px;
    background-image: url(../img/icon_river_logo.svg?ver=20230831);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position:8px 8px;
    padding-left: 32px !important;
}
.to_inquirypage a,
.to_faqpage a,
.to_lgmemobatchtransmissionpage a,
.to_amountdeductedsimulatorpage a {
    margin-right: 8px;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.to_kifurupage a {
    padding:2px 5px 10px 5px;
    background-image: url(../img/icon_kifuru_logo.png?ver=20250227);
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position:8px 8px;
    padding-left: 32px !important;
}
.to_inquirypage a::before {
    content: '\e0be';
    color: #053C7E;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1em;
    margin-left: -2px;
    margin-right: 5px;
    margin-top:-1px;
    font-family: "Material Icons";
    float: left;

    border-radius: 50%;
    background-color: #fff;
    padding: 2px;
    width: 22px; height: 22px;
}
.to_faqpage a::before {
    content: '\e887';
    color: #fff;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1em;
    margin-left: -2px;
    margin-right: 5px;
    margin-top:-1px;
    font-family: "Material Icons";
    float: left;
}
.to_lgmemobatchtransmissionpage a::before {
    content: '\e886';
    color: #fff;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1em;
    margin-left: -2px;
    margin-right: 5px;
    margin-top:-1px;
    font-family: "Material Icons";
    float: left;
}
.to_amountdeductedsimulatorpage a::before {
    content: '\ea5f';
    color: #053C7E;
    vertical-align: middle;
    font-size: 18px;
    line-height:1em;
    margin-left: -2px;
    margin-right: 5px;
    margin-top: -1px;
    font-family: "Material Icons";
    float: left;

    border-radius: 50%;
    background-color: #fff;
    padding: 2px;
    width: 22px; height: 22px;
}

/* =ふるコネなどのタブ= */
.button_tab_aria { margin-left: 2em; }
.button_tab_aria .btn-group:not(:first-child)>.btn,
.button_tab_aria .btn:not(:first-child),
.button_tab_aria .btn{
    padding: 12px 20px ;
    font-size:18px; line-height: 1.1em;
    width: 150px;
    border: 1px solid transparent;
    border-radius:0.25rem 0.25rem 0 0;
    margin-right:4px;
    margin-bottom: -1px;
    border: 1px #ccc solid;
    border-bottom:1px #D1D1D1 solid;
    background-color:#F5F4EF; color: #999!important;
    box-shadow: none;
    z-index:1;
}
.button_tab_aria .btn-group-toggle .btn.active{
    border:1px #D1D1D1 solid;
    border-bottom:1px #fff solid;
    background-color:#fff!important;
    color: #156482!important;
    font-weight: bold;
    z-index: 888;
}
.card{z-index:2;}
.button_tab_aria .btn-group-toggle .btn:hover{ background-color: #ff9800!important; color: #fff!important;}



/* ========================================================================== */
/* 06)サイドメニュー(マイページ専用) */
/* ========================================================================== */

.mypage_top_info{
display: block;
background: #ffffff;
    border: 1px solid #dadce0;
    padding: 0.2rem 0rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin:10px 1rem 0.5rem 0.5rem;
    box-shadow: 0 8px 10px -9px rgba(0,0,0,.05), 0 3px 14px 2px rgba(0,0,0,.01), 0 5px 5px -3px rgba(0,0,0,.05);
    z-index: 2;
}
.mypage_top_info_r{ padding: 5px 15px 5px 15px; margin:10px 0px; border-left:1px #DADCE0 dotted; }
.mypage_top_info_l{ padding: 5px 15px 5px 20px; margin:10px 0px; }
.mypage_top_info_l::before {
    content:'\e7f4';
    color: #fff;
	margin-right:1px;
    display: block;
	vertical-align: middle;
	font-size:26px; line-height:1em;
    font-family: "Material Icons";
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #003C7E;
    padding:3px;
}
.mypage_top_info_title{
font-size: 1rem;
    margin-right: 1rem;
}

.mypage_top_frame .date{
    align-items: center;
    color: #5f6368;
    display: flex;
    font-size: 0.75rem;
    margin-top: auto;
    margin-bottom:4px;
}

nav.side_nav{ width: 220px; float: left; padding:16px 0 50px 0; }
.side_nav_frame{ width: 95%; margin:0px auto 16px auto;
    background-color: #fff;
    border:3px solid #ccc9be;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    box-sizing: border-box;
    min-height: 250px;
}
.side_nav_frame ul{margin: 0; padding: 0;}
.side_nav_frame ul li {
    border-bottom: 1px solid #e5e5e5;
    padding:0px;
    list-style: none;
}

.side_nav_frame ul li a:before{
    content:'\e315'; color: #5B87AA; vertical-align: middle;
	font-size:16px; line-height: 1em; margin-left:-8px; margin-right:0px;  margin-top:4px;
    font-family: "Material Icons";
	float: left;
    font-style:normal;
}

.side_nav_frame ul li li{border-top: 1px dotted #e5e5e5; border-bottom:0px dotted #e5e5e5;}
.side_nav_frame ul li ul a{ padding-left:24px;}
.side_nav_frame ul li ul ul a{ padding-left:36px;}
.side_nav_frame ul li a{
padding:3px 6px 6px 10px;
}
.side_nav_frame ul li .fa:before,
.fa:before{
    content:'\e316'; color:#616161; vertical-align: middle;
	font-size:18px; line-height: 1em; margin-left:0px;  margin-top:2px;
    font-family: "Material Icons";
	float: right;
    font-style:normal;
}

 .fa:before{
    transition: ease-in-out 300ms;
 }

 .rotate-fa:before{
    transform: rotate(180deg);
 }

.side_nav_frame ul li a{ display: block;}
.side_nav_frame ul li a:link,
.side_nav_frame ul li a:visited{ transition: 0.3s; text-decoration: none;
COLOR: #333!important; }
.side_nav_frame ul li a:hover,
.side_nav_frame ul li a:active { transition: 0.3s; text-decoration: none;
COLOR: #333!important; background-color: #E0ECFA;}

.side_nav_frame h3.user_area{
    font-size:14px;
    font-weight: bold;
    border-bottom: 2px solid #ccc9be;
    background-color: #F7F6ED;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    line-height: 20px;
    padding-left:10px;
    padding-bottom: 9px;
    padding-top: 10px;
}

.side_nav_frame h3.user_area::before {
    content: '\e853';
    color: #003C7E;
    vertical-align: middle;
    font-size: 26px;
    line-height: 1em;
    margin-left: -4px;
    margin-right: 3px;
    margin-top: -4px;
    font-family: "Material Icons";
    float: left;
}
.user_area_edit{
font-size:8px!important; line-height: 1em;
display: inline-block;
float: right;
margin-top: -4px;
margin-right: 3px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}
A.user_area_edit:link,
A.user_area_edit:visited{ transition: 0.3s; text-decoration: none; COLOR: #ccc!important; }
A.user_area_edit:hover,
A.user_area_edit:active { transition: 0.3s; text-decoration: none; COLOR: #666!important; }

.side_nav_frame_event,
.side_nav_frame_info{ width: 95%; margin:0px auto 14px auto;
    background-color: #fff;
    border:1px solid #ccc9be;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    box-sizing: border-box;
}


.side_nav_frame_info ul,
.side_nav_frame_event ul{padding: 0px; margin:0px;}
.side_nav_frame_info li,
.side_nav_frame_event li{
list-style: none;
margin: 0px; padding:8px 10px 6px 22px;
border-bottom: 1px #ccc dotted;
font-size: 14px; line-height: 1.25em;
}
.side_nav_frame_info li:before{
    content:'●'; color:#003C7E; vertical-align: middle;
	font-size:8px; line-height: 1em; margin-left:-12px;  margin-top:4px;
    font-family: "Material Icons";
	float: left;
    font-style:normal;
}

/* ========================================================================== */
/* 07)本文枠 main */
/* ========================================================================== */
main.mypage{ float: right; width: calc(100% - 220px); }



/*----------------------------
   ページタイトル部
-----------------------------*/



/*----------------------------
   ページタイトル部
-----------------------------*/

.pagetitle{
    margin-bottom: 16px;
    margin-top: 0px;
    padding: 10px 0px 0px 0px

    }
.pagetitle div{ padding: 0px 1px 0 0!important; margin: 0px!important;}
.pagetitle h1{
    font-size: 30px;
    line-height: 1em;
    z-index: 2;
    margin:0px 10px 0px 8px;
    padding:4px 0px 0px 10px;
    border-left: solid 6px #003C7E;
    color: #003C7E;
}

.h1_pagetitle_flex {
    margin:0px 10px 0px 8px!important;
    padding:0px!important;
    border-left: solid 6px #003C7E;
    box-sizing: content-box;
}
.pagetitle .h1_pagetitle_frame{  width: calc(100% - 370px);}
.pagetitle .h1_pagetitle_frame  h1{
    margin:0px 10px 0px 0px!important;
    border-left: solid 0px #3C3C3C;
}
.h1_pagetitle_frame .h1_description{
font-size:12px; line-height: 15px;
padding-left: 3px!important;
padding-right:16px!important;
}

.h1_pagetitle_flex,
.h1_pagetitle_frame{
 align-items: center;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    display: -ms-flexbox!important;
    display: flex!important;
    box-sizing: border-box;
    width: auto;
}


h1 .h1_pagetitle{
white-space:nowrap;
}
h1 .h1_pagetitle .h1_pagetitle_inner{
vertical-align: middle;
}



h1 .h1_description{
font-size:12px; line-height: 15px;
padding-left: 3px!important;
padding-right:16px!important;

}
h1 .h1_description .h1_pc_only{ visibility: inherit; }

.h1_user_icon_area{  display: inline-block; width:360px; height: 32px; }

.max_w1100_only{  }
.max_w1200_none,
.max_w1100_none{ display: none; visibility: hidden;}

@media only screen and (max-width:1200px) {
.max_w1200_only{ display: none; visibility:hidden;}
.max_w1200_none{ display: inherit; visibility:inherit;}
}
@media only screen and (max-width:1100px) {
.h1_pagetitle_flex{ position: static;}
.h1_user_icon_area{  display: block; width:370px;  position: absolute; top:2px;
right: 0px;}
.pagetitle .h1_pagetitle_frame { width: 100%;}
.pagetitle .h1_pagetitle_frame h1{ width: calc(100% - 370px);}
.h1_pagetitle_frame {
    display: block!important;
}

.h1_description .h1_pc_only{ visibility: hidden; display: none;}
.max_w1100_only{ display: none; visibility:hidden;}
.max_w1100_none{ display: inherit; visibility:inherit;}

h1 .h1_description{padding-top: 6px!important; width: 100%;}
.h1_pagetitle_frame .h1_description{
padding:3px 0 3px 14px!important;
width: auto; max-width: inherit;

}
.pagetitle h1,
.container-fluid h3{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}
}


h2.h2_title{
	font-size:26px!important;
	line-height: 120%;
	padding:6px 0px 0px 2px;
	color: #003C7E;
	border-bottom: 1px #00846C solid;
	margin-bottom:1.5rem;}


h3.h3_title{
	font-size: 24px!important;
	line-height: 120%;
	padding:6px 0px 0px 2px;
	color: #003C7E;
	border-bottom:2px #003C7E solid;
	margin-bottom:0.75rem;}

.h3_title{
	padding:6px 0px 0px 4px;
	color: #003C7E;
	border-bottom:2px #003C7E solid;
	margin-bottom:0.75rem;}

.card-body .tab-content h3{
	color: #003C7E;
	font-size:20px!important;
	line-height: 120%;
	border-left:4px #4FA27E solid;
	padding:0px 10px;
	vertical-align: middle;
	margin-left: 3px;
}

.mypage_chatarea .btn.btn-primary{
    color: #fff;
    background-color: #003C7E!important;
    border-color: #003C7E!important;
}

/* 小タイトル */
.container-fluid .card-body h2{
    color: #00826B;
    font-size: 20px;
    line-height: 120%;
    border-left: 4px #4FA27E solid;
    padding: 0px 10px;
    vertical-align: middle;
	margin: 5px 0px 15px 0px;
}
.container-fluid .card-body h2 span{
	color: #333 !important;
	font-size: 0.9rem;
	vertical-align: middle;
}





/*----------------------------------
   アップロード、ダウンロードボタン
-----------------------------------*/

.pagetitle .btn{
    position: relative;
    display: inline-block;
    top: 0;
	margin-right: 3px;
    font-size:13px;
	line-height: 14px;
    vertical-align: middle;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color: #fff;
	color: #6D6D6D;
}


.pagetitle .btn.btn-sm,
.pagetitle .btn-group-sm > .btn,
.pagetitle .btn-group-sm .btn {padding: 0.25rem 0.3rem 0.25rem 0.2rem;}
.btn.flailReport {width: 100%;}


.pagetitle .pagetitle_btn{
    position: relative;
    display: inline-block;
    text-align: center;
    top: 0;
    margin-right:3px;
    margin-left: 3px;

    padding: 4px 15px;
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    color: #6D6D6D;
    text-decoration: none;
    border: 1px #ddd solid;
    width: auto;
    float: right;
box-shadow:
0 2px 2px 0 rgb(153 153 153 / 14%),
0 3px 1px -2px rgb(153 153 153 / 20%),
0 1px 5px 0 rgb(153 153 153 / 12%);
}
.pagetitle .pagetitle_btn.btn_pg_edit{
padding: 4px 20px;
box-shadow:
0 2px 2px 0 rgb(10 10 10 / 14%),
0 3px 1px -2px rgb(10 10 153 / 20%),
0 1px 5px 0 rgb(10 10 10 / 12%);
}
.pagetitle_btn.btn_pg_edit01{
float: right;
padding: 2px 4px;
font-size:18px;line-height: 0.8em;
text-align: center;
}
.btn_pg_edit01::before{
    vertical-align: middle;
    font-size:18px; line-height: 1em;
    padding: 0px;
    vertical-align: text-top;
    font-family: "Material Icons";
}

.pagetitle .pagetitle_btn:hover,
.pagetitle .pagetitle_btn:active {
    color: #fff;
    background-color: #F5F5F5!important;
    border-color: #FF9800!important;
}

.pagetitle .pagetitle_btn:link,
.pagetitle .pagetitle_btn:visited{
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.pagetitle .btn_pg_edit:link,
.pagetitle .btn_pg_edit:visited,
.btn_pg_edit01:link,
.btn_pg_edit01:visited {
    color: #fff;
    background-color: #1257B4;
    border-color: #1257B4;
}

.pagetitle .btn_delete:link,
.pagetitle .btn_delete:visited {
    color: #555;
    background-color: #F5F5F5;
    border-color: #ddd;
}
.btn_pg_edit::before,
.btn_delete::before{
    margin-right:2px; vertical-align: middle;
    font-size:22px; line-height: 1em; margin-left: -5px;
    vertical-align: text-top;
    font-family: "Material Icons";
}

.btn_delete::before { content:'\e872'; }
.btn_pg_edit::before,
.btn_pg_edit01::before{ content:'\e3c9'; }


/* btn-danger */
.btn.btn-danger {
    color: #fff;
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}


.btn_shisya_otiawase{
    float: right;
    font-size: 15px;
    line-height: 20px;
    display: inherit;
    text-decoration: none;
    vertical-align: middle;
    padding: 8px 10px 6px 8px;
    border-radius: 3px;
    margin-left: 4px;
    white-space: nowrap;
    vertical-align: middle;

background-color: var(--mdc-fab-container-color, transparent);
 box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);

}


.btn_shisya_otiawase:before{
content: '\e158';
    color: #013C7E;
    vertical-align: middle;
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    padding: 0;
    width:  23px;
    height: 23px;
    text-align: left;
    padding-left: 2px;

    overflow: hidden;
    font-family: "Material Icons";
    font-style: normal;
    background-color: aliceblue;
    border-radius: 50%;
    margin-top: -2px;
    margin-right: 3px;
}
.btn_shisya_otiawase:link,
.btn_shisya_otiawase:visited {
    color: #fff;
    background-color: #013C7E;
    border: #013C7E 1px solid;
    border-bottom: #333 2px solid;
    text-decoration: none;
}
a.btn_shisya_otiawase:hover,
a.btn_shisya_otiawase:active{
    color: #fff;
    background-color: #FAAC1C!important;
    border-color: #FAAC1C!important;
    text-decoration: none;
}
.btn_shisya_otiawase:hover:before{
color: #FAAC1C;
}







/* アップロードボタン */
.btn.btn-upload.btn-default{padding:6px 12px; line-height: 110%; font-size:14px; letter-spacing:0px;}

.pagetitle .btn.btn-upload{
	color: #fff;
    background-color:#00887A !important;
    border-color: #00887A!important;
}


/* アップロードボタン */
.btn.btn-upload::before {
    content:'\e2c6';
	margin-right:1px;
	vertical-align: middle;
	font-size:16px;
	line-height: 16px;
    font-family: "Material Icons";
}


.upload .input_thumbnailarea .btn{
	color: #5F6368;
    background-color:#F0F2F3 !important;
    border-color: #F0F2F3!important;
}
.btn.btn-sm.btn-file-upload,
.btn.btn-file-upload{
    background-image: url(../img/icon_addto01.svg);
	background-repeat:no-repeat;
    background-size:80%;
    padding: 3px;
    background-position: 2px 3px;
}
.btn.btn-sm.btn-file-upload:hover,
.btn.btn-file-upload:hover{
    background-image: url(../img/icon_addto01_on.svg);
}

/* KFN-392 （内部）river課題管理表 No. 599 */
.btn.btn-sm.btn-file-upload-599,
.btn.btn-file-upload-599 {
    background-image: url(../img/icon_addto01.svg);
	background-repeat: no-repeat;
    background-size: 80%;
    padding: 3px;
    background-position: 2px 3px;
}
.btn.btn-sm.btn-file-upload-599:hover,
.btn.btn-file-upload-599:hover {
    background-image: url(../img/icon_addto01_on.svg);
}
.btn.btn-sm.btn-file-upload-599,
.btn.btn-file-upload-599 {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    width: 28px!important;
    height: 28px!important;
    padding: 5px !important;
    margin-top: 0px;
    margin-left: 0px;
    box-shadow: none;
    float: left;
    color: #5f6368;
    background-color:#f0f2f3 !important;
    border-color: #f0f2f3 !important;
}
.btn.btn-file-upload-599::before {
    content: '';
	margin-right: 1px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}
/* end KFN-392 */

.btn.btn-sm.btn-file-upload,
.btn.btn-file-upload,
.btn.btn-sm.btn-file-delete,
.btn.btn-file-delete,
.btn.btn-sm.btn-file-delete01,
.btn.btn-file-delete01{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
    width:28px!important; height: 28px!important;
    padding: 2px !important;
    margin-top: -2px;
    margin-left: 12px;
    box-shadow:none;
    float: right;
}
.btn.btn-sm.btn-file-delete01,
.btn.btn-file-delete01{
    margin-left:3px;
    float: none;
}



.btn.btn-file-upload::before{
    content:'';
	margin-right:1px;
	vertical-align: middle;
	font-size:20px;
	line-height: 20px;

}
.btn.btn-file-delete::before {
    content:'\e14c';
    color: #808080;
	margin-right:0px;
	vertical-align: middle;
	font-size:22px;
	line-height: 24px;
    font-family: "Material Icons";
}

.btn.btn-file-delete01::before {
    content:'\e872';
    color: #808080;
	margin-right:0px;
	vertical-align: middle;
	font-size:20px;
	line-height: 20px;
    font-family: "Material Icons";
}

.btn.btn-file-delete:hover:before,
.btn.btn-file-delete01:hover:before{color: #fff;}


.input_thumbnailarea{  border-bottom:3px #ccc dotted; padding:6px 6px 10px 6px;}
.input_thumbnailarea hr{ display: none; visibility: hidden;}

/* ダウンロードボタン */
.btn.btn-download.btn-default{padding:6px 12px; line-height: 110%; font-size:14px; letter-spacing:0px;}

.btn.btn-download {
    color: #fff;
    background-color: #5F686D!important;
    border-color: #5F686D!important;
				}
.btn.btn-download::before {
    content:'\e2c4'; margin-right:1px; margin-left: -4px; vertical-align: middle;
				font-size:16px; line-height: 16px;
    font-family: "Material Icons";
}



/* プリントボタン */
.btn.btn-print {
    color: #fff;
    background-color: #5F686D!important;
    border-color: #5F686D!important;
				}
.btn.btn-print:before {
    content:'\e555'; margin-right:3px; vertical-align: middle;
				font-size:17px; line-height: 17px;
    font-family: "Material Icons";
}

.pagetitle .btn:hover,
.pagetitle .btn:active {
    color: #fff;
    background-color: #FF9800!important;
    border-color: #FF9800!important;
}



/*----------------------------------
   pagenation ページネーション部
-----------------------------------*/
.pagenation{ font-size: 13px!important; line-height: 16px!important; margin-top: 3px;}
.pagenation ol,
.pagenation ul,
.pagenation dl{
    margin-bottom:0.5rem;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #003C7E;
    border-color: #003C7E;text-decoration: none;
}
.page-link{padding: 0.15rem 0.4rem; }
a.page-link{color: #0056b3;}

.page-link:hover {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800;
}

.page-item.disabled .page-link{color:#ccc;}


/* ========================================================================== */
/* 08) 検索エリア */
/* ========================================================================== */

/* -- 検索ボタン -- */
.btn-search{ font-size: 18px!important; line-height: 20px;}
.btn-search::before {
    content:'\e8b6'; margin-right:3px; vertical-align: middle;
				font-size:22px; line-height: 24px;
    font-family: "Material Icons";
}


.search .form-control,
.search input,
.search input[type="text"],
.search input[type="email"],
.search input[type="password"]{
margin: 1px 3px 2px 0px;
padding: 0rem 0.3rem;
height: calc(1.5rem + 2px);
font-size: 14px !important;
line-height: 120%;
width: 100%;
}

.search input[type=radio],
.search input[type=checkbox] {
    width:18px;
    height:18px;
    font-size: 14px;
    margin-right: 3px;
}

.search label{vertical-align: middle;}
.search label label{padding-right:0rem;}
.search .custom-radio{ margin-right:1rem;;}
div.search .custom-control{min-height:1rem; }


div.search table{ margin:0px; padding:0px; border-collapse: separate; table-layout: fixed; width: auto!important;}

.container-fluid .search{margin-bottom: 0.5rem !important; padding:0.5rem !important; padding-left: 0rem!important;  padding-right: 0rem!important;}

.container-fluid .search .col-sm-2{padding-right:7px;}
.search .col-sm-10{ padding-left: 10px;}
.search .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #666;
}

.search input[type="password"],
.search input[type="text"],
.search textarea{width:98%;}
.search select,
.search .form-control {width: auto;}
.search select,
.search select.form-control{
height: calc(2rem);
padding: 0.2rem 2px 0.2rem 0.25rem;
line-height: 1.5;
max-width: 500px;
}


/*----------------------------
   検索項目 テーブル記述
-----------------------------*/
div.search input,
div.search select{ border-width: 1px;}
div.search table td{font-size:14px!important; line-height: 120%;}
div.search table th{font-size:14px!important; line-height: 120%;white-space: nowrap !important;}
div.search table .form-control{	font-size:14px!important; line-height: 120%; max-width: 100%;}

div.search table tr{ margin:0px;}
div.search table td{ margin:0px; padding:2px 4px; vertical-align:middle; min-height:36px;}
div.search th{
 	background-color:#E9E9E9;
 	color: #333;
 	min-width:110px;
 	text-align:left;
 	font-weight:normal;
	-moz-border-radius:3px 3px;
	-webkit-border-radius:3px 3px;
	border-radius:3px 3px;
	border:1px #fff solid;
	padding:0px 5px;

}
div.search table td label{margin-top: 0.25rem; margin-bottom: 0.25rem; margin-left: 1.5rem;}

#search_view {
	margin: 0 0 3px 1px;
}

#search_view .btn-secondary:not(:disabled):not(.disabled).active,
#search_view .btn-secondary:not(:disabled):not(.disabled):active,
#search_view .show>.btn-secondary.dropdown-toggle #search_view .active {
	color: #fff!important;
	background-color: #003C7E;
	border-color: #003C7E;
}

#search_view .btn {
	font-size: 13px;
}

.search_view_on {
	display: none;
}

/* ========================================================================== */
/* 09) フッター footer */
/* ========================================================================== */


/*------------------------------------
   入力ページ 登録・戻るボタンエリア
-------------------------------------*/

.footer_btn_area{ padding: 0px; margin: 0px; background-color: #fff;}


/* 登録ボタン */
.footer_btn_area .btn.btn_edit,
.footer_btn_area .btn.btn_goto,
.btn_edit{ border-color: #EC6063!important;
    background-color: #EC6063!important; color: #fff;
    float: right; width: 95%; max-width: 180px; font-size: 120%;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 3px -3px rgba(7,50,115,.4);
	margin-bottom:0px;
	padding: 0.25rem 0.5rem;
}
.footer_btn_area .btn.btn_edit.btn_confirmation,
.footer_btn_area .btn.btn_edit.btn_temporary_save,
.btn_edit.btn_confirmation{
border-color: #00887A!important;
background-color: #00887A!important;
color: #fff;
}

.footer_btn_area .btn.btn_edit::before {
    content:'\e3c9'; margin-right:6px; vertical-align: middle;
    font-family: "Material Icons";
}
.footer_btn_area .btn.btn_goto::before {
    content:'\e038';
    margin-right:6px;
    vertical-align: middle;
    font-family: "Material Icons";
}
.footer_btn_area .btn.btn_edit:hover,
.footer_btn_area .btn.btn_edit:focus,
.footer_btn_area .btn.btn_goto:hover,
.footer_btn_area .btn.btn_goto:focus {
    background-color: #FF9800!important;
	color: #fff; border-color: #FF9800 !important;
}
.btn_edit{ float: right; width: 95%; max-width: 150px; font-size: 110%;}
.btn_edit::before {
    content:'\e148'; margin-right:2px; vertical-align: middle;
				font-size:20px; line-height: 20px; margin-left: -5px;
    font-family: "Material Icons";
    }


/* 登録ボタン */

.btn.btn-primary.btn_edit_last,
.btn.btn-primary.btn_confirm,
.btn_edit_last,
.btn_confirm{ border-color: #EC6063!important;
    background-color: #EC6063!important; color: #fff;
    width: 95%; max-width: 390px; font-size: 120%;
    margin: auto;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 3px -3px rgba(7,50,115,.4);
	margin-bottom:0px;
	padding: .375rem 0.5rem;
}


/* 再編集 */

#btnReturn01.btn_saihen{
    background-color: #636363!important; color: #fff; border-color: #636363;
}
#btnReturn01.btn_saihen:hover{
    background-color: #FF9800!important; color: #fff; border-color: #FF9800;
}

/* 戻るボタン */
#btnNext,
#btnReturn{
    background-color: #F0F0F0!important; color: #333; border-color: #F0F0F0;
    box-shadow: 0 0px 0px 0 rgba(153, 153, 153, 0.14);
}
#btnReturn::before {
    content:'\e315'; margin-right:0px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
				font-size:20px; line-height:20px;
    }
.footer_btn_area #btnReturn::before {content:'\e314';}
#btnNext::before {
    content:'\e315'; margin-right:0px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
				font-size:20px; line-height:20px;
    }
#btnNext:focus,
#btnNext:hover,
#btnReturn:focus,
#btnReturn:hover{
    background-color: #FF9800!important; color: #fff; border-color: #FF9800;
	box-shadow: 0 14px 26px -12px rgba(35, 95, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 95, 176, 0.2);
}


#btnRet{
    background-color: #F0F0F0!important; color: #333; border-color: #F0F0F0;
    box-shadow: 0 0px 0px 0 rgba(153, 153, 153, 0.14);
}
#btnRet::before {
    content:'\e314'; margin-right:0px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
				font-size:20px; line-height:20px;
    }

#btnRet:focus,
#btnRet:hover{
    background-color: #FF9800!important; color: #fff; border-color: #FF9800;
	box-shadow: 0 14px 26px -12px rgba(35, 95, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 95, 176, 0.2);
}

/* 次へボタン */
.footer_btn_area .btn.btn_next,
.btn_next{ border-color: #FBBF3D!important;
    background-color: #FBBF3D!important; color: #333;
    float: right; width: 95%; max-width: 180px; font-size: 110%;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 3px -3px rgba(7,50,115,.4);
}
.footer_btn_area .btn.btn_next:after {
    content:'\e5cc'; margin-right:-3px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 22px; line-height: 26px;
	float: right;
    }
.footer_btn_area .btn.btn_next:hover,
.footer_btn_area .btn.btn_next:focus{
    background-color: #FF9800!important;
	color: #fff; border-color: #FF9800!important;
}


/* 戻るボタン */
.footer_btn_area .btn.btn_back,
.btn_back{
    background-color: #F0F0F0!important; color: #333; border-color: #F0F0F0;
    box-shadow: 0 0px 0px 0 rgba(153, 153, 153, 0.14);
}
.footer_btn_area .btn.btn_back::before {
    content:'\e314'; margin-right:0px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size:20px; line-height:20px;
    }
.footer_btn_area .btn.btn_back:focus,
.footer_btn_area .btn.btn_back:hover{
    background-color: #FF9800!important; color: #fff; border-color: #FF9800;
	box-shadow: 0 14px 26px -12px rgba(35, 95, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 95, 176, 0.2);
}

/* 閉じるボタン */
.footer_btn_area .btn.btn_close,
.btn_close{
    background-color: #F0F0F0!important; color: #333; border-color: #F0F0F0;
    box-shadow: 0 0px 0px 0 rgba(153, 153, 153, 0.14);
}
.footer_btn_area .btn.btn_close::before {
    content:'\e5cd'; margin-right:0px; margin-left: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size:20px; line-height:20px;
    }
.footer_btn_area .btn.btn_close:focus,
.footer_btn_area .btn.btn_back:hover{
    background-color: #FF9800!important; color: #fff; border-color: #FF9800;
	box-shadow: 0 14px 26px -12px rgba(35, 95, 180, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(38, 95, 176, 0.2);
}

/* プレビューボタン */
.btn.btn_preview{
    color: #fff;
    background-color: #007CFF;
    border-color: #007CFF;
}
.btn.btn_preview::before {
    content: '\e8f4';
    color: #fff;
    font-size:20px; line-height: 1em;
    margin-right: 5px;
    margin-left: -6px;
    margin-top: -3px;
    vertical-align: middle;
    font-family: "Material Icons";
}

/* 使い方(Markdownの書き方)ボタン */
.btn.btn_how_to_use {
    color: #333;
    background-color: #E8F0FE;
    border-color: #83B0D6;
}
.btn.btn_how_to_use:hover,
.btn.btn_how_to_use:active {
    color: #fff!important;
}
.btn.btn_how_to_use::before {
    content: '?';
    color: #fff;
    background-color: #4285F4;
    font-size:14px; line-height: 18px;
    margin-right: 4px;
    margin-left: -2px;
    margin-top: 1px;
    vertical-align: middle;
    width:  17px;
    height: 17px;
    border-radius: 2px;
    display: block;
    float: left;
}
.btn.btn_how_to_use:hover:before ,
.btn.btn_how_to_use:active:before {
    color: #FF9800!important;
    background-color: #fff;
}

/* 申込み */
.btn_moushikomi01{ border-color: #EC6063!important;
    background-color: #EC6063!important; color: #fff;
    float: none; width: 95%; max-width:450px; font-size: 140%;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 3px -3px rgba(7,50,115,.4);
	margin:40px auto 40px auto!important;
	padding:1.5rem 1.5rem;
    display: block;

}

.btn_arrow:after {
    content:'\e5cc'; margin-right:6px; margin-left:-36px; vertical-align: middle;
    color: #00887A;
    font-family: "Material Icons";
	font-size:26px; line-height: 1em;
	float: right;
    background-color:#fff; border-radius: 50%;
    }


/* ========================================================================== */
/* 10)トップページ TOP */
/* ========================================================================== */

.btn_main_menu .btn{
    background-color: #003C7E;
    border-color: #003C7E;
    color: #fff;
    text-align: left;
    font-size:20px; line-height: 130%;
}

.btn_main_menu .btn.topmenu_icon_list01{
    background-color: #26997B;
    border-color: #26997B;
    color: #fff;
    text-align: left;
    font-size:22px;
	line-height: 130%;
}


/* menu */

.container-fluid .btn:hover {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}


.topmenu_icon_list:before,
.topmenu_icon_list01:before{
	font-family:"Material Icons";
	color: #888!important;
	background-color:#F4F4F4;
	text-align: center;
	-moz-border-radius:38px;
	-webkit-border-radius:38px;
	border-radius:38px;
    display: block!important;
    float: left;
	padding:0px;
	width:36px; height: 36px;
    vertical-align: middle;
    margin-top: -4px; margin-right:12px; margin-left:-4px;
}

.topmenu_icon_list01:before {
	color: #26997B!important;
	-moz-border-radius:38px;
	-webkit-border-radius:38px;
	border-radius:38px;
	width:28px; height:28px;
    margin-top:-1px; margin-right:14px; margin-left:-1px;
}

.topmenu_icon_master:before {
	font-size:30px; line-height:37px!important;
	content:"\e7fe";
}

.topmenu_icon_master01:before{
	font-size:30px; line-height:39px!important;
	content:"\e614";
}

.topmenu_icon_master02:before{
	font-size:22px; line-height:26px!important;
	content:"\e7fe";
}

.topmenu_icon_master03:before{
	font-size:24px; line-height:30px!important;
	content:"\e55b";
}
.topmenu_icon_master04:before{
	font-size:24px; line-height:30px!important;
	content:"\e7ee";
}
.topmenu_icon_master05:before{
	font-size:24px; line-height:30px!important;
	content:"\e548";
}
.topmenu_icon_master06:before{
	font-size:26px; line-height:30px!important;
	content:"\e7f1";
}
.topmenu_icon_master07:before{
	font-size:26px; line-height:30px!important;
	content:"\e0e1";
	padding-top: 2px;
}



.topmenu_icon_manual02:before{
	font-size:22px; line-height:26px!important;
	content:"\e0e0";
}

.topmenu_icon_members:before {
	font-size:28px; line-height:34px!important;
	content:"\e0e0";
}

.topmenu_icon_manual:before {
	font-size:28px; line-height:34px!important;
	content:"\e0e0";
}

.topmenu_icon_faq:before {
	font-size:28px!important; line-height:38px!important;
	content:"\e0bf";
}

.topmenu_icon_faq:before {
	font-size:28px!important; line-height:38px!important;
	content:"\e0bf";
}

.topmenu_icon_faq02:before{
	font-size:21px; line-height:30px!important;
	content:"\e0bf";
}

/* ========================================================================== */
/* 11) 各ページ 共通 */
/* ========================================================================== */


.login_user_icon{ text-align: center; margin: auto;}
.login_user_icon::before {
content:"\e7fd";font-family:
"Material Icons";
color: #999!important;
background-color:#F4F4F4;
font-size:120px;
	-moz-border-radius:120px;
	-webkit-border-radius:120px;
	border-radius:120px;

	padding: 10px;
	width: 100px; height: 100px;
	margin: auto;
}

label{ color: #333!important;}

.search .card-body{padding:0rem;}
.search .col-sm-10{ width:calc(100% - 180px);
max-width:calc(100% - 180px !important);
flex-basis:calc(100% - 180px);
}

.search .col-sm-2{ max-width:175px; width:175px;}

.btn.btn-disable,
.btn.btn-disable:focus,
.btn.btn-disable.focus,
.btn.btn-disable:hover {
    color: #C3C3C3;
    background-color: #FAFAFA;
    border-color: #E4E4E4;
				box-shadow: 0 0px 0px 0px rgba(153, 153, 153, 0.42);
}

.material-icons{font-family: "Material Icons";}

.btn.btn-clear,
.btn.btn-clear:focus,
.btn.btn-clear.focus,
.btn.btn-clear:hover {
    color:#333;
    background-color: #F5F5F5;
    border:1px #EAE7E7 solid;
				box-shadow: 0 0px 0px 0px rgba(153, 153, 153, 0.42);
}
.btn-search{max-width: 145px; font-size:110%; float: right; margin-bottom: 6px!important;}
.btn-clear{max-width: 145px; font-size:110%; float: right; margin-bottom: 6px!important;}
.sort-area{ font-size: 13px!important; line-height: 14px;padding: 0!important; float: right; width:145px;}

.sort-area select{ padding: 2px!important; font-size: 13px; line-height: 15px;}

.asc:after {content: " \25B2"; font-size:8px!important; line-height: 12px!important; margin-left: -1px;}
.desc:after {content: " \25BC"; font-size: 8px!important; line-height: 12px!important;  margin-left: -1px;}

main{ padding-bottom:100px;}

.search .label_name{
	padding: 2px 5px ;
	background-color: #F7F7F7;
	-moz-border-radius:3px 3px;
	-webkit-border-radius:3px 3px;
	border-radius:3px 3px;
	line-height: 130%;
	font-size: 13px;
	margin-bottom: 6px;
	margin-left: 9px;
	margin-right: 9px;
	word-wrap: break-word;

	}
main .label_name{

	}
.form-bordered .form-group {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding-bottom: 20px;
}


.card-body{padding: 1rem 0.85rem;}

.th_edit,
.th_view{ width:50px;}
.th_delete{ width:70px;}



.important{ background-color:#FFF2F2;}


input[type="button"].button,
a.button:link,
a.button:visited{text-decoration: none;
    background-color: #0284C3;
    border: 1px #0284C3 solid;
    color: #fff;

}
input[type="button"].button:hover,
a.button:active,
a.button:hover {
	background-color: #FF9900;
	border: 1px solid #FF9900;
}


.card-body.card-checklist .column_area{
	font-size:1.25rem; line-height: 1.7rem;
	vertical-align: middle!important;
	color: #333; background-color: #fff;
	padding-top:26px;
}
.card-body.card-checklist .edit_area{ font-size:1.4rem; line-height: 1.5rem;}
.card-body.card-checklist .edit_area label{margin-bottom: 0px;color: #59564f;}
.card-body.card-checklist .column_number{
	background-color:#fff; text-align: center;
	font-size:2rem; line-height: 1.7rem;
	vertical-align: middle!important;
	color: #820049;
	padding-top:26px;
	word-wrap:normal;
}

.card-body.card-checklist .column_area01,
.card-body.card-checklist .edit_area01,
.card-body.card-checklist .column_number01,
.card-body.card-checklist .column_area,
.card-body.card-checklist .edit_area,
.card-body.card-checklist .column_number{border-bottom:2px solid #FCEDEF;}


.card-body.card-checklist.border_none .column_area,
.card-body.card-checklist.border_none .edit_area,
.card-body.card-checklist.border_none .column_number
.card-body.card-checklist .border_none .column_area,
.card-body.card-checklist .border_none .edit_area,
.card-body.card-checklist .border_none .column_area,
.card-body.card-checklist .border_none .column_number{border-bottom:0px solid #fff; border-width: 0px!important;}

.radio-label:hover {
    background-color: #FF7E00;
    border: 2px solid #FF7E00;
    color: #ffffff !important;
    transition-duration: 0.4s;
 }
 .radio-label{
	 display: block;
	 float: left;
	 margin: 5px 10px;
	 width:85%;
	 min-height: 45px;
	 text-align: center;
	 line-height:120%;
	 padding:5px 5px;
	 cursor: pointer;
	 color: #333;
	 border: 2px solid #E8E8E8;
	 background-color: #E8E8E8;
	 border-radius: 5px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 font-size: 95%;
 }


.edit_area01 .label_area{
    width:100%;
    float:none;
}
.edit_area01 .radio-label{
	display: block;
	margin: 10px 10px;
	width:100%;
	min-height: inherit;
	text-align: left;
	float: none;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	color: #333;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.2rem;
	line-height: 1.75rem;
 }

.edit_area01 input[type="radio"]:checked + label {
	background: #F7ECF7;
	color: #333!important;
	border-color: #F7ECF7;
	transition-duration:0.4s;
 }


.edit_area01 .radio-label::before {
    content:'\e836'; margin-left:-36px; margin-top: -1px;  vertical-align: middle;
    font-family: "Material Icons";
	font-size:28px; line-height: 28px;
	float: left;
    color: #ccc!important;
    }
.edit_area01 input[type="radio"]:checked + .radio-label::before {
    content:'\e837'; margin-left:-36px; margin-top: -1px; vertical-align: middle;
    font-family: "Material Icons";
	font-size:28px; line-height: 28px;
	float: left;
    color: #692453!important;
    }

/*input[type="radio"]:checked + label {
	background: #874084;
	color: #ffffff!important;
	border-color: #874084;
	transition-duration:0.4s;
 }*/

.label_area{width: 40%; float: left;}
input[type=radio].radio-input{
	display: none; /* チェックボックスを非表示にする */ }


.edit_area01 .radio-label:hover {
	color: #333!important;
	background: #FAFDCE;
	border-color: #FAFDCE;
	transition-duration:0.4s;
    }

.edit_area01 .radio-label:hover::before  {
	color: #FBBF3D!important;
	transition-duration:0.4s;
	content:'\e837';
    }

/* ========================================================================== */
/* アラート関係 */
/* ========================================================================== */


.th_alert{ background-color:#FEF2EB; color:#333;}

.card-body.card-checklist .edit_question{
    border-bottom: 0px solid #FCEDEF;
	padding-bottom: 26px!important;
	max-width: 850px;
}

.alert {
margin-top: 0.5em;
margin-bottom:0.5em;
}

.mypage_nav .alert {margin-top: 0em; padding-top: 0.5em; margin-bottom:0em;}
.alert-warning td{padding-left: 1em;}




/* ========================================================================== */
/* FAQ */
/* ========================================================================== */
.container-fluid .card-body .question{
	margin: 0 0 1rem 0;
}

.container-fluid .card-body .question h2{
    margin-top: 1.5rem !important;
    background-color: #eaf3ef;
    color: #116b3a !important;
    font-size: 16px !important;
    border-radius: 3px;
    padding: 0.3rem 1rem !important;
    line-height: 130%;
    border: #d5e8e0 1px solid;
}


.container-fluid .card-body .question .row{
	position: relative;
	margin:0 0 0 2em;
	border-bottom: #ccc dotted 1px;
	width: 97%;
	height: 50px;
	z-index: 1;
}
.container-fluid .card-body .question .row a{
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 100%;
	transition: 0.3s;
	z-index: 2;
}
.container-fluid .card-body .question .row a:hover{
	text-decoration: underline;
	color: #007bff !important;

}

.container-fluid .card-body .answer .question02{
	margin:0 0 1.5rem 2em;
	border-top: #4FA27E dotted 1px;
	border-bottom: #4FA27E dotted 1px;
	line-height: 140%;
	padding: 0.5rem 1rem 0.5rem 0;
	color: #116b3a;
}

.container-fluid .card-body .answer .answer02{
	margin:1rem 0 0.5rem 4em;
}


.container-fluid .card-body .answer ul{
	margin: 1rem 0 0 0.5rem;
}
.container-fluid .card-body .answer li{
	margin-bottom: 0.5rem;
	line-height: 140%;
}

.manual_dlarea{
	margin-bottom: 3rem;
}

.pagetitle .text-lg-right .another_menu{
	color:#00887A !important;
	background-color: #ECF3EF;
	padding: 0.3rem 1.5rem;
	margin-right: 1rem;
	margin-top: 0.2rem;
}
.pagetitle .text-lg-right .another_menu:link,.pagetitle .text-lg-right .another_menu:visited{
	color:#00887A !important;
	background-color: #ECF3EF;
	padding: 0.3rem 1.5rem;
}
.pagetitle .text-lg-right .another_menu:hover,.pagetitle .text-lg-right .another_menu:active{
	color:#fff !important;
}



/* ========================================================================== */
/* マニュアル管理 */
/* ========================================================================== */

/* ファイルアップロード */
.input .upload div{
	margin-bottom: 0.5rem;
	color:#156381;
	font-weight: bold;
	font-size: 14px;
}



/* ========================================================================== */
/* オプション：スライド関係 */
/* ========================================================================== */

.question01_bun{ background-color:#fff; height:200px; width:100%;
vertical-align: middle; display: table;
		-moz-border-radius:10px;
		-webkit-border-radius: 10px;
		border-radius:10px;
}

.question01_waku{
	font-size:2.7rem;
	line-height:130%;
	text-align: left;
	margin-bottom: 26px;
	vertical-align: middle;
	display: table-cell;
	margin-left: -226px!important;
	padding-top: 10px; }

.question01_bun h3{
	font-size:2.7rem;
	line-height:130%;
	text-align: center;
}

.question01_number{
	height:120px;
	width:120px;
	font-size:60px;
	line-height:150%;
	-moz-border-radius:120px;
	-webkit-border-radius: 120px;
	border-radius: 120px;
	background-color: #8F87CB;
	color: #FFF;
	display:block;
	text-align: center;
	float: left;
	margin-left: 26px;
	margin-right: 26px;
	padding-top:16px;
}


.question_balloon {
	position: relative;
	display: inline-block;
	margin: 0 auto 0 auto;
	padding:5px;
	width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF2E1;
	border: solid 5px #FFC778;
	box-sizing: border-box;
		-moz-border-radius:15px;
		-webkit-border-radius: 15px;
		border-radius:15px;
}

.question_balloon::before{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -23px;
	border:20px solid transparent;
	border-top:20px solid #fff;
	z-index: 2;
}

.question_balloon:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #FFC778;
	z-index: 1;
}

.edit_question .radio-label{ padding:15px 10px; width:90%; font-size:120%;}


.texts{ font-size:1.7rem; line-height: 130%!important; padding:20px 20px; text-align: left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
    margin:10px 20px 20px 20px;
    background-color: antiquewhite;
}

 abbr[title]:after {
	content: "" !important;
 }

/* 下書き保存ボタン */
.btn_draft{ border-color: #7a7a7a!important;
    background-color: #7a7a7a!important; color: #fff;
    float: right; width: 95%; max-width: 180px; font-size: 100%;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 3px -3px rgba(7,50,115,.4);
	margin-bottom:0px;
	margin-top:0.1rem !important;
	padding: 0.25rem 0.5rem;
}
.footer_btn_area .btn .btn_draft::before {
    content:'\e3c9'; margin-right:6px; vertical-align: middle;
    font-family: "Material Icons";
    }
.footer_btn_area .btn .btn_draft:hover,
.footer_btn_area .btn .btn_draft:focus{
    background-color: #FF9800!important;
	color: #fff; border-color: #FF9800 !important;
}

.footer_btn_area .btn.btn_draft::before {
    content: '\e3c9';
    margin-right: 6px;
    vertical-align: middle;
    font-family: "Material Icons";
}
.btn_draft::before {
    content: '\e148';
    margin-right: 2px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px;
    margin-left: -5px;
    font-family: "Material Icons";
}

/* 下書き呼び出しボタン */
.footer_btn_area .call #btnSubmit{font-size: 14px !important; padding: 0.1rem 1.5rem !important;margin-top: 0.5rem;}

/* サービス名 入力欄 */
.required .edit_area #sv-name {width: 100%;}


/* 規約枠 */
.card-body .terms_area{
margin: 2rem;
padding:1rem 2rem;
width:auto; height:300px;
border:solid 1px #666666;
border-radius: 2px;
box-sizing: border-box;
overflow-y: auto;
}
.terms_area .title{text-align: center; font-weight: bold; margin:1rem}

/* チェックボックス枠　グレー→白 */
.card-body .box{
	background-color:#fff !important;
	height: auto !important;
}

/* 編集画面　チェックボックス修正 */
.edit_area .checkbox label {float: left !important; margin:0 0.5rem; padding-bottom: 0.5rem;}

/* 一覧　未　ボタン */
.btn-still{
	background-color:#FF4800 !important;
	border-color:#FF4800 !important;}

/* 企業向けマイページ　フロー図 */
.area_flow{
	margin: 1rem auto 2rem auto;
	width: 98%;
	max-width: 900px;
}
.area_flow .title{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #003C7E;
	padding: 0.5rem 0;
	border-top: 2px #003C7E solid;
	border-bottom: 2px #003C7E solid;
	margin-bottom: 1rem;
	letter-spacing: 0.1em;
}

/* パンくず */
.pan{font-size:13px; padding:4px 10px 4px 12px;}/* 背景色はマイページタブに記述 */
.pan a{text-decoration: underline;}
.pan a:link,
.pan a:visited {  color: #003C7E;  }
.pan a:hover,
.pan a:active { COLOR: #aa0000!important;}




.pan_top::before {
    content:'\e88a'; color: #12826F; vertical-align: middle;
	font-size:16px; line-height: 1em; margin-left:-2px; margin-right:4px;  margin-top:3px;
    font-family: "Material Icons";
	float: left;
}


/* 本登録完了ページ */
.register_area{margin-top: -30px; font-weight: normal;}
.register_area .title{font-weight: bold; color: #003C7E; font-size: 20px; border-top: #00826B 1px dotted; padding-top: 10px; padding-bottom: 20px; margin-left: 0.5rem;}
.register_area .text_area{
	font-size: 16px;
	margin: 0 0 2rem 1rem;
	line-height: 180%;
}
.register_area .step_area{margin-left: 1rem;}

.step_area .title02{margin-bottom: 0.5rem; font-weight: bold;}
.step_area .text_area02{font-size: 16px; margin:0 0 1.5rem 5rem;}
.step_area ul{margin-left: -20px;}
.step_area li{margin-bottom: 1rem; font-size: 16px;}

/* 登録･編集画面　カーソル */

.label_name .control-label,.column_area .control-label{
	cursor:default !important;
}

/* 会員登録画面　同意エリア */
.consent_area {
	text-align: center !important;
	padding-bottom: 2rem;
}
.consent_area button{
	display: block;
    margin: auto;
}

.consent_area .btn_edit02 {
    width: 95%;
    max-width: 250px;
    font-size: 110%;
}

.btn.btn-primary.btn_edit03 {
    color: #fff;
    background-color: #EC6063 !important;
    border-color: #EC6063 !important;
}


.consent_area .btn_edit03 {
    width: 95%;
    max-width: 200px;
    font-size: 110%;
}

.consent_area .form-group label{
	margin-bottom: 1.5rem;
}

/* 提供サービス 検索　登録　項目：サービス提供が可能な都道府県 */
#pref_area #sector_0,
#pref_area #sector_1,
#pref_area #sector_2,
#pref_area #sector_3,
#pref_area #sector_4 ,
#pref_area #sector_5 ,
#pref_area #sector_6 ,
#pref_area #sector_7{padding-left:1em;}

#pref_area #sector_0 .form-check,
#pref_area #sector_1 .form-check,
#pref_area #sector_2 .form-check,
#pref_area #sector_3 .form-check,
#pref_area #sector_4 .form-check,
#pref_area #sector_5 .form-check,
#pref_area #sector_6 .form-check,
#pref_area #sector_7 .form-check{}



/* 提供サービス 検索　登録　項目：対象の事業、対象のSDGｓ */

.service_area .form-group{ width: 190px; float: left; margin-bottom: 0.5rem;}

.target_business .form-group{
	white-space: normal;
	width: 200px;
	float: left;
	margin-bottom: 0.2rem !important;
}
.sdgs_area .form-group{ width: 340px; float: left; margin-bottom: 0.5rem;}






/* 提供サービス 一覧 アイコンの色 */
.table-striped .url a,.table-striped .video a{color: #00887A !important; transition: 0.3s;}
.table-striped .url :hover,.table-striped .video :hover{color: #fd7e14 !important;}

/* ファイル追加ボタン */
.column_area .btn-warning{
	background-color: #00887A !important;
    border-color: #00887A !important;}


.control-label #tooltip .tooltiptext{
    background-color: #fff;
    color: #3D3D3D;
    border: 1px solid #A8A8A8;
    padding: 0.5rem 0.8rem;
    font-size: 14px;
    width: 260px;
    visibility: hidden;
    text-align: left;
  /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	border-radius: 5px;
}

/* Tooltip container */
.control-label #tooltip {
  position: relative;
  display: inline-block;
}

/* Show the tooltip text when you mouse over the tooltip container */
.control-label #tooltip:hover .tooltiptext {
  visibility: visible;
}

/* 企業＞サービス提供申込 */

.flowdiagram_area{ margin: 1rem 0 2rem 0; display:block; text-align: center;}
.area_flow { margin: 1rem auto 2rem auto; display:block;}
.flowdiagram_area .text_area,.area_flow .text_area{
    border: 2px solid #FFAD54;
    padding: 1rem 4rem;
    border-radius: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #FF8600;
    max-width: 880px;
    margin: 0px auto 2rem auto;
    text-align: left;
}


/* 企業＞サービス提供 対象のSDGｓ */
.SDGs_img_area .form-group{
  position: relative;
  width: 100px;
  height: 100px;

}
.checkbox .SDGs_img_area input[type=checkbox]{
    position: absolute;
    bottom: 3px;
    left:30px;
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.checkbox .SDGs_img_area img{ margin-left: -15px;}


/* 自治体マイページ　左メニュー下　支社への連絡ボタン */

.btn_contact_area{
	width: 95%;
    margin: 5px auto 0px auto;}

.btn_contact_area .button a{
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 0.2em 1em;
	text-decoration: none;
	color: #fff;
	background-color: #2798ad;
	border-radius: 3px;
	transition: .4s;}

.btn_contact_area .button :hover{
	background: #ff8800;
	color: #fff;
}

.btn.btn_biz_contact{
    color: #fff;
    background-color: #003C7E;
    border-color: #003C7E;
    box-shadow:none!important;
    padding:10px 0.6rem 5px 26px;
    text-align: left;
    float: none;
    width:calc(100% - 2px);
    line-height: 1em;
    position: static;
    margin-top: -10px; margin-bottom: 10px;

}
.btn.btn_biz_contact:before {
    content:'\e158'; color: #003C7E;
    margin-left: -22px; margin-top: -2px; vertical-align: middle;
    padding:2px 0px 0px 0px;
    text-align: center;
    font-family: "Material Icons";
    display: block;
    width:18px; height: 18px;
	font-size: 15px; line-height: 15px;
    float: left;background-color: #fff;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
     border-radius:20px;
}
.btn.btn_biz_contact:hover:before,
.btn.btn_biz_contact:hover:active{
	color: #F9AB22;
}
.btn_contact_area .text_area:before {
    content:'\e315';  vertical-align: middle;
    font-family: "Material Icons";
	font-size:24px; line-height: 1em;
    position: absolute;
    right:0px;
    margin-top: -15px;
    color: #fff;
}



.btn_contact_area .text_area{
	padding: 4px 0px 2px 0;
	font-size: 12px;
	line-height: 120%;
    border-top: 1px #fff dotted;
    width:92%;
    white-space: normal;
}


.btn_delete::before {
}




/* ========================================================================== */
/* 関係 */
/* ========================================================================== */

.mypage_top_button_title{ margin:36px 10px 20px 10px;}
.mypage_top_button_title h3{ border-top: 5px #003C7E solid;  border-bottom:5px #003C7E solid;
padding: 16px 10px;
width: 98%; max-width: calc(900px - 20px);
margin: auto;
}
.mypage_top_button_area{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%; max-width:880px;
  margin: auto;
}
.mypage_top_button{  width:calc(33% + 10px); margin: 10px 5px 16px 5px;
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 border-radius:10px;
 padding: 10px;
}
A.mypage_top_button:link,
A.mypage_top_button:visited {
  text-decoration: none;
  padding: 0.25em 0.5em 1em 0.5em;
  color: #FFF;
  background: #2C9A7A;/*背景色*/
  border-bottom: solid 2px #257A61;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  }
A.mypage_top_button:hover,
A.mypage_top_button:active { COLOR: #fff!important;
  background: #FFA300;/*背景色*/
    border-bottom: none;
}

.mypage_top_button_title01{ text-align: center; padding: 8px 0px 0px 0px; font-size: 140%; font-weight: bold;
  text-shadow: 1px 1px 1px rgba(25, 90, 70, 1);
}
A.mypage_top_button:hover .mypage_top_button_title01,
A.mypage_top_button:active  .mypage_top_button_title01{ text-shadow: 1px 1px 1px rgba(175, 115, 0, 1);}


.mypage_top_button_comment{ font-size: 13px; line-height:1.5em!important; padding:0px 10px; text-align: left;}
.bfsv_img{ width: 100%; max-width: 300px; float: left; }

.bf_sv_ken{  border-top: 2px #ccc dotted; margin-top: -6px; padding-top: 6px; padding-bottom: 10px;}




/* ========================================================================== */
/* 自治体 関係 */
/* ========================================================================== */


.lg_mypage .card-header{
    padding: 0.25rem 0.75rem 0.25rem 10px;
    margin-bottom: 0;
    background-color:#4772B3;
    color: #fff;
    border-bottom: 1px solid #4772B3;
}
.lg_view_header_icon {
margin-right:10px;
display: block;
vertical-align: middle;
font-size:20px; line-height:1em;
border-radius: 50%;
background-color:#fff;
width: 30px; height: 30px;
padding:5px;
}
.lg_mypage_h_area{
  display: flex;
  align-items: flex-end;
  height: 100%;
  font-size: 13px; line-height: 16px;
}
.lg_mypage_h_icon01{ width: 20px;}
.lg_mypage_h_name_area .lg_mypage_h_name{ font-size:16px; }
.lg_mypage_h_name_area .lg_mypage_h_name:last-child{ font-size: 24px; margin-right: 6px; }
.lg_mypage_h_group{ font-size:13px; }
.lg_mypage_h_group_area{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lg_mypage_h_group_koumoku{ padding: 0px 0 1px 16px; font-size: 10px; line-height: 11px;}
.lg_mypage_main_info .table { margin-bottom: 0.5em;}
.lg_mypage .table thead th,
.lg_mypage_main_info .table th,
.lg_mypage_main_info02 .table thead th,
.lg_mypage_main_info02 .table th{background: #E7F1FD; color: #333; padding: 6px 5px;}
.lg_mypage .table {
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
}
.lg_mypage .table thead th,
.lg_mypage_main_info .table th,
.lg_mypage_main_info .table.info_table TD {
    border-right : 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
}
.lg_mypage_main_info .table tr:nth-of-type(2n),
.lg_mypage_main_info02 .table tr:nth-of-type(2n){ background-color: #FAFBFB;}
.lg_mypage_h_edit_icon,
.company_mypage_h_edit_icon{
    font-size: 0px;
    line-height: 0px;
    box-sizing: border-box;
    display: block;
    border-radius: 50%;
    background-color:#D7DEE3;
    width:24px; height: 24px;
    overflow: hidden;
    margin-top:3px;
    vertical-align: middle;
}
.lg_mypage_h_edit_icon:before,
.company_mypage_h_edit_icon:before{
    content:'\e3c9';
    color: #4772B3;
    margin-left:3px;
    margin-top: 3px;
    display: block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 18px;
}
A.lg_mypage_h_edit_icon:link,
A.company_mypage_h_edit_icon:link,
A.lg_mypage_h_edit_icon:visited,
A.company_mypage_h_edit_icon:visited{ text-decoration: none;  background-color:#D7DEE3;}
A.lg_mypage_h_edit_icon:hover,
A.company_mypage_h_edit_icon:hover,
A.lg_mypage_h_edit_icon:active,
A.company_mypage_h_edit_icon:active{ text-decoration: none;  background-color:#FF9331;
transition-duration: 500ms;}
A.lg_mypage_h_edit_icon:hover:before,
A.company_mypage_h_edit_icon:hover:before{ color: #fff;}

.lg_mypage_h_delete_icon{
    font-size: 0px;
    line-height: 0px;
    box-sizing: border-box;
    display: block;
    border-radius: 50%;
    background-color:#D7DEE3;
    width:24px; height: 24px;
    overflow: hidden;
    margin-top:3px;
    vertical-align: middle;
}
.lg_mypage_h_delete_icon:before{
    content:'\e872';
    color: #4772B3;
    margin-top: 4px;
    margin-left: 3px;
    display: block;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 18px;
}
A.lg_mypage_h_delete_icon:link,
A.lg_mypage_h_delete_icon:visited{ text-decoration: none;  background-color:#D7DEE3;}
A.lg_mypage_h_delete_icon:hover,
A.lg_mypage_h_delete_icon:active { text-decoration: none;  background-color:#FF9331;
    transition-duration: 500ms;}
A.lg_mypage_h_delete_icon:hover:before{ color: #fff;}

.lg_mypage_sub_info_icon{ display: inline-block;}


.lg_mypage_company_icon,
.lg_mypage_company_name{display: block; white-space: ;}




.lg_mypage_company{
    display: block;
    align-items: flex-end;
    height: 100%;
}

.lg_mypage_company_icon{ display: none;}
.lg_mypage_company_number1 .lg_mypage_company_icon,
.lg_mypage_company_number2 .lg_mypage_company_icon,
.lg_mypage_company_number3 .lg_mypage_company_icon,
.lg_mypage_company_number4 .lg_mypage_company_icon,
.lg_mypage_company_number10 .lg_mypage_company_icon,
.lg_mypage_company_number84 .lg_mypage_company_icon,
.lg_mypage_company_number90 .lg_mypage_company_icon,
.lg_mypage_company_number91 .lg_mypage_company_icon,
.lg_mypage_company_number126 .lg_mypage_company_icon{
display: inline-block;
height:  28px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 3px;
vertical-align: middle;
background-position: center left;
}

/* 株式会社カルティブ */

.lg_mypage_company_number1 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_01.png); width: 81px; }
/* 株式会社エッグ */
.lg_mypage_company_number2 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_02.png); width: 130px; }

/* 株式会社サイバーレコード */
.lg_mypage_company_number3 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_03.png); width: 100px; }
/* 株式会社九州教育研修センター */
.lg_mypage_company_number4 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_04.png); width: 100px; }
/* 株式会社新朝プレス */

.lg_mypage_company_number10 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_05.png); width: 160px; }
/* NE株式会社 */

.lg_mypage_company_number84 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_06.png); width: 54px; }
/* 株式会社新東通信 */

.lg_mypage_company_number90 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_07.png); width: 130px; }
/* CCS(中央コンピューターサービス株式会社) */

.lg_mypage_company_number91 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_08.png); width: 80px; }
/* 株式会社ユーメディア */
.lg_mypage_company_number126 .lg_mypage_company_icon{
background-image:url(https://cms.cpriver.jp/img/lg_mypage_company01_09.png); width: 140px;height:30px; }

.lg_mypage_company_number1   .lg_mypage_company_name,
.lg_mypage_company_number2   .lg_mypage_company_name,
.lg_mypage_company_number3   .lg_mypage_company_name,
.lg_mypage_company_number4   .lg_mypage_company_name,
.lg_mypage_company_number10  .lg_mypage_company_name,
.lg_mypage_company_number84  .lg_mypage_company_name,
.lg_mypage_company_number90  .lg_mypage_company_name,
.lg_mypage_company_number91  .lg_mypage_company_name,
.lg_mypage_company_number126 .lg_mypage_company_name{
display: none; visibility: hidden;
}
/*
.lg_mypage_company_number1 .lg_mypage_company_name:before,
.lg_mypage_company_number2 .lg_mypage_company_name:before,
.lg_mypage_company_number3 .lg_mypage_company_name:before,
.lg_mypage_company_number4 .lg_mypage_company_name:before,
.lg_mypage_company_number10 .lg_mypage_company_name:before,
.lg_mypage_company_number84 .lg_mypage_company_name:before,
.lg_mypage_company_number90 .lg_mypage_company_name:before,
.lg_mypage_company_number91 .lg_mypage_company_name:before,
.lg_mypage_company_number126 .lg_mypage_company_name:before{
    content:'(';
    margin-left : 3px;
    margin-right: 2px;
    display: inline-block;
}
.lg_mypage_company_number1 .lg_mypage_company_name:after,
.lg_mypage_company_number2 .lg_mypage_company_name:after,
.lg_mypage_company_number3 .lg_mypage_company_name:after,
.lg_mypage_company_number4 .lg_mypage_company_name:after,
.lg_mypage_company_number10 .lg_mypage_company_name:after,
.lg_mypage_company_number84 .lg_mypage_company_name:after,
.lg_mypage_company_number90 .lg_mypage_company_name:after,
.lg_mypage_company_number91 .lg_mypage_company_name:after,
.lg_mypage_company_number126 .lg_mypage_company_name:after{
    content:')';
    margin-left : 2px;
    margin-right: 3px;
    display: inline-block;
}
 */

.lg_mypage_title_member:before {
    content: '\e7ef';
    color: #fff;
    margin-left: 3px;
    margin-right: 4px;
    margin-top: -1px;
    display: block;
    float: left;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size:  19px;
    line-height:17px;
    border-radius: 50%;
    background-color: #4772B3;
    padding: 4px;
    width: 26px; height: 26px;
}
.lg_mypage_title_kakokifu:before {
    content: '\e7ee';
    color: #fff;
    text-align: center;
    margin-left: 3px;
    margin-right: 4px;
    margin-top: -1px;
    display: block;
    float: left;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height:18px;
    border-radius: 50%;
    background-color: #4772B3;
    padding: 4px;
    width: 26px; height: 26px;
}

.lg_mypage_title_project:before {
    content: '\e97a';
    color: #fff;
    text-align: center;
    margin-left: 3px;
    margin-right: 4px;
    margin-top: -1px;
    display: block;
    float: left;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height:18px;
    border-radius: 50%;
    background-color: #4772B3;
    padding: 4px;
    width: 26px; height: 26px;
}

.lg_dashboard_l .lg_mypage_main_info_default,
.lg_mypage_main_info02{ padding-left:14px;}
.lg_dashboard_r .lg_mypage_main_info_default,
.lg_dashboard_r .lg_mypage_main_info02{ padding-left:6px;}

.lg_mypage_main_info02 th,
.lg_mypage_main_info02 .table th{ width: 70px;}

.lg_mypage table tbody tr:first-child th,
.lg_mypage table tbody tr:first-child td,
.admin_mypage table tbody tr:first-child th { border-top:0px #aaa solid; }
	.edit_area_none .info_table .p-name{
		text-align: left !important;
		background-color: #00826B;
		color: #fff !important;
}

.lg_mypage_main_info_default .table > tbody > tr > td{
    padding: 6px 4px;
}

.lg_mypage_main_info_default .table thead,
.lg_mypage .table thead{ border-bottom: 1px solid #C8C8C8;}

.lg_mypage_main_info_default .table tbody tr:first-child td,
.lg_mypage .table tbody tr:first-child td {
    border-top: 1px #aaa solid;
}

.lg_mypage button.btn.btn_modal_help{
    font-size:14px;
    line-height: 6px;
    width: 17px;
    height:17px;
    padding: 0px;
    border-radius: 2px;
    background-color: #9BB4E1;
    border: 1px #9BB4E1 solid;
    color: #fff;
    float: right;
    display: block;
    text-align: center;
    box-shadow: none;
    position: absolute!important;
    top:6px;
    right: 5px!important;

}


.lg_mypage_company {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}


.modal{ z-index: 9000;
}

@media (max-width: 1200px) {
.lg_mypage_company { display: block;}
.btn_shisya_otiawase{ display: inline-block; margin-top:3px; float: none;}
}/* 1150px以上 */

@media (max-width:768px) {
.lg_mypage_company { display: flex;}
.btn_shisya_otiawase{ display: inline-block; margin-top:3px; float: right;}
}
  @media (max-width: 600px) {
.lg_mypage_company { display: block;}
.btn_shisya_otiawase{ display: inline-block; margin-top:3px; float: none;}
}/* 1150px以上 */






/* ========================================================================== */
/* 印刷関係 */
/* ========================================================================== */
.print_only{ visibility: hidden!important; display: none!important;}

@media print {
  .print_only{ visibility: inherit!important; display: block!important;}
  .print_none{ display: none!important; visibility: hidden!important;}
  }


/* ========================================================================== */
/* モバイル用 */
/* ========================================================================== */

@media (min-width: 1200px) {
  .navbar,.page-footer, main {  padding-left:0px; }
		}

@media (max-width: 1199.98px) {
  .sidebar-fixed {  display: none; }
  }

@media (max-width:1100px) {
  .btn.btn-sm, .btn-group-sm > .btn, .btn-group-sm .btn {padding: 0.1rem 0.4rem;}
.btn_shisya_otiawase{float: none;}
.lg_mypage_company.lg_mypage_company_number2{ margin-top: 6px;}
}

@media (max-width:991.98px) {

  .h-icon-help, .h-icon-logoff a{float: left!important; }
  .h-icon-help, .h-icon-logoff {
		width:26px;
		height:26px;
		margin-left:10px;
		margin-right: 10px;
				}
  .edit_area {border-left: 1px solid #ccc9be;}
  .area_flow .title{
	font-size: 20px;
}
.cn_kibou .subtitle{ font-size:110%; }
.cn_kibou .cn_kibou_comment{ text-align: left;}
.cn_kibou .cn_kibou_u_titlet{ text-align: left;}

}


@media (max-width:768px) {
.edit_area{margin-left: 0px;}
.pagetitle .h1_pagetitle_frame h1 {width:auto;
}
}
@media (min-width: 768px) {
.header_right .dropdown-menu{min-width: 160px; max-width:80%;}
}




.alert-success {
color: #333;
background-color: #E4FCCB;
border-color: #689F00;
border:3px solid #029A02;
}
.mypage_nav .alert{ padding-left: 1.5em; font-size: 120%;}
.alert-success:before {
    content:'\e000';
    color: #029A02;
    vertical-align: middle;
    font-family: "Material Icons";
	font-size:28px; line-height: 28px;
	float: left;
    margin-left: -10px!important;
    margin-right: 6px;
    margin-top: -4px;
    }


.alert-warning {
    color: #333;
    background-color: #FDF7DB;
    border:3px solid #F4A2A4;
}
.alert table{ box-sizing: border-box; width:calc(100% - 30px);}
tr.table_message_tr th{ white-space:nowrap;}
tr.table_message_tr td{ width: 100% ;}
tr.table_message_tr th{ padding-left: 0.5em;}
.alert-warning tr.table_message_tr th{ color: #842029;}


.alert table tr.table_message_tr th,
.alert table tr.table_message_tr td{ vertical-align: top; padding-top: 8px; }
.alert-warning tr.table_message_tr:first-of-type th,
.alert-warning tr.table_message_tr:first-of-type td{ padding-top: 0px; }

.alert-warning:before {
    content:'\e000';
    color: #EC6063;
    vertical-align: middle;
    font-family: "Material Icons";
	font-size:28px; line-height: 28px;
	float: left;
    margin-left: -10px!important;
    margin-right: 6px;
    margin-top: -4px;
    }



.alert-danger {
color: #333;
background-color: #FEEFEF;
border-color: #E49492;
}
.alert-danger th{ color: #721c24;}


.top_kaisetu{
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:4px #97ACD2 solid;
 margin:1rem auto 2rem auto;
 padding: 1.5rem 4rem 2rem 4rem;
 box-sizing: content-box;
 max-width:750px;
 width: 100%;
 text-align: left;
}

.top_kaisetu li{text-align: left;}

.top_kaisetu_title{ font-size: 160%;
color: #003C7E;
margin:0 auto 1rem auto;
text-align: center;
font-weight: bold;

}

.confirmation_alert {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
border-radius:10px;
border:4px #EC6063 solid;
 padding: 10px 20px;
}
.confirmation_alert.confirmation_alert_cfm {
border:4px #FFB76F solid;
}

.btn.btn_search_subbutton{
    color: #333;
    background-color: #F1F3F4;
    border-color: #aaa;
    box-shadow:none!important;
    padding: 1px 0.6rem;
}
.bfsv_search_area_frame{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%; margin: 0px; padding:0px 0px 0px 0px;
  border-top: 1px #ccc dotted;;
}
.bfsv_search_area_category01{ min-width: 9em; width: 9em; background-color: #F4F4F4; padding-top: 2px;}
.bfsv_search_area_category02{border-left: 1px #ccc dotted; padding-top: 2px;}
/* 提供サービス 検索　登録　項目：サービス提供が可能な都道府県 */
.search #pref_area #sector_0,
.search #pref_area #sector_1,
.search #pref_area #sector_2,
.search #pref_area #sector_3,
.search #pref_area #sector_4 ,
.search #pref_area #sector_5 ,
.search #pref_area #sector_6 ,
.search #pref_area #sector_7{padding-left:0em;}

a[aria-expanded="false"]:after {
    content:'\e313'; margin-left: -2px; margin-right: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 16px; line-height: 16px;
}

a[aria-expanded="true"]:after {
content:'\e316'; margin-left: -2px; margin-right: -6px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 16px; line-height: 16px;
}
.search .sdgs_area .form-group{ margin-bottom:0px;}


.lg_view_tab_level_frame{display: flexbox; padding: 3px 6px; border-bottom: 1px #ccc dotted;}
.lg_view_tab_level_frame.tab_frame_level1{border-bottom: 2px #A6A6A6 solid;}
.lg_view_tab_level_area{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  font-size: 16px; line-height:1.5em;
  width:calc(100% - 60px); float: left;
  }
.lg_view_tab_level_area div{box-sizing: content-box; }
.lg_view_tab_level01,
.lg_view_tab_level02,
.lg_view_tab_level03,
.lg_view_tab_level04,
.lg_view_tab_level05{ border-right: 1px #ccc dotted; padding-right:10px; }



.lg_view_tab_level02::before  {
    content:'\e315';  font-family: "Material Icons";
    margin-right:0.25em;
    margin-left: -1.75em;
    color: #ccc; vertical-align: middle;
    }
.lg_view_tab_level03::before  {
    content:'\e315　\e315';  font-family: "Material Icons";
    margin-right:0.25em;
    margin-left: -3.75em;
    color: #ccc; vertical-align: middle;
    }
.lg_view_tab_level04::before  {
    content:'\e315　\e315　\e315';  font-family: "Material Icons";
    margin-right:0.25em;
    margin-left: -5.75em;
    color: #ccc; vertical-align: middle;
    }
.lg_view_tab_level05::before  {
    content:'\e315　\e315　\e315';  font-family: "Material Icons";
    margin-right:0.25em;
    margin-left: -7.75em;
    color: #ccc; vertical-align: middle;
    }

.lg_view_tab_level01{ width:calc(100% - 15em);}
.lg_view_tab_level02{ padding-left:4em;  width:calc(100% - 19em);}
.lg_view_tab_level03{ padding-left:6em;  width:calc(100% - 21em);}
.lg_view_tab_level04{ padding-left:8em;  width:calc(100% - 23em);}
.lg_view_tab_level05{ padding-left:10em; width:calc(100% - 25em);}

.lg_view_tab_date{ width: 220px; text-align: center;  padding-left: 5px; padding-right: 5px; border-right: 1px #ccc dotted; }
.lg_view_tab_link{ width: 280px; padding-left: 5px; padding-right: 5px; }

.lg_view_tab_icon{
width: auto; min-width: 4em;
text-align: center;
padding: 4px 6px;
float: right;
font-size: 12px; line-height: 1em;
margin-left: 6px;
margin-top: 2px;
 background-color: #9D9D9D; color: #fff;
  -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
.lg_view_tab_icon.lg_tab_icon未着手{
visibility: inherit;
display: inline-block;
background-color: #9D9D9D; color: #fff;
}
.lg_view_tab_icon.lg_tab_icon実施中{
visibility: inherit;
display: inline-block;
background-color: #E8EAED; color: #333;
}
.lg_view_tab_icon.lg_tab_icon完了{
visibility: inherit;
display: inline-block;
background-color: #E8EAED; color: #aaa;
}

.lg_view_tab_level02a::before,
.lg_view_tab_level02 .lg_view_tab_level::before  {
    content:'再生';

    margin-top: 2px;
    font-size: 13px!important; line-height:1.5em!important;
    display: inline-block;
    color: #666;
    border: 1px #ccc solid;
    background-color: #F1F3F4;
    vertical-align: middle;
    padding: 0px 3px ;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
    }
.lg_view_tab_level03a::before,
.lg_view_tab_level03 .lg_view_tab_level::before  {
    content:'事業';
    margin-top: 2px;
    font-size: 13px!important; line-height:1.5em!important;
    display: inline-block;
    color: #666;
    border: 1px #ccc solid;
    background-color: #F1F3F4;
    vertical-align: middle;
    padding: 0px 3px ;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
    }
.lg_view_tab_level04a::before,
.lg_view_tab_level04 .lg_view_tab_level::before  {
    content:'PJ';
    margin-top: 2px;
    font-size: 13px!important; line-height:1.5em!important;
    display: inline-block;
    color: #666;
    border: 1px #ccc solid;
    background-color: #F1F3F4;
    vertical-align: middle;
    padding: 0px 3px ;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
    }




.area_flow.cn_kibou{
text-align: center;
max-width: 900px;
margin: auto;
border-top: 3px dotted #ccc9be;}
.cn_kibou_area{background-color: #F0F0F0; padding:20px 20px ;
border-radius: 10px;}
.cn_kibou .title{ color: #156482;
border-top: 2px #007C8A solid;
border-bottom: 2px #007C8A solid;}
.cn_kibou .subtitle{ font-size: 130%; line-height: 1.5em; font-weight: bold; color: #156482;}
.cn_kibou .cn_kibou_comment{ background-color: #fff;; padding:40px 10px;
border-radius: 10px; border:3px #0093A5 solid;}
.cn_kibou .cn_kibou_comment01{ text-align: left;
    padding: 1.5rem 1rem 0rem 1rem;
    margin: auto;
    max-width: 550px;
    }
.cn_kibou_comment02{ font-size: 110%;}
.cn_kibou_url{
    padding: 10px 40px 20px 40px;
    background: #eff6fa;
    margin: 15px auto;
    border-radius:10px;
    display: block;
    text-align: center;

}
.cn_kibou_url A:link,
.cn_kibou_url A:visited{color: #09478A;}
.cn_kibou_url A:hover,
.cn_kibou_url A:active {color: #007bff;}
.cn_kibou_u_titlet{
font-size:1.25em; line-height: 1.25em;
letter-spacing: 1px;
margin:16px 10px 0px 10px;
color: #09478A;
}







/* --------------------------------------------------------- */
/* table Fix見出し対応　各記述  */
/* 先頭行　固定  */
.table-bordered.table-striped.sticky_table thead{  position: sticky; z-index: 998; top:66px; left: 0; }
.post_process .table-bordered.table-striped.sticky_table thead{  top:0px;  }

/* 「都道府県」固定  */
.table-bordered.table-striped.sticky_table td.d_t_td_todofuken{ position: sticky; z-index: 999; top: 0; left: 0; }
/* 各都道府県名 固定  */
.table-bordered.table-striped.sticky_table td.row_header{  position: sticky; z-index: 997; left: 0;}
.table-bordered.table-striped.sticky_table td.row_header_kei{  position: sticky; z-index: 997; left: 0; border-right:1px solid #EBEBEB;}

.table-bordered.table-striped.sticky_table th{  position: sticky; }









@-moz-document url-prefix() {
  /* ここに書く */
}





.side_nav_frame_info .flex-column li{font-size: 0.9rem !important;line-height: 150% !important;}
.side_nav_frame_info .flex-column li a{display:block;margin: -8px -10px -6px -22px;padding: 8px 10px 6px 22px;}
.side_nav_frame_info .flex-column li a:hover{background-color: #E2F4FF; cursor:pointer; transition: 0.3s;}

.mypage_top_info_r .list{display: flex; padding-top: 0.3rem !important; border-bottom: #ccc 1px dotted;}




.h1_page_link{ font-size: 16px; line-height: 18px;
display: inline-block; border-radius: 4px;
    margin-right: 4px;
    margin-bottom: -1px;
    padding:8px 10px;
    }
A.h1_page_link:link,
A.h1_page_link:visited { color:#6E6E6E; text-decoration: none;}
A.h1_page_link:hover,
A.h1_page_link:active { color:#fff; background-color: #FF9800; border-color: #FF9800; }

.h1_page_link::after {
    content:'\e5db'; vertical-align: middle; padding:0px;
	font-size:17px; line-height: 18px; margin-top: -5px; margin-left:6px;
    font-family: "Material Icons";
        border: 1px #6E6E6E solid; background-color: #6E6E6E; color: #fff;
        border-radius:3px;
    }
.h1_page_link:hover:after {
color:#FF9800; background-color: #fff; border-color: #fff;
    }






/* H1対象者 アイコン設定 */


.h1_user_icon_area .h1_user_icon_area01{
    -webkit-align-items: center;
    align-items: center;
    height: 30px;
    margin: 0 8px 0 0;
    display: flex;
}
.admin.login .f_24 .h1_user_icon_area{
font-size: 10px!important;
line-height: 10px!important;

}
.admin.login .h1_user_icon_area .h1_user_icon_area01{margin-top: -4px!important;}

.h1_user_icon_area .h1_user_icon{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0!important;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    box-sizing: border-box;
    height:34px;
    overflow: visible;
    width:33px;
}
.h1_user_icon_area .h1_user_icon_inner{
    height:32px;
    width: 32px;
    border-radius: 50%;
    margin:1px 1px 1px 0!important;
    padding: 0px 0px 0 0px!important;
    border: none;
    color: #ccc;
    font-size:18px; line-height:30px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #dadce0;

    overflow: visible;
}

.h1_user02_icon_area .h1_user_icon_area01{
    -webkit-align-items: center;
    align-items: center;
    margin: 2px 8px 0px 0;
    display: flex;

}


/* オン・オフのアイコン設定がある場合
.h1_user_icon_inner.h1_u_icon01.h1_u_icon_on, */
.h1_user_icon_inner.h1_u_icon01.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon02.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon03.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon04.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon05.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon06.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon07.h1_u_icon_on,
.h1_user_icon_inner.h1_u_icon08.h1_u_icon_on,
.admin.login .h1_user_icon_inner.h1_u_icon01,
.admin.login .h1_user_icon_inner.h1_u_icon02,
.admin.login .h1_user_icon_inner.h1_u_icon03,
.admin.login .h1_user_icon_inner.h1_u_icon04,
.admin.login .h1_user_icon_inner.h1_u_icon05,
.admin.login .h1_user_icon_inner.h1_u_icon06,
.admin.login .h1_user_icon_inner.h1_u_icon07,
.admin.login .h1_user_icon_inner.h1_u_icon08{
 color:#fff;
 background-color: #607CB7;
 border-color: #607CB7;
}
/* 自治体専用 */
/*.h1_user_icon_inner.h1_u_icon07.h1_u_icon_on{
 color:#fff;
 background-color: #4B889F;
 border-color: #4B889F;*/
}
.pagetitle .h1_user_subtitle,
.h1_user_subtitle{
position: relative;
    display: -moz-inline-box;
    display: inline-block;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    box-sizing: border-box;
    overflow:;
    width: auto;
    font-size:20px; line-height: 1.75em;
    padding-top: 6px!important;
    color: #555;
}

.admim_user{ visibility: hidden; display: none;}
.admin.login .admim_user{ visibility: inherit; display: inline-block;}

.login_LG_only{visibility: inherit; display: inline-block;}
.admin.login .login_LG_only{ visibility: hidden; display: none;}

.login_user_icon_area{display: inline; vertical-align: middle;line-height: 20px; font-size:26px;}
.adminlogin_river_logo{
    font-size:26px!important;
    line-height:26px;
    padding-right:2px;
    vertical-align:text-bottom;
}
.adminlogin_river_text{font-weight: bold;
vertical-align: middle;
font-size:18px!important; line-height:22px;
    font-family:serif;
    display: inline-block; padding:5px 20px 5px 20px;
    margin-top: -2px;
    color: #fff;
    background-color:#ED8077;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.table > tbody > tr > td.clist_kubun_td,
.table td.clist_kubun_td{ font-size: 0px; line-height: 0px;}
.table th.clist_kubun_th,
.table td.clist_kubun_td{min-width:8em; max-width:190px!important; }
.clist_kubun_item{
display: inline-block;
font-size:13px; line-height: 18px;
}
.clist_kubun_item::after{content: "、"; display: inline-block;}
.clist_kubun_td .clist_kubun_item:last-child:after{content: "";}



a.th_kaisetu,
.sticky_table th a.th_kaisetu{font-size:10px; line-height:6px; width: 13px; height: 13px; padding: 3px; border-radius: 2px!important; background-color: #B2C4D8!important;color: #fff!important;  border-color:#B2C4D8!important;  position: absolute!important; top: 1px; right:1px!important; float: right; display: block;left: inherit; }
.pre_font{font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  }
.btn-edit.btn-edit_icon{ font-size: 0px; line-height: 0px; width: 16px; height: 19px; box-sizing: content-box; }
.btn-edit.btn-edit_icon:before {
    content:'\e3c9';
    color: #fff; margin-left:0px; margin-top: 0px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 18px; line-height: 18px;
}

a.th_kaisetu_edit{
    font-size:10px; line-height:6px; width: 13px; height: 13px; padding: 3px; border-radius: 2px!important; background-color: #B2C4D8!important;color: #fff!important;  border-color:#B2C4D8!important; top: 0px; left:10px!important;
}

a.th_kaisetu_dashboard_index {
    font-size:10px;
    line-height:6px;
    width: 13px;
    height: 13px;
    padding: 3px;
    border-radius: 2px!important;
    background-color: #B2C4D8!important;
    color: #fff!important;
    border-color:#B2C4D8!important;
    top: 0px;
    left:0px!important;
}
a.th_kaisetu_lg_index{
    font-size:10px;
    line-height:6px;
    width: 13px;
    height: 13px;
    padding: 3px;
    border-radius: 2px!important;
    background-color: #B2C4D8!important;
    color: #fff!important;
    border-color:#B2C4D8!important;
    position: absolute!important;
    top: 1px;
    right:1px!important;
    float: right;
    display: block;
}

a.btn_kaisetu{
    font-size:12px; line-height:6px; width: 14px; height: 14px; padding: 5px 0; border-radius: 50%!important; background-color: #fff!important;color: #FF8515!important;  border-color:#fff!important; top: 0px; left:5px!important; font-weight: bold;
}
a.btn_kaisetu:hover{
    background-color: #FF8515!important; color: #fff!important;
}
a.btn_kaisetu2{
    font-size:12px; line-height:5px; width: 14px; height: 14px; padding: 5px 0; border-radius: 50%!important; background-color: #fff!important;color: #636363!important;  border-color:#fff!important; top: 0px; left:5px!important; font-weight: bold;
}
a.btn_kaisetu2:hover{
    background-color: #636363 !important; color: #fff!important;
}

button.btn.btn_modal_help{
    font-size: 10px;
    line-height: 6px;
    width: 13px;
    height: 13px;
    padding:0px;
    border-radius: 2px;
    background-color: #9BB4E1;
    color: #fff;
    border-color: #666;
    float: right;
    display:block;
    text-align: center;
    box-shadow: none;
    position: absolute!important;
    top: 1px;
    right:1px!important;
}
.table-striped button.btn.btn_modal_help{
    background-color: #B2C4D8!important;
    border-color: #B2C4D8!important;
}
.table-striped button.btn.btn_modal_help:hover{
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
}

.btn_modal_help_fukidashi{}
.tooltip-inner ul{padding-left: 0.25em; margin-left:1.25em;}
.tooltip-inner li{ padding: 0 0 0.25em 0; margin: 0;}

.btn-default.btn-opnew_icon{ font-size: 0px; line-height: 0px; height: 19px; box-sizing: content-box; }
.btn-default.btn-opnew_icon:before {
    content:'\e89e';
    color: #fff; margin-left:0px; margin-top: 0px; vertical-align: middle;
    font-family: "Material Icons";
	font-size: 18px; line-height: 18px;
}

.btn-default.btn-opnew_icon.btn_icon_only{
background-color: transparent;
border: 0px #fff solid;
display: inline-block;
width: auto;height: auto;
padding: 0px; margin: 0 auto;
box-shadow: none;
}
.btn-default.btn-opnew_icon.btn_icon_only:before{
    color: #636363; margin:0 auto; vertical-align: middle;
	font-size:24px; line-height: 1em;
}
.btn-default.btn-opnew_icon.btn_icon_only:hover:before,
.btn-default.btn-opnew_icon.btn_icon_only:hover:active{  color: #FFF; }


.btn_modal_help_fukidashi{ position: relative;}
/* 吹き出し部分の記述はココに */
.btn_modal_help_fukidashi:hover::before {
    content: 'クリックで詳細表示';
    top: -40px;
    display: inline-block;
    left: -30px;
    position: absolute;
    width: auto;
    font-size: 13px;
    line-height: 1em;
    padding: 0.2em 0.2em 0;
    padding: 8px 10px;
    background-color: #000;
    border-radius: 3px;
}

.btn_modal_help_fukidashi:hover::after {
    top: -12px;
    left: -2px;
    border-width: 8px 8px 0;
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-color: #000;
    }











a.div_kaisetu,
.div a.div_kaisetu{font-size:10px; line-height:6px; width: 13px; height: 13px; padding: 3px; border-radius: 2px!important; background-color: #B2C4D8!important;color: #fff!important;  border-color:#B2C4D8!important; z-index: 899; top: 1px; right:1px!important; float: right; display: block; left: inherit; }
.pre_font{font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;  }
.btn-edit.btn-edit_icon{ font-size: 0px; line-height: 0px; width: 16px; height: 19px; box-sizing: content-box; }
.btn-edit.btn-edit_icon:before {
    content:'\e3c9';
    color: #fff; margin-left:0px; margin-top: 0px; vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px; line-height: 18px;
}

A.icon_linkcopy{ margin-left: 4px; display: inline-block;
font-size:20px; line-height: 1em;
    background-color: #F0F0F0;
    border: 1px solid #aaa;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    width: 24px; height: 24px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 4px;
    position: relative;
}

.h3_title A.icon_linkcopy{ margin-top: 0px;}
.lg_memo_url_link01 A.icon_linkcopy,
.c_memo_url_link01 A.icon_linkcopy {
    margin-right: 0px!important;
}

A.icon_linkcopy:hover {
    background-color: #FF9800;
    border: 1px solid #FF9800;
}

A.icon_linkcopy:link,
A.icon_linkcopy:visited,
A.icon_linkcopy:hover,
A.icon_linkcopy:active { text-decoration: none;}
a.icon_linkcopy::after {
    content:'\e157';
    font-family: "Material Icons";
    vertical-align: middle;
    display:block;
    font-size:20px; line-height: 1em;
    color: #6E6E6E;
    padding:1px;
    z-index: 10;
    float: left;
    position: absolute;
    }

.btn-copy_icon {
    font-size: 0px;
    line-height: 0px;
    width: 16px;
    height: 19px;
    box-sizing: content-box;
    padding: 0.1rem 1rem !important;
}
.btn-copy_icon:before {
    content:'\e02f';
    color: #fff;
    margin-left:0px;
    margin-top: 0px;
    vertical-align: middle;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 18px;
}

a.icon_linkcopy.icon_linkcopy01::after,
.btn-copy_icon.icon_linkcopy:after {
    content:'\e7fd';
    font-size:18px;
    top:-2px;
    }
a.icon_linkcopy.icon_linkcopy01::before,
.btn-copy_icon.icon_linkcopy:before {
    content:'\e157';
    font-family: "Material Icons";
    vertical-align: middle;
    display: block;
    font-size:16px; line-height: 1em;
    color: #6E6E6E;
    z-index: 10;
    float: left;
    position: absolute;
    bottom:-2px;
    right: 0px;
    z-index: 100;
    padding:0px;
    text-shadow:
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff,
    0 0 1px #fff;
}














.icon_linkcopy:hover:after,
.icon_linkcopy:active:after,
.btn-copy_icon.icon_linkcopy:hover:after,
.btn-copy_icon.icon_linkcopy:active:after,
a.icon_linkcopy.icon_linkcopy01:hover:before,
.btn-copy_icon.icon_linkcopy:hover:before{
color: #FFF;
}
a.icon_linkcopy.icon_linkcopy01:hover:before,
.btn-copy_icon.icon_linkcopy:hover:before {
    text-shadow:
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800,
    0 0 1px #FF9800;
}


.btn-copy_icon.icon_linkcopy{
position: static;
    margin: 0px;margin-top: -2px;
    padding: 1px!important;
    letter-spacing: 0;
    border-radius: 50%;
    box-shadow: none;
    background-color: #F0F0F0;
    border: 1px solid #aaa;
    display: inline-block;
    width: auto;
    height: auto;
}


.h1_page_link_list{
margin-left: 10px;
font-size: 18px; line-height: 1em;
padding: 2px 5px 2px 8px;
border-radius:3px;
}
A.h1_page_link_list:link,
A.h1_page_link_list:visited{
text-decoration: none; color: #333;}
A.h1_page_link_list:hover,
A.h1_page_link_list:active {
text-decoration: none; color: #FFF; background-color: #F08F00;}

.h1_page_link_list::before {
position: static;
    content:'\e5db'; vertical-align: middle; padding:0px;
	font-size:15px; line-height: 1em;
    margin-top: -6px; margin-right: 5px;
    font-family: "Material Icons";
    border: 1px #6E6E6E solid; background-color: #6E6E6E; color: #fff;
    border-radius:3px;
    }
.h1_page_link_list:hover:before {
color:#FF9800; background-color: #fff; border-color: #fff;
    }






.page_link_edit{
margin-left: 10px;
font-size: 18px; line-height: 1em;
vertical-align: middle;
padding: 5px 5px 4px 8px;
border-radius:3px;
float: right;

}
A.page_link_edit:link,
A.page_link_edit:visited{
text-decoration: none; color: #333;}
A.page_link_edit:hover,
A.page_link_edit:active {
text-decoration: none; color: #FFF; background-color: #F08F00;}


.page_link_edit::before {
    content:'\e5d8'; vertical-align:-1px; padding:0px;
	font-size:15px; line-height: 1em;
    margin-right: 5px;
    font-family: "Material Icons";
    border: 1px #6E6E6E solid; background-color: #6E6E6E; color: #fff;
    border-radius:3px;
    display: inline-block;
    }
.page_link_edit:hover:before {
color:#FF9800; background-color: #fff; border-color: #fff;
    }

.title_anchor{
    padding:6px 0px 1px 4px;
    color: #003C7E;
    border-bottom:2px #003C7E solid;
    margin-bottom:0.75rem;
    min-height: 40px;
}
.title_anchor span{
    font-size: 20px!important;
    margin-right: 1em;
    float: left;
}

a.anchor_position{
    display: block;
    width: 10px;
    padding-top: 70px;
    margin-top: -70px;
}

.anchor_up,
.anchor_down{
    margin-top: 4px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 1em;
    padding: 2px 5px 0 8px;
    border-radius:3px;
    float: left;
}
A.anchor_up:link,
A.anchor_up:visited,
A.anchor_down:link,
A.anchor_down:visited{
    text-decoration: none; color: #333;}
A.anchor_up:hover,
A.anchor_up:active,
A.anchor_down:hover,
A.anchor_down:active {
    text-decoration: none; color: #FFF; background-color: #F08F00;}

.anchor_up::before {
    content:'\e5d8'; vertical-align: middle; padding: 0;
    font-size:15px; line-height: 1em;
    margin: 0 5px 2px 0;
    font-family: "Material Icons";
    border: 1px #6E6E6E solid; background-color: #6E6E6E; color: #fff;
    border-radius:3px;
    text-align: center;
    display: inline-block;
}
.anchor_down::before {
    content:'\e5db'; vertical-align: middle; padding: 0;
    font-size:15px; line-height: 1em;
    margin: 0 5px 2px 0;
    font-family: "Material Icons";
    border: 1px #6E6E6E solid; background-color: #6E6E6E; color: #fff;
    border-radius:3px;
    text-align: center;
    display: inline-block;
}
.anchor_up:hover:before,
.anchor_down:hover:before {
    color:#FF9800; background-color: #fff; border-color: #fff;
}

.d_i_kifugoukei{ font-size: 0px; line-height: 0px; }
/*
.d_i_kifugoukei::before {
    content:'\e24a'; vertical-align:-1px; padding:1px;
	font-size:16px; line-height: 1em;
    margin-right:3px;
    margin-left:4px;
    margin-top: 2px;
    font-family: "Material Icons";
    border: 1px #dedede solid; background-color: #F1F3F4; color: #888;
    border-radius:50%;
    display: inline-block;
    font-weight: normal;
    }
 */
.d_i_kifugoukei_koukou{font-size:16px; line-height: 24px; font-weight: bold;}
.d_i_kifugoukei_kei{ font-size: 16px; line-height: 24px; }
.d_i_kifugoukei_tani{font-size: 13px; line-height: 16px; margin-left: 3px;}



/* セミナーボタン設定 */
.seminar_doc_area a.seminar_btn{text-decoration: none;}
.seminar_doc_area a.seminar_btn{transform:rotate(45deg); }
.seminar_doc_area.seminar_file_link_on span.seminar_f_icon{
width: 20px;
height: 20px;
overflow: hidden;
vertical-align: middle;
display: block;
margin: auto;
}
.seminar_doc_area.seminar_file_link_on span.seminar_f_icon::before {
    content:'\e157'; vertical-align: middle; padding:0px;
	font-size:22px; line-height: 1em;
        margin-left: -3px;
    margin-top: -2px;
    font-family: "Material Icons";
    color: #6E6E6E;
    border-radius:3px;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.seminar_doc_area.seminar_file_link_off a.seminar_btn{
    pointer-events: none;
    text-decoration: none;
    color: #333;
    }

.lg_memo_url_link .h_dropdown .dropdown-menu,
.c_memo_url_link .h_dropdown .dropdown-menu {
    right: inherit;
}
.lg_memo_url_link .lg_memo_url_link,
.c_memo_url_link .c_memo_url_link {
    position: relative;
}
.lg_memo_url_link .dropdown-menu.show,
.c_memo_url_link .dropdown-menu.show {
    min-width: 220px;
}
.lg_memo_url_link .h1_page_link_list,
.c_memo_url_link .h1_page_link_list {
    margin-right: 8px;
}
.lg_memo_url_link .dropdown,
.c_memo_url_link .dropdown {
    vertical-align:middle;
}
.lg_memo_url_link A.icon_linkcopy,
.c_memo_url_link A.icon_linkcopy {
    vertical-align:baseline;
    margin:3px 0 0 0;
}

.lg_memo_url_link .h_icon,
.c_memo_url_link .h_icon {
    margin: 2px 2px;
    border-radius: 2px;
}
.lg_memo_url_link .dropdown_submidashi,
.c_memo_url_link .dropdown_submidashi,
.lg_memo_url_link01 .dropdown_submidashi,
.c_memo_url_link01 .dropdown_submidashi {
    padding: 2px 3px 2px 5px!important;
    margin:3px 2px!important;
    font-size: 11px;
    border-bottom: 1px #ddd solid;
}
.lg_memo_url_link .dropdown_menu_area,
.c_memo_url_link .dropdown_menu_area,
.lg_memo_url_link01 .dropdown_menu_area,
.c_memo_url_link01 .dropdown_menu_area {
    padding: 3px 3px!important;
}
.lg_memo_url_link .dropdown_menu_area a.pagetitle_dropdown_link,
.c_memo_url_link .dropdown_menu_area a.pagetitle_dropdown_link,
.lg_memo_url_link01 a.pagetitle_dropdown_link,
.c_memo_url_link01 a.pagetitle_dropdown_link {
    display: block; font-size: 14px; line-height: 16px;padding:8px 3px 8px 15px!important;
}
.lg_memo_url_link .dropdown,
.c_memo_url_link .dropdown {
    padding-top:1px!important;
}
A.icon_linkcopy:link .lg_memo_material_icons,
A.icon_linkcopy:visited .lg_memo_material_icons
.lg_memo_url_link A.icon_linkcopy:link .lg_memo_material_icons,
.lg_memo_url_link A.icon_linkcopy:visited .lg_memo_material_icons,
.c_memo_url_link A.icon_linkcopy:link .lg_memo_material_icons,
.c_memo_url_link A.icon_linkcopy:visited .lg_memo_material_icons,
.lg_memo_url_link01 A.icon_linkcopy:link .lg_memo_material_icons,
.lg_memo_url_link01 A.icon_linkcopy:visited .lg_memo_material_icons,
.c_memo_url_link01 A.icon_linkcopy:link .lg_memo_material_icons,
.c_memo_url_link01 A.icon_linkcopy:visited .lg_memo_material_icons {
    color:#6E6E6E;
}
A.icon_linkcopy:hover .lg_memo_material_icons,
A.icon_linkcopy:active .lg_memo_material_icons,
.lg_memo_url_link A.icon_linkcopy:hover .lg_memo_material_icons,
.lg_memo_url_link A.icon_linkcopy:active .lg_memo_material_icons,
.c_memo_url_link A.icon_linkcopy:hover .lg_memo_material_icons,
.c_memo_url_link A.icon_linkcopy:active .lg_memo_material_icons,
.lg_memo_url_link01 A.icon_linkcopy:hover .lg_memo_material_icons,
.lg_memo_url_link01 A.icon_linkcopy:active .lg_memo_material_icons,
.c_memo_url_link01 A.icon_linkcopy:hover .lg_memo_material_icons,
.c_memo_url_link01 A.icon_linkcopy:active .lg_memo_material_icons {
    color: #fff;
}
.lg_memo_material_icons {
font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    font-size: 22px;
}
.lg_memo_url_link A,
.lg_memo_url_link A.icon_linkcopy:hover,
.lg_memo_url_link A.icon_linkcopy:active,
.c_memo_url_link A,
.c_memo_url_link A.icon_linkcopy:hover,
.c_memo_url_link A.icon_linkcopy:active,
.lg_memo_url_link01 A,
.lg_memo_url_link01 A.icon_linkcopy:hover,
.lg_memo_url_link01 A.icon_linkcopy:active,
.c_memo_url_link01 A,
.c_memo_url_link01 A.icon_linkcopy:hover,
.c_memo_url_link01 A.icon_linkcopy:active {
    text-decoration: none;
}

.lg_memo_url_link .lg_memo_url_flex,
.lg_memo_url_link h2#title2,
.c_memo_url_link .c_memo_url_flex,
.c_memo_url_link h2#title2 {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    line-height: 1em;
}
.lg_memo_url_link .h_dropdown .dropdown-menu a::before,
.c_memo_url_link .h_dropdown .dropdown-menu a::before,
.lg_memo_url_link01 .dropdown-menu a::before,
.c_memo_url_link01 .dropdown-menu a::before {
    content: '\e3e0';
    margin-right: 6px;
}

.lg_memo_url_link01 .dropdown-menu a:hover,
.lg_memo_url_link01 .dropdown-menu a:active,
.c_memo_url_link01 .dropdown-menu a:hover,
.c_memo_url_link01 .dropdown-menu a:active {
    transition: 0s;
    box-shadow: none;
    background-color: #F1F1F1;
    color: #333 !important;
}

.seminar_view a{ pointer-events: none;}

.overflow_bottom_fade { position: relative; display:block;}
.overflow_bottom_fade { margin-bottom: 25px;padding-top: 1px; border-bottom: 1px #ddd solid; }
.overflow_bottom_fade .table{ margin-bottom: 0px;}

/* tableの overflow はみ出した箇所を隠す処理 ※現在非表示にしています */
/* 
.overflow_bottom_fade_inner{ padding-bottom: 55px;}
.overflow_bottom_fade::after{
content: "";
display: block;
height:  80px;
position: absolute;
bottom: 0px;
left: 0;
width: calc(100% - 18px);
box-sizing: border-box;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

}
 */




/* 企業会員 登録 */

.member_regist_bk_img{
    background-image: url("../img/kaiin_toroku_bkimg.jpg");
    background-size:100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
.kaiin_img {
    max-width: 910px;
    margin: -1rem auto 0 auto;
}
.kaiin_img .col4 {
    display: flex;
    padding-left: 0;
}
@media (max-width: 480px){
    .kaiin_img .col4 {
        display: contents;
        } 
}
.kaiin_img .col4 li {
    width: calc(100%/4);
}
@media (max-width: 480px){
    .kaiin_img .col4 li {
        width: auto;
        }
}
.kaiin_img .col4 ul,
.kaiin_img .col4 li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none !important;
}
.article_content_taiken .kaiin_img ul{
    padding: 0;
}
.article_content_taiken .kaiin_img .col4 li:before{
    display:none;    
}
.article_content_taiken .kaiin_img .col4 li{
    border:none;
}
.kaiin_img .col4 li img{
    width: -webkit-fill-available;
    width: -moz-available;
}
/* ================================================  */
/* マイページのボタン関係  */
/* ================================================  */
.h3_title_flex{ 
display: flex; 
  }
.h3_title_flex_child{ display: flex; margin-left: auto;line-height: 110%; font-size: 14px; }
.h3_title_flex_child_nowrap{ white-space: nowrap;}
.h3_title_flex_child div{line-height: 110%; font-size: 14px; }

@media (max-width: 1020px) {
.h3_title_flex{ display: block; }
.h3_title_flex_child_title{ white-space: nowrap;}
.h3_title_flex_child{ padding-left: 24px;}

}

.bf_service_accordion_question,
.lg_company_approach_accordion_question,
.lg_seminar_schedule_accordion_question,
.lg_seminar_participation_history_accordion_question,
.lg_seminar_participation_plan_accordion_question,
.lg_invoice_info_accordion_question {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
.bf_service_accordion_question:hover,
.lg_company_approach_accordion_question:hover,
.lg_seminar_schedule_accordion_question:hover,
.lg_seminar_participation_history_accordion_question:hover,
.lg_seminar_participation_plan_accordion_question:hover,
.lg_invoice_info_accordion_question:hover {
    text-decoration:none;
}

.bf_service_accordion_question .bf_service_accordion_question_a,
.lg_company_approach_accordion_question .lg_company_approach_accordion_question_a,
.lg_seminar_schedule_accordion_question .lg_seminar_schedule_accordion_question_a ,
.lg_seminar_participation_history_accordion_question .lg_seminar_participation_history_accordion_question_a,
.lg_seminar_participation_plan_accordion_question .lg_seminar_participation_plan_accordion_question_a,
.lg_invoice_info_accordion_question .lg_invoice_info_accordion_question_a {
    padding:4px 17px 4px 6px;
    line-height: 110%;
    font-size: 14px;
    letter-spacing: 0px;
    display: inline-block;
    background-color: #F1F3F4;
    border: 1px #4772B3 solid;
    margin-top: 0px;
    margin-right: 3px;
    border-radius: 0.2rem;
    vertical-align: middle;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    }

    .bf_service_accordion_question .bf_service_accordion_question_a:hover:before,
    .lg_company_approach_accordion_question .lg_company_approach_accordion_question_a:hover:before ,
    .lg_seminar_schedule_accordion_question .lg_seminar_schedule_accordion_question_a:hover:before ,
    .lg_seminar_participation_history_accordion_question .lg_seminar_participation_history_accordion_question_a:hover:before,
    .lg_seminar_participation_plan_accordion_question .lg_seminar_participation_plan_accordion_question_a:hover:before,
    .lg_invoice_info_accordion_question .lg_invoice_info_accordion_question_a:hover:before {
        color: #fff!important;
    }
    .bf_service_accordion_question .bf_service_accordion_question_a:hover,
    .lg_company_approach_accordion_question .lg_company_approach_accordion_question_a:hover,
    .lg_seminar_schedule_accordion_question .lg_seminar_schedule_accordion_question_a:hover,
    .lg_seminar_participation_history_accordion_question .lg_seminar_participation_history_accordion_question_a:hover,
    .lg_seminar_participation_plan_accordion_question .lg_seminar_participation_plan_accordion_question_a:hover,
    .lg_invoice_info_accordion_question .lg_invoice_info_accordion_question_a:hover {
        cursor:pointer;
        background-color: #FF9800;
    }

    .bf_service_accordion_question .bf_service_accordion_question_a:after,
    .lg_seminar_participation_history_accordion_question .lg_seminar_participation_history_accordion_question_a:after,
    .lg_seminar_participation_plan_accordion_question .lg_seminar_participation_plan_accordion_question_a:after,
    .lg_company_approach_accordion_question .lg_company_approach_accordion_question_a:after,
    .lg_seminar_schedule_accordion_question .lg_seminar_schedule_accordion_question_a:after,
    .lg_invoice_info_accordion_question .lg_invoice_info_accordion_question_a:after {
        content: "";
        position: absolute;
        right: 11px;
        top: 8px;
        transition: all 0.2s ease-in-out;
        /*   要素の動きを指定 */
        display: block;
        float: right;
        width: 6px;
        height: 6px;
        border-top: solid 2px #4772B3;
        border-right: solid 2px #4772B3;

        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        /* transform: rotateで要素の角度を指定 */
    }


    .bf_service_accordion_question.bf_service_accordion_open .bf_service_accordion_question_a:after,
    .lg_seminar_schedule_accordion_question.lg_seminar_schedule_accordion_open .lg_seminar_schedule_accordion_question_a:after,
    .lg_seminar_participation_history_accordion_question.lg_seminar_participation_history_accordion_open .lg_seminar_participation_history_accordion_question_a:after,
    .lg_seminar_participation_plan_accordion_question.lg_seminar_participation_plan_accordion_open .lg_seminar_participation_plan_accordion_question_a:after,
    .lg_invoice_info_accordion_question.lg_invoice_info_accordion_open .lg_invoice_info_accordion_question_a:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 10px;
        /*   .openクラスがついた時の要素の角度を指定 */
    }
    .bf_service_accordion_question .bf_service_accordion_question_a:hover:after,
    .lg_company_approach_accordion_question .lg_company_approach_accordion_question_a:hover:after,
    .lg_seminar_participation_history_accordion_question .lg_seminar_participation_history_accordion_question_a:hover:after,
    .lg_seminar_participation_plan_accordion_question .lg_seminar_participation_plan_accordion_question_a:hover:after,
    .lg_seminar_schedule_accordion_question .lg_seminar_schedule_accordion_question_a:hover:after,
    .lg_invoice_info_accordion_question .lg_invoice_info_accordion_question_a:hover:after {
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
    }

.btn-file-download {
    font-size: 0px; line-height: 0px;
    display: block;
    text-decoration: none;
    width:45px; height: 24px;
    margin: auto;
    text-align: center;
    background-color: #6E6E6E;
    border-radius:3px;
}
.btn-file-download::after {
    content:'\e2bc'; vertical-align: middle; padding:0px;
    font-size:24px; line-height: 0.8em;
    font-family: "Material Icons";
    color: #fff;
}
.btn-file-download:hover {
    background-color: #FF9331; border-color: #fff;
}


/* ↓レスポンシブ用　よくあるお問い合わせ・お問い合わせはこちら・フロントへボタン設置↓ */
@media (max-width: 1000px){
    
    .navbar-collapse-link{
        margin-top: 1rem;
        }

    .navbar-collapse-link .navbar-nav .to_faqpage a,
    .navbar-collapse-link .navbar-nav .to_faqpage a:visited,
    .navbar-collapse-link .navbar-nav .to_inquirypage a,
    .navbar-collapse-link .navbar-nav .to_inquirypage a:visited,
    .navbar-collapse-link .navbar-nav .to_frontpage a,
    .navbar-collapse-link .navbar-nav .to_frontpage a:visited,
    .navbar-collapse-link .navbar-nav .to_kifurupage a,
    .navbar-collapse-link .navbar-nav .to_kifurupage a:visited,
    .navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage a,
    .navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage a:visited,
    .navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage a,
    .navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage a:visited {
        background-color: #053C7E !important;
        color: #fff;
    }
    .navbar-collapse-link .navbar-nav .to_faqpage a:hover,
    .navbar-collapse-link .navbar-nav .to_faqpage a:active,
    .navbar-collapse-link .navbar-nav .to_inquirypage a:hover,
    .navbar-collapse-link .navbar-nav .to_inquirypage a:active,
    .navbar-collapse-link .navbar-nav .to_frontpage a:hover,
    .navbar-collapse-link .navbar-nav .to_frontpage a:active,
    .navbar-collapse-link .navbar-nav .to_kifurupage a:hover,
    .navbar-collapse-link .navbar-nav .to_kifurupage a:active,
    .navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage a:hover,
    .navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage a:active,
    .navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage a:hover,
    .navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage a:active {
        background-color: #175bab !important;
    }
    .navbar-collapse-link .navbar-nav .to_faqpage a,
    .navbar-collapse-link .navbar-nav .to_inquirypage a,
    .navbar-collapse-link .navbar-nav .to_frontpage a,
    .navbar-collapse-link .navbar-nav .to_kifurupage a,
    .navbar-collapse-link .navbar-nav .to_lgmemobatchtransmissionpage a,
    .navbar-collapse-link .navbar-nav .to_amountdeductedsimulatorpage a {
        width: 250px;
        margin: auto;
        padding: 0.5rem;
        border-radius: 3px;
        text-decoration: none;
    }
    .navbar-collapse-link li{
        margin-bottom: 0.5rem;
    }
    .navbar-collapse-link li:last-child{
        margin-bottom: -0.5rem;
    }
}


/* ↑レスポンシブ用　よくあるお問い合わせ・お問い合わせはこちら・フロントへボタン設置↑ */

/* ↓レスポンシブ用　ログアウト・パスワード変更ボタン設置↓ */
.btn_sp{
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 260px;
    margin:0.8rem auto;
    }
.btn_sp a{
    background-color: #F6F8F9;
    border:1px solid #cdcdcd;
    padding: 0.6rem 0.2rem ;
    width: 122px;
    margin:0.2rem;
}
.btn_sp a:link,
.btn_sp a:visited{
}

.btn_sp a:hover, 
.btn_sp a:active {
    transition: 0.3s;
    text-decoration: none;
    background-color: #003C7E;
    COLOR: #fff!important;
}

.btn_sp a::before {
    content: '\e315';
    color: #138BFE;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1em;
    margin-top: -1px;
    font-family: "Material Icons";
    float: left;
    }
/* ↑レスポンシブ用　ログアウト・パスワード変更ボタン設置↑ */

/* new アイコン */
.new_icon_new:before {
    content: 'NEW';
    padding: 3px 10px;
    margin-top: -2px;
    margin-left: 10px;
    font-size: 13px!important;
    line-height: 1.25em!important;
    display: inline-block;
    color: #ffffff;
    background-color: #00A0E9;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*----------------------------------
   寄付申込・共通ヘッダ部
-----------------------------------*/
.dnonline_title {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:4px #EC6063 solid;
    padding: 10px 20px;
}

.dnonline_title.dnonline_title_box {
    border:4px #FFB76F solid;
    width: 96%;
    margin-left: 17px;
}

.dnonline_title .title h1 {
    margin-bottom: 0px;
}

.dnonline_title.dnonline_operating_company_info_title_box {
    border:2px #CED4DA solid;
    width: 100%;
    margin-left: 0px;
}

.dnonline_main_title {
    margin-bottom: 20px;
}

.dnonline_title .title {
    color: #923914 !important;
    text-indent: -1em;
    padding-left: 1em;
}

.dnonline_title .operating_company_info_title {
    color: #003C7E !important;
    text-indent: -1em;
    padding-left: 1em;
    width: 100%;
}

.btn.btn-edit.btn-sm.btn-color-blue,
.btn.btn-default.btn-sm.btn-color-blue {
    border-color: #61B6F2;
    background-color: #61B6F2;
}