@charset "UTF-8";

@font-face {
  font-family: "Source Han Sans JP";
  src: url("../font/SourceHanSansJP-Regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Source Han Sans JP";
  src: url("../font/SourceHanSansJP-Medium.otf") format("otf");
  font-weight: 500;
  font-style: medium;
}

@font-face {
  font-family: "Source Han Sans JP";
  src: url("../font/SourceHanSansJP-Bold.otf") format("otf");
  font-weight: 700;
  font-style: bold;
}

/* ================================
リセットCSS
================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 700;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd {
  margin-left: 0;
}

a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  word-break: break-all;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: inherit;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
  color: #d3d3d3;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

textarea {
  overflow: auto;
  resize: none;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

picture {
  display: inline-block;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

span {
  display: inline-block;
}

/* ================================
基本設定
================================ */
:root {
  --header-height: 160px;
}

body {
  font-family: "Source Han Sans JP", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #333333;
}

a,
button {
  transition: all 0.2s linear;
}

a:hover,
button:not([disabled]):hover {
  opacity: 0.7;
}

input[type=checkbox],
input[type=radio] {
  accent-color: #0379D5;
}

option:hover {
  background-color: #0379D5;
}

/* ================================
ボタン
================================ */
.c-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  min-height: 35px;
  color: #56595A;
  font-weight: 700;
  white-space: nowrap;
  border: 0.4px solid #56595A;
  background-color: #fff;
  border-radius: 11px;
  padding: 0.5em;
}

.c-btn--bk {
  color: #fff;
  background-color: #56595A;
}

.c-btn--bl {
  color: #fff;
  background-color: #0379D5;
  border-color: #0379D5;
}

.c-btn--lbl {
  background-color: #F0F5FE;
}

.c-btn--bgr {
  background-color: #DEE4E8;
  border-color: #DEE4E8;
}

.c-btn--be {
  background-color: #F7F5F5;
  border-color: #B1B7BE;
}

.c-btn--clear::before {
  content: "×";
  font-weight: 700;
}

.c-btn--plus {
  position: relative;
  padding: 1em 0.5em;
}

.c-btn--plus::before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 34px;
  font-weight: 700;
}

.c-btn--inactive {
  color: #b1b7be;
  border: 0.8px solid #f0f3f5;
  background-color: #f6f5f5;
  pointer-events: none;
}

.c-round-btn {
  min-height: 35px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: #fff;
  font-weight: 700;
  border-radius: 9999px;
  background-color: #8b8989;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1.5em;
}

.c-round-btn--dl::before {
  content: "";
  width: 13px;
  aspect-ratio: 13/17;
  background: url(/fts/public/img/cmn/filter-dl_ico--wh-7ac651db0140ed5fcc2a5e522e6e2443.svg) no-repeat center center/contain;
}

.c-round-btn--setting::before {
  content: "";
  width: 20px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/gear_ico--wh-5ab2669fbaab2063af4e650540543089.svg) no-repeat center center/contain;
}

.c-round-btn--filter::before {
  content: "";
  width: 19px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/filter_ico--wh-15be1aed52865744009d233f5cc40570.svg) no-repeat center center/contain;
}

/* ================================
表
================================ */
/*標準*/
.c-table {
  width: 100%;
  font-size: 14px;
  border: 1px solid #818589;
  border-collapse: collapse;
}

.c-table th,
.c-table td {
  line-height: 1.3;
  padding: 1em 0.6em;
  text-align: center;
  vertical-align: middle;
  background-clip: padding-box;
}

.c-table th:not(:last-child),
.c-table td:not(:last-child) {
  border-right: 0.2px solid #b1b7be;
}

.c-table th.c-table__cell--left,
.c-table td.c-table__cell--left {
  text-align: left;
}

.c-table tr:not(:last-child) th,
.c-table tr:not(:last-child) td {
  border-bottom: 0.4px solid #818589;
}

.c-table th {
  background-color: #F0F5FE;
}

.c-table td .c-table {
  border: none;
  width: calc(100% + 1.2em + 1px);
  margin: -1em -0.6em;
}

.c-table--tight th,
.c-table--tight td {
  padding: 10px;
}

/*下線つき*/
.c-underline-table {
  width: 100%;
  font-size: 18px;
}

.c-underline-table th,
.c-underline-table td {
  border-bottom: 0.3px solid #818589;
  padding: 15px 18px;
}

.c-underline-table th {
  width: 380px;
}

.c-underline-table--twotone {
  border: 1px solid #707f89;
}

.c-underline-table--twotone th {
  width: 295px;
  background-color: #f7f5f5;
}

.c-box {
  display: flex;
  border: 1px solid #707f89;
  border-radius: 20px;
  overflow: hidden;
}

.c-box__label {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  color: #56595a;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  background-color: #f0f5fe;
  border-right: 1px solid #707f89;
}

.c-box__cnt {
  flex: 1;
  padding: 15px 30px;
}

.c-box__plus {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}

.c-box--noborder {
  border: none;
  border-radius: initial;
}

.c-box--noborder .c-box__label {
  border: 1px solid #707f89;
  border-radius: 20px 0 0 20px;
}

.c-box--noborder .c-box__cnt {
  padding: 0 0 0 15px;
}

/* ================================
見出し
================================ */
.c-twotone-heading {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 7px;
}

.c-twotone-heading::before,
.c-twotone-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 2px;
}

.c-twotone-heading::before {
  width: 100%;
  background-color: #dee4e8;
}

.c-twotone-heading::after {
  width: 220px;
  background-color: #e60113;
}

.c-circle-heading {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 27px;
}

.c-circle-heading::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 20px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 4px solid #E60113;
}

.c-circle-heading>span {
  position: relative;
  padding-bottom: 8px;
}

.c-circle-heading>span::before,
.c-circle-heading>span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 2px;
}

.c-circle-heading>span::before {
  width: 100%;
  background-color: #DEE4E8;
}

.c-circle-heading>span::after {
  width: 25px;
  background-color: #E60113;
}

.c-square-heading {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 1em;
}

.c-square-heading::before {
  content: "◼︎";
  position: absolute;
  top: 0;
  left: 0;
  color: #E60113;
}

.c-ico-heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 18px;
  font-weight: 700;
}

.c-ico-heading::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 40px;
  aspect-ratio: 1/1;
}

.c-borderlt-heading {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 17px;
}

.c-borderlt-heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #E60113;
  border-radius: 5px;
}

/* ================================
テキスト
================================ */
/*段落*/
.c-sentence {
  line-height: 1.8;
}

/*データなしテキスト*/
.c-none-text {
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #56595A;
  vertical-align: middle;
}

/*注釈*/
.c-note {
  display: inline-block;
  color: #56595A;
  font-size: 13px;
  background-color: #F6F5F5;
  margin-left: 20px;
  padding: 10px;
  white-space: nowrap;
  /* FireFoxの自動改行をしない */
}

/*注釈拡大版*/
.c-note-wide {
  display: inline-block;
  color: #56595A;
  font-size: 13px;
  background-color: #F6F5F5;
  margin-left: 20px;
  padding: 10px;
  width: 800px;
}

.c-underline-link {
  text-decoration: underline;
  transition: all 0.2s linear;
  cursor: pointer;
}

.c-underline-link:hover {
  opacity: 0.7;
}

/* リンクカラーが青のもの */
.c-link__blue {
  color: #0379d5;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: all 0.2s linear;
}

.c-link__blue:hover {
  opacity: 0.7;
}

.c-attention {
  position: relative;
  color: #E60113;
  font-size: 14px;
  /*
  white-space: nowrap;*/
  padding-left: 30px;
  margin-top: 5px;
}

.c-attention::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  aspect-ratio: 24/22;
  /* エラーメッセージ空の場合、こちらのアイコンも表示させないため、親の100%にする. */
  height: 100%;
  background: url(/fts/public/img/cmn/attention_ico--rd-cef2e848cbde956ced90e60f38a5097e.svg) no-repeat center center/contain;
}

/* ================================
プログレスバー
================================ */
.c-progress {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 150px;
}

.c-progress__prev,
.c-progress__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 56px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.c-progress__prev::before,
.c-progress__next::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  margin-bottom: 5px;
}

.c-progress__prev {
  left: 0;
}

.c-progress__prev::before {
  background: url(/fts/public/img/cmn/prev_ico-59ab4958c619fc470b91bf4f3b1092d1.svg) no-repeat center center/contain;
}

.c-progress__next {
  right: 0;
}

.c-progress__next::before {
  background: url(/fts/public/img/cmn/next_ico-5c59c0b292f601e32222f51f71a3988d.svg) no-repeat center center/contain;
}

.c-progress-save {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  margin-left: auto;
  margin-right: 85px;
}

.c-progress-save__btn {
  width: 160px;
  min-width: 110px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  background-color: #0079D5;
  border-radius: 11px;
  padding: 10px;
}

.c-progress-save__btn::after {
  content: "";
  display: block;
  width: 26px;
  aspect-ratio: 26/22;
  background: url(/fts/public/img/cmn/dl_ico--wh-955e897056ceae32652e9247c3f0369b.svg) no-repeat center center/contain;
  margin: 4px auto 0;
}

.c-progress__list {
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  justify-content: center;
}

.c-progress__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  width: 175px;
  color: #333333;
}

.c-progress__num {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  font-size: 32px;
  text-align: center;
  line-height: 52px;
  border: 3px solid currentColor;
  border-radius: 50%;
  background-color: #fff;
}

.c-progress__ttl {
  flex: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}

.c-progress__item:not(:first-child)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 22px;
  left: -50%;
  width: 100%;
  height: 12px;
  background-color: #DEE4E8;
}

.c-progress__item--complete .c-progress__num::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -5px;
  display: inline-block;
  width: 25px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/check_ico--bl-f401ce57df6e72a7eed377d6528b4cc2.svg) no-repeat center center/contain;
}

.c-progress__item--active {
  color: #e60113;
}

.c-progress__item--active .c-progress__num {
  transform: scale(1.33);
}

.c-progress__item--active .c-progress__ttl {
  font-size: 20px;
  min-height: 48px;
  white-space: nowrap;
}

/* ================================
チャットボット
================================ */
.c-chatbot {
  position: fixed;
  bottom: 180px;
  bottom: 16.6666666667vh;
  right: 50px;
  display: inline-block;
  width: 145px;
  height: 140px;
}

/* ================================
リスト
================================ */
.c-chevron-list__item {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  padding-left: 16px;
}

.c-chevron-list__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 3px solid #E60113;
  border-right: 3px solid #E60113;
  transform: translateY(-50%) rotate(45deg);
}

.c-chevron-list__item:not(:last-of-type) {
  margin-bottom: 0.5em;
}

.c-news-list__item {
  display: flex;
  align-items: center;
}

.c-news-list__item:not(:last-of-type) {
  margin-bottom: 0.6em;
}

.c-news-list__status {
  width: 70px;
  color: #cb5955;
  text-align: center;
  font-weight: 700;
  margin-right: 28px;
}

.c-news-list__date {
  font-weight: 500;
  margin-right: 28px;
  width: 85px;
}

.c-news-list__cat {
  flex-shrink: 0;
  width: 7.5em;
  color: #fff;
  text-align: center;
  font-size: 0.75em;
  border-radius: 4px;
  white-space: nowrap;
  background-color: #707070;
  padding: 1px 0 2px;
  margin-right: 1em;
}

