/* 共通設定 ---------------------------------------------------------------------------------*/
/* 背景色 */
/* 文字色 */
:root {
  --lwc-brandBackgroundPrimary: rgb(255, 255, 255); /* vf lwc 背景色*/
  --lwc-colorPageBackground: rgb(255, 255, 255); /* lwc の 横1080pxの外側背景色 */
  --lwc-colorTextDefault:rgb(51, 51, 51); /* 文字色 */
  --lwc-tableColorTextHeader: rgb(51, 51, 51); /* 文字色：テーブルヘッダ */
  --lwc-colorTextLabel:rgb(51, 51, 51); /* 文字色：ライトニング部品ラベル */
  --lwc-colorTextInputDisabled: rgb(51, 51, 51); /* 文字色：disabled Input */
  --lwc-colorBackgroundInputDisabled: rgb(233, 234, 236); /* 文字背景色：disabled Input */
}
/* 共通設定 ---------------------------------------------------------------------------------*/

/* Spring '23 以降、非グローバル設計トークン (internal (I) という表示ラベルの設計トークンなど) を使用すると、*/
/* API バージョン 57.0 以降のコンポーネントの保存時に No TOKEN named tokenName found という検証エラーが発生します。 */
/* 対応のため、適用された非グローバル設計トークンはカスタム変数を作成する　*/
:root {
  --lwc-colorGray2: rgb(250, 250, 249);
  --lwc-colorGray8: rgb(150, 148, 146);
  --lwc-colorTextDestructive: rgb(234, 0, 30);
  --lwc-colorBorderInputDisabled: rgb(196, 198, 202);
  --lwc-colorTextInputIcon: rgb(174, 174, 174);
  --lwc-colorBorderInput: rgb(212, 212, 212);
  --lwc-colorTextButtonDefaultDisabled: rgb(201, 201, 201);
  --lwc-colorTextIconDefault: rgb(116, 116, 116);
  --lwc-colorBackgroundToggleDisabled: rgb(171, 173, 176);
  --lwc-colorBackgroundToggle: rgb(171, 173, 176);
  --lwc-colorBackgroundInputCheckboxDisabled: rgb(217, 219, 221);
  --lwc-colorBackgroundRowSelected: rgba(44, 124, 84, 0.05);
  --lwc-squareIconMediumContentAlt: 0.875rem;
}