/* 障害 */
.c-news-list__cat--1 {
  background-color: #FF0000;
}
/* 重要 */
.c-news-list__cat--2 {
  background-color: #E97132;
}
/* 休業日 */
.c-news-list__cat--3 {
  background-color: #8ED973;
}
/* メンテナンス */
.c-news-list__cat--4 {
  background-color: #44B3E1;
}
/* お知らせ */
.c-news-list__cat--5 {
  background-color: #0070C0;
}
/* その他 */
.c-news-list__cat--6 {
  background-color: #BFBFBF;
}
/* 予備１ */
.c-news-list__cat--7 {
  background-color: #855ECA;
}
/* 予備２ */
.c-news-list__cat--8 {
  background-color: #21CD9C;
}
/* 予備３ */
.c-news-list__cat--9 {
  background-color: #FF99FF;
}
/* 予備４ */
.c-news-list__cat--10 {
  background-color: #FF0066;
}

.c-news-list__ttl {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

  .c-news-list__status,
  .c-news-list__date {
    margin-right: 1em;
  }
}

/* ================================
flexbox
================================ */
.c-flex {
  display: flex;
  align-items: center;
  gap: 10px 10px;
}

.c-flex-break {
  flex-basis: 100%;
  height: 0;
}

/* ================================
フォーム
================================ */
.c-form-table {
  width: 100%;
  font-size: 16px;
}

.c-form-table__row {
  border-bottom: 0.3px solid #818589;
  padding: 20px 1em;
}

.c-form-table__row>*:not(:last-child) {
  margin-bottom: 10px;
}

.c-form-table__row--tight {
  padding: 5px 1em;
}

.c-form-table__row--noborder {
  border-bottom: none;
}

.c-form-table__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 350px;
  min-height: 40px;
  font-weight: 700;
  white-space: nowrap;
}

.c-form-table__newslabel {
  display: flex;
  align-items: flex-start;
  width: 100px;
  font-weight: 700;
  font-size: 23px;
  white-space: nowrap;
}

.c-form-table__label--required::after {
  content: "必須";
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background-color: #e60113;
  padding: 0 5px;
  border-radius: 4px;
}

.c-form-table__label--required_gr::after {
  background-color: #b1b7be;
}

.c-form-table__cnt {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.c-form-table__input {
  min-height: 40px;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px 15px;
  font-size: 14px;
  word-break: break-all;
}

.c-form-table__box {
  background-color: #fff;
}

.c-form-table__box .c-form-table__row {
  padding: 12px 0;
  border-bottom: none;
}

.c-form-table__box .c-form-table__row>*:not(:last-child) {
  margin-bottom: 10px;
}

.c-form-table__box .c-form-table__label {
  min-width: 120px;
}

.c-form-table__box--border {
  border: 0.5px solid #b1b7be;
  padding: 15px 50px 15px 40px;
}

.c-form-table__box.is-inactive {
  pointer-events: none;
}

.c-form-table__box.is-inactive .c-form__selectbox {
  background-color: #dddddd;
  color: #b1b7be;
}

.c-form-table__box.is-inactive .c-form__textbox {
  background-color: #dddddd;
}

.c-form-table__box.is-inactive .c-form__radiobtn input[type=radio] {
  accent-color: #dddddd;
}

/* テキストボックスの非活性 */
.c-form__textbox:disabled {
  background-color: #dddddd;
  /* color: #b1b7be; */
  color: #333333; /* 非活性時の文字色を変更 （統一取引先と一緒）*/
}

/* テキストエリアの非活性化 */
.c-form__textarea:disabled {
  background-color: #dddddd;
}

/* セレクトボックスの非活性化 */
.c-form__selectbox select[disabled] {
  background-color: #dddddd;
  /* color: #b1b7be; */
  color: #333333; /* 非活性時の文字色を変更 （統一取引先と一緒）*/
}

.c-form__datepicker > input[disabled] {
  background-color: #dddddd;
  /* color: #b1b7be; */
  color: #333333; /* 非活性時の文字色を変更 （統一取引先と一緒）*/
}

.c-form-table--border {
  border: 1px solid #707f89;
  border-bottom: none;
}

.c-form-table--noborder .c-form-table__row {
  border-bottom: none;
  padding: 12px 1em;
}

.c-form__label {
  text-align: left;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.c-form__input {
  min-height: 35px;
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.c-form__textbox {
  width: 100%;
  max-width: 400px;
  height: 40px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  padding: 0 15px;
}

.c-form__textbox::-moz-placeholder {
  color: #b1b7be;
}

.c-form__textbox::placeholder {
  color: #b1b7be;
}

.c-form__textbox--sm {
  height: 35px;
  border-radius: 5px;
  border: 0.4px solid #cdd6dd;
}

.c-form__textbox--round {
  border-radius: 8px;
  border: 0.8px solid #707070;
}

.c-form__textbox--error {
  background-color: rgba(230, 1, 19, 0.1);
}

.c-form__textarea {
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  padding: 15px;
  text-align: left;
}

.c-form__textarea::-moz-placeholder {
  color: #b1b7be;
}

.c-form__textarea::placeholder {
  color: #b1b7be;
}

.c-form__textarea--round {
  border-radius: 8px;
  border: 0.8px solid #707070;
}

/* テキストエリアの高さを1~3行の可変化 */
.c-form__textarea--resize {
  resize: vertical;
  min-height: 40px;
  max-height: 85px;
  padding: 8px 15px;
}

@-moz-document url-prefix() {
  .c-form__textarea--resize {
    height: 40px;
  }
}

.c-form__period {
  position: relative;
}

.c-form__period::before {
  content: "～";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
}

.c-form__datepicker {
  position: relative;
  min-width: 165px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  text-align: left;
}

.c-form__datepicker>input {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

.c-form__datepicker>input::-moz-placeholder {
  color: #b1b7be;
}

.c-form__datepicker>input::placeholder {
  color: #b1b7be;
}

.c-form__datepicker::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 13px;
  aspect-ratio: 13/15;
  background: url(/fts/public/img/cmn/calendar_ico-0e52c4391d78b534209b6cb09e1a7645.svg) no-repeat center center/contain;
}

/* 時計アイコン */
.c-form__timedropper {
  position: relative;
  min-width: 165px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  text-align: left;
}

.c-form__timedropper>input {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

.c-form__timedropper>input::-moz-placeholder {
  color: #b1b7be;
}

.c-form__timedropper>input::placeholder {
  color: #b1b7be;
}

/**
.c-form__timedropper::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 13px;
  aspect-ratio: 13/15;
  background: url(/fts/public/img/cmn/clock_ico-3f2f7843faa0140be114a315e9d1601a.svg) no-repeat center center/contain;
}
*/

/* 目アイコン */
.c-form__eye {
  position: relative;
  min-width: 165px;
  height: 40px;
  background-color: #fff;
  text-align: left;
}

.c-form__eye>input {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

.c-form__eye>input::-moz-placeholder {
  color: #b1b7be;
}

.c-form__eye>input::placeholder {
  color: #b1b7be;
}

.c-form__eye::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 25px;
  aspect-ratio: 13/15;
  background: url(/fts/public/img/cmn/eye_ico-48f1b0c7b7a3a380181e8153b0c8bffa.svg) no-repeat center center/contain;
}

.c-form__datepicker--round {
  border-radius: 8px;
  border: 0.8px solid #707070;
  height: 35px;
}

.c-form__selectbox {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #cdd6dd;
  text-align: left;
}

.c-form__selectbox>select {
  width: 100%;
  height: 100%;
  padding: 0 15px;
}

.c-form__selectbox>select::-moz-placeholder {
  color: #b1b7be;
}

.c-form__selectbox>select::placeholder {
  color: #b1b7be;
}

.c-form__selectbox::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 9px;
  aspect-ratio: 9/18;
  background: url(/fts/public/img/cmn/chevron-updown_ico-a0e303b686470380c5eded4decb72965.svg) no-repeat center center/contain;
}

.c-form__selectbox--round {
  height: 35px;
  border-radius: 8px;
  border: 0.8px solid #707070;
}

.c-form__selectbox--sm {
  height: 35px;
  border-radius: 5px;
  border: 0.4px solid #cdd6dd;
}

.c-form__selectbox--chevron::after {
  right: 7px;
  width: 6px;
  aspect-ratio: 6/4;
  background: url(/fts/public/img/cmn/chevron-down_ico--bl-84129b93d44737461ac228394a4e380f.svg) no-repeat center center/contain;
}

.c-form__selectbox--chevron>select {
  padding: 0 10px;
}

.c-form__selectbox--inactive {
  /* color: #b1b7be; */
  color: #333333; /* 非活性時の文字色を変更 （統一取引先と一緒）*/
  border: 0.8px solid #f0f3f5;
  background-color: #f6f5f5;
  pointer-events: none;
}

.c-form__selectbox--inactive::after {
  opacity: 0.6;
}

.c-form__selectbox--active {
  background-color: #f8f8f8;
}

.c-form__checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 50px;
}

.c-form__checkbox {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 3px 9px;
  white-space: nowrap;
}

/* 一覧用　高さ調整と表示形式変更 */
td label.c-form__checkbox {
  min-height: auto;
  display: block;
}

.c-form__checkbox>input[type=checkbox] {
  min-width: 20px;
  width: 1.4em;
  aspect-ratio: 1/1;
  border-color: #cdd6dd;
}

.c-form__radiobtns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 65px;
}

.c-form__radiobtn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  white-space: nowrap;
}

.c-form__radiobtn > input[type="radio"]:not(:checked):disabled + span.rdo-label {
  color: #b1b7be;
}

/* switchBaseInput.html用　ラジオボタン高さ調整 */
td div label.c-form__radiobtn {
  min-height: auto;
}



.c-form__radiobtn>input[type=radio] {
  width: 18px;
  aspect-ratio: 1/1;
}

/* ================================
絞り込み
================================ */
.c-filter {
  font-size: 14px;
  background-color: #f8f9fa;
  border-radius: 13px;
  padding: 15px 110px;
}

.c-filter__row {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 55px;
  column-gap: 55px;
}

.c-filter__row+.c-filter__row {
  margin-top: 25px;
}

.c-filter__row--border {
  border-bottom: 0.5px solid #707070;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.c-filter__item {
  min-width: 295px;
}

.c-filter__item.u-width--stretch .c-form__textbox,
.c-filter__item.u-width--stretch .c-form__selectbox {
  max-width: initial;
}

.c-filter__control {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin-top: 20px;
}

.c-filter-qty {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  font-size: 13px;
}

.c-filter-qty__input {
  width: 65px;
}

.c-filter-qty__input::after {
  width: 9px;
  aspect-ratio: 9/6;
  background: url(/fts/public/img/cmn/chevron-down_ico-a9717328a3dbe3fbbc6c82c1b3b5a45f.svg) no-repeat center center/contain;
}

/* ================================
絞り込み結果
================================ */
.c-result-header {
  position: relative;
  width: 100%;
  min-height: 70px;
  display: flex;
  justify-content: right;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  padding-left: 110px;
  padding-right: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}

.c-result-header__update {
  font-size: 14px;
  margin-right: auto;
}

.c-result-header__pager {
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translateX(-50%);
}

.c-result-table {
  position: relative;
  width: 100%;
  /* border-collapse: collapse; */
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  /*No03列幅を任意で固定する＝列幅を自動指定させない*/
}

/* 罫線共有しない場合 */
.c-result-table.normal-header-sticky {
  border-collapse: separate;
}

.c-result-table th,
.c-result-table td {
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  padding: 10px 10px;
  word-wrap: break-word;
  /*No04折り返す設定。列幅任意調整だけだと列の線からはみ出ることがある*/
}

.c-result-table th {
  height: 40px;
  font-weight: 700;
  padding: 5px 10px;
  white-space: nowrap;
  border: 1px solid #b1b7be;
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
  background-clip: padding-box;
  /* background-clip: border-box; */
  position: relative;
}

.c-result-table thead {
  width: 100%;
  position: relative;
}

.c-result-table thead tr th {
  background-color: #f0f5fe;
}

.c-result-table thead tr:nth-child(2) th {
  background-color: #d3e1fb;
}

/* theadの２行目の上罫線設定. */
/* .c-result-table thead tr:nth-child(2) th::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  background-color: #b1b7be;
} */

/* 罫線共有しない場合、上記設定を打消し */
.c-result-table.normal-header-sticky thead tr:nth-child(2) th::before {
  content: none;
}

.c-result-table thead tr:first-child th {
  border-top: 0;
}

.c-result-table thead tr:first-child th {
  position: relative;
}

/* 上罫線を疑似元素で描画 高さ1pxの四角形で罫線を描画. */
.c-result-table thead tr:first-child th::before {
  content: ' ';
  width: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  height: 1px;
  background-color: #8b8989;
}

/* 左罫線を疑似元素で描画. */
/* .c-result-table thead tr th::after {
  content: ' ';
  width: 1px;
  position: absolute;
  left: -1px;
  top: 0px;
  height: 100%;
  background-color: #b1b7be;
  z-index: 10;
} */


/* 下罫線の描画. */
.c-result-table thead tr th::after {
  content: ' ';
  width: 100%;
  position: absolute;
  left: -1px;
  bottom: 1px;
  height: 1px;
  background-color: #b1b7be;
  z-index: 10;
}

.c-result-table thead tr th.no-bottom-border::after {
  content: none!important;
}

/* theadの１行目の左罫線の色をより濃い色にする */
.c-result-table thead tr:first-child th:first-child::after {
  /* background-color: #8b8989; */
  border-left: 1px solid #8b8989;
}

/* theadの１行目の右罫線の色をより濃い色にする */
.c-result-table thead tr:first-child th:last-child {
  border-right: 1px solid #8b8989;
}

/* theadの2行目の右罫線の色をより濃い色にする */
.c-result-table thead tr th.last-th-cell {
  border-right: 1px solid #8b8989;
}

/* theadの2行目の右罫線の色をより濃い色にする */
.c-result-table thead tr th.first-th-cell {
  border-left: 1px solid #8b8989;
}

/* 罫線共有しない場合、上記設定を打消し */
.c-result-table.normal-header-sticky thead tr th::after {
  /* content: none; */
}

/* 罫線共有しない場合、上記設定を打消し */
.c-result-table.normal-header-sticky thead tr:first-child th::before {
  /* content: none; */
}

.c-result-table thead th:first-child {
  border-left: 1px solid #8b8989;
}

.c-result-table.normal-header-sticky th {
  border: none;
  border-right: 0.4px solid #b1b7be;
  border-top: 1px solid #b1b7be;
}

.c-result-table.normal-header-sticky thead tr:first-child th {
  /* border-top: 1px solid #8b8989; */
}

.c-result-table.normal-header-sticky thead th:last-child {
  border-right: 1px solid #8b8989;
}

.c-result-table thead.is-fixed {
  position: fixed;
  top: 110px;
  z-index: 5;
}

.c-result-table tbody th {
  background-color: #f0f5fe;
}

.c-result-table tbody td {
  border-right: 0.4px solid #b1b7be;
  border-bottom: 0.4px solid #b1b7be;
}

.c-result-table tbody td:first-child {
  border-left: 1px solid #8b8989;
}

.c-result-table tbody tr td:last-child {
  border-right: 1px solid #8b8989;
}

.c-result-table tbody tr:first-child td {
  border-top: 0.4px solid #8b8989;
}

.c-result-table.header-sticky tbody tr:first-child td {
  border-top: 0;
}

.c-result-table tbody tr:last-child td {
  border-bottom: 1px solid #8b8989;   /* #8b8989 */
}

.c-result-table__sort {
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  gap: 5px 5px;*/
  table-layout: fixed;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 26px;
  display: inline-block;
  position: relative;
  /*No05列幅を任意で固定する＝列幅を自動指定させない*/
}

.c-result-table__sort::after {
  position: absolute;
  right: 0;
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 26px;
  aspect-ratio: 10/6;
  background: url(/fts/public/img/cmn/chevron-updown_ico-a0e303b686470380c5eded4decb72965.svg) no-repeat center center/contain;
  /* 上下中央寄せ */
  top: 50%;
  transform: translateY(-50%);
}

.c-result-table__sort.desc::after {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 11px;
  aspect-ratio: 10/6;
  background: url(/fts/public/img/cmn/chevron-down_ico-a9717328a3dbe3fbbc6c82c1b3b5a45f.svg) no-repeat center center/contain;
  /* 上下中央寄せ */
  transform: translateY(-50%);
}

.c-result-table__sort.asc::after {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 10/6;
  /* 上下中央寄せ */
  transform: rotate(180deg) translateY(50%);
  background: url(/fts/public/img/cmn/chevron-down_ico-a9717328a3dbe3fbbc6c82c1b3b5a45f.svg) no-repeat center center/contain;
}

.c-result-table--tight tbody td {
  padding: 10px;
}

.c-result-table--sticky thead {
  position: sticky;
  top: 110px;
  z-index: 10;
}

.c-result-table__wrap {
  overflow-y: auto;
  border-bottom: 1px solid #8b8989;
  /* padding-top: 2px; */
}

.c-result-table__wrap .c-result-table thead {
  position: sticky;
  top: 0;
  z-index: 5;
  border-top: none;
}

.c-result-footer {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  padding-left: 110px;
  padding-right: 110px;
  margin-top: 25px;
}

.c-result-footer__pager {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.c-result-control {
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #818589;
}

/* ================================
ページネーション
================================ */
.c-pager__list {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.c-pager__item {
  color: #8B8989;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.c-pager__item:disabled {
  color: #b1b7be;
}

.c-pager__item--current {
  color: #E60113;
  font-weight: 700;
}

.c-pager__note {
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
}

/* ================================
ツールチップ
================================ */
.c-toolchip {
  position: relative;
  font-size: 13px;
}

.c-toolchip__btn {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  font-weight: 700;
  cursor: pointer;
}

.c-toolchip__btn>img {
  width: 19px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}

.c-toolchip__cnt {
  position: absolute;
  z-index: 20;
  bottom: -15px;
  left: 9px;
  transform: translate(-50%, 100%);
  transition: all 0.2s linear;
  display: none;
}

.c-toolchip__cnt.is-active {
  display: block;
}

.c-toolchip__cnt::before,
.c-toolchip__cnt::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border-style: solid;
}

.c-toolchip__cnt::before {
  top: -12px;
  border-width: 0 9px 12px 9px;
  border-color: transparent transparent #56595a transparent;
}

.c-toolchip__cnt::after {
  top: -10px;
  border-width: 0 9px 12px 9px;
  border-color: transparent transparent #fff transparent;
}

.c-toolchip__desc {
  z-index: 0;
  width: 380px;
  background-color: #fff;
  border: 1px solid #56595a;
  padding: 20px 15px;
  white-space: wrap;
}

/* ================================
モーダルウィンドウ
================================ */
.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  display: none;
}

.c-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(112, 127, 137, 0.9);
}

.c-modal__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1280px;
  /* 最小幅設定 */
  min-width: 1160px;
  width: 95%;
  max-height: 670px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  padding: 55px 40px 20px 40px;
  background-color: #fff;
}

.c-modal__close {
  position: absolute;
  top: 15px;
  right: 30px;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 15px;
}

.c-modal__close::after {
  content: "";
  width: 38px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  border: 1px solid #707070;
  background: url(/fts/public/img/cmn/close_ico-5e2e0481fa415d6cf7c30fce37b1445e.svg) no-repeat center center/15px 15px;
}

.c-modal__cnt {
  width: 650px;
}

/* @media screen and (max-width: 1439px) {
  .c-modal__wrap {
    max-height: 90vh;
  }
} */

.c-picmodal__wrap {
  max-width: 1320px;
  padding-left: 30px;
  padding-right: 30px;
}

.c-picmodal__table {
  width: 100%;
  max-height: 425px;
}

/* ================================
コンテナー・インナー
================================ */
/*メインコンテナー*/
.l-content-container {
  padding-top: 20px;
  padding-bottom: 80px;
}

/*インナー*/
.l-inner {
  max-width: 1160px;
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: auto;
  margin-right: auto;
}

/* Chrome/Edgeのtableヘッダー部の縦線がなくなった問題の対応：JavaScriptよりマージンを計算する：現在未使用. */
/* .l-inner.js-auto-margin {
  margin-left: unset;
  margin-right: unset;
} */

.l-inner--lg {
  padding-left: 0;
  padding-right: 0;
}

.l-inner--xl {
  max-width: 1900px;
  min-width: 1900px;
  padding-left: 50px;
  padding-right: 50px;
}

.l-inner--xxl {
  max-width: 2100px;
  min-width: 2100px;
  padding-left: 50px;
  padding-right: 50px;
}

/* ログインID一覧用のボタンinner */
.loginID-inner {
  max-width: 1460px;
  min-width: 1460px;
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: auto;
  margin-right: auto;
}

/* .loginID-inner.js-auto-margin {
  margin-left: unset;
  margin-right: unset;
} */

/* ログインID一覧用のinner */
.loginIdList-inner {
  max-width: 1560px;
  min-width: 1560px;
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: auto;
  margin-right: auto;
}

/* .loginIdList-inner.js-auto-margin {
  margin-left: unset;
  margin-right: unset;
} */

/* ステーション追加通信設定用のinner */
.stationData-inner {
  max-width: 1700px;
  min-width: 1700px;
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
  margin-left: auto;
  margin-right: auto;
}

/* .stationData-inner.js-auto-margin {
  margin-left: unset;
  margin-right: unset;
} */

/* ================================
ヘッダー
================================ */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  min-width: 1260px;
  height: 170px;
}

.l-header.is-active {
  height: 110px;
}

.l-header__top {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 2.0833333333vw;
  column-gap: 2.0833333333vw;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 0.2s linear;
}

.l-header-logo {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.l-header-logo__img {
  width: 175px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 25px;
  margin-right: 1.3020833333vw;
}

.l-header-logo__ttl {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  margin-right: 7px;
}

.l-header-logo__ico {
  display: inline-block;
  width: 20px;
  aspect-ratio: 20/24;
}

.l-header-logo__ico>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 1439px) {
  .l-header-logo__ttl {
    font-size: 18px;
  }
}

.l-header-main__list {
  height: 100%;
  display: flex;
  justify-content: right;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 2.0833333333vw;
  column-gap: 2.0833333333vw;
}

.l-header-main__item {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.l-header-main__item>a,
.l-header-main__item span {
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
  column-gap: 3px;
  transition: all 0.2s linear;
}

.l-header-main__item--has-ico>a::before {
  content: "";
  display: inline-block;
  width: 19px;
  aspect-ratio: 1/1;
}

.l-header-main__item--company>a::before {
  background: url(/fts/public/img/cmn/user_ico-a147577d8b995de36d2984d60871157b.svg) no-repeat center center/contain;
}

.l-header-main__item--manual>a::before {
  background: url(/fts/public/img/cmn/book_ico-6055ff21452f24fadc5ea2a9ae8335e5.svg) no-repeat center center/contain;
}

.l-header-main__item--contact>a::before {
  background: url(/fts/public/img/cmn/question_ico-4b1b457a27002891e2a8f0bb03d5d729.svg) no-repeat center center/contain;
}

.l-header-main__item--setting>a::before {
  background: url(/fts/public/img/cmn/gear_ico-d258ab86c13eb27b9212a2fa8c65408b.svg) no-repeat center center/contain;
}

.l-header-main__item--logout>a {
  border-bottom: 1px solid #e60113;
}

.l-header-main__item:hover>.l-header-main__sub-list {
  display: block;
}

.l-header-main__sub-list {
  position: absolute;
  z-index: 20;
  bottom: 15px;
  left: -15px;
  transform: translateY(100%);
  display: none;
  background-color: #fff;
  border: 1px solid #b1b7be;
  padding: 15px;
}

.l-header-main__sub-item>a {
  position: relative;
}

.l-header-main__sub-item>a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e60113;
}