/* コミュニティサイトとログイン前VisualForceで差異がある場合 コミュニティサイトの値で設定を追加する */
.slds-scope {
/* ボタン罫線disabled時*/
  --lwc-buttonColorBorderPrimary: rgb(212, 212, 212); 
/* テーブルヘッダのソート↑↓の色*/
  --lwc-brandAccessible:#1f563a;
/* テーブル列リサイズ時のドラッグ線 */
  --lwc-colorBackgroundButtonBrand: #2c7c54;
/* テーブル列フォーカス */
  --lwc-colorBackgroundRowHover: rgba(44, 124, 84, 0.05);
/* テーブル内リンク */
  --lwc-brandTextLink:rgb(0, 6, 255);
/* テーブル内リンクフォーカス */
  --lwc-brandTextLinkActive: #0005d6; /* rgb(0,5,214) */
/* リッチテキスト編集バー */
  --lwc-colorBackground: #FFFFFF;
/* タブのヘッダ文字 */
  --lwc-colorTextActionLabelActive: #2c7c54;
/* テーブルヘッダのプルダウン文字フォーカス*/
  --lwc-colorTextLinkActive: #0005d6;
}
/* Stylinghook以外で設定されている項目 */
/* テーブルヘッダのプルダウン文字フォーカス*/
.slds-scope div[lightning-datatable_table] .slds-dropdown__item>a:active, 
.slds-scope div[lightning-datatable_table] .slds-dropdown__item>a:focus {
    color: var(--lwc-colorTextLinkActive, #0005d6);
}

/* Stylinghook以外で設定されている項目 */
/* コンボボックス背景画像が設定されるのを削除 */
.slds-scope .slds-input_faux {
  background-image: none;
}
/* 文字色をcolorに直接設定されている項目 body全体、テーブルのtd*/
.slds-scope body, .slds-scope td {
  --lwc-colorTextDefault:rgb(51,51,51);
  color: var(--lwc-colorTextDefault,rgb(51,51,51));
}

/* カスタムプロパティ変更対応 */
:root{
  /* Summer'21(v52.0) */
  --lwc-colorBackgroundToastError: rgb(194,57,52);
}

/* StylingHooks -----------------------------------------------------------------------------*/
:root{
  /* Buttons https://www.lightningdesignsystem.com/components/buttons/ */
  /* Box Shadow */
  --slds-c-button-inverse-shadow-focus: 0 0 3px #f3f3f3;
  --slds-c-button-shadow: ;
  --slds-c-button-shadow-focus: 0 0 3px #2B7D54; /*0 0 3px #0176d3*/
  /* Color */
  --slds-c-button-brand-color-background: rgb(43, 125, 84); /*#0176d3*/
  --slds-c-button-brand-color-background-active: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-background-hover: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-border: #2B7D54; /*#0176d3*/
  --slds-c-button-brand-color-border-hover:rgb(43, 125, 84, 0.5); /*#014486*/
  /* --slds-c-button-brand-color-border-active */
  --sds-c-button-brand-color-border-active:rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-text-color: white;
  --slds-c-button-brand-text-color-active: white;
  --slds-c-button-brand-text-color-hover: white;
  --slds-c-button-color-background: transparent;
  --slds-c-button-color-background-active: ;
  --slds-c-button-color-background-hover: ;
  --slds-c-button-color-border: transparent;
  --slds-c-button-color-border-active: ;
  --slds-c-button-color-border-hover: ;
  --slds-c-button-destructive-color-background: #ba0517;
  --slds-c-button-destructive-color-background-active: #8e030f;
  --slds-c-button-destructive-color-background-hover: #8e030f;
  --slds-c-button-destructive-color-border: #ba0517;
  --slds-c-button-destructive-color-border-active: #8e030f;
  --slds-c-button-destructive-text-color: white;
  --slds-c-button-destructive-text-color-active: white;
  --slds-c-button-inverse-color-background: rgba(0, 0, 0, 0);
  --slds-c-button-inverse-color-background-active: #f3f3f3;
  --slds-c-button-inverse-color-background-hover: #f3f3f3;
  --slds-c-button-inverse-color-border: #c9c9c9;
  --slds-c-button-inverse-color-border-active: #c9c9c9;
  --slds-c-button-inverse-color-border-focus: #f3f3f3;
  --slds-c-button-inverse-color-border-hover: #c9c9c9;
  --slds-c-button-inverse-text-color: #f3f3f3;
  --slds-c-button-inverse-text-color-active: #2B7D54; /*#0176d3*/
  --slds-c-button-inverse-text-color-hover: #2B7D54; /*#0176d3*/
  --slds-c-button-neutral-color-background: white;
  --slds-c-button-neutral-color-background-active: #f3f3f3;
  --slds-c-button-neutral-color-background-hover: #f3f3f3;
  --slds-c-button-neutral-color-border: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-active: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-hover: #2B7D54; /*#c9c9c9*/
  --slds-c-button-outline-brand-color-background: white;
  --slds-c-button-outline-brand-color-background-active: #f3f3f3;
  --slds-c-button-outline-brand-color-background-hover: #f3f3f3;
  --slds-c-button-outline-brand-color-border: #2B7D54; /*#0176d3*/
  --slds-c-button-outline-brand-color-border-hover: #2B7D54; /*#0176d3*/
  --slds-c-button-stateful-color-background-selected: transparent;
  --slds-c-button-stateful-color-background-selected-active: #f3f3f3;
  --slds-c-button-stateful-color-background-selected-hover: #f3f3f3;
  --slds-c-button-stateful-color-border-selected: transparent;
  --slds-c-button-stateful-color-border-selected-hover: #c9c9c9;
  --slds-c-button-success-color-background: #45c65a;
  --slds-c-button-success-color-background-active: #2e844a;
  --slds-c-button-success-color-background-hover: #2e844a;
  --slds-c-button-success-color-border: #91db8b;
  --slds-c-button-success-color-border-active: #2e844a;
  --slds-c-button-success-color-border-hover: #2e844a;
  --slds-c-button-success-text-color: #181818;
  --slds-c-button-success-text-color-active: white;
  --slds-c-button-success-text-color-hover: white;
  --slds-c-button-text-color: #2B7D54; /*#0176d3*/
  --slds-c-button-text-color-active: #2B7D54; /*#014486*/
  --slds-c-button-text-color-hover: #2B7D54; /*#014486*/
  --slds-c-button-text-destructive-color-background: white;
  --slds-c-button-text-destructive-color-background-active: #f3f3f3;
  --slds-c-button-text-destructive-color-background-hover: #f3f3f3;
  --slds-c-button-text-destructive-color-border: #c9c9c9;
  --slds-c-button-text-destructive-color-border-hover: #c9c9c9;
  --slds-c-button-text-destructive-text-color: #ea001e;
  --slds-c-button-text-destructive-text-color-active: #ba0517;
  --slds-c-button-text-destructive-text-color-hover: #ba0517;
  --slds-c-icon-color-foreground: currentColor;
  /* Radius */
  --slds-c-button-radius-border: 1.25rem; /* 0.25rem*/
  /* Sizing */
  --slds-c-button-sizing-border: 1px;
  /* Spacing */
  --slds-c-button-brand-spacing-inline-end: 1rem;
  --slds-c-button-brand-spacing-inline-start: 1rem;
  --slds-c-button-destructive-spacing-inline-end: 1rem;
  --slds-c-button-destructive-spacing-inline-start: 1rem;
  --slds-c-button-inverse-spacing-inline-end: 1rem;
  --slds-c-button-inverse-spacing-inline-start: 1rem;
  --slds-c-button-neutral-spacing-inline-end: 1rem;
  --slds-c-button-neutral-spacing-inline-start: 1rem;
  --slds-c-button-outline-brand-spacing-inline-end: 1rem;
  --slds-c-button-outline-brand-spacing-inline-start: 1rem;
  --slds-c-button-spacing-block-end: 0;
  --slds-c-button-spacing-block-start: 0;
  --slds-c-button-spacing-inline-end: 0;
  --slds-c-button-spacing-inline-start: 0;
  --slds-c-button-success-spacing-inline-end: 1rem;
  --slds-c-button-success-spacing-inline-start: 1rem;
  --slds-c-button-text-destructive-spacing-inline-end: 1rem;
  --slds-c-button-text-destructive-spacing-inline-start: 1rem;
  /* Text */
  --slds-c-button-line-height: 1.875rem;

  /* Card on visualforce*/
  --slds-c-card-text-color: rgb(51, 51, 51); /*var(--lwc-colorTextDefault,#333)*/

  /* Input */
  /* Border */
  --slds-c-input-color-border: rgb(212, 229, 221);
  --slds-c-input-color-border-focus: rgb(212, 229, 221);
  --slds-c-checkbox-color-border-focus: rgb(212, 229, 221);
  /* lightning-combo */
  --lwc-colorBorderInputActive: rgb(212, 229, 221);
  --lwc-shadowButtonFocus: 0 0 3px #2c7c54;
}

body {
  /* ボタンと入力要素のスタイルにフォーカスするSummer'24の更新 */
  --_slds-g-shadow-inset-inverse-focus: var(--lwc-brandAccessible, #2B7D54) 0 0 0 1px inset;
  --slds-c-input-shadow-focus: 0 0 3px #2B7D54;
  --slds-c-checkbox-shadow-focus: 0 0 3px #2B7D54;
  --_slds-g-shadow-outset-focus: 0 0 3px #2B7D54;
  --_slds-g-shadow-outline-focus: 0 0 3px #2B7D54;
  --slds-c-textarea-shadow-focus: 0px 0px 3px 0px #2B7D54;
  --slds-c-card-footer-color-border: rgba(0, 0, 0, 0);
  --lwc-brandAccessible:#2B7D54;
  --lwc-brandAccessibleActive: #1e573a;
  --_slds-g-shadow-inset-focus: none;
  
  /* 内容クリックした時に青枠で囲まれない対応Winter'25の更新 */
  --slds-g-shadow-inset-focus-1: #2B7D54 0 0 0 1px inset;
  --slds-g-shadow-outline-focus-1: #2B7D54 0 0 0 1px inset;
  --slds-g-shadow-inset-inverse-focus-1: #2B7D54 0 0 0 1px inset;
  --slds-g-shadow-outset-focus-1: #2B7D54 0px 0px 3px 0px;
}

/* 共通設定 ---------------------------------------------------------------------------------*/
/* ボタンのフォーカス時とホバー時の色を分ける */
/* モバイルサイズ */
.slds-button:focus {
  --slds-c-button-brand-color-background-hover: rgb(43, 125, 84);
  --slds-c-button-destructive-color-background-hover: #ba0517;
  --slds-c-button-neutral-color-background-hover: white;
}
.slds-button:hover {
  --slds-c-button-brand-color-background-hover: rgb(43, 125, 84);
  --slds-c-button-destructive-color-background-hover: #ba0517;
  --slds-c-button-neutral-color-background-hover: white;
}
.slds-button:active {
  --slds-c-button-brand-color-background-active: rgb(43, 125, 84, 0.5);
  --slds-c-button-destructive-color-background-active: #8e030f;
  --slds-c-button-neutral-color-background-active: #f3f3f3;
}
/* ＰＣサイズ */
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .slds-button:focus {
    --slds-c-button-brand-color-background-hover: rgb(43, 125, 84);
    --slds-c-button-destructive-color-background-hover: #ba0517;
    --slds-c-button-neutral-color-background-hover: white;
  }
  .slds-button:hover {
    --slds-c-button-brand-color-background-hover: rgb(43, 125, 84, 0.5);
    --slds-c-button-destructive-color-background-hover: #8e030f;
    --slds-c-button-neutral-color-background-hover: #f3f3f3;
  }
  .slds-button:active {
    --slds-c-button-brand-color-background-active: rgb(43, 125, 84);
    --slds-c-button-destructive-color-background-active: #ba0517;
    --slds-c-button-neutral-color-background-active: white;
  }
}
/* ＰＣサイズ ＆ タッチデバイス （iPad）*/
@media only screen and (min-width: 48em) and (hover: none) and (pointer: coarse), only print and (min-width: 48em) and (hover: none) and (pointer: coarse) {
  .slds-button:focus {
    --slds-c-button-brand-color-background-hover: rgb(43, 125, 84);
    --slds-c-button-destructive-color-background-hover: #ba0517;
    --slds-c-button-neutral-color-background-hover: white;
  }
  .slds-button:hover {
    --slds-c-button-brand-color-background-hover: rgb(43, 125, 84);
    --slds-c-button-destructive-color-background-hover: #ba0517;
    --slds-c-button-neutral-color-background-hover: white;
  }
  .slds-button:active {
    --slds-c-button-brand-color-background-active: rgb(43, 125, 84, 0.5);
    --slds-c-button-destructive-color-background-active: #8e030f;
    --slds-c-button-neutral-color-background-active: #f3f3f3;
  } 
}

/* Spring'24：ボタンホバー時の背景色グラデーション変化非表示対応 */
/* モバイルデバイス & iPad */
@media (hover: none) {
  /* ログイン前 */
  .slds-scope [kx-scope=button-brand]:active, .slds-scope [kx-scope=button-brand]:hover {
    background-color: rgb(43, 125, 84, 0.5);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
  .slds-scope [kx-scope=button-brand]:focus {
    background-color: rgb(43, 125, 84);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
  /* ログイン後 */
  [kx-scope=button-brand]:active, [kx-scope=button-brand]:hover {
    background-color: rgb(43, 125, 84, 0.5);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
    transform: none;
  }
  [kx-scope=button-brand]:focus {
    background-color: rgb(43, 125, 84);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
}
/* PC */
@media (hover: hover) and (pointer:fine) {
  /* ログイン前 */
  .slds-scope [kx-scope=button-brand]:hover {
    background-color: rgb(43, 125, 84, 0.5);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
  .slds-scope [kx-scope=button-brand]:focus, .slds-scope [kx-scope=button-brand]:active {
    background-color: rgb(43, 125, 84);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
  /* ログイン後 */
  [kx-scope=button-brand]:hover {
    background-color: rgb(43, 125, 84, 0.5);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
    transform: none;
  }
  [kx-scope=button-brand]:focus, [kx-scope=button-brand]:active {
    background-color: rgb(43, 125, 84);
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
  }
}
/* Spring'24：ボタンホバー時の背景色グラデーション変化非表示対応 */
.slds-scope [kx-scope=button-brand]:hover:before {
  background: none;
  transform: none;
}

/* ボタンと入力要素のスタイルにフォーカスするSummer'24の更新 */
.slds-listbox_vertical .slds-listbox__option:focus,
.slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-listbox--vertical .slds-listbox__option:focus,
.slds-listbox--vertical .slds-listbox__option.slds-has-focus {
  box-shadow: none;
  outline: 0;
}

.slds-accordion__summary-heading .slds-button:focus {
  text-decoration: underline;
  box-shadow: none;
}

.slds-checkbox [type=checkbox]:focus+.slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus~.slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus~.slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox--faux {
  outline: 1px solid var(--slds-g-color-brand-base-80, var(--lwc-paletteBlue80, rgb(170, 203, 255))) !important;
}

.slds-scope .slds-active .slds-tabs_scoped__link:focus,
.slds-scope .slds-active .slds-tabs--scoped__link:focus,
.slds-scope .slds-is-active .slds-tabs_scoped__link:focus,
.slds-scope .slds-is-active .slds-tabs--scoped__link:focus,
.slds-is-active .slds-tabs_scoped__link:focus {
  text-decoration: underline;
}

.slds-scope .slds-tabs_scoped__link:focus, .slds-scope .slds-tabs--scoped__link:focus {
  outline: 0;
}

.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:hover,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,
.slds-scope .slds-is-resizable .slds-th__action:focus,
.slds-scope .slds-is-resizable .slds-th__action:focus:hover {
  box-shadow: var(--lwc-brandAccessibleActive,#1e573a) 0 0 0 1px inset,var(--lwc-brandAccessibleActive,#1e573a) -.25rem 0 0 inset;
}

.slds-scope .slds-dropdown__item>a:focus,
.slds-dropdown__item>a:focus {
  box-shadow: none;
}

.slds-scope .slds-resizable__divider:hover:before,
.slds-scope .slds-resizable__divider:focus:before,
.slds-scope .slds-resizable__divider:active:before {
  background-color:rgb(44, 124, 84);
}

.slds-scope .slds-resizable__divider:after {
  background-color:rgb(44, 124, 84);
}

.slds-scope .slds-combobox__input:focus,
.slds-scope .slds-combobox__input.slds-has-focus {
  box-shadow: var(--lwc-shadowButtonFocus, 0 0 3px #2B7D54) !important;
}

.slds-combobox__input:focus,.slds-combobox__input.slds-has-focus {
  box-shadow: var(--lwc-shadowButtonFocus,0 0 3px #2B7D54);
  outline: 0;
}

.slds-scope .slds-listbox_vertical .slds-listbox__option:focus,
.slds-scope .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-scope .slds-listbox--vertical .slds-listbox__option:focus,
.slds-scope .slds-listbox--vertical .slds-listbox__option.slds-has-focus {
  box-shadow: none;
  outline: 0;
}

/* 共通設定 ---------------------------------------------------------------------------------*/
/* ブラウザ課題改善 */
/* iphone safari */
/* 入力項目[disabled]：文字色がうすくなるので基本色に設定 */
input:disabled, textarea:disabled {
  -webkit-text-fill-color:rgb(51,51,51);
  opacity: 1.0;
}

/* 入力項目[date]：センタリングされるので左詰め */
input[type=date]{
  -webkit-appearance: none;
}
input::-webkit-date-and-time-value{
  text-align: start;
}

/* テキストエリアをdisabledでなくreadonlyで編集不可とし、見た目はdisabledに合わせる */
textarea[readonly]{
  background-color: var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236))!important;
  --slds-c-textarea-color-border-focus:rgb(212, 212, 212);
  box-shadow: none;
}

.kikan {
  display: table;
  width: 100%;
}

.kikan__item {
  display: table-cell;
}

div.title > h1,
div.title > div > h1 {
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  font-weight: bold;
  /* display:inline; */
}
div.title > h2,
div.title > div > h2 {
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  font-weight: bold;
}
div.title > h3,
div.title > div > h3 {
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  font-weight: bold;
}
div.title > p,
div.title > div > p {
  font-weight: bold;
}
div.title > span,
div.title > div > span {
  font-weight: bold;
  /* margin-left: 7px; */
}

/* タイトルの右のボタンにモバイル表示でマージン設定　改行しないボタンには設定しないこと */
div.title-button{
  margin-top:12px;
}
div.title-button-multiple {
  margin-top:12px;
}
div.title-button-multiple button {
  margin-bottom: 12px;  
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  div.title-button{
    margin-top:0px;
  }
  div.title-button-multiple {
    margin-top:0px;
  }
}  

/* ■UIUX■：タイトルカラー設定 */
.title-icon{
  --slds-c-icon-color-foreground:rgb(43, 125, 84);
  margin-top: 2px;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .title-icon{
    margin-top:7px;
  }
}

.button-parent {
  position: relative;
}

.button-child {
  position: absolute;
  bottom: 0;
  right: 0;
}

.button-left-child {
  position: absolute;
  bottom: 0;
  left: 0;
}

.button-right-child {
  position: absolute;
  bottom: 0;
  right: 0;
}

.modal-hidden {
  display: none;
}

.slds-modal__close{
  right:0
}

/* mobile < 48em <= pc */
.mobile-screen{
  display:block;
}
.pc-screen{
  display:none;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em){
  .mobile-screen{
    display:none;
  }
  .pc-screen{
    display:block;
  }
}

/* 申請詳細画面の数値項目用CSS*/
.text-align-right input {
  text-align: right;
}

/* 申請詳細画面の一覧表示画面専用CSS*/
.kurikaeshilist[c-kurikaeshilistview_kurikaeshilistview] .slds-max-medium-table_stacked-horizontal[c-dataTablePagination_dataTablePagination] td[c-dataTablePagination_dataTablePagination]:before {
  display: table-row;
  float: none;
}

/* 申請詳細画面の表形式入力専用CSS：値変更時の保存ボタン非表示 */
.hyo-keishiki-nyuryoku lightning-primitive-datatable-status-bar {
  display: none;
}

/* 申請詳細画面の表形式入力専用CSS：値変更時の保存ボタン表示領域確保用paddingの削除 */
.hyo-keishiki-nyuryoku .slds-table_header-fixed_container {
  padding-bottom: 0px !important;
}

/* 申請詳細画面の表形式入力専用CSS：値変更時の背景色変更を無効化 */
.hyo-keishiki-nyuryoku .slds-table .slds-cell-edit.slds-is-edited {
  background-color: rgb(255, 255, 255) !important;
}

/* 農地地図情報画面の農地マーカー表示(旧Edgeの初期表示時に効かないためnochiMap.cssからこちらに移動。KA-610対応。) */
.icon-kikan {
  background-color: rgb(204, 68, 51);
  border-radius: 10px;
  border: 3px solid  rgb(204, 68, 51);
}
.icon-nimousaku {
  background-color: rgb(226, 195, 23);
  border-radius: 10px;
  border: 3px solid rgb(226, 195, 23);
}
.icon-sansaku {
  background-color: rgb(17, 48, 228);
  border-radius: 10px;
  border: 3px solid rgb(17, 48, 228);
}
.marker-cluster-circle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: bold; 
  text-align: center;
  color:rgb(0, 0, 0);
}
.marker-cluster-kikan {
  background-color: rgb(204, 68, 51);
  border-radius: 20px;
  border: 3px solid rgb(204, 68, 51);
}
.marker-cluster-nimousaku {
  background-color: rgb(226, 195, 23);
  border-radius: 20px;
  border: 3px solid rgb(226, 195, 23);
}
.marker-cluster-sansaku {
  background-color: rgb(17, 48, 228);
  border-radius: 20px;
  border: 3px solid rgb(17, 48, 228);
}

@media screen and (max-width: 896px) and (orientation: landscape){
  .pc-screen .slds-table_header-fixed_container.slds-scrollable_x{
    border-color: white;
    border-color: rgba(255, 255, 255, 0);
    border-width: 1px;
    border-style: solid;
  }
  .pc-screen .slds-table_header-fixed_container.slds-scrollable_x .slds-scrollable_y{
    border-color: white;
    border-color: rgba(255, 255, 255, 0);
    border-width: 1px;
    border-style: solid;
  }
}

@media only screen and (max-height: 30em){
  .modal-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .slds-modal__close {
    display: none;
  }
  .slds-modal__footer {
    max-height: 25vh;
    padding: 0;
  }
  .slds-modal__container {
    min-height: 50vh;
  }
  .slds-button {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
}

.slds-modal__footer {
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em){
  .slds-modal__footer {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (max-height: 20em){
  .header-string {
    font-size: 0.6rem;
  }
  .slds-button {
    font-size: 0.5rem;
    line-height: 1rem;
  }
}

/* UIUX:フォント設定 */
* {
  /* sp：第1候補：ヒラギノ角ゴProN　第２候補：ヒラギノ角ゴ */
  font-family: 	Hiragino Kaku Gothic ProN、ヒラギノ角ゴ ProN, Hiragino Sans, ヒラギノ角ゴシック !important;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  * {
    /* pc：メイリオUI（Meiryo UI）　第２候補：メイリオ（Meiryo）第３候補：游ゴシック（Yu Gothic Bold） */
    font-family: 'Meiryo UI', メイリオ, 'Yu Gothic Bold' !important;
  }
}  

html {
  font-size: 100%; /* ブラウザ初期値 16px基準 */
}
/* mobile */
body, .slds-scope:not(html), .slds-scope body {
  font-size: 1rem ; /* 16px */
  font-weight: 500 ; /* Medium指定できないので同意の500で設定 */
}
h1 {
  font-size: 1.375rem !important; /* 22px */
}
h2 {
  font-size: 1.25rem !important; /* 20px */
}
h3 {
  font-size: 1.125rem !important; /* 18px */
}
p {
  font-size: 1rem ; /* 16px */
}
span {
  font-size: 0.875rem ; /* 14px */
}
/* pc */
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  body, .slds-scope:not(html), .slds-scope body {
    font-size: 0.875rem ; /* 14px */
    font-weight: 500 ; /* Medium指定できないので同意の500で設定 */
  }
  h1 {
    font-size: 1.5rem !important; /* 24px */
  }
  h2 {
    font-size: 1.375rem !important; /* 22px */
  }
  h3 {
    font-size: 1.125rem !important; /* 18px */
  }
  p {
    font-size: 0.875rem ; /* 14px */
  }
  span {
    font-size: 0.75rem ; /* 12px */
  }
}

.slds-form-element__label, .slds-scope .slds-form-element__label { /* 項目ラベルの文字ptが小さくなるので BODY P と同じサイズに設定 */
  font-size: 1rem; /* 16px */
}
.slds-radio .slds-form-element__label, .slds-scope .slds-radio .slds-form-element__label{ /*ラジオボタンラベル */
  font-size: 1rem; /* 16px */
}
.slds-checkbox .slds-checkbox__label .slds-form-element__label, .slds-scope .slds-checkbox .slds-checkbox__label .slds-form-element__label{ /*チェックボックスラベル */
  font-size: 1rem; /* 16px */
}
.slds-form-element span, .slds-scope .slds-form-element span { /* lightg input 部品内の span文字ptが小さくなるので BODY P と同じサイズに設定 */
  font-size: 1rem ;  /* 16px */
}
.slds-checkbox_toggle span, .slds-scope .slds-checkbox_toggle span { /* トグル */
  font-size: 0.625rem ;  /* 10px */
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .slds-form-element__label, .slds-scope .slds-form-element__label { /* 項目ラベルの文字ptが小さくなるので BODY P と同じサイズに設定 */
    font-size: 0.875rem; /* 14px */
  }
  .slds-radio .slds-form-element__label, .slds-scope .slds-radio .slds-form-element__label{ /*ラジオボタンラベル */
    font-size: 0.875rem; /* 14px */
  }
  .slds-checkbox .slds-checkbox__label .slds-form-element__label, .slds-scope .slds-checkbox .slds-checkbox__label .slds-form-element__label{ /*チェックボックスラベル */
    font-size: 0.875rem; /* 14px */
  }
  .slds-form-element span, .slds-scope .slds-form-element span { /* lightg input 部品内の span文字ptが小さくなるので BODY P と同じサイズに設定 */
    font-size: 0.875rem ;  /* 14px */
  }
  .slds-checkbox_toggle span, .slds-scope .slds-checkbox_toggle span { /* トグル */
    font-size: 0.625rem ;  /* 10px */
  }
}

@media only print {
  /* 全体 */
  html{
    background-color: rgb(255,255,255)!important;
  }

  /* リンク（URL）表示 */
  a[href]:after, .slds-scope a[href]:after {
    content: "";
  }
  a, .slds-scope a {
    color: var(--lwc-brandTextLink,rgb(0, 6, 255))!important;
    text-decoration: none;
  }
  .cGuestPortalHeader .breadcrumbs a {
    color: initial !important;
    font-weight: initial !important;
    text-decoration: underline !important;
  }
  .cGuestPortalHeader .breadcrumbs a[href="#"] {
    text-decoration: none !important;
  }
  a.page-link[c-newShinseiDetail_newShinseiDetail] {
    color: rgb(43, 125, 84)!important;
  }
  .site-link[c-gaibuSystemLink_gaibuSystemLink] {
    background-color: rgb(212, 229, 221)!important;
  }
  .customLink[c-gaibuSystemLink_gaibuSystemLink],
  .page-link[c-gaibuSystemLink_gaibuSystemLink] p {
    color: rgb(43, 125, 84)!important;
  }

  /* カスタムルックアップ必須表示 */
  abbr[title]:after, c-custom-lookup[c-shinseikinopreview_shinseikinopreview] div[c-customlookup_customlookup] abbr[title]:after {
    content: "";
  }

  /* ボディ */
  .slds-card {
    background-color: rgb(255, 255, 255) !important;
  }

  /* タブ */
  .slds-is-active .slds-tabs_scoped__link {
    background-color: var(--lwc-colorBackgroundAlt,rgb(255, 255, 255))!important;
    color: var(--lwc-colorTextActionLabelActive,rgb(43, 125, 84))!important;
  }
  /* タブ */
  .slds-tabs_scoped__nav {
    background-color: var(--lwc-colorGray2,rgb(250, 250, 249))!important;
  }
  /* 非アクティブタブ名色 */
  .slds-tabs_scoped__link {
    color: var(--lwc-colorTextDefault, rgb(51, 51, 51))!important;
  }

  /* アコーディオン */
  .flip[c-daichoKinoCreate_daichoKinoCreate] h3,
  .flip[c-daichoList_daichoList] h3,
  .flip[c-shinseiList_shinseiList] h3,
  .flip[c-tetsuzukioSagasu_tetsuzukioSagasu],
  .flip[c-otoiawaseList_otoiawaseList] {
    color: rgb(43, 125, 84)!important;
    font-weight: bold !important;
  }
  .keieitaiTogo .slds-accordion__summary-content {
    color: rgb(43, 125, 84)!important;
  }
  .keieitai-detail .slds-accordion__summary-content {
    color: rgb(43, 125, 84)!important;
  }

  /* マイページナビ */
  a.page-link[c-myPageNavi_myPageNavi] b {
    color: rgb(43, 125, 84)!important;
  }
  .my-page-navi .slds-accordion__section.slds-is-open .slds-accordion__summary {
    background-color: #F2F2F2 !important;
  }
  .custom-mypage-menu [aria-level="1"] .slds-tree__item-label {
    color: #2B7D54 !important;
  }

  /* テキスト */
  .text[c-shinseiList_shinseiList] {
    color: rgb(43, 125, 84)!important;
    font-weight: bold !important;
  }
  c-environment strong font {
    color: rgb(255, 0, 0)!important;
  }
  .titleBox {
    background-color: rgb(250, 250, 249)!important;
  }
  .tetsudukimei[c-newShinseiDetail_newShinseiDetail] {
    color: rgb(43, 125, 84)!important;
  }
  .colortext_white-gray[c-newShinseiDetail_newShinseiDetail] {
    color: white !important;
    background-color: dimgray !important;
  }
  .subTitle[c-keieitaiTogo_keieitaiTogo] {
    background-color: rgb(203, 203, 203)!important;
  }
  .sub-title[c-otoiawaseDetail_otoiawaseDetail] {
    background-color: rgb(212, 229, 221)!important;
  } 
  .slds-text-color_destructive {
    color: var(--lwc-colorTextDestructive,rgb(234, 0, 30))!important;
  }
  .data_title[c-hajimeteNoKatahe_hajimeteNoKatahe] h1{
    color: #2B7D54 !important;
    font-weight: bold !important;
  }
  .data_icon[c-hajimeteNoKatahe_hajimeteNoKatahe] {
    color: #CECECE !important;
  }
  .carousel_data[c-hajimeteNoKatahe_hajimeteNoKatahe] {
    background-color: #F2F2F2 !important;
  }
  .list[c-dosaHosho_dosaHosho] thead[c-dosaHosho_dosaHosho] th[c-dosaHosho_dosaHosho] {
    color: #514F4D !important;
    background: #D4E5DD !important;
    border: 1px solid #B0ADAB !important;
  }
  .cGuestPortalHeader .banner p {
    color: rgba(43, 125, 84)!important;
  }

  /* 入力項目 */
  .slds-input[disabled] {
    background-color: var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236))!important;
    border-color: var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202))!important;
    color: var(--lwc-colorTextInputDisabled,rgb(107, 109, 112))!important;
  }
  .slds-textarea[disabled] {
    background-color: var(--lwc-colorBackgroundInputDisabled,rgb(243, 243, 243))!important;
    border-color: var(--lwc-colorBorderInputDisabled,rgb(201, 201, 201))!important;
    color: inherit!important;
  }
  .slds-combobox__input[disabled] {
    background-color: var(--lwc-colorBackgroundInputDisabled,rgb(243, 243, 243))!important;
  }
  lightning-datepicker .slds-button[disabled] .slds-button__icon {
    fill: var(--lwc-colorTextInputIcon,rgb(174, 174, 174))!important;
  }
  lightning-input-rich-text[data-disabled="true"] div.slds-rich-text-area__content {
    color: rgb(51, 51, 51)!important;
    background-color: rgb(233, 234, 236)!important;
    border-color: rgb(196, 198, 202)!important;
  }

  /* ラジオ */
  .slds-radio [type=radio]:checked+.slds-radio__label {
    border-color: var(--slds-c-radio-color-border-checked, var(--sds-c-radio-color-border-checked, var(--sds-c-radio-color-border, var(--lwc-colorBorderInput,rgb(212, 212, 212)))))!important;
    background-color: var(--slds-c-radio-color-background-checked, var(--sds-c-radio-color-background-checked, var(--sds-c-radio-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))))!important;
  }
  .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after{
    background-color: var(--slds-c-radio-mark-color-foreground, var(--sds-c-radio-mark-color-foreground, var(--lwc-brandAccessible,#2c7c54)))!important;
  }
  .slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux {
    background-color: var(--lwc-colorBackgroundInputDisabled,rgb(243, 243, 243))!important;
    border-color: var(--lwc-colorBorderInputDisabled,rgb(201, 201, 201))!important;
  }
  .slds-radio [type=radio][disabled]:checked+.slds-radio__label .slds-radio_faux:after{
    background-color: var(--lwc-colorGray8,rgb(150, 148, 146))!important;
  }

  /* チェックボックス */
  .slds-checkbox .slds-checkbox_faux, .slds-checkbox .slds-checkbox--faux {
    background-color: var(--slds-c-checkbox-color-background, var(--sds-c-checkbox-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))))!important;
  }

  .slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--lwc-colorBorderInputDisabled,rgb(201, 201, 201))!important;
    background-color: var(--lwc-colorBackgroundInputDisabled,rgb(243, 243, 243))!important;
  }

  /* ファイルアップロード */ 
  .slds-file-selector__input[disabled]~.slds-file-selector__body>.slds-file-selector__button {
    background: var(--lwc-colorBackgroundButtonBrandDisabled,rgb(243, 242, 242))!important;
    border-color: var(--lwc-colorBorderButtonBrandDisabled,rgba(0, 0, 0, 0))!important;
    color: var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255))!important;
  }
  lightning-file-upload {
    --slds-c-icon-color-foreground: #2B7D54;
  }
  .slds-file-selector,
  .slds-file-selector_files
  {
    --slds-c-icon-color-foreground: #2B7D54;
  }

  .slds-file-selector__input[disabled]~.slds-file-selector__body .slds-button__icon {
    fill: var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255))!important;
  }
  .slds-file-selector__input[disabled]~.slds-file-selector__body .slds-file-selector__text {
    color: var(--lwc-colorTextButtonDefaultDisabled,rgb(201, 201, 201))!important;
  }

  /* ボタンStylingHookが適用されるので共通の設定で対応可能 */
  .slds-button {
    background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, transparent))!important;
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent))!important;
    color: var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--lwc-brandAccessible,#2c7c54)))!important;
  }
  /* ボタンdisabledは個別設定 (neutral/brand/destructive)*/
  .slds-button_neutral[disabled] {
    background-color: var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255))!important;
    border-color: var(--lwc-buttonColorBorderPrimary,rgb(212, 212, 212))!important;
  }
  .slds-button[disabled] {
    color: var(--lwc-colorTextButtonDefaultDisabled,rgb(201, 201, 201))!important;
  }
  .slds-button_brand[disabled] {
    background-color: var(--lwc-brandDisabled,rgb(201, 199, 197))!important;
    border-color: var(--lwc-brandDisabled,rgb(201, 199, 197))!important;
    color: var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255))!important;
  }
  .slds-button_destructive[disabled] {
    background-color: var(--lwc-brandDisabled,rgb(201, 199, 197))!important;
    border-color: var(--lwc-brandDisabled,rgb(201, 199, 197))!important;
    color: var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255))!important;
  }
  c-editable-data-table .slds-button_icon-border {
    color: var(--lwc-colorTextIconDefault,rgb(116, 116, 116))!important;
    border: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderPrimary,rgb(201, 201, 201))!important;
    border-color: var(--lwc-buttonColorBorderPrimary,#D4D4D4)!important;
  }
  /* ボタングループ */
  .slds-button-group .slds-button_icon-border-filled {
    border: var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderPrimary,rgb(201, 201, 201))!important;
    border-color: var(--lwc-buttonColorBorderPrimary,#D4D4D4)!important;
  }
  .slds-button-group .slds-button_icon-border-filled .slds-button__icon {
    fill: var(--lwc-colorTextIconDefault,rgb(116, 116, 116))!important;
  }
  .slds-button-group .slds-button_icon-border-filled[disabled] .slds-button__icon {
    fill: var(--lwc-colorTextButtonDefaultDisabled,rgb(201, 201, 201))!important;
  }

  /* ヘルプテキスト */
  /* グレー */
  lightning-helptext .slds-button.slds-button_icon .slds-button__icon {
    fill: rgb(107, 109, 112);
  }
  /* 白 */
  lightning-helptext .slds-button.slds-button_icon.slds-button_icon-inverse .slds-button__icon {
    fill: rgb(255, 255, 255);
  }

  /* トグル */
  .slds-checkbox_toggle .slds-checkbox_faux {
    border-color: rgb(174, 174, 174)!important;
    background-color: rgb(174, 174, 174)!important;
  }
  .slds-checkbox_toggle .slds-checkbox_faux:after { 
    background-color: white!important;
  }
  .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux { 
    border-color: rgba(44, 124, 84)!important;
    background-color: rgba(44, 124, 84)!important;
  }
  .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before { 
    background-color: white!important;
  }
  .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after { 
    background-color: transparent!important;
  }

  .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux {
    background-color: var(--lwc-colorBackgroundToggleDisabled,rgb(171, 173, 176))!important;
    border-color: var(--lwc-colorBackgroundToggle,rgb(171, 173, 176))!important;
  }
  .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux:after, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:after {
    background-color: var(--lwc-colorBackgroundInputCheckboxDisabled,rgb(217, 219, 221))!important;
  }
  .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before, .slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before, .slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before {
    background-color: var(--lwc-colorBackgroundInputCheckboxDisabled,rgb(217, 219, 221))!important;
  }
  .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after, .slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after, .slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after {
    background-color: transparent !important;
  }
  c-shinseisha-preferences tr[style="background-color: rgb(241, 241, 241);"] {
    background-color: rgb(241, 241, 241)!important;
  }
  c-keieitai-preferences tr[style="background-color: rgb(241, 241, 241);"] {
    background-color: rgb(241, 241, 241)!important;
  }

  /* 比較結果差分箇所アイコン */
  .attentionMark {
    background-color: rgb(199, 27, 27)!important;
  }
  /* 申請お問合わせタブメールアイコン */
  .slds-icon-action-email[data-tab-value="tabOtoiawase"] svg {
    background-color: rgb(255, 194, 204, 0.5)!important;
    fill: mediumvioletred !important;
  }
  .slds-icon_container[data-tab-value="tabOtoiawase"] {
    background-color: rgb(255, 194, 204, 0.5)!important;
  }

  /* ページングテーブル */
  .paginator-page-size .slds-truncate {
    color: var(--slds-c-input-text-color, rgb(43, 125, 84))!important;
  }

  /* 経営体情報ブロック */
  .keieitai-joho[c-newShinseiDetail_newShinseiDetail],
  .keieitai-joho[c-shinseiKinoPreview_shinseiKinoPreview] {
    background-color: rgb(241, 241, 241)!important;
    border-color: rgb(241, 241, 241)!important;
  }
}