.l-header-main__sub-item:not(:last-child) {
  margin-bottom: 15px;
}

.l-header-main__sub-item:hover>a:after {
  content: "";
}

.l-header__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F3F3F3;
  padding: 10px 30px;
}

.l-header-breadcrumb {
  display: flex;
  align-items: center;
}

.l-header-breadcrumb__item {
  font-size: 18px;
  font-weight: 700;
}

.l-header-breadcrumb__item:not(:last-child)::after {
  content: "＞";
}

.l-header__user {
  font-size: 13px;
  margin-left: auto;
}

.l-header__bottom {
  text-align: center;
  background-color: #fff;
  transition: all 0.2s linear;
}

.l-header-sub__list {
  display: inline-flex;
}

.l-header-sub__item {
  cursor: pointer;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding: 1em 2.5em;
  white-space: nowrap;
  transition: all 0.2s linear;
}

.l-header-sub__item:not(:last-child) {
  position: relative;
}

.l-header-sub__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  width: 1px;
  height: 45%;
  background-color: #333333;
}

.l-header-sub__item.is-current {
  color: #e60113;
}

/* グローバルメニュー非活性 */
.l-header-sub__item--tip {
  color: #d3d3d3;
}

.l-header-sub__item--tip>a:hover {
  color: inherit;
  opacity: 1;
}

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

  .l-header-sub__item {
    font-size: 15px;
    padding: 1em 2em;
  }
}


.l-header.is-active .l-header__bottom {
  display: none;
}

.l-header-modal__wrap {
  max-width: 1520px;
  max-height: 1110px;
  width: 95%;
  height: 90%;
  padding: 40px 100px;
  row-gap: 25px;
}

.l-header-modal__close {
  top: 30px;
}

.l-header-modal__heading {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.l-header-modal__heading>span {
  border-bottom: 3px solid #e60113;
  padding: 0 60px 10px;
}

.l-header-modal__cnt {
  width: 100%;
  padding-right: 10px;
  padding-bottom: 10px;
  overflow-y: auto;
}

.l-header-modal__item {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.l-header-modal__item:not(:last-of-type) {
  margin-bottom: 20px;
}

.l-header-modal__ttl {
  position: relative;
  flex-shrink: 0;
  width: 14em;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
  padding-left: 1em;
}

.l-header-modal__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: #e60113;
}

.l-header-modal__desc {
  flex: 1;
  font-size: 14px;
}

.l-header-modal__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 40px;
  margin-top: 10px;
}

.l-header-modal__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 80px) / 3);
  min-height: 65px;
  text-align: center;
  border: 1px solid #707070;
  background-color: #f0f3f5;
  border-radius: 15px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.16);
  padding: 7px;
}

.l-header-modal__foot {
  align-self: flex-start;
}

/* ================================
フッター
================================ */
.l-footer {
  background-color: #F3F3F3;
}

.l-footer__inner {
  padding: 15px 50px;
}

.l-footer-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.l-footer-contact__item {
  color: #56595A;
  font-size: 15px;
  padding: 0 25px;
}

.l-footer-contact__item:not(:last-child) {
  position: relative;
}

.l-footer-contact__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: currentColor;
}

.l-footer-contact__num {
  position: relative;
  margin-left: 10px;
  padding-left: 22px;
}

.l-footer-contact__num::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  width: 17px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/phone_ico-c4148c6fb3212e030c3ec0812d7b7e0d.svg) no-repeat center center/contain;
}

/* ================================
下層ページ
================================ */
/*ページヘッダー*/
.p-page-header {
  margin-bottom: 45px;
}

/*ページフッター*/
.p-page-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 45px;
  column-gap: 45px;
  margin-top: 40px;
}

.p-page-footer__btn {
  min-width: 130px;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.2;
  border: 1px solid #333333;
  border-radius: 13px;
  padding: 10px 25px;
}

.p-page-footer__btn--fill {
  color: #fff;
  border: none;
  background-color: #0379d5;
}

a.p-page-footer__btn {
  cursor: pointer;
}

/*セクション*/
.p-page-sec {
  position: relative;
}

.p-page-sec+.p-page-sec {
  margin-top: 25px;
}

.p-page-sec__header {
  font-size: 18px;
  margin-bottom: 20px;
}

.p-page-sec__header--bg {
  min-height: 40px;
  max-height: 80px;
  background-color: #f6f5f5;
  padding: 8px 18px;
}

.p-page-sec__cnt>*:not(:last-child) {
  margin-bottom: 20px;
}

.p-page-sec__add {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  aspect-ratio: 1/1;
}

.p-page__guidance {
  min-height: 80px;
  display: flex;
  /* 左寄せに変更のためcenterから変更 */
  justify-content: left;
  align-items: center;
  color: #51c988;
  font-size: 20px;
  font-weight: 700;
  /* 左寄せに変更のためcenterから変更 */
  text-align: left;
  border-radius: 10px;
  background-color: rgba(81, 201, 136, 0.15);
  /* 左寄せに変更のため追加 */
  padding-left: 1em;
}

.p-page__guidance.custom {
  align-items: start;
  flex-direction: column;
}

.p-page__guidance .alert {
  color: #e60113;
}

.p-page__error {
  position: relative;
  color: #E60113;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  background-color: rgba(230, 1, 19, 0.1);
  padding: 20px 15px 20px 75px;
}

.p-page__error::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  width: 45px;
  aspect-ratio: 24/22;
  background: url(/fts/public/img/cmn/attention_ico--rd-cef2e848cbde956ced90e60f38a5097e.svg) no-repeat center center/contain;
}

.p-page__error>p+p {
  margin-top: 10px;
}

.u-color__error {
  background-color: #E60113;
}

.u-radio__error::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  left: -3px;
  top: -3px;
  z-index: -1;
  background-color: #E60113;
}

.u-checkbox__error::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  left: -4px;
  top: -4px;
  z-index: -1;
  background-color: #E60113;
}

/* 通信手順切替確認　灰色座布団 */
.p-page__gray {
  min-height: 80px;
  display: flex;
  justify-content: left;
  /* 左寄せに変更のためcenterから変更 */
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  /* 左寄せに変更のためcenterから変更 */
  border-radius: 10px;
  background-color: #F8F9FA;
  padding-left: 1em;
  /* 左寄せに変更のため追加 */
}

.p-page__gray span {
  display: inline-block;
  width: 5em;
}

/* ================================
ログイン
================================ */
.p-login-container {
  min-height: 100vh;
  min-width: 1260px;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 60px;
  column-gap: 60px;
  padding: 85px 120px;
  background: url(/fts/public/img/login/bg-6a3685747efbc13bed0e4f160f5ed1b3.jpg) no-repeat center center/cover;
}

@media screen and (max-width: 1439px) {
  .p-login-container {
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* 枠幅によらない */
.p-login-container_no {
  min-height: 100vh;
  min-width: 1260px;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 60px;
  column-gap: 60px;
  padding: 85px 120px;
  background: url(/fts/public/img/login/bg-6a3685747efbc13bed0e4f160f5ed1b3.jpg) no-repeat center center/cover;
}

.p-login-sec {
  font-size: 17px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #d7dce5;
}

.p-login-sec__cnt {
  padding: 18px 35px;
}

.p-login-sec+.p-login-sec {
  margin-top: 35px;
}

.p-login-main {
  flex-grow: 1;
}

.p-login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

.p-login-form__input {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  max-width: 520px;
  margin-top: 60px;
  margin-bottom: 40px;
}

.p-login-form__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.p-login-form__item>label {
  min-width: 95px;
}

.p-login-form__control {
  margin-bottom: 30px;
}

.p-login-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  margin-bottom: 20px;
}

.p-login-logo__img {
  width: 370px;
}

.p-login-logo__ttl {
  color: #3b4043;
  font-size: 38px;
  font-weight: 700;
}

@media screen and (max-width: 1439px) {
  .p-login-logo__img {
    width: 300px;
  }

  .p-login-logo__ttl {
    font-size: 36px;
  }
}

/* 枠幅によらない */
.p-login-logo__img_no {
  width: 370px;
}

.p-login-logo__ttl_no {
  color: #3b4043;
  font-size: 38px;
  font-weight: 700;
}

.p-login-sub {
  width: 460px;
  /* max-widthだとfinet側のみ幅が可変になるため変更 */
  flex-shrink: 1;
}

.p-login-contact {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: 0 0 15px 15px;
}

.p-login-contact__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: -1px;
}