/* ダッシュボードのタイトル部分を他のコンポーネントと合わせる */
.reportTitle {
  background-color: rgb(243, 242, 242);
  padding-top: 20px;
  padding-bottom: 16px;
}
.reportTitle > h2 {
  font-size: 1.375rem !important;
  font-weight: Bold;
}

/* サイトヘッダ */
/* 申請者サイト(gBiz1,Site3)はSiteファイルでヘッダ（メニュー）非表示設定 */
/* 申請者以外のサイトではメニューのみ使用するようcssで表示制御 */
.forceCommunityGlobalNavigation {
  background-color: rgb(43, 125, 84) !important;
}
.siteforceServiceBody .cHeaderOverlay {
  background-color: rgb(43, 125, 84) !important;
}
.forceCommunityGlobalNavigation>* {
  max-width: 1080px !important;
}
.forceCommunityGlobalNavigation a span {
  /* pc モバイル共に14px */
  font-size: 0.875rem;
}
@media only print and (min-width: 48em){
  .forceCommunityGlobalNavigation *{
    color: rgb(255,255,255)!important;
  }
}

/* モバイル時はハンバーガーアイコンだけ表示 */
.cHeaderPanel .cHeaderLine>*:not(.cTopLeftCon){
  display: none; 
} 
/* PC時はメニューだけ表示 */
@media (min-width: 48em) {
  .cHeaderPanel .cHeaderLine{
    display: none; 
  } 
  .siteforceServiceBody .cNavBarCon {
    position: static;
  }
}