.p-login-contact__heading {
  width: calc(50% - 5px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 15px 15px 0 0;
  padding: 13px;
  cursor: pointer;
  color: #fff;
  background-color: #0379d5;
}

.p-login-contact__heading::before {
  content: "";
  display: inline-block;
  width: 30px;
  aspect-ratio: 1/1;
}

.p-login-contact__heading--help::before {
  background: url(/fts/public/img/cmn/question_ico--grn-f0c73c645a04ee079814c4f9ecd2384a.svg) no-repeat center center/contain;
}

.p-login-contact__heading--emergencycall::before {
  background-color: #fff;
  border-radius: 50%;
  background-image: url(/fts/public/img/cmn/phone_ico--bl-496436c8fd6600b907e046f4372b4879.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px 17px;
}

.p-login-contact__heading--emergency::before {
  background: url(/fts/public/img/cmn/phone_ico--bk-271f48c0748fadf6e7941e31b63ae298.svg) no-repeat center center/contain;
}

.p-login-contact__heading--contact::before {
  background: url(/fts/public/img/cmn/contact_ico-b06b14e3d7717a2d6be7daee16f5a190.svg) no-repeat center center/contain;
}

.p-login-contact__heading--chatbot::before {
  background: url(/fts/public/img/cmn/chatbot_ico-2f2639be69f438723f3703ce65852ca7.svg) no-repeat center center/contain;
}

.p-login-contact__heading.is-active {
  color: #333333;
  background-color: #fff;
  border: 1px solid #d7dce5;
  border-bottom: none;
}

.p-login-contact__cnt {
  border: 1px solid #d7dce5;
  border-radius: 0 0 15px 15px;
  background-color: #fff;
}

.p-login-contact__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background-color: #f6f5f5;
  border-radius: 7px;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-login-contact__btn::before {
  content: "";
  display: inline-block;
  width: 29px;
  aspect-ratio: 29/21;
  background: url(/fts/public/img/cmn/mail_ico-c9f796c53207dd6cee32bb8800062946.svg) no-repeat center center/contain;
}

.p-login-forget__link {
  position: relative;
  color: #0379d5;
  line-height: 1.4;
}

.p-login-forget__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #333333;
}

/* ================================
ホーム
================================ */
.top .l-content-container {
  padding-bottom: 40px;
}

.p-top-layout__inner {
  max-width: 1580px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

.p-top-sec {
  border: 1.5px solid #dee4e8;
}

.p-top-top {
  display: grid;
  grid-template-areas: "news status";
  grid-template-rows: min-content 1fr;
  grid-template-columns: 60% 1fr;
  /* エリア幅調整のため追加 */
  gap: 10px 45px;
  align-content: start;
  align-items: start;
  margin-bottom: 15px;
}

@media screen and (max-width: 1439px) {
  .p-top-top {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

.p-top-status {
  grid-area: status;
  padding: 10px 20px;
}

.p-top-status__heading {
  font-size: 20px;
  margin-bottom: 15px;
}

.p-top-status__heading::before {
  background: url(/fts/public/img/top/status-heading_ico-230d86cb922f57b395314c6c9fc6e97b.svg) no-repeat center center/contain;
}

.p-top-status__list {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-top-status__item {
  flex: 1;
}

.p-top-status__ttl {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 5px;
  border: 1.5px solid #8b8989;
  padding: 10px;
  transition: all 0.2s linear;
}

.p-top-status__ttl:hover {
  opacity: 0.7;
}

.p-top-status__ttl::before {
  content: "";
  display: inline-block;
  width: 30px;
  aspect-ratio: 1/1;
}

.p-top-status__ttl--during::before {
  background: url(/fts/public/img/top/status-item_ico--during-5b439ad8cf6353f8f60c87b810150cb0.svg) no-repeat center center/contain;
}

.p-top-status__ttl--result {
  border-color: #e60113;
}

.p-top-status__ttl--result::before {
  background: url(/fts/public/img/top/status-item_ico--result-429d707c0078318ca65bc80581bdfdd2.svg) no-repeat center center/contain;
}

.p-top-status__btn {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background-color: rgba(203, 89, 85, 0.11);
  padding: 5px 15px;
  border-radius: 5px;
  transition: all 0.2s linear;
}

.p-top-status__btn:hover {
  opacity: 0.7;
}

.p-top-latest {
  grid-area: latest;
  display: flex;
  align-items: center;
  -moz-column-gap: 36px;
  column-gap: 36px;
  padding: 10px 12px 10px 25px;
}

.p-top-latest__heading {
  flex-shrink: 0;
  display: inline-flex;
}

.p-top-latest__heading::before {
  background: url(/fts/public/img/top/latest-heading_ico-82d7fa114a8469bd5ccff3cebc3455a3.svg) no-repeat center center/contain;
}

.p-top-latest__list {
  flex: 1;
  max-height: 70px;
  overflow-y: auto;
  font-size: 12px;
}

.p-top-latest__list .c-news-list__ttl {
  white-space: nowrap;
  max-width: initial;
}

.p-top-news {
  grid-area: news;
  border: none;
}

.p-top-news__heading {
  font-size: 20px;
  border: 1.5px solid #dee4e8;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.p-top-news__heading::before {
  background: url(/fts/public/img/top/news-heading_ico-d2d840ac158890f24d85709f2fe36160.svg) no-repeat center center/contain;
}

.p-top-news__list {
  max-height: 270px;
  overflow-y: auto;
}

.p-top-middle {
  margin-bottom: 15px;
}

.p-top-menu {
  display: flex;
  background-color: #f6f5f5;
  margin-top: 20px;
}

.p-top-menu__item {
  flex: 1;
  padding: 8px 25px;
}

.p-top-menu__item:not(:last-child) {
  border-right: 1px solid #dee4e8;
}

.p-top-menu__item a {
  transition: all 0.2s linear;
}

.p-top-menu__item a:hover {
  opacity: 0.7;
}

.p-top-menu__heading {
  margin-bottom: 5px;
}

.p-top-menu__heading--app::before {
  background: url(/fts/public/img/top/menu-heading_ico--app-74cc1896ad49506d43ae0c5e5dd9cbd7.svg) no-repeat center center/contain;
}

.p-top-menu__heading--test::before {
  background: url(/fts/public/img/top/menu-heading_ico--test-25f4a50d9379aefea110b635f83f2c40.svg) no-repeat center center/contain;
}

.p-top-menu__heading--sar::before {
  background: url(/fts/public/img/top/menu-heading_ico--sar-73152a2acba1a05c826372e8b5d8f315.svg) no-repeat center center/contain;
}

.p-top-menu__heading--confirm::before {
  background: url(/fts/public/img/top/menu-heading_ico--confirm-ba7c90fe96fb3540660c83e7a1f69b6f.svg) no-repeat center center/contain;
}

.p-top-purpose {
  position: relative;
  padding: 13px 0 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-top-purpose__list {
  display: flex;
}

.p-top-purpose__list+.p-top-purpose__list {
  margin-top: 18px;
}

.p-top-purpose__item {
  width: 25%;
  font-size: 16px;
  padding: 0 10px;
  transition: all 0.2s linear;
}

.p-top-purpose__item:hover {
  opacity: 0.7;
}

.p-top-purpose__item::before {
  width: 60px;
}

.p-top-purpose__item:not(:last-of-type) {
  border-right: 1px solid #dee4e8;
}

.p-top-purpose__item:first-child {
  padding-left: 25px;
}

.p-top-purpose__item--01::before {
  background: url(/fts/public/img/top/purpose-item01_ico-721908a3cca6c43dd503cb860ca83381.svg) no-repeat center center/contain;
}

.p-top-purpose__item--02 {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.p-top-purpose__item--02::before {
  background: url(/fts/public/img/top/purpose-item02_ico-2dcf00dbf38c3eb25722eeed32be963d.svg) no-repeat center center/contain;
}

/*
.p-top-purpose__item--03 {
  padding-left: 35px;
}
*/

.p-top-purpose__item--03::before {
  background: url(/fts/public/img/top/purpose-item03_ico-ecbb2d389652d9399542540562a1e776.svg) no-repeat center center/contain;
}

/*
.p-top-purpose__item--04 {
  padding-left: 25px;
}
*/

.p-top-purpose__item--04::before {
  background: url(/fts/public/img/top/purpose-item04_ico-10437a132eba59493f72520afde44e37.svg) no-repeat center center/contain;
}

/*
.p-top-purpose__item--05 {
  padding-left: 25px;
}
*/

.p-top-purpose__item--05::before {
  background: url(/fts/public/img/top/purpose-item05_ico-b9bbf1663d066c9ce22600a978ea5857.svg) no-repeat center center/contain;
}

.p-top-purpose__item--06 {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.p-top-purpose__item--06::before {
  background: url(/fts/public/img/top/purpose-item06_ico-b38a04ee1cdcefd8f9de4c0d533ff620.svg) no-repeat center center/contain;
}

/*
.p-top-purpose__item--07 {
  padding-left: 35px;
}
*/

.p-top-purpose__item--07::before {
  background: url(/fts/public/img/top/purpose-item07_ico-4f6903546c5ac28d79e91624fd978986.svg) no-repeat center center/contain;
}

/* アイコン追加 */
/*
.p-top-purpose__item--08 {
  padding-left: 35px;
}
*/

.p-top-purpose__item--08::before {
  background: url(/fts/public/img/top/purpose-item08_ico-99bed31de624e342394ed88f27f3741f.svg) no-repeat center center/contain;
}

.p-top-purpose__item--09 {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.p-top-purpose__item--09::before {
  background: url(/fts/public/img/top/purpose-item09_ico-8547dc3748d6a5114e85650e1e1fccb8.svg) no-repeat center center/contain;
}

/*
.p-top-purpose__item--10 {
  padding-left: 25px;
}
*/

.p-top-purpose__item--10::before {
  width: 60px;
  height: 60px;
  background: url(/fts/public/img/top/purpose-item10_ico-ab5519e06ccecf3d58ec5b79038a0bae.svg) no-repeat center center/contain;
}

.p-top-purpose__accordion-toggle {
  position: absolute;
  bottom: 10px;
  right: 25px;
  width: 165px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 7px;
  column-gap: 7px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #8b8989;
  background-color: #f7f5f5;
  border-radius: 9999px;
}

.p-top-purpose__accordion-toggle::before {
  content: "＋";
  font-size: 17px;
}

.p-top-purpose__accordion-toggle .close {
  display: none;
}

.p-top-purpose__accordion-toggle .open {
  display: inline-block;
}

.p-top-purpose__accordion-toggle.is-active .close {
  display: inline-block;
}

.p-top-purpose__accordion-toggle.is-active .open {
  display: none;
}

.p-top-purpose__accordion-toggle.is-active::before {
  content: "－";
}

@media screen and (max-width: 1439px) {
  .p-top-purpose__item {
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
    padding-left: 10px !important;
  }
}

.p-top-link {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 35px;
  border: none;
}

.p-top-link__item {
  width: calc((100% - 105px) / 4);
  text-align: center;
  border: 1.5px solid #dee4e8;
  padding: 10px 25px 10px;
}

.p-top-link__ttl {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 15px;
}

.p-top-link__btn {
  position: relative;
  width: 100%;
  color: #e60113;
  text-align: center;
  border: 1px solid #e60113;
  padding: 10px;
  transition: all 0.2s linear;
}

.p-top-link__btn:hover {
  opacity: 0.7;
}

.p-top-link__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  display: inline-block;
  width: 13px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/exlink_ico--rd-5095426e45fe524e436384209eab4546.svg) no-repeat center center/contain;
}

.p-top-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  background-color: #f3f3f3;
  padding: 15px 30px;
}

/* フッターをページ下部に固定 */
.p-top-footer_fixed {
  position: fixed;
  bottom: 0px;
  width: 100%;
  min-width: 1260px;
}

.p-top-footer__menu {
  display: flex;
  align-items: center;
}

.p-top-footer__item {
  padding: 0 20px;
  transition: all 0.2s linear;
}

.p-top-footer__item:hover {
  opacity: 0.7;
}

.p-top-footer__item:not(:last-of-type) {
  border-right: 1px solid #333333;
}

/*--- 管理者用 ---*/
.top_admin .l-header__middle {
  background-color: #0379D5;
}

.top_admin .l-header__user {
  color: #fff;
}

.p-top-admin_top {
  grid-template-areas: "news status" "news test";
}

.p-top-admin_test {
  grid-area: test;
}

.p-top-admin_test__heading::before {
  background: url(/fts/public/img/top/test-heading_ico-3b33c23f9cc4e2b79e8dc52f1afb318b.svg) no-repeat center center/contain;
}

.p-top-admin_status__ttl {
  font-size: 18px;
}

.p-top-admin_middle {
  margin-bottom: 20px;
}

.p-top-admin_menu {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 35px;
  border: none;
  margin-top: 15px;
}

.p-top-admin_menu__item {
  width: calc((100% - 105px) / 4);
  background-color: #f6f5f5;
  padding: 12px 20px;
  transition: all 0.2s linear;
}

.p-top-admin_menu__item:hover {
  opacity: 0.7;
}

.p-top-admin_menu__heading {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.p-top-admin_menu__heading::before {
  width: 60px;
}

.p-top-admin_menu__heading--news::before {
  background: url(/fts/public/img/top/admin_menu-heading_ico--news-628a4d2a7defac956a7d9463f93ae65a.svg) no-repeat center center/contain;
}

.p-top-admin_menu__heading--doc01::before {
  background: url(/fts/public/img/top/admin_menu-heading_ico--doc01-66c163061b67175ae0b0d575927a1f7b.svg) no-repeat center center/contain;
}

.p-top-admin_menu__heading--doc02::before {
  background: url(/fts/public/img/top/admin_menu-heading_ico--doc02-723509ce4c039e46561703810e125710.svg) no-repeat center center/contain;
}

.p-top-admin_menu__heading--mail::before {
  background: url(/fts/public/img/top/admin_menu-heading_ico--mail-42cdc04f74d36dfae609e2a9fa212bf2.svg) no-repeat center center/contain;
}

/* ================================
ステーション追加
================================ */
/* section間の余白、全画面で25pxで統一のため、以下コメントアウト */
/* .station_confirm .p-page-sec+.p-page-sec {
  margin-top: 50px;
} */

.p-station-data-result__toggle.is-defaultHidden {
  display: none;
}

.p-station-data-result__note::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-bottom: 4px solid #0379d5;
  border-right: 4px solid #0379d5;
  transform: rotate(45deg);
  margin: 5px auto 0;
}

.p-station-data-result__note.up::after {
    transform: rotate(-135deg); /* 上向き */
}

.p-station-data-result__note.down::after {
    transform: rotate(45deg); /* 下向き */
}

/* 閉じる追加 */
.p-station-data-result__closeNote::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-top: 4px solid #0379d5;
  border-left: 4px solid #0379d5;
  transform: rotate(45deg);
  margin: 5px auto 0;
}

.p-station-modal__wrap {
  max-width: 1320px;
  padding-left: 30px;
  padding-right: 30px;
}

.p-station-modal__table {
  width: 100%;
  max-height: 380px;
}

/* ================================
請求データダウンロード
================================ */
.p-invoice-sort {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 85px;
  column-gap: 85px;
  padding: 25px;
  border-radius: 13px;
  background-color: #F8F9FA;
  margin-bottom: 25px;
}

.p-invoice-sort__item {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-size: 18px;
  font-weight: 500;
}

.p-invoice-sort__item>input {
  width: 1em;
  aspect-ratio: 1/1;
}

.p-invoice-sort__item--has-ico::after {
  content: "";
  display: inline-block;
  width: 23px;
  aspect-ratio: 23/28;
}

.p-invoice-sort__item--invoice::after {
  background: url(/fts/public/img/invoice/pdf_ico-dead2b433a8ed6c562ca09d04a6479dc.svg) no-repeat center center/contain;
}

.p-invoice-sort__item--data::after {
  background: url(/fts/public/img/invoice/csv_ico-1dd4a684c8dc8eaae30b4870de2f1fe6.svg) no-repeat center center/contain;
}

/* ================================
送受信状況照会
================================ */
.p-sar-filter__control {
  padding-right: 0;
  padding-left: 290px;
}

.p-sar-filter__sort-station,
.p-sar-filter__data-station {
  display: none;
}

.p-sar-result {
  position: relative;
  margin-top: -70px;
}

.p-sar-result::before {
  content: "";
  z-index: 4;
  position: sticky;
  top: 110px;
  left: 0;
  display: block;
  width: 100%;
  height: 70px;
  background-color: #fff;
}

.p-sar-result__table thead {
  position: sticky;
  top: 180px;
  z-index: 10;
}

.p-sar-result__header {
  position: sticky;
  z-index: 5;
  top: 110px;
  background-color: #fff;
}

.p-sar-result__pager {
  width: 100%;
  z-index: 5;
  bottom: 10px;
}

/* ================================
申込状況一覧
================================ */
.p-apps-filter {
  position: relative;
  padding: 22px 50px 15px 50px;
}

.p-apps-filter__toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.p-apps-filter__toggle .close {
  display: none;
}

.p-apps-filter__toggle .open {
  display: inline-block;
}

.p-apps-filter__toggle.is-active .close {
  display: inline-block;
}

.p-apps-filter__toggle.is-active .open {
  display: none;
}

.p-apps-filter__row01 .c-form__checkbox {
  min-width: 165px;
}

.p-apps-filter__row02 .c-form__checkbox {
  min-width: 165px;
}

.p-apps-result {
  position: relative;
  margin-top: -70px;
}

.p-apps-result::before {
  content: "";
  z-index: 4;
  position: sticky;
  top: 110px;
  left: 0;
  display: block;
  width: 100%;
  height: 70px;
  background-color: #fff;
}

.p-apps-result__table thead {
  position: sticky;
  top: 180px;
  z-index: 10;
}

.p-apps-result__header {
  position: sticky;
  z-index: 5;
  top: 110px;
  background-color: #fff;
}

.p-apps-result__pager {
  width: 100%;
  z-index: 5;
  bottom: 10px;
}

/* ================================
担当者一覧
================================ */
.p-pic-filter {
  position: relative;
  padding-top: 60px;
}

.p-pic-filter__toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.p-pic-filter__toggle::before {
  content: "";
  width: 23px;
  aspect-ratio: 23/14;
  background: url(/fts/public/img/cmn/sort_ico--wh-6afbfea1f55933f24916d1eceb932e53.svg) no-repeat center center/contain;
  transform: rotate(180deg);
}

.p-pic-filter__toggle .close {
  display: none;
}

.p-pic-filter__toggle .open {
  display: inline-block;
}

.p-pic-filter__toggle.is-active .close {
  display: inline-block;
}

.p-pic-filter__toggle.is-active .open {
  display: none;
}

.p-pic-filter__toggle.is-active::before {
  transform: rotate(0);
}

.p-pic-control {
  display: flex;
  justify-content: center;
  -moz-column-gap: 70px;
  column-gap: 70px;
}

.p-pic-control__list {
  width: 100%;
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.p-pic-control__btn {
  width: calc((100% - 120px) / 4);
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  padding: 0.8em 0.5em;
}

.p-pic-control__btn--lg {
  width: 100%;
  padding: 1.1em 0.5em;
}

.p-pic-control__block {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
}

.p-pic-control__block .p-pic-control__list {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.p-pic-control__block .p-pic-control__list .p-pic-control__btn {
  width: calc(50% - 10px);
}

.p-pic-control__block .p-pic-control__list .p-pic-control__btn.is-active {
  color: #fff;
  background-color: #b6b9b9;
}

.p-pic-tab {
  display: none;
}

.p-pic-initial__control {
  position: sticky;
  top: 110px;
  z-index: 5;
  background-color: #fff;
  padding-bottom: 15px;
  margin-bottom: -15px;
}

.p-pic-initial__table thead {
  position: sticky;
  top: 195px;
  z-index: 10;
}

.p-pic-edit__table01 {
  max-height: 404px;
}

.p-pic-edit__table01 .c-result-table tbody td {
  height: 60px;
}

.p-pic-edit__table02 {
  max-height: 380px;
}

.p-pic-edit__table02 tbody td span+span {
  margin-left: 45px;
}

.p-pic-edit__note {
  max-width: 890px;
}

.p-pic-handover__table01 {
  max-height: 305px;
}

.p-pic-handover__table02 {
  max-height: 500px;
}

.p-pic-handover__table02 .c-result-table tbody td {
  height: 54px;
}

.p-pic-handover__table03 {
  max-height: 445px;
}

.p-pic-handover__table04 {
  max-height: 350px;
}

.p-pic-handover__table05 {
  max-height: 385px;
}

/* ================================
データ交換開始
================================ */
.p-dataex-result__header {
  padding-left: 0;
}

.p-dataex-result__table thead {
  position: sticky;
  top: 110px;
  z-index: 10;
}

.p-dataex-other__modal {
  width: 100%;
}

/* ================================
申込完了
================================ */
.p-test-progress .c-progress__item {
  width: 150px;
}

.p-test-box {
  border: 1px solid #8b8989;
  border-radius: 23px;
  padding: 25px;
}

.p-test-box__img {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.p-test-date {
  border: 1px solid #707070;
}

.p-test-date__header {
  padding: 10px 25px;
}

.p-test-date__cnt {
  padding: 10px 18px;
}

.p-test-initial__heading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 25px;
  font-weight: 500;
}

.p-test-initial__heading::before {
  content: "";
  display: inline-block;
  width: 43px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/check_ico--gr-42c02290dc285aba404653e22f457f56.svg) no-repeat center center/contain;
}

.p-test-station__filter {
  padding-left: 50px;
  padding-right: 50px;
}

.p-test-station__accordion-toggle {
  width: 290px;
  height: 35px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 17px;
  background-color: #8a8989;
  border-radius: 8px;
  padding: 0 10px 0 16px;
}

.p-test-station__accordion-toggle::after {
  content: "+";
  font-size: 25px;
  font-weight: 700;
}

.p-test-station__accordion-toggle.is-active::after {
  content: "";
  width: 14px;
  height: 3px;
  background-color: #fff;
}

.p-test-station__accordion-cnt {
  margin-top: 25px;
}

.p-test-cat__box {
  margin-left: -90px;
}

.p-test-cat__delete {
  border-radius: 4px;
  color: #56595a;
  font-size: 17px;
  background-color: #fff;
  border: 0.8px solid #707070;
  padding: 0 8px;
}

@media screen and (max-width: 1439px) {
  .p-test-cat__box {
    margin-left: 0;
  }
}

.p-test-note__heading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 25px;
  font-weight: 500;
}

.p-test-note__heading::before {
  content: "";
  display: inline-block;
  width: 43px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/attention_ico--gr-2d9c3e955e849d65e1e63ac8d6db1d55.svg) no-repeat center center/contain;
}

.p-test-note__border {
  display: block;
  width: calc(100% - 2em);
  border-bottom: 0.3px dotted #707070;
  margin: 10px auto;
}

/* ================================
申込完了
================================ */
.p-complete-header__ttl {
  position: relative;
  display: inline-block;
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 15px;
}

.p-complete-header__ttl::before,
.p-complete-header__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 2px;
}

.p-complete-header__ttl::before {
  width: 100%;
  background-color: #DEE4E8;
}

.p-complete-header__ttl::after {
  width: 50px;
  background-color: #e60113;
}

.p-complete-header__ttl>span {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.p-complete-header__ttl>span::before {
  content: "";
  display: inline-block;
  width: 43px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/check_ico-d22e3224c50cbc91478c601a083e0cad.svg) no-repeat center center/contain;
}

.p-complete-method {
  background-color: rgba(230, 1, 19, 0.03);
  padding: 25px;
}

.p-complete-method__ttl {
  font-weight: 700;
}

.p-complete-method__ttl+.p-complete-method__desc {
  margin-top: 8px;
}

.p-complete-method__desc+.p-complete-method__ttl {
  margin-top: 40px;
}

/* ================================
2023/12 手続きサイトリプレイス
================================ */
/*No01エラー表示のときの赤丸を調整するために作成→エラーメッセージは画面最上部に出力する仕様になったため不要だがバックアップとして_send-and-receive_エラー3.html*/
.c-circle-heading-usui {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 27px;
}

.c-circle-heading-usui::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  width: 20px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 4px solid #E60113;
}

.c-circle-heading-usui>span {
  position: relative;
  padding-bottom: 8px;
}

.c-circle-heading-usui>span:first-of-type::before,
.c-circle-heading-usui>span:first-of-type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 2px;
}

.c-circle-heading-usui>span::before {
  width: 100%;
  background-color: #DEE4E8;
}

.c-circle-heading-usui>span:first-child::after {
  width: 25px;
  background-color: #E60113;
}

.error-message {
  color: red;
  background-color: #FADBDA;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
  padding: 10px 20px;
}

/*No02管理者画面用に申込者情報を記載するためのCSS。ユーザー側画面の進捗状況箇所。_f_serviceCancelConfirm承認者.html*/
.c-form-table__label__f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  width: 150px;
  min-height: 30px;
  font-weight: 700;
  white-space: nowrap;
}

/* ================================
No08ファイネットヘッダー
================================ */
.f-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100px;
}

.f-header.is-active {
  height: 110px;
}

.f-header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 2.0833333333vw;
  column-gap: 2.0833333333vw;
  background-color: #fff;
  padding: 10px 30px;
  transition: all 0.2s linear;
}

.f-header-logo {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
  -moz-column-gap: 1.3020833333vw;
  column-gap: 1.3020833333vw;
}

.f-header-logo__img {
  width: 175px;
  -o-object-fit: contain;
  object-fit: contain;
}

.f-header-logo__ttl {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-right: 1.4em;
}

.f-header-logo__ttl::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  width: 1em;
  aspect-ratio: 22/20;
  background: url(/fts/public/img/cmn/home_ico-4ad03c88c90009aac2d08772422f2c74.svg) no-repeat center center/contain;
}

@media screen and (max-width: 1439px) {
  .f-header-logo__ttl {
    font-size: 18px;
  }
}

.f-header-main__list {
  display: flex;
  justify-content: right;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 2.0833333333vw;
  column-gap: 2.0833333333vw;
}

.f-header-main__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 3px;
  column-gap: 3px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

.f-header-main__item--has-ico::before {
  content: "";
  display: inline-block;
  width: 19px;
  aspect-ratio: 1/1;
}

.f-header-main__item--company::before {
  background: url(/fts/public/img/cmn/user_ico-a147577d8b995de36d2984d60871157b.svg) no-repeat center center/contain;
}