/* モバイル時（スクリーン）はヘッダ表示位置を固定しスクロールしない */
.siteforceServiceBody .cHeaderPanel {
  position: fixed;
  top: 0;
  z-index: 7500;
  height: 7.125rem; /*114px*/
}
@media (min-width: 48em){
  .siteforceServiceBody .cHeaderPanel {
    position: relative;
    top: 0;
    z-index: auto;
    height: auto;
  }
}
/* モバイル時（プリント）はヘッダを固定しない */
@media only print {
  .siteforceServiceBody .cHeaderPanel {
    position: absolute;
    z-index: -1;
  }
  .siteforceServiceBody .cAltToggleNav {
    display: initial;
  }
  .siteforceServiceBody .cAltToggleNav button {
    --slds-c-icon-color-foreground: rgb(255,255,255);
  }
  .siteforceServiceBody .cNavBarCon {
    display: none;
  }
}
/* 上記モバイル時（プリント）設定をクリア */
@media only print and (min-width: 48em){
  .siteforceServiceBody .cHeaderPanel {
    position: static;
    z-index: auto;
  }
  .siteforceServiceBody .cNavBarCon {
    display: block;
  }
}

/* UIUX:ボディ白色 */
.slds-card, .slds-scope .slds-card {
  border-width: 1px;
  padding: 0.5rem;
  border-radius: 0rem;
}
/* UIUX:ボディ余白削除 */
.slds-card__header {
  padding: 0px !important;
  margin: 0px !important;
}

.bold-card .slds-card{
  border-width: 2.5px;
  border-color: rgb(43, 125, 84);
}

/* カードの外周線余白を削除して表示する場合の設定 */
.transparent-card > .slds-card{
  border-width: 0px;
  padding: 0;
}
.transparent-card > .slds-card .slds-card__body{
  margin: 0;
}

/* UIUX:ヘッダーの高さを0に変更 */
lightning-card > article > div > header {
  height: 0px;
}

/* UIUX:コンテンツヘッダフッタが表示されるのを削除 */
.siteforceContentArea .comm-layout-column:not(:empty) {
  /* padding-top: 0rem; */
  /* padding-bottom: 0rem; */
  /* 両端のマージンも0設定 */
  padding: 0rem;
}

/* UIUX:モーダル画面設定 */
/* UIUX:モーダルヘッダ */
.slds-modal__header {
  background-color:rgb(246, 244, 244)!important;
  border-bottom: 0px!important;   /* 罫線消去 */
  padding-bottom: 0rem!important; /* ヘッダ領域余白を狭く */
}
/* UIUX:モーダルボディ */
.slds-modal__content {
  background-color:rgb(246, 244, 244)!important;
}
/* UIUX:モーダルフッタ */
.slds-modal__footer {
  background-color:rgb(246, 244, 244)!important;
  border-top: 0px!important;      /* 罫線消去 *//* 2px solid rgb(212, 212, 212);*/
}
/* UIUX:モーダル縦表示領域拡大 */
.slds-modal__container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 48em){
  .slds-modal__container{ /* モーダルの上下マージンを小さくして表示領域確保 */
    padding: 1rem 0px!important;    /* padding: 3rem 0px; */
  }
}

/* トースト */
/* 正常時のトースト色（緑）がサイトカラー（緑）と重なるので白の縁取り */
.slds-notify_container .slds-theme_success, .slds-notify_container .slds-theme--success {
  outline:3px solid white;
}
 
/* UIUX:iPhoneでの全文検索テキストボックスが丸くなる不具合対応 */
.slds-scope input[type=search], input[type=search] {
  -webkit-appearance: none !important;
  border-radius: 0.25rem !important;
}

/* UIUX:コンボボックス */
.slds-combobox__input {
  font-weight: 500;
  vertical-align :top;
} 
/* UIUX:必須マーク */
.slds-required {
  display: inline-block!important;
  padding: 0 4px!important;
  margin-bottom: 2px!important;
  vertical-align: middle!important;
  background-color: rgb(194, 27, 27)!important;
  color: rgb(255, 255, 255)!important;
  font-size: 0.5rem!important;
}
/* UIUX:エラー時項目赤透過背景 */
.slds-has-error .slds-input {
  background-color: rgba(199, 27, 27, 0.3)!important;
}
slds-form-element slds-has-error > div.slds-form-element__control {
  background-color: rgba(199, 27, 27, 0.3)!important;
}

/* UIUX:ページングテーブル */
/* UIUX:ページングテーブルヘッダ （通常）*/
.slds-cell-fixed, .slds-cell-fixed:focus, .slds-is-sortable .slds-th__action:focus, .slds-th__action, .slds-th__action:focus {
  background-color: rgb(212, 229, 221) !important;
}
/* UIUX:ページングテーブルヘッダ （マウスオーバー）*/
.slds-cell-fixed:hover, .slds-is-sortable .slds-th__action:hover, .slds-th__action:hover {
  background-color: rgb(138, 179, 172) !important;
}

/* UIUX:ボタン */
/* UIUX:ページングテーブルのボタンは角を丸くしない */
.slds-button-group-row .slds-button-group-item .slds-button {
  border-radius: 0.25rem!important;
  margin: 0px!important;
  padding-right: 2px;
  padding-left: 2px;
  min-width: 2em;
}
.slds-button-group-row .slds-button-group-item:first-child .slds-button {
  padding-right: 6px;
  padding-left: 6px;
}
.slds-button-group-row .slds-button-group-item:last-child .slds-button {
  padding-right: 6px;
  padding-left: 6px;
}

.scope .saido-helptext .slds-form-element__icon {
  display: inline-block;
  position: relative;
  padding-top: 0px !important;
  vertical-align: middle !important;
  line-height: var(--lwc-lineHeightReset,1);
  z-index: 1;
  margin-bottom: 2px;
}