.f-header-main__item--manual::before {
  background: url(/fts/public/img/cmn/book_ico-6055ff21452f24fadc5ea2a9ae8335e5.svg) no-repeat center center/contain;
}

.f-header-main__item--contact::before {
  background: url(/fts/public/img/cmn/question_ico-4b1b457a27002891e2a8f0bb03d5d729.svg) no-repeat center center/contain;
}

.f-header-main__item--setting::before {
  background: url(/fts/public/img/cmn/gear_ico-d258ab86c13eb27b9212a2fa8c65408b.svg) no-repeat center center/contain;
}

.f-header-main__item--logout {
  border-bottom: 1px solid #e60113;
}

.f-header__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F3F3F3;
  padding: 10px 30px;
}

.f-header-breadcrumb {
  display: flex;
  align-items: center;
}

.f-header-breadcrumb__item {
  font-size: 13px;
}

.f-header-breadcrumb__item:not(:last-child)::after {
  content: "＞";
}

.f-header__user {
  font-size: 13px;
  margin-left: auto;
}

.f-header__bottom {
  text-align: center;
  background-color: #fff;
  transition: all 0.2s linear;
}

.f-header-sub__list {
  display: inline-flex;
}

.f-header-sub__item {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding: 1em 2.5em;
  white-space: nowrap;
}

.f-header-sub__item:not(:last-child) {
  position: relative;
}

.f-header-sub__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  width: 1px;
  height: 45%;
  background-color: #333333;
}

.f-header-sub__item.is-current {
  color: #e60113;
}

@media screen and (max-width: 1439px) {
  .f-header-sub__item {
    font-size: 15px;
    padding: 1em 2em;
  }
}

.f-header.is-active .f-header__top {
  padding-top: 15px;
}

.f-header.is-active .f-header__bottom {
  display: none;
}

/* ================================
No09ファイネットフッター
================================ */
.f-footer {
  background-color: #F3F3F3;
}

.f-footer__inner {
  padding: 15px 50px;
}

.f-footer-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.f-footer-contact__item {
  color: #56595A;
  font-size: 15px;
  padding: 0 25px;
}

.f-footer-contact__item:not(:last-child) {
  position: relative;
}

.f-footer-contact__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: currentColor;
}

.f-footer-contact__num {
  position: relative;
  margin-left: 10px;
  padding-left: 22px;
}

.f-footer-contact__num::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  width: 17px;
  aspect-ratio: 1/1;
  background: url(/fts/public/img/cmn/phone_ico-c4148c6fb3212e030c3ec0812d7b7e0d.svg) no-repeat center center/contain;
}


/* ================================
No011ファイネット下層ページ
================================ */
/*ページフッター*/
.p-page-footer_f {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 45px;
  column-gap: 45px;
  margin-top: 10px;
}

.p-pic-initial__table thead {
  position: sticky;
  top: 195px;
  z-index: 10;
  table-layout: fixed;
  /* 列幅任意指定のためのCSS*/
}

/* No13エラーメッセージ用 */
.p-page__error__nomark {
  position: relative;
  color: #E60113;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  background-color: rgba(230, 1, 19, 0.1);
  padding: 20px 15px 20px 75px;
}

.p-page__error__nomark>p+p {
  margin-top: 10px;
}

/* 指摘No.004 モーダルで選択した値を表示*/
.c-select__close {
  position: relative;
}

.c-select__close-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background: url(/fts/public/img/cmn/close_ico-5e2e0481fa415d6cf7c30fce37b1445e.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
}

/* 指摘No.002 警告メッセージ用の座布団（アイコンなし）*/
.p-page__error-noicon {
  color: #E60113;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  background-color: rgba(230, 1, 19, 0.1);
  padding: 15px;
}

/* 利用規約同意、お知らせ管理 */
div.webBorder {
  width: 110%;
  margin: auto;
  text-align: center;
  border: 1px solid #8b8989;
  border-radius: 3px;
}

.conditions__border {
  width: 100%;
  text-align: center;
  line-height: 1.8;
  border: solid 5px #0379d5;
  border-radius: 3px;
}

div.pdfTitle {
  font-size: 16px;
  border-bottom: 0.4px solid #818589;
  text-align: left;
  padding-bottom: 10px;
  background-color: #f0f5fe;
  padding-top: 10px;
  padding-left: 20px;
}

div.pdfRule {
  font-size: 18px;
  text-align: left;
}

.grid {
  width: 100%;
  padding: 6.5px;
}

.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid__left {
  float: left;
}

.grid__left>.grid {
  padding-right: 0;
  padding-left: 0;
}

.grid__right {
  float: right;
}

.grid__right>.grid {
  padding-right: 0;
  padding-left: 0;
}

.grid--stretch {
  display: table;
}

.grid--table-slide-wrap {
  padding-right: 16px;
  padding-left: 16px;
}

.cell {
  padding: 0 8px;
  display: table-cell;
  vertical-align: baseline;
}

.cell--top {
  padding: 3px 8px;
  display: table-cell;
  vertical-align: top;
}

.cell--fullsize-block {
  display: block;
}

.cell--spacer {
  visibility: hidden;
}

.grid--valign-center .cell {
  vertical-align: middle;
}

.grid--align-center {
  text-align: center;
}

.grid--align-center .cell {
  display: inline-block;
}

/* 完了メッセージ */
.success-msg {
  font-size: 20px;
  background-color: #f0f5fe;
  color: #0379d5;
}

/* 手続きサイトメンテナンス画面系にある2×2のテーブル用のラベルと表幅 */
.two-two-matrix-table__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 550px;
  min-height: 40px;
  font-weight: 700;
  white-space: nowrap;
}

/* 手続きサイトメンテナンス画面系にある2×2のテーブル用のラベルと表幅wide版 */
.two-two-matrix-table-wide__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: 900px;
  min-height: 40px;
  font-weight: 700;
  white-space: nowrap;
}

.corner-cell {
  background-color: #f0f5fe;
}

/* ================================
調整用
================================ */
/*フォントウェイト*/
.u-weight--400 {
  font-weight: 400;
}

.u-weight--500 {
  font-weight: 500;
}

.u-weight--700 {
  font-weight: 700;
}

.u-lsp--0 {
  letter-spacing: 0;
}

.u-nowrap {
  white-space: nowrap;
}

/*テキスト位置*/
.u-align--left {
  text-align: left !important;
}

.u-align--center {
  text-align: center !important;
}

.u-align--right {
  text-align: right !important;
}

.u-display--block {
  display: block;
}

.u-display--inline-block {
  display: inline-block;
}

.u-fontsize--12 {
  font-size: 12px;
}

.u-fontsize--13 {
  font-size: 13px;
}

.u-fontsize--14 {
  font-size: 14px;
}

.u-fontsize--15 {
  font-size: 15px;
}

.u-fontsize--16 {
  font-size: 16px;
}

.u-fontsize--18 {
  font-size: 18px;
}

.u-fontsize--19 {
  font-size: 19px;
}

.u-fontsize--20 {
  font-size: 20px;
}

.u-fontsize--23 {
  font-size: 23px;
}

.u-fontsize--24 {
  font-size: 24px;
}

.u-fontsize--25 {
  font-size: 25px;
}

.u-fontsize--30 {
  font-size: 30px;
}

.u-width--800 {
  max-width: initial;
  min-width: initial;
  width: 800px;
}

.u-width--710 {
  max-width: initial;
  min-width: initial;
  width: 710px;
}

.u-width--700 {
  max-width: initial;
  min-width: initial;
  width: 700px;
}

.u-width--600 {
  max-width: initial;
  min-width: initial;
  width: 600px;
}

.u-width--580 {
  max-width: initial;
  min-width: initial;
  width: 580px;
}

.u-width--560 {
  max-width: initial;
  min-width: initial;
  width: 560px;
}

.u-width--530 {
  max-width: initial;
  min-width: initial;
  width: 530px;
}

.u-width--500 {
  max-width: initial;
  min-width: initial;
  width: 500px;
}

.u-width--450 {
  max-width: initial;
  min-width: initial;
  width: 450px;
}

.u-width--430 {
  max-width: initial;
  min-width: initial;
  width: 430px;
}

.u-width--410 {
  min-width: initial;
  width: 410px;
}

.u-width--400 {
  min-width: initial;
  width: 400px;
}

.u-width--385 {
  min-width: initial;
  width: 385px;
}

.u-width--350 {
  min-width: initial;
  width: 350px;
}

.u-width--340 {
  min-width: initial;
  width: 340px;
}

.u-width--325 {
  min-width: initial;
  width: 325px;
}

.u-width--320 {
  min-width: initial;
  width: 320px;
}

.u-width--300 {
  min-width: initial;
  width: 300px;
}

.u-width--290 {
  min-width: initial;
  width: 290px;
}

.u-width--280 {
  min-width: initial;
  width: 280px;
}

.u-width--270 {
  min-width: initial;
  width: 270px;
}

/* 追加 */
.u-width--250 {
  min-width: initial;
  width: 250px;
}

.u-width--240 {
  min-width: initial;
  width: 240px;
}

.u-width--230 {
  min-width: initial;
  width: 230px;
}

.u-width--225 {
  min-width: initial;
  width: 225px;
}

.u-width--220 {
  min-width: initial;
  width: 220px;
}

.u-width--210 {
  min-width: initial;
  width: 210px;
}

.u-width--200 {
  min-width: initial;
  width: 200px;
}

.u-width--195 {
  min-width: initial;
  width: 195px;
}

.u-width--190 {
  min-width: initial;
  width: 190px;
}

.u-width--185 {
  min-width: initial;
  width: 185px;
}

.u-width--180 {
  min-width: initial;
  width: 180px;
}

.u-width--170 {
  min-width: initial;
  width: 170px;
}

.u-width--160 {
  min-width: initial;
  width: 160px;
}

.u-width--155 {
  min-width: initial;
  width: 155px;
}

.u-width--150 {
  min-width: initial;
  width: 150px;
}

.u-width--140 {
  min-width: initial;
  width: 140px;
}

.u-width--130 {
  min-width: initial;
  width: 130px;
}

.u-width--120 {
  min-width: initial;
  width: 120px;
}

.u-width--100 {
  min-width: initial;
  width: 100px;
}

/* 追加 */
.u-width--95 {
  min-width: initial;
  width: 95px;
}

.u-width--85 {
  min-width: initial;
  width: 85px;
}

.u-width--70 {
  min-width: initial;
  width: 70px;
}

.u-width--50 {
  min-width: initial;
  width: 50px;
}

.u-width--auto {
  min-width: initial;
  width: auto;
}

.u-width--stretch {
  flex: 1;
  width: auto;
}

.u-width--shrink {
  flex: initial;
}

.u-width--100per {
  width: 100%;
}

.u-minh--35 {
  line-height: 35px;
  min-height: 35px;
}

.u-minh--40 {
  line-height: 40px;
  min-height: 40px;
}

.u-bg--gr {
  background-color: #f6f5f5 !important;
}

.u-bg--dgr {
  background-color: #8b8989 !important;
}

.u-bg--bgr {
  background-color: #f5f7f8 !important;
}

.u-bg--bl {
  background-color: #dde9fc !important;
}

.u-bg--lbl {
  background-color: #f0f5fe !important;
}

.u-bg--wh {
  background-color: #fff !important;
}

.u-bg--none {
  background-color: transparent !important;
}

.u-pt--30 {
  padding-top: 30px !important;
}

.u-pt--15 {
  padding-top: 15px !important;
}

.u-pt--10 {
  padding-top: 10px !important;
}

.u-pt--0 {
  padding-top: 0 !important;
}

.u-pb--30 {
  padding-bottom: 30px !important;
}

.u-pb--25 {
  padding-bottom: 25px !important;
}

.u-pb--20 {
  padding-bottom: 20px !important;
}

.u-pb--15 {
  padding-bottom: 15px !important;
}

.u-pb--10 {
  padding-bottom: 10px !important;
}

.u-pb--0 {
  padding-bottom: 0 !important;
}

.u-pl--0 {
  padding-left: 0 !important;
}

.u-pl--10 {
  padding-left: 10px !important;
}

.u-pl--20 {
  padding-left: 20px !important;
}

.u-pl--30 {
  padding-left: 30px !important;
}

.u-pr--0 {
  padding-right: 0 !important;
}

.u-pr--10 {
  padding-right: 10px !important;
}

.u-pr--20 {
  padding-right: 20px !important;
}

.u-pr--30 {
  padding-right: 30px !important;
}

.u-pr--40 {
  padding-right: 40px !important;
}

.u-pr--50 {
  padding-right: 50px !important;
}

.u-pr--100 {
  padding-right: 100px !important;
}

/* paddingを5pxずつすべて  */
.u-padding--5 {
  padding: 5px !important;
}

/* 一覧枠調整用 */
.u-padding--h20 {
  padding: 20px 5px 5px 5px !important;
}

.u-mt--0 {
  margin-top: 0 !important;
}

.u-mt--5 {
  margin-top: 5px !important;
}

.u-mt--10 {
  margin-top: 10px !important;
}

.u-mt--15 {
  margin-top: 15px !important;
}

.u-mt--20 {
  margin-top: 20px !important;
}

.u-mt--25 {
  margin-top: 25px !important;
}

.u-mt--30 {
  margin-top: 30px !important;
}

.u-mt--50 {
  margin-top: 50px !important;
}

.u-mb--0 {
  margin-bottom: 0 !important;
}

/* 追加 */
.u-mb--5 {
  margin-bottom: 5px !important;
}

.u-mb--10 {
  margin-bottom: 10px !important;
}

.u-mb--15 {
  margin-bottom: 15px !important;
}

.u-mb--20 {
  margin-bottom: 20px !important;
}

.u-mb--25 {
  margin-bottom: 25px !important;
}


.u-mb--30 {
  margin-bottom: 30px !important;
}

.u-ml--0 {
  margin-left: 0 !important;
}

.u-ml--5 {
  margin-left: 5px !important;
}

.u-ml--10 {
  margin-left: 10px !important;
}

.u-ml--15 {
  margin-left: 15px !important;
}

.u-ml--20 {
  margin-left: 20px !important;
}

.u-ml--30 {
  margin-left: 30px !important;
}

.u-ml--35 {
  margin-left: 35px !important;
}

.u-ml--40 {
  margin-left: 40px !important;
}

.u-ml--50 {
  margin-left: 50px !important;
}

.u-ml--60 {
  margin-left: 60px !important;
}

.u-ml--70 {
  margin-left: 70px !important;
}

.u-ml--100 {
  margin-left: 100px !important;
}

.u-ml--200 {
  margin-left: 200px !important;
}

.u-ml--260 {
  margin-left: 260px !important;
}


.u-mr--30 {
  margin-right: 30px !important;
}

.u-mr--70 {
  margin-right: 70px !important;
}

.u-colgap--5 {
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.u-colgap--15 {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.u-colgap--20 {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.u-colgap--30 {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.u-colgap--40 {
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.u-colgap--45 {
  -moz-column-gap: 45px;
  column-gap: 45px;
}

.u-colgap--50 {
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.u-rowgap--15 {
  row-gap: 15px;
}

.u-rowgap--20 {
  row-gap: 20px;
}

.u-justify_content--left {
  justify-content: left;
}

.u-justify_content--right {
  justify-content: right;
}

.u-justify_content--between {
  justify-content: space-between;
}

.u-justify_content--center {
  justify-content: center;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-col {
  flex-direction: column;
}

.u-flex-row {
  flex-direction: row;
}

.u-align_items--start {
  align-items: flex-start;
}

.u-align_items--end {
  align-items: flex-end;
}

.u-align_items--center {
  align-items: center;
}

.u-align_items--stretch {
  align-items: stretch;
}

.u-align_self--start {
  align-self: flex-start;
}

.u-align_self--end {
  align-self: flex-end;
}

.u-border_radius--0 {
  border-radius: 0px;
}

.u-border_radius--5 {
  border-radius: 5px;
}

.u-border_radius--8 {
  border-radius: 8px;
}

.u-border--bl {
  border-color: #b1b7be !important;
}

.u-border--gr {
  border-color: #8b8989 !important;
}

.u-border--0 {
  border: none !important;
}

.u-border-left--0 {
  border-left: none !important;
}

.u-border-right--0 {
  border-right: none !important;
}

.u-border-right--04 {
  border-right-width: 0.4px;
}

.u-border-top--0 {
  border-top: none !important;
}

.u-border-top--04 {
  border-top-width: 0.4px;
}

.u-border-bottom--0 {
  border-bottom: none !important;
}

.u-border-bottom--04 {
  border-bottom-width: 0.4px;
}

.u-border-bottom--gr {
  border-bottom-color: #8b8989 !important;
}

/* 一覧表項目名のみ表示する場合のborder */
.u-border-bottom--th {
  border-bottom: 1px solid #8b8989;
}

.u-border-all--04 {
  border-width: 0.4px;
}

/* グローバルメニュー画面幅による縮小なし */
.l-header-sub__item_fixed {
  cursor: pointer;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  padding: 1em 2.5em;
  white-space: nowrap;
  transition: all 0.2s linear;
}

.l-header-sub__item_fixed:not(:last-child) {
  position: relative;
}

.l-header-sub__item_fixed:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  width: 1px;
  height: 45%;
  background-color: #333333;
}

.l-header-sub__item_fixed:hover {
  color: #e60113;
}

.l-header-sub__item_fixed.is-current {
  color: #e60113;
}

/* 完了画面のメッセージ幅の最大値を決定 */
.l-complete {
  max-width: 900px;
}

/* 画面幅の最小値を決定 */
.l-wrapper {
  min-width: 1260px;
}

/* 項目の非表示 */
.visibility {
  visibility: hidden;
}

.none {
  display: none;
}

/* 一覧表の枠線 */
.border-right {
  border-right: 1px solid #8b8989;
}

.border-left {
  border-left: 1px solid #8b8989;
}

.border-top {
  border-top: 1px solid #8b8989;
}

.border-bottom {
  border-bottom: 1px solid #8b8989;
}

/* 接続テスト　データ種選択　水平方向の表 */
.horiList th {
  text-align: left;
  width: 265px;
  border-left: 1px solid #707f89;
  border-right: 0.4px solid #b1b7be;
  border-bottom: 0.4px solid #b1b7be;
}

.horiList tr:first-child th {
  border-top: 1px solid #707f89 !important;
}

.horiList tr:last-child th {
  border-bottom: 1px solid #707f89 !important;
}

.horiList td {
  text-align: left;
  border-right: 1px solid #707f89 !important;
  border-bottom: 0.4px solid #b1b7be !important;
  border-left: none !important;
}

.horiList tr:first-child td {
  border-top: 1px solid #707f89 !important;
}

.horiList tr:last-child td {
  border-bottom: 1px solid #707f89 !important;
}

/* 文書管理　統一取引先からの引用 */
.note__link {
  display: table-cell;
  padding: 0 8px;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
}

.note__cell {
  padding: 12px;
  border: 1px solid #bbbbbb;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 44px;
  background-color: #f6f5f5;
}

.note__header {
  align-items: center;
  background-color: #F3F3F3;
  font-weight: 700;
  padding-left: 16px;
  white-space: nowrap;
  position: relative;
  padding-left: 16px;
  padding-right: 15px
}

.note__header:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2px;
  height: 15px;
  background: black;
}

.note__header:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 2px;
  height: 15px;
  background: black;
}

.grid {
  width: 100%;
  padding: 6.5px;
}

.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid__left {
  float: left;
}

.grid__left>.grid {
  padding-right: 0;
  padding-left: 0;
}

.grid--stretch {
  display: table;
}

.cell {
  padding: 0 8px;
  display: table-cell;
  vertical-align: baseline;
}

.table {
  width: 100%;
  border: 1px solid #DDD;
  table-layout: fixed;
}

.table-title {
  padding-left: 16px;
  font-weight: bold;
  position: relative;
  float: left;
  padding-right: 15px
    /*統一取引先コード管理 追加*/
}

.table-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2px;
  height: 15px;
  background: black;
}

.table-title:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 2px;
  height: 15px;
  background: black;
}

.table-title span {
  font-weight: normal;
}

.table__cell {
  padding: 12px;
  border: 1px solid #bbbbbb;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 44px;
}

.table__cell-title:after {
  content: "";
  display: block;
  clear: both;
}

.table__cell-title.grid {
  padding: 7px 4px;
}

.table__header .table__cell {
  font-weight: bold;
  text-align: left;
  position: relative;

  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dddddd));
  background: linear-gradient(180deg, #f6f6f6 0%, #dddddd 100%);
  /*
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6',endColorstr='#DDDDDD' , GradientType=0);
*/
  background-color: rgba(221, 221, 221, 0.6);
  background-clip: padding-box;
}

.table__body {
  border: 1px solid #DDD;
}

.table__body .table__row:not(.table__row--no-hover):hover {
  background: #c8e6ff;
}

.table__body .table__row--hover {
  background: #c8e6ff;
}

.table__body .table__row--checked {
  background: #c8e6ff;
}

.table__header .table__cell:not(:target) {
  filter: none;
}

.table__body-header {
  text-align: left;
  font-weight: bold;
  background: #F6F6F6;
  vertical-align: middle;
  padding-top: 14px;
}

.table:not(.table--layout) .table__body .table__row:hover .table__readmore-open-readmore {
  background: #c8e6ff;
}

.table:not(.table--layout) .table__body .table__row--checked .table__readmore-open-readmore {
  background: #c8e6ff;
}

.table--layout .table__body .table__row:hover {
  background: inherit;
}

.table--layout .table__cell {
  white-space: normal;
}

.table__cell-input {
  padding: 8px 12px;
  vertical-align: middle;
}

.table__cell-input.text-right .table-textfield__placeholder {
  right: 14px;
}

.table-note {
  padding: 8px 0;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  display: none;
}

.table-frame {
  position: relative;
  overflow: hidden;
}

.table-note--active {
  display: block;
}

.table-note-bottom {
  border-bottom: 1px solid #DDD;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}


.utility__button {
  padding: 6px 10px;
  border: 1px solid #B2B2B2;
  border-radius: 5px;
  background: #FFF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#3366cc), color-stop(16.15%, #356dcf), color-stop(39.47%, #3a80d9), color-stop(67.13%, #419fe8), color-stop(97.91%, #4ccbfd), to(#4dceff));
  background: linear-gradient(0deg, #3366cc 0%, #356dcf 16.15%, #3a80d9 39.47%, #419fe8 67.13%, #4ccbfd 97.91%, #4dceff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DCEFF', endColorstr='#3366CC', GradientType=0);
}

.utility__button:hover {
  text-decoration: none;
  background: -webkit-gradient(linear, left bottom, left top, from(#324395), color-stop(17.92%, #2e4a9b), color-stop(43.81%, #235dac), color-stop(74.35%, #127cc8), to(#009ce4));
  background: linear-gradient(0deg, #324395 0%, #2e4a9b 17.92%, #235dac 43.81%, #127cc8 74.35%, #009ce4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009CE4', endColorstr='#324395', GradientType=0);
}

.utility__button--small {
  padding: 4px 16px;
  font-size: 14px;
}

.accordion-lv1 {
  position: relative;
}

.accordion-lv1__data {
  display: none;
}

.accordion-lv1--open .accordion-lv1__data {
  display: block;
}

.title-header-error-area ul {
  list-style: disc;
  margin-left: 20px;
}

.text-width-0 {
  width: 0;
}