/* ページングボタンを画面幅に納めるよう　30emを閾値で　細めボタンと通常ボタンを切り替える */
@media only screen and (min-width: 30em), only print and (min-width: 30em) {
  .slds-button-group-row .slds-button-group-item .slds-button {
    padding-right: 16px;
    padding-left: 16px;
    min-width: auto;
  }
  .slds-button-group-row .slds-button-group-item:first-child .slds-button {
    padding-right: 12px;
    padding-left: 12px;
  }
  .slds-button-group-row .slds-button-group-item:last-child .slds-button {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* タブlightning-tab */
.slds-tabs_scoped__link, .slds-scope .slds-tabs_scoped__link {
  font-size: 1.125rem;
  font-weight: bold !important;
  border-color: var(--lwc-colorBorder,rgb(212, 212, 212));  
}

/* タブに存在する非表示「その他」の影響で横スクロールしてしまうのを制止する追加クラス */
.static-tab .slds-tabs_scoped {
  overflow-y:visible;
}

.cSearchPublisher {
  display: none;
}

.keieitai-detail .slds-accordion__summary-content {
  color: rgb(43, 125, 84);
  font-size: 18px;
  font-weight: 700;
}

.keieitaiTogo .slds-accordion__summary-content {
  color: rgb(43, 125, 84);
  font-size: 18px;
  font-weight: 700;
}

.keieitaiTogo lightning-accordion-section{
  display: list-item !important;
}

.keieitaiTogo .slds-radio_button-group{
  width: 100%;
}

.keieitaiTogo .slds-radio_button{
  width: 100%;
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.keieitaiTogo .slds-radio_button__label{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 30px;
  white-space: pre-line;
  text-align:center;
}  

.keieitaiTogo .slds-radio_button__label{
  color: rgb(0, 0, 0) !important;
}

.keieitaiTogo .disable .slds-radio_button__label{
  background-color: rgb(233, 234, 236) !important;
  justify-content: flex-start;
}

.keieitaiTogo lightning-radio-group:not(.disable) .slds-radio_button [type="radio"]:checked + .slds-radio_button__label{
  background-color: rgb(216, 237, 255) !important;
}

.status-henko-jiyu textarea{
  height: 300px;
}

@media only screen and (min-width: 48em) {
  .siteforceServiceBody .cHeaderLine {
    padding: 2rem 1rem 2.5rem 1rem;
  }
}

.kozaUploadItem > lightning-input > div {
  display: inline-block;
}

.newShinseiDetailAccordion .slds-accordion__section {
  padding: 16px 0px 4px 0px;
}

.newShinseiDetailAccordion .slds-accordion__summary-heading {
  background-color:rgb(243, 242, 242);
  padding: 8px;
}

.newShinseiDetailAccordion .slds-accordion__summary-content {
  font-size: 1.125rem;
  font-weight: bold;
}

.newShinseiDetailAccordionCategory .slds-accordion__summary {
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.newShinseiDetailAccordionCategory .slds-accordion__summary-content {
  font-size: 1.125rem;
  font-weight: bold;
}

.newShinseiDetail span,
lightning-input[c-shinseiKinoPreview_shinseiKinoPreview].newShinseiDetail span {
  font-size: 0.875rem;
}

.shinseiList .slds-accordion__summary-heading {
  background-color:#dddddd;
  padding: 8px;
}

.shinseiList .slds-accordion__summary {
  margin-bottom: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

.shinseiList .slds-accordion__section {
  padding: 0px 0px 4px 0px;
}

c-custom-datatable div.slds-hyphenate {
  max-width: 100%;
}

/* ログイン前申請詳細画面子画面の設定 */
c-deprecated-shinsei-ko-detail .message {
  background-color: transparent;
  border-style: none;
  border-width: 1px;
  color: transparent;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px;
}

c-new-shinsei-ko-data-table-pagenation c-custom-datatable lightning-base-formatted-text {
  white-space: pre-line;
}

c-deprecated-shinsei-ko-data-table-pagenation c-custom-datatable lightning-base-formatted-text {
  white-space: pre-line;
}

.data_table_pre_line lightning-base-formatted-text {
  white-space: pre-line;
}

.deleted-row {
  background-color: #737373;
}

/* 申請情報詳細　一覧入力　カレンダーの罫線を消去 */
c-data-table-pagination lightning-calendar td{
  border-color: transparent!important;
}

c-data-table-pagination lightning-calendar tr:hover>td {
  box-shadow: transparent 0 calc(-1 * var(--lwc-borderWidthThin,1px)) 0 inset,transparent 0 1px 0 inset!important;
}

.custom-radio-ikenchoshu .slds-form-element__control {
  display: flex;
}

.custom-radio-period .slds-form-element__control {
  display: block !important;
}

@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .custom-radio-period .slds-form-element__control {
    display: flex !important;
  }
}

.custom-radio-period .slds-form-element__control .slds-radio{
  margin: auto;
}

.slds-input[disabled], .slds-input.slds-is-disabled{
  user-select: text !important;
  -webkit-user-select: text !important;
}

/** 本人確認結果でデータが最初から折り返して表示される。 */
.custom-table-mimotokakunin c-custom-datatable .slds-hint-parent .slds-truncate {
  white-space: normal!important;
  word-break: break-all!important;
}

/* @media printの全体設定を個々に無効化して @media display と同じ出力に合わせるパート */
/* 
  @media print
  *, *:before, *:after {
    background: transparent!important;
    color: #000!important;               
    box-shadow: none!important;
    text-shadow: none!important;
  }
*/
/* 共通＆mobile-screen */

/* pc-screen */
@media only print and (min-width: 48em){
  /* ページタイトル */
  .siteforceServiceBody .cBrandingLogo {
    width: 520px !important;
    height: 90px !important;
    top: -10px !important;
    left: -20px !important;
    margin-left: 20px;
    margin-top: initial;
  }
  .siteforceServiceBody .cHeaderLine {
    padding: 2rem 1rem 2.5rem 1rem;
  }
  .siteforceServiceBody .cTopLeftCon {
    min-width: 0;
  }

  /* コミュニティページ右上の名前表示 */
  .profileName {
    padding: 0 2px 0 7px !important;
    min-width: 4rem !important;
    max-width: 11rem!important;
    color: rgb(255,255,255) !important;
    text-shadow: 0 0 4px var(--lwc-colorTextInverseShadow,#000)!important;
  }
  .profileIcon {
    width: 30px !important;
    height: 30px !important;
  }
  .cProfileCon {
    padding-top: 0px !important;
    min-width: 8rem !important;
  }
  .selfServiceProfileMenuTrigger .trigger-link {
    padding: 14px 10px;
  }
  .selfServiceUserProfileMenu .down-arrow {
    display: inline-block!important;
  }
  .selfServiceProfileMenuTrigger .triggerDownArrow {
    border-top: 5px solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 3px;
    vertical-align: middle;
    color: rgb(255,255,255) !important;
  }

  .siteforceServiceBody .cAltToggleNav {
    display: none;
  }

  .siteforceServiceBody .comm-navigation {
    height: auto;
  }
}

@media only screen {
  .screen-only {
    display: block;
  }
  .print-only {
    display: none;
  }
}

@media only print {
  .screen-only {
    display: none;
  }
  .print-only {
    display: block;
  }
}

.dualListBox .slds-listbox__option {
  padding: 1px 4px !important;
}

.dualListBox .slds-form-element__label {
  display: none;
}

.slds-dueling-list__column_responsive {
  min-width: auto;
}

/* アコーディオン内に配置されるスピナーの表示サイズ確保対応 */
lightning-accordion-section .slds-spinner_container {
  position: fixed;
}

c-custom-datatable .slds-checkbox__label {
  vertical-align: middle;
}

c-custom-datatable .slds-radio__label {
  vertical-align: middle;
}

.slds-table_header-fixed_container:before{
  border-bottom-width: 0px !important;
}

lightning-datatable .slds-radio__label {
  vertical-align: middle;
}

/* Spring'22：レポートコンポーネントが存在する場合に追加される要素の非表示対応 */
.ng-charthover, .ng-charthover-interactive {
  display: none;
  visibility: hidden;
}

/* 共通 ------------------------------------------------------------------------------------ */
/* 画面のサイズ設定 */
.content-container {
  width: 100%;
  margin: 12px auto 0 auto;
  padding: 0 10px;
}
.content-container_margin-bottom {
  margin-bottom: 60px;
}
.content-footer-container {
  margin-top: 32px;
  margin-bottom: -12px;  
}
.content-footer-container button.slds-button {
  margin-bottom: 12px;  
}
.content-footer-container > div {
  margin-bottom: 12px;  
}
.content-button-container button.slds-button {
  margin-bottom: 12px;  
}
.content-file-container button.slds-button {
  margin-top: 12px;  
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .content-container{
    width: 100%;
    /* margin: 12px auto 0 auto; */
    padding: 0 20px;
    max-width: 1080px;
  }
  .content-container_margin-bottom {
    margin-bottom: 100px;
  }
}

/* 共通 ------------------------------------------------------------------------------------ */
/* 通常ボタンのサイズ設定 */
/* LL:x-large */
/* L :large */
/* M :medium */
/* S :small */
.button-sizing_x-large button {
  --slds-c-button-line-height: 76px;
  width: 290px;
  --slds-c-button-radius-border: 0.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 22px;
  font-weight:bold;
}
@media only screen and (min-width: 375px), only print and (min-width: 375px) {
  .button-sizing_x-large button {
    --slds-c-button-line-height: 76px;
    width: 310px;
    --slds-c-button-radius-border: 0.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 22px;
    font-weight:bold;
  }
}  
.button-sizing_x-large-width-max button {
  --slds-c-button-line-height: 76px;
  /* width: 310px; */
  --slds-c-button-radius-border: 0.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 20px;
  font-weight:bold;
  width: 100%;
}
.button-sizing_large button {
  --slds-c-button-line-height: 56px;
  width: 280px;
  --slds-c-button-radius-border: 1.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 20px;
  font-weight:bold;
  --slds-c-button-spacing-inline-end:0.5rem;
  --slds-c-button-spacing-inline-start:0.5rem;
}
@media only screen and (min-width: 375px), only print and (min-width: 375px) {
  .button-sizing_large button {
    --slds-c-button-line-height: 56px;
    width: 310px;
    --slds-c-button-radius-border: 1.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 20px;
    font-weight:bold;
    --slds-c-button-spacing-inline-end:1rem;
    --slds-c-button-spacing-inline-start:1rem;
  }
}  
.button-sizing_x-large-width-small button {
  --slds-c-button-line-height: 56px;
  width: 200px;
  --slds-c-button-radius-border: 0.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 22px;
  font-weight:bold;
}
.button-sizing_medium button {
  --slds-c-button-line-height: 46px;
  min-width: 170px;
  --slds-c-button-radius-border: 1.5rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 18px;
  font-weight: bold;
}
.button-sizing_medium-width-max button {
  --slds-c-button-line-height: 46px;
  /* min-width: 170px; */
  --slds-c-button-radius-border: 1.5rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}
.button-sizing_small button {
  --slds-c-button-line-height: 40px;
  min-width: 125px;
  --slds-c-button-radius-border: 1.5rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 18px;
  font-weight: bold;
}
.button-sizing_small-width-max button {
  --slds-c-button-line-height: 40px;
  --slds-c-button-radius-border: 1.5rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .button-sizing_x-large button {
    --slds-c-button-line-height: 66px;
    width: 310px;
    --slds-c-button-radius-border: 0.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 22px;
    font-weight:bold;
  }
  .button-sizing_x-large-width-max button {
    --slds-c-button-line-height: 66px;
    /* width: 310px; */
    --slds-c-button-radius-border: 0.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 22px;
    font-weight:bold;
    width: 100%;
  }
  .button-sizing_large button {
    --slds-c-button-line-height: 56px;
    width: 310px;
    --slds-c-button-radius-border: 1.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 22px;
    font-weight:bold;
    --slds-c-button-spacing-inline-end:1rem;
    --slds-c-button-spacing-inline-start:1rem;
  }
  .button-sizing_x-large-width-small button {
    --slds-c-button-line-height: 56px;
    width: 200px;
    --slds-c-button-radius-border: 0.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 22px;
    font-weight:bold;
  }
  .button-sizing_medium button {
    --slds-c-button-line-height: 40px;
    min-width: 170px;
    --slds-c-button-radius-border: 1.5rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 18px;
    font-weight: bold;
  }
  .button-sizing_medium-width-max button {
    --slds-c-button-line-height: 40px;
    /* min-width: 170px; */
    --slds-c-button-radius-border: 1.5rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
  }
  .button-sizing_small button {
    --slds-c-button-line-height: 36px;
    min-width: 125px;
    --slds-c-button-radius-border: 1.5rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 14px;
    font-weight: bold;
  }
  .button-sizing_small-width-max button {
    --slds-c-button-line-height: 36px;
    --slds-c-button-radius-border: 1.5rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
  }
}
.width310 button {
  min-width: 310px;
}

.width270 button {
  min-width: 270px;
}

.width170 button {
  min-width: 170px;
}

.widthmin button {
  min-width: 0px;
}

/* ボタンラベルの文字サイズ縮小設定（該当ボタンに個別設定） */
/* 画面幅450px以下で文字を3.8vwで縮小する設定 */
@media only screen and (max-width: 450px), only print and (max-width: 450px) {
  .button-sizing_small.font-shrink_width450 button {
    font-size: 3.8vw;
  }
}
/* 画面幅383px以下で文字を3.8vwで縮小する設定 */
@media only screen and (max-width: 383px), only print and (max-width: 383px) {
  .button-sizing_small.font-shrink_width383 button {
    font-size: 3.8vw;
  }
}
/* 画面幅768px以上869px以下の間ログインボタンラベルの文字サイズを縮小する設定 */
@media only screen and (min-width: 768px) and (max-width: 869px), only print and (min-width: 768px) and (max-width: 869px) {
  .cGuestPortalHeader .pc-screen button.login {
    font-size: 2.6vw;
  }
}

/* アカウント詳細画面の組織選択ボタン用設定 */
@media only screen and (min-width: 768px) and (max-width: 850px), only print and (min-width: 768px) and (max-width: 850px) {
  .button-sizing_small.soshikiSentakuButton button {
    min-width: 115px;
  }
}

.border-style_dashed button {
  border-style: dashed;
}

/* 共通 ------------------------------------------------------------------------------------ */
/* 検索条件アコーディオン */
.searchAccordion .slds-accordion__section {
  padding: 16px 0px 4px 0px;
}
.searchAccordion .slds-accordion__summary-content {
  font-size: 1.125rem;
  font-weight: bold;
}
.searchAccordion .slds-accordion__summary-heading {
  background-color:#dddddd;
  padding: 8px;
}

/* 特殊ボタンのサイズ設定 */
/* 横100%：ログイン後トップページ（ダッシュボード） */
.button-sizing-width-max button{
  --slds-c-button-radius-border: 0.25rem;
  width: 100%;
}

/* モーダルフッターボタン */
/* 縦に並んだ時のマージン */
.slds-modal__footer > slot > div  {
  margin-bottom: -12px;  
}
.slds-modal__footer button {
  margin-bottom: 12px;  
}
.button-tabto-page{
  --slds-c-button-radius-border: 0.25rem;
  width: 100%;
  --slds-c-button-spacing-inline-end: 0.125rem;
  --slds-c-button-spacing-inline-start: 0.125rem;
}

/* 特殊ボタンの設定 */
/* ダッシュボードタブ内の遷移ボタンの小アイコン */
/* （マイページ/手続を探す/手続を進める） */
span.tabto-category {
  color: rgb(255,255,255)!important;/* @media only print 対応 important*/
  border: 1px solid #FFFF;
  line-height: 17px;
  font-size: 12px;
}
.tabto-icon {
  --slds-c-icon-color-foreground: rgb(255,255,255);
}
h3.tabto-label {
  color: rgb(255,255,255)!important;/* @media only print 対応 important*/
  font-weight: bold;
}

/* 特殊ボタンのサイズ設定 */
/* マイページ画面：■お勧め申請登録 */
/* 業種選択ボタン */
.button-select-gyoshu button{
  --slds-c-button-line-height: 20px;
  width: 100px;
  height: 55px;
  --slds-c-button-radius-border: 0.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 14px;
  font-weight: bold;
  --slds-c-button-spacing-inline-start:0.5rem;
  --slds-c-button-spacing-inline-end:0.5rem;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em){
  .button-select-gyoshu button{
    --slds-c-button-line-height: 20px;
    width: 145px;
    height: 55px;
    --slds-c-button-radius-border: 0.75rem;
    --slds-c-button-sizing-border: 2px;
    font-size: 14px;
    font-weight: bold;
    --slds-c-button-spacing-inline-start:0.5rem;
    --slds-c-button-spacing-inline-end:0.5rem;
  }
}
/* おすすめ選択ボタン */
.button-select-osusume button{
  --slds-c-button-line-height: 20px;
  width: 145px;
  height: 55px;
  --slds-c-button-radius-border: 0.75rem;
  --slds-c-button-sizing-border: 2px;
  font-size: 14px;
  font-weight: bold;
  --slds-c-button-spacing-inline-start:0.125rem;
  --slds-c-button-spacing-inline-end:0.125rem;
}

/* 特殊ボタンのサイズ設定 */
/* ポータル画面：■カテゴリから探す */
a.button-selectby-category {
  background-color:rgb(43, 125, 84);
  border-radius: 0.75rem;
  border: 1px solid;
}
.button-selectby-category div.container {
  position: relative;
  /* width: 225px; */
  width: 100%;
  height: 85px;
}
.button-selectby-category div.category {
  width: 75px;
  height:28px;
  position: absolute;
  top:-7px;
  left:-7px;
  border-top-left-radius: 0.65rem;
  overflow: hidden;
  background-color:white;
}
.button-selectby-category p.category {
  font-weight: bold;
  color:rgb(43, 125, 84);
}
.button-selectby-category div.icon {
  position: absolute;
  bottom:2px;
  right:2px;
  --slds-c-icon-color-foreground:rgb(43, 125, 84);
  --slds-c-icon-color-background:rgb(30, 87, 58);
}
.button-selectby-category div.label {
  position: absolute;
  top:25px;
  left:0px;
  color:white;
  width: 100%;
}
.button-selectby-category p.label {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}
.button-selectby-category.slds-box_link:hover, .button-selectby-category.slds-box_link:focus {
  background-color:rgb(43, 125, 84, 0.5);
  border: var(--lwc-borderWidthThin,1px) solid rgb(43, 125, 84);
  box-shadow: 0 0 0 1px rgb(43, 125, 84) inset;
}
.button-selectby-category.slds-box_link:hover div.icon, .button-selectby-category.slds-box_link:focus div.icon {
  --slds-c-icon-color-foreground:rgb(43, 125, 84, 0.2);
  --slds-c-icon-color-background:rgb(30, 87, 58, 0);
}
.button-selectby-category.slds-box_link:hover div.label, .button-selectby-category.slds-box_link:focus div.label {
  color:rgb(43, 125, 84);
}
/* pc: ボタンサイズあり */
@media only screen and (min-width: 48em), only print and (min-width: 48em){
  a.button-selectby-category {
    background-color:rgb(43, 125, 84);
    border-radius: 0.75rem;
    border: 1px solid;
  }
  .button-selectby-category div.container {
    position: relative;
    width: 225px;
    height: 85px;
  }
  .button-selectby-category div.category {
    width: 75px;
    height:28px;
    position: absolute;
    top:-7px;
    left:-7px;
    border-top-left-radius: 0.65rem;
    overflow: hidden;
    background-color:white;
  }
  .button-selectby-category p.category {
    font-weight: bold;
    color:rgb(43, 125, 84);
  }
  .button-selectby-category div.icon {
    position: absolute;
    bottom:2px;
    right:2px;
    --slds-c-icon-color-foreground:rgb(43, 125, 84);
    --slds-c-icon-color-background:rgb(30, 87, 58);
  }
  .button-selectby-category div.label {
    position: absolute;
    top:25px;
    left:65px;
    color:white;
    width: auto;
  }
  .button-selectby-category p.label {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
  }
  .button-selectby-category.slds-box_link:hover, .button-selectby-category.slds-box_link:focus {
    background-color:rgb(43, 125, 84, 0.5);
    border: var(--lwc-borderWidthThin,1px) solid rgb(43, 125, 84);
    box-shadow: 0 0 0 1px rgb(43, 125, 84) inset;
  }
  .button-selectby-category.slds-box_link:hover div.icon, .button-selectby-category.slds-box_link:focus div.icon {
    --slds-c-icon-color-foreground:rgb(43, 125, 84, 0.2);
    --slds-c-icon-color-background:rgb(30, 87, 58, 0);
  }
  .button-selectby-category.slds-box_link:hover div.label, .button-selectby-category.slds-box_link:focus div.label {
    color:rgb(43, 125, 84);
  }
}

/* 特殊ボタンのサイズ設定 */
/* ポータル画面：■対象者から探す */
a.button-selectby-user {
  background-color:rgb(43, 125, 84);
  border-radius: 0.75rem;
  border: 1px solid;
}
.button-selectby-user div.container {
  position: relative;
  /* width: 175px; */
  width: 100%;
  height: 80px;
}
.button-selectby-user div.icon {
  position: absolute;
  bottom:2px;
  right:2px;
  --slds-c-icon-color-foreground:rgb(43, 125, 84);
  --slds-c-icon-color-background:rgb(30, 87, 58);
}
.button-selectby-user div.label {
  position: absolute;
  top: 25px;
  left: 0px;
  color: white;
  width: 100%;
}
.button-selectby-user p.label {
  font-size: 18px;
  font-weight: bold;
}
.button-selectby-user.slds-box_link:hover, .button-selectby-user.slds-box_link:focus {
  background-color:rgb(43, 125, 84, 0.5);
  border: var(--lwc-borderWidthThin,1px) solid rgb(43, 125, 84, 0.1);
  box-shadow: 0 0 0 0px rgb(43, 125, 84, 0.1) inset;
}
.button-selectby-user.slds-box_link:hover div.icon, .button-selectby-user.slds-box_link:focus div.icon {
  --slds-c-icon-color-foreground:rgb(43, 125, 84, 0.2);
  --slds-c-icon-color-background:rgb(30, 87, 58, 0);
}
.button-selectby-user.slds-box_link:hover div.label, .button-selectby-user.slds-box_link:focus div.label {
  color:rgb(43, 125, 84);
}
/* pc: ボタンサイズあり */
@media only screen and (min-width: 48em), only print and (min-width: 48em){
  a.button-selectby-user {
    background-color:rgb(43, 125, 84);
    border-radius: 0.75rem;
    border: 1px solid;
  }
  .button-selectby-user div.container {
    position: relative;
    width: 175px;
    height: 80px;
  }
  .button-selectby-user div.icon {
    position: absolute;
    bottom:2px;
    right:2px;
    --slds-c-icon-color-foreground:rgb(43, 125, 84);
    --slds-c-icon-color-background:rgb(30, 87, 58);
  }
  .button-selectby-user div.label {
    position: absolute;
    top: 25px;
    left: 0px;
    color: white;
    width: 100%;
  }
  .button-selectby-user p.label {
    font-size: 18px;
    font-weight: bold;
  }
  .button-selectby-user.slds-box_link:hover, .button-selectby-user.slds-box_link:focus {
    background-color:rgb(43, 125, 84, 0.5);
    border: var(--lwc-borderWidthThin,1px) solid rgb(43, 125, 84, 0.1);
    box-shadow: 0 0 0 0px rgb(43, 125, 84, 0.1) inset;
  }
  .button-selectby-user.slds-box_link:hover div.icon, .button-selectby-user.slds-box_link:focus div.icon {
    --slds-c-icon-color-foreground:rgb(43, 125, 84, 0.2);
    --slds-c-icon-color-background:rgb(30, 87, 58, 0);
  }
  .button-selectby-user.slds-box_link:hover div.label, .button-selectby-user.slds-box_link:focus div.label {
    color:rgb(43, 125, 84);
  }
}

/* 特殊ボタンのサイズ設定 */
/* ハンバーガーメニュー */
.button-hamburger-menu button, .slds-scope .button-hamburger-menu button {
  --slds-c-button-line-height: 50px;
  --slds-c-button-radius-border: 0rem;
  --slds-c-button-sizing-border: 0px;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  padding-left: 16px;
  justify-content: left;
  /* --slds-c-button-spacing-block-start:0.5rem;
  --slds-c-button-spacing-block-end:0.5rem; */
}

.button-hamburger-menu svg, .slds-scope .button-hamburger-menu svg {
  /* --sds-c-button-text-color: rgb(255, 255, 255); /* Hook効かないので直設定 */ 
  height:1.5rem;
  width:1.5rem;
  margin-bottom: 6px;
}

.button-hamburger-menu button::after, .slds-scope .button-hamburger-menu button::after {
  content: '';
  position: absolute;
  right: 40px;
  width: 8px;
  height: 8px;
  border-top: 2px solid rgb(43, 125, 84);
  border-right: 2px solid rgb(43, 125, 84);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.button-hamburger-menu.help-button-icon button::before, .slds-scope .button-hamburger-menu.help-button-icon button::before {
  content: '';
  position: absolute;
  margin-left: 0.5px;
  top: 10.5px;
  width: 23px;
  height: 23px;
  box-shadow: 0 0 0 3px rgb(43, 125, 84);
  border-radius: 50%;
}

.button-hamburger-menu.is-label button{
  /* pointer-events: none; */
  background-color: rgb(212, 229, 221);
}

/* 特殊ボタンの設定 */
/* 項目エリア内のボタン */
.box-button .slds-button {
  border-color: rgb(201, 201, 201)!important;/* @media only print 対応 important*/
  border-width: 1px;
}

/* 詳細から一覧に戻るリンク設定 */
a.button_backto_list_icon, a.button_backto_list_text{
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
}
a.button_backto_list_icon:hover{
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  text-decoration: none;
}
a.button_backto_list_icon:hover + a.button_backto_list_text{
  text-decoration: none;
}
a.button_backto_list_text{
  text-decoration-line: underline;
}
a.button_backto_list_text:hover{
  color: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  text-decoration: none;
}

/* 行頭文字 */
/* <h1 タイトル>の先頭文字記号 ■ */
.bullet-square{
  width: 14px;
  height: 20px;
  background: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  margin-right: 6px;
  margin-bottom: 1px;
  margin-top: 3px;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .bullet-square{
    margin-top:8px;
  }
}

.bullet-square-h2{
  width: 14px;
  height: 20px;
  background: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  margin-right: 6px;
  margin-bottom: 1px;
  margin-top: 1.5px;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .bullet-square-h2{
    margin-top:6px;
  }
}

.bullet-square-h3{
  width: 14px;
  height: 20px;
  background: rgb(43, 125, 84)!important;/* @media only print 対応 important*/
  margin-right: 6px;
  margin-bottom: 1px;
  margin-top: 0.5px;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .bullet-square-h3{
    margin-top:3px;
  }
}

.button-my-page-menu{
  gap: 12px 0;
}

/* カスタム部品 ------------------------------------------------------------------------------*/
/* データテーブル[customDataTable] */
/* カラー文字部品 */
c-custom-datatable span {
  font-size: 0.875rem ; /* 14px */
}
/* データテーブル[editableDataTable] */
/* カラー文字部品 */
c-editable-data-table span {
  font-size: 0.875rem ; /* 14px */
}
.colortext_white-gray span {
  color:white!important;/* @media only print 対応 important*/
  background-color:dimgray!important;/* @media only print 対応 important*/
}
.colortext_white-gray span.is-mobile {
  padding: 0 4px;
}
.colortext_white-pink span {
  color:white!important;/* @media only print 対応 important*/
  background-color:mediumvioletred!important;/* @media only print 対応 important*/
}
.colortext_white-pink span.is-mobile {
  padding: 0 4px;
}
.colortext_black-lightgray span {
  color:black!important;/* @media only print 対応 important*/
  background-color: rgb(221, 221, 221)!important;/* @media only print 対応 important*/
}
.colortext_black-lightgray span.is-mobile {
  padding: 0 4px;
}
.colortext_green span {
  color:rgb(43, 125, 84)!important;/* @media only print 対応 important*/
}
.colortext_green span.is-mobile {
  padding: 0;/* 白背景の場合は左右パディング無し */
}

/* 印刷用設定 */
@media only print {
  /* 選択行の背景色 */
  .slds-table tbody tr.slds-is-selected>td, .slds-table tbody tr.slds-is-selected>th, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>td, .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>th {
    background-color: var(--lwc-colorBackgroundRowSelected,rgba(44, 124, 84, 0.05))!important;/* @media only print 対応 important*/
  }
  /* ヘッダリサイズ縦罫線 */
  .slds-resizable__divider:before{
    background-color: rgb(174, 174, 174)!important;/* @media only print 対応 important*/
  }

  c-custom-datatable {
    --slds-c-icon-color-foreground: rgb(116, 116, 116);
  }

  c-custom-datatable .slds-button_icon-border {
    border-color: rgb(212, 212, 212)!important;/* @media only print 対応 important*/
  }
}

/* ファイルアップロード[customFileUpload] */
c-custom-file-upload lightning-file-upload span.slds-form-element__label {
  display: none;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* 共通ヘッダ[communityHeader.LWC] */
/* メニューボタン、メニューアイコンボタン */
.button-header-menu button, .slds-scope .button-header-menu button{
  --slds-c-icon-color-foreground: rgb(255,255,255);
  --slds-c-button-brand-color-background-hover: rgba(0,0,0,0.2);
  --slds-c-button-brand-color-background-active: rgba(0,0,0,0.2);
  --slds-c-button-radius-border: 0rem;
  --slds-c-button-sizing-border: 0px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.button-header-menu button.font-size_h3, .slds-scope .button-header-menu button.font-size_h3{
  font-size: 1.125rem ; /* 18px */
}

div.button-header-menu:not(:first-child), .slds-scope div.button-header-menu:not(:first-child),
lightning-button.button-header-menu:not(:first-child), .slds-scope lightning-button.button-header-menu:not(:first-child)
{
  border-left: solid white 1px;
}

.button-header-menu button:hover, .slds-scope .button-header-menu button:hover,
.button-header-menu button:focus, .slds-scope .button-header-menu button:focus
{
  --slds-c-button-brand-color-background-hover: rgba(0,0,0,0.2);
  --slds-c-button-brand-color-background-active: rgba(0,0,0,0.2);
}

.slds-scope .button-header-menu .slds-button_brand:hover, 
.slds-scope .button-header-menu .slds-button_brand:focus 
{
  background-color: rgba(0,0,0,0.2);
  border-color: transparent;
}
.button-header-menu.home-icon button svg{
  height:1.25rem;
  width:1.25rem;
  margin-right: 8px;
}
.button-header-menu.home-icon button,
.slds-scope .button-header-menu.home-icon button {
  height: 30px;
  width: 60px;
}

@media only screen and (max-width: 400px), only print and (max-width: 400px) {
  .button-header-menu-guest-portal {
    --slds-c-button-brand-spacing-inline-start: 8px;
    --slds-c-button-brand-spacing-inline-end: 8px;
  }
}

/* 印刷用設定 */
@media only print {
  .button-header-menu button, .slds-scope .button-header-menu button{
    background-color: #2B7D54 !important;
    color: #FFFFFF !important;
  }
}

/* loadStyle --------------------------------------------------------------------------------*/
/* 共通ヘッダ[communityHeader.LWC] */
/* ログインユーザ名プルダウンメニュー部分 */
.login-user-name .slds-button {
  padding-left:0.5rem;
}
.login-user-name .slds-dropdown {
  background-color:rgb(43, 125, 84);
  --slds-c-icon-color-foreground-default:rgb(43, 125, 84);
}
.login-user-name .slds-dropdown__item>a:hover, .login-user-name .slds-dropdown__item>a:focus {
  background-color: rgb(30, 87, 58);
  color:white;
}
.login-user-name .slds-dropdown__item>a span {
  font-size: 1rem;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .login-user-name .slds-dropdown__item>a span {
    font-size: 0.875rem;
  }
}
.login-user-name .slds-dropdown__item>a {
  color:white;
}
.login-user-name lightning-menu-item:last-child .slds-dropdown__item>a span {
  background-color:white;
  color:rgb(43, 125, 84);
}

@-moz-document url-prefix() {
  .login-user-name lightning-menu-item:last-child .slds-dropdown__item>a span {
    white-space: pre;
  }
}

.custom-hover-button-dropdown .slds-button:hover {
  background-color: rgb(196 209 204) !important;
}

.custom-hover-item-dropdown a:hover, .custom-hover-item-dropdown a:focus{
  background-color: rgb(196 209 204) !important;
}

@media only print{
  div.login-user-name * {
    color: rgb(255, 255, 255)!important;
    background-color: #2B7D54!important;
  }
}


/* loadStyle --------------------------------------------------------------------------------*/
/* 共通ヘッダ[communityHeader.LWC] */
/* 申請者サイト以外のモバイルヘッダ制御 */
/* iphoneで正しく表示されない（ハンバーガメニューと表示位置が連動しない）不具合対応 */
/*  ヘッダメニュー表示中は potisionをrelativeに設定 */
/*  bodyMenuMobile（salesforce標準のハンバーガメニュー表示中）に適用する為 loadStyleとしてに記載 */
/*  他のヘッダメニュー表示設定は communityHeader.cssに記載 */
.bodyMenuMobile .content-header-wrapper.content-header-wrapper-transparent {
  position: relative;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* マイページ[myPageNavi.LWC] */
.mypagenavi-button {
  --slds-c-button-neutral-color-background: white;
  --slds-c-button-neutral-color-background-active: rgb(43, 125, 84);
  --slds-c-button-neutral-color-background-hover: rgb(43, 125, 84);
  --slds-c-button-neutral-color-border: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-active: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-hover: #2B7D54; /*#c9c9c9*/
  --slds-c-button-text-color: #2B7D54; /*#0176d3*/
  --slds-c-button-text-color-active: white; /*#014486*/
  --slds-c-button-text-color-hover: white; /*#014486*/

  --slds-c-button-brand-color-background: rgb(43, 125, 84); /*#0176d3*/
  --slds-c-button-brand-color-background-active: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-background-hover: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-border: #2B7D54; /*#0176d3*/
  --slds-c-button-brand-color-border-hover:rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-text-color: white;
  --slds-c-button-brand-text-color-active: white;
  --slds-c-button-brand-text-color-hover: white;
}
/* ボタンフォーカス時の色設定 */
.mypagenavi-button .slds-button:hover, .mypagenavi-button .slds-button:focus {
  --slds-c-button-neutral-color-background: white;
  --slds-c-button-neutral-color-background-active: rgb(43, 125, 84);
  --slds-c-button-neutral-color-background-hover: rgb(43, 125, 84);
  --slds-c-button-neutral-color-border: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-active: #2B7D54; /*#c9c9c9*/
  --slds-c-button-neutral-color-border-hover: #2B7D54; /*#c9c9c9*/
  --slds-c-button-text-color: #2B7D54; /*#0176d3*/
  --slds-c-button-text-color-active: white; /*#014486*/
  --slds-c-button-text-color-hover: white; /*#014486*/

  --slds-c-button-brand-color-background: rgb(43, 125, 84); /*#0176d3*/
  --slds-c-button-brand-color-background-active: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-background-hover: rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-color-border: #2B7D54; /*#0176d3*/
  --slds-c-button-brand-color-border-hover:rgb(43, 125, 84, 0.5); /*#014486*/
  --slds-c-button-brand-text-color: white;
  --slds-c-button-brand-text-color-active: white;
  --slds-c-button-brand-text-color-hover: white;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* お困りの場合[okomarinoBaai.LWC] */
/* 大アイコンボタンのサイズ及び色調整 */
div.okomari-menu-icon button, .slds-scope div.okomari-menu-icon button{
  border-radius: 50%;
  border-width: 5px;
}
div.okomari-menu-icon svg, .slds-scope div.okomari-menu-icon svg{
  height:7rem;
  width:7rem;
  padding:15px
}
div.okomari-menu-icon, .slds-scope div.okomari-menu-icon {
  --slds-c-icon-color-foreground: rgb(255,255,255);
  --slds-c-button-text-color-hover: rgb(255,255,255);
  --slds-c-button-text-color-active: rgb(255,255,255);
}


/* loadStyle --------------------------------------------------------------------------------*/
/* 共通ヘッダ[communityHeader.LWC] */
/* ハンバーガーメニューアイコン */
.hamburger-icon svg, .slds-scope .hamburger-icon svg{
  height:2rem;
  width:2rem;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* ログイン後トップページ（ダッシュボード） [homeHeader.LWC] */
/* 一覧未読件数表示用のcss設定 */
/* 　（前提）タブの文字列の後ろにアイコン表示をhtmlでは設定している */
/* 　　　　　アイコンが表示できない場合の補助テキストに未読件数を設定している */
/* 　・アイコン画像は非表示に設定 */
/* 　・補助テキストを表示、背景色、文字色を設定して未読件数とする */
.dashboard-tab lightning-tab-bar .slds-tabs__right-icon lightning-icon lightning-primitive-icon {
  display: none;
}
.dashboard-tab lightning-tab-bar .slds-tabs__right-icon lightning-icon {
  --slds-c-icon-color-background:rgb(255, 194, 204, 0.5);
}
@media only print {
  .dashboard-tab lightning-tab-bar .slds-icon-standard-incident{
    background-color: rgb(255, 194, 204, 0.5)!important;
  }
}
.dashboard-tab lightning-tab-bar .slds-tabs_scoped__link {
  text-overflow: inherit;/* Firefoxで表示されない対応 */
}
.dashboard-tab lightning-tab-bar .slds-tabs__right-icon lightning-icon span {
  position:static!important;
  color:mediumvioletred!important;/* @media only print 対応 important*/
  font-size:14px;
  font-weight:normal;
  vertical-align:2px;
}

@-moz-document url-prefix() {
  .dashboard-tab lightning-tab-bar .slds-tabs__right-icon lightning-icon span {
    white-space: pre !important;
  }
}

/* タブのみ表示した場合の表示調整 */
.dashboard-tab lightning-tabset.hide-content .slds-tabs_scoped__nav {
  border-bottom-color: transparent;
}

/* タブ見出し */
@media only print {
  .dashboard-tab lightning-tab-bar .slds-tabs_scoped__link {
    color: rgb(51, 51, 51)!important;
    color: rgb(105, 105, 105)!important;
  }
  .dashboard-tab lightning-tab-bar .slds-is-active .slds-tabs_scoped__link {
    color: rgb(43, 125, 84)!important;
  }
}

/* loadStyle --------------------------------------------------------------------------------*/
/* 申請お問い合わせ詳細タブ [newShinseiDetail.LWC] */
/* 新着メール */
.slds-icon-action-email {
  --slds-c-icon-color-background:rgb(255, 194, 204, 0.5);
  color:mediumvioletred;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* マイページ [myPage.LWC] */
/* マイページメニュアコーディオンヘッダ */
.my-page-navi .slds-accordion__summary:hover{
  background-color: #F2F2F2;
}
.my-page-navi .slds-accordion__section.slds-is-open .slds-accordion__summary{
  background-color: #F2F2F2;
  margin-top: -11px;
  margin-left: -11px;
  margin-right: -11px;
}
.my-page-navi .slds-accordion__summary-content {
  font-size: 1.125rem;
  font-weight: bold;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* ポータル [homeHeader.LWC] */
/* マイページへのリンクのボタンアイコン サイズ変更 */
.my-page-icon svg {
  height:2rem;
  width:2rem;
  padding:3px
}

/* loadStyle --------------------------------------------------------------------------------*/
/* ポータル [searchByKeywordList.LWC] */
/* １階層目のチェックボックスのラベルフォント サイズ変更 */

.subCategoryCheckLabel .slds-checkbox .slds-checkbox__label .slds-form-element__label {
  font-size: 16px; 
}

.keywordCheckLabel .slds-checkbox .slds-checkbox__label .slds-form-element__label {
  font-size: 14px;
}

c-search-by-keyword-list .gyoshuTab, c-search-by-keyword-list .categoryTab {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

c-search-by-keyword-list  .categoryTab section.slds-accordion__section.slds-is-open {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  c-search-by-keyword-list .gyoshuTab, c-search-by-keyword-list .categoryTab {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  c-search-by-keyword-list  .categoryTab section.slds-accordion__section.slds-is-open {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

c-search-by-keyword-list .tab div {
  background-image: none;
}

.shosaiJoken .slds-accordion__summary-content, .shosaiJoken .slds-scope .slds-accordion__summary-content{
  color: #2B7D54 !important;
  font-size: 18px;
  font-weight: bold;
}

c-search-by-keyword-list .subCategoryCheckLabel span.slds-checkbox_faux {
  border: solid 2px rgb(43, 125, 84) !important;
}

c-search-by-keyword-list .subCategoryCheckLabel 
.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux {
  border-color: rgb(43,125,84) !important;
}

.keyBtn button.slds-button.slds-button_brand {
  background-color: rgb(30, 150, 110, 0.15) !important;
  color: rgb(43,125,84) !important;
}

.slds-is-active .slds-tabs_scoped__link {
  background-color: var(--lwc-colorBackgroundAlt,rgb(255, 255, 255))!important;
  color: var(--lwc-colorTextActionLabelActive,rgb(43, 125, 84))!important;
}

/* 手続をキーワードから探す画面カテゴリタブモバイル表示対応 */
@media only screen and (max-width: 48em), only print and (max-width: 48em) {
  /* アクティブタブ */
  c-search-by-keyword-list .gyoshuTab.slds-tablabel-hide .slds-tabs_scoped .slds-tabs_scoped__nav .slds-is-active .slds-tabs_scoped__link {
    border-color: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
  }
  /* 非アクティブタブ */
  c-search-by-keyword-list .gyoshuTab.slds-tablabel-hide .slds-tabs_scoped .slds-tabs_scoped__nav :not(.slds-is-active) .slds-tabs_scoped__link {
    border-color: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
  }
  /* その他グループ */
  c-search-by-keyword-list .gyoshuTab.slds-tablabel-hide .slds-tabs_scoped .slds-tabs_scoped__nav .slds-tabs_scoped__overflow-button .slds-dropdown-trigger .slds-button {
    border-color: transparent !important;
    background-color: transparent !important;
    color: transparent !important;
  }
}

@media only print {
  /* タブ */
  c-search-by-keyword-list .slds-is-active .slds-tabs_scoped__link {
    background-color: var(--lwc-colorBackgroundAlt,rgb(255, 255, 255))!important;
    color: var(--lwc-colorTextActionLabelActive,rgb(43, 125, 84))!important;
  }
  /* タブ */
  c-search-by-keyword-list .slds-tabs_scoped__nav {
    background-color: var(--lwc-colorGray2,rgb(250, 250, 249))!important;
  }
  /* 非アクティブタブ名色 */
  c-search-by-keyword-list .slds-tabs_scoped__link {
    color: var(--lwc-colorTextDefault, rgb(51, 51, 51))!important;
  }
}

/* loadStyle --------------------------------------------------------------------------------*/
/* お困りの場合メニュー [okomarinoBaaiMenu.LWC] */
/* アイコンボタンのサイズ及び色調整 */
div.help-icon lightning-icon, .slds-scope div.help-icon lightning-icon{
  border-radius: 50%;
  border-width: 3px;
  background-color: rgb(255, 255, 255);
  border-color:#2B7D54;
  border-style:solid;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* お困りの場合メニュー [okomarinoBaaiMenu.LWC] */
div.help-icon svg, .slds-scope div.help-icon svg{
  color:rgb(255, 255, 255);
}

/* loadStyle --------------------------------------------------------------------------------*/
/* お困りの場合メニュー [okomarinoBaaiMenu.LWC] */
/* ？アイコンのサイズ */
div.help-icon svg.slds-icon_x-small{
  width: 1.25rem;
  height: 1.25rem;
  line-height: var(--lwc-lineHeightReset,1);
}

/* loadStyle --------------------------------------------------------------------------------*/
/* フッター [communityFooter.LWC] */
/* ？アイコンのサイズ */
.help-footer-icon svg.slds-button__icon, 
.slds-scope .help-footer-icon svg.slds-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* フッター [communityLoginFooter.LWC] */
/* ホームアイコン */
.footer-menu-icon {
  --slds-c-icon-color-foreground: rgb(255,255,255);
}

/* トップページ 手続を探す[searchTetsuduki.LWC] */
/* 検索アイコン */
.tetsuzukisearch_icn .slds-icon-text-default {
  --slds-c-icon-color-foreground: rgb(255,255,255) !important;
}

.tetsuzukisearch-input .slds-scope input[type=search], .tetsuzukisearch-input input[type=search] {
  border-radius: 0.25rem 0rem 0rem 0.25rem !important;
  line-height: 47px !important;
  border: solid 2px #2B7D54 !important;
}

.tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand {
  width: 47px;
  height: 51px;
  border-radius: 0rem 0.25rem 0.25rem 0rem !important;
  border-top:2px solid #2B7D54;
  border-right:2px solid #2B7D54;
  border-bottom:2px solid #2B7D54;
}

.tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:focus {
  --lwc-brandAccessibleActive: rgb(43, 125, 84);
}
.tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:hover {
  --lwc-brandAccessibleActive: rgb(43, 125, 84);
}
.tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:active {
  --lwc-brandAccessibleActive: rgb(43, 125, 84, 0.5);
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:focus {
    --lwc-brandAccessibleActive: rgb(43, 125, 84);
  }
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:hover {
    --lwc-brandAccessibleActive: rgb(43, 125, 84, 0.5);
  }
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:active {
    --lwc-brandAccessibleActive: rgb(43, 125, 84);
  }
}
/* ＰＣサイズ ＆ タッチデバイス （iPad）*/
@media only screen and (min-width: 48em) and (hover: none) and (pointer: coarse), only print and (min-width: 48em) and (hover: none) and (pointer: coarse) {
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:focus {
    --lwc-brandAccessibleActive: rgb(43, 125, 84);
  }
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:hover {
    --lwc-brandAccessibleActive: rgb(43, 125, 84);
  }
  .tetsuzukisearch-icon-btn button.slds-button.slds-button_icon.slds-button_icon-brand:active {
    --lwc-brandAccessibleActive: rgb(43, 125, 84, 0.5);
  }
}


.tetsuzukisearch-search-btn button.slds-button.slds-button_brand {
  width: 260px;
  height: 51px;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem !important;
  font-size: 18px;
  font-weight: bold;
}

.tetsuzukisearch-icon-area {
  background-color: #2B7D54 !important;
  height: 51px;
  width: 35px;
  border-radius: 0rem 0.25rem 0.25rem 0rem !important;
  
}

lightning-icon.tetsuzukisearch-slds-icon.slds-icon-utility-search.slds-icon_container {
  padding-top: 17px;
  padding-left: 5px;
}

.tetsuzukisearch-slds-icon svg.slds-icon.slds-icon-text-default.slds-icon_x-small {
  fill: rgb(255, 255, 255) !important;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* 利用できる全ての手続 [tetsuzukioSagasu.LWC] */

.input_search .slds-scope .slds-input, .input_search .slds-input {
  line-height: 47px !important;
  border: solid 2px #2B7D54 !important;
  border-radius: 1.5rem !important;
}

lightning-input.input_search.slds-form-element {
  width: inherit;
}

.input_search .slds-scope input[type=search], .input_search input[type=search] {
  border-radius: 1.5rem !important;
}

/* loadStyle --------------------------------------------------------------------------------*/
/* 帳票一覧 [chohyoList.LWC] */
/* サークルのサイズ及び色調整 */
div.title-circle lightning-icon, .slds-scope div.title-circle lightning-icon{
  border-radius: 50%;
  border-width: 3px;
  background-color: rgb(255, 255, 255) !important;
  border-color:#2B7D54 !important;
  border-style:solid;
}

div.title-circle svg, .slds-scope div.title-circle svg{
  color:rgb(255, 255, 255) !important;
  width: 0.95rem !important;
  height: 0.5rem !important;
}


/* loadStyle --------------------------------------------------------------------------------*/
/* 全画面 [] */
/* ヘルプテキスト(i)アイコンのサイズをモバイル時に少し大きく */
lightning-helptext svg.slds-button__icon, .slds-scope lightning-helptext svg.slds-button__icon{
  width: 1rem;
  height: 1rem;
}
lightning-helptext button.slds-button_icon, .slds-scope lightning-helptext button.slds-button_icon{
  top: -3px;
  padding: 0px!important;
  line-height: 0.5rem;
}
@media only screen and (min-width: 48em), only print and (min-width: 48em) {
  lightning-helptext svg.slds-button__icon, .slds-scope lightning-helptext svg.slds-button__icon{
    width: var(--lwc-squareIconMediumContentAlt,0.875rem);
    height: var(--lwc-squareIconMediumContentAlt,0.875rem);
  }
  lightning-helptext button.slds-button_icon, .slds-scope lightning-helptext button.slds-button_icon{
    top: 1px;
  }
}

/* loadStyle --------------------------------------------------------------------------------*/
/* データテーブルページ当たりの表示件数 [pagenationPanel.LWC] */
/* コンボボックスデザイン適用 緑数字、緑▼、枠線無し */
.paginator-page-size, .slds-scope .paginator-page-size {
  /* ▼アイコン */
  --slds-c-icon-color-foreground-default:rgb(43, 125, 84);
}
.paginator-page-size button, .slds-scope .paginator-page-size button {
  /* 数字 */
  --slds-c-input-text-color:rgb(43, 125, 84);
  font-weight: bold;
  justify-content: end;
  /* 枠線 */
  --slds-c-input-color-border: transparent;
  --lwc-colorBorderInputActive: transparent;
  --lwc-shadowButtonFocus: 0 0 3px transparent;
} 
.paginator-page-size button:hover, .slds-scope .paginator-page-size button:hover,
.paginator-page-size button:focus, .slds-scope .paginator-page-size button:focus
{
  /* ホバー時、選択時背景色変更 */
  --slds-c-input-color-background: rgb(212, 229, 221);
}

/* 初期表示時のナビゲーションの青色の輪郭線を透明色に変更 */
.cNavBarCon:focus {
  outline: 3px solid transparent;
}
.comm-navigation a.slds-container_fluid.slds-truncate:focus-visible {
  outline: 3px solid transparent;
}
.comm-navigation a.slds-container_fluid.slds-truncate:link {
  outline: 3px solid transparent;
}

/* スマートフォンで ボタンの表示 */
@media only screen and (max-width: 25em), only print and (max-width: 25em) {
  .custom-shinsei-item-button button {
    font-size: 14px;
  }

  .denshi-shinsei-button button {
    font-size: 13px;
    min-width: 215px!important;
  }
}

.manualList tbody th{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* [農産] add css to make radio group display inline-flex */
.nosan-butsu-kensa-kekka-shukei-radio-group.slds-form-element .slds-form-element__control {
  display: inline-flex !important;
}

/* カスタムプログレスバーダイアログ画面のプログレスバーの縦幅設定 */
.customProgressBar div.slds-progress-bar_large {
  height : 2.00em!important;
}

/* [農産] フッターのボタンにCSSのマージンを追加する */
.margin-footer {
  margin: 32px 0 12px 0;
}

 /* Summer'24:「lightning-datatable」ヘッダーアクションをクリックすると、最初の高さの値を設定する */
.slds-table_header-fixed_container div.slds-scrollable_y:has(lightning-button-menu.slds-is-open) {
  min-height: 5.5rem;
}

/* Winter'25の更新「lightning-datepicker」 */
lightning-datepicker div[data-date-format] {
  display: none !important;
}

/* [準備金] 様式名部分を押下しても入力箇所が隠れないよう */
.disabled-accordion-section .slds-accordion__summary-action {
  pointer-events: none;
  cursor: default;
}

/* Summer'25の更新「lightning-input」入力フィールドに無効な値が入力されたときにアイコンを非表示にする。*/
.slds-has-error lightning-primitive-input-simple .slds-input-has-icon_left lightning-primitive-icon {
  display: none;
}

.slds-has-error lightning-primitive-input-simple .slds-input-has-icon_left .slds-input {
  --slds-c-input-spacing-inlinestart: unset;
  --slds-c-input-spacing-inline-start: unset; /* Winter'26の更新「lightning-input」入力フィールドに無効な値が入力されたときに先頭の空白を非表示にする。*/
}

/* Summer'25の更新「lightning-datatable」ドロップダウンのオプションの文字色を更新する。*/
.slds-table .slds-th__action-button .slds-dropdown__item>a:active,
.slds-table .slds-th__action-button .slds-dropdown__item>a:focus,
.slds-table .slds-th__action-button .slds-dropdown__item>a:hover,
.slds-table lightning-primitive-cell-actions lightning-button-menu .slds-dropdown__item>a:focus {
  color: var(--lwc-colorTextLinkActive, #0005d6);
}

/* 端末上で改行されないように「上記内容について理解した上で申請を行う。」ボタンのフォントサイズを設定する。 */
@media only screen and (max-width: 30em), only print and (max-width: 30em) {
  .kanzei-confirm-btn {
    margin: 0 10px;
  }

  .kanzei-confirm-btn button {
    font-size: 16px !important;
  }
}

/* Winter'26の更新「lightning-textarea 」クリック時にボーダーの色を変更する */
.slds-textarea:focus,
.slds-textarea:active {
  border-color: rgb(233, 234, 236) !important;
}