@charset "UTF-8";
.sss-header {
  background-color: #092962;
  font-family: -apple-system, sans-serif;
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 900;
}
.sss-header a {
  color: #0b5de9;
  text-decoration: none;
}
.sss-header a:hover {
  color: #279af4;
}
.sss-header p {
  margin: 0;
  padding: 0;
}

.sss-header__inner {
  position: relative;
  z-index: 910;
  justify-content: flex-end;
  display: grid;
  grid-template-columns: auto 1fr;
  box-sizing: content-box;
  padding-left: 20px;
}

.sss-header__logo {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  grid-column: 1/2;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 0;
  margin-bottom: 0px;
  padding-top: 19px;
  padding-right: auto;
  padding-left: 20px;
  padding-bottom: 19px;
}
.sss-header__logo a {
  height: 32px;
}
.sss-header__logo img {
  display: block;
  height: 32px;
}

.sss-header__content {
  display: flex;
  justify-content: space-between;
  grid-column: 2/2;
}
.sss-browser-is-ie .sss-header__content {
  height: 70px;
}

.sss-header__menu {
  background-color: transparent;
  width: auto;
  height: 100%;
  display: flex;
  height: 100%;
  transform: none;
  overflow: visible;
  opacity: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sss-header__item {
  display: flex;
  margin-left: 20px;
  position: relative;
}
.sss-header__item button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #d9dfe9;
  font-size: 14px;
}
.sss-header__item.-has-arrow::after {
  content: "";
  width: 9px;
  height: 9px;
  border: 1px solid;
  border-color: #6685ba #6685ba transparent transparent;
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  top: calc(50% - 4px);
  margin-left: 12px;
}
.sss-header__item:hover button {
  color: #ffc700;
}
.sss-header__item:hover .sss-arrow-header {
  background-color: #ffc700;
}

/* 子契約:パートナー契約の場合のスタイル */
.sss-header__item.-partner {
  justify-content: center;
  top: 23px;
  height: 24px;
  transition: all 0.2s ease;
}
.sss-header__item.-partner > a {
  display: flex;
  color: #d9dfe9;
}
.sss-header__item.-partner > a > img {
  position: relative;
  top: 3px;
}
.sss-header__item.-partner > a > img:first-of-type {
  display: block;
}
.sss-header__item.-partner > a > img:last-of-type {
  display: none;
}
.sss-header__item.-partner > a span {
  position: relative;
  margin-left: 5px;
  top: 2px;
  line-height: 1.8;
  white-space: nowrap;
}
.sss-header__item.-partner:after {
  content: "";
  width: 1px;
  height: 24px;
  border: none;
  border-right: 1px solid #6685ba;
  display: inline-block;
  position: relative;
  margin-left: 12px;
}
.sss-header__item.-partner:hover a {
  color: #ffc700;
}
.sss-header__item.-partner:hover a > img:first-of-type {
  display: none;
}
.sss-header__item.-partner:hover a > img:last-of-type {
  display: block;
}

/* アクセス権がないワークスペースの場合のスタイル */
.sss-header__item.-service-no-access {
  top: 3px;
}
.sss-header__item.-service-no-access span {
  color: #d9dfe9;
}

/* 縦中央 */
.sss-header__item.-align_center {
  align-items: center;
}

/* 利用可能なサービスのとき、position:relativeを解除 */
.sss-header__item.-service {
  position: static;
}
.sss-header__item.-service button {
  padding-top: 3px;
}

.sss-header__item.-active .sss-header__dropdown {
  visibility: visible;
  opacity: 1;
}
.sss-header__item.-active button {
  color: #ffc700;
}
.sss-header__item.-active .sss-arrow-header {
  background-color: #ffc700;
}
.sss-header__item.-active .sss-arrow-header::after {
  opacity: 1;
  visibility: visible;
}

.sss-header__item.-service.-active {
  transition: all 0.2s ease;
}
.sss-header__item.-service.-active .sss-arrow-header.-service::after {
  opacity: 1;
  visibility: visible;
}

.sss-header__dropdown {
  transition: all 0.2s ease;
  position: absolute;
  top: calc(100% - 15px);
  left: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  visibility: hidden;
  opacity: 0;
  z-index: 1100;
}
.sss-header__dropdown::before {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #fff transparent;
  top: -5px;
  left: 10px;
  transform: translate(0, 0);
}

.sss-header__dropdown.-work_space {
  top: calc(100% - 14px);
  left: -6px;
  width: 220px;
}

.sss-header__dropdown__item {
  background-color: #fff;
  position: relative;
  border-radius: 0 0 0 0;
  box-sizing: border-box;
  border-bottom: 1px solid #ecf0f7;
  padding: 20px;
  padding-right: 16px;
  font-size: 16px;
}
.sss-header__dropdown__item:first-of-type {
  border-radius: 4px 4px 0 0;
}
.sss-header__dropdown__item:last-of-type {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
  padding-bottom: 24px;
}
.sss-header__dropdown__item.-foot {
  padding-top: 5px;
}
.sss-header__dropdown__item.-kc {
  max-height: calc(100vh - 300px);
  overflow-y: scroll;
  /*スクロールバー全体*/
  /*スクロールバーの軌道*/
  /*スクロールバーの動く部分*/
}
.sss-header__dropdown__item.-kc::-webkit-scrollbar {
  width: 10px;
  position: relative;
  left: -10px;
}
.sss-header__dropdown__item.-kc::-webkit-scrollbar-track {
  border-radius: 10px;
}
.sss-header__dropdown__item.-kc::-webkit-scrollbar-thumb {
  background-color: rgb(178, 194, 220);
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.sss-header__dropdown__item a {
  display: flex;
}

.sss-header__dropdown__item.-has_radius {
  border-radius: 4px;
}

.sss-header__dropdown__item.-button {
  padding-top: 12px;
  padding-bottom: 12px;
}

.sss-header__service__item {
  position: relative;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 16px;
}
.sss-header__service__item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sss-header__dropdown__content {
  position: relative;
  display: flex;
  padding-right: 6px;
  margin-top: 10px;
}
.sss-header__dropdown__content:hover::after {
  animation: linkArrowMoveInline 0.6s ease;
}
.sss-header__dropdown__content:first-of-type {
  margin-top: 0;
}

.sss-header__dropdown__content.-has_icon {
  position: relative;
  margin-top: 12px;
}

.sss-header__dropdown__iconbox {
  position: relative;
  margin-right: auto;
  top: 14px;
}
.sss-header__dropdown__iconbox:hover .sss-alart.-infomation {
  opacity: 1;
  visibility: visible;
}
.sss-header__dropdown__iconbox img {
  cursor: pointer;
}
.sss-header__dropdown__iconbox.-inline {
  display: inline-block;
}

.sss-header__dropdown__item__inner {
  margin-top: 24px;
}
.sss-header__dropdown__item__inner.-request {
  max-height: 15vh;
  overflow-y: scroll;
  /*スクロールバー全体*/
  /*スクロールバーの軌道*/
  /*スクロールバーの動く部分*/
}
.sss-header__dropdown__item__inner.-request::-webkit-scrollbar {
  width: 10px;
  position: relative;
  left: -10px;
}
.sss-header__dropdown__item__inner.-request::-webkit-scrollbar-track {
  border-radius: 10px;
}
.sss-header__dropdown__item__inner.-request::-webkit-scrollbar-thumb {
  background-color: rgb(178, 194, 220);
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.sss-header__dropdown__item__inner.-mt_14 {
  margin-top: 14px;
}

.sss-header__dropdown__item__inner.-mt_18 {
  margin-top: 18px;
}

/* 利用可能なサービスドロップダウンメニュー*/
.sss-header__dropdown.-service {
  width: calc(100vw - 57px);
  left: 50%;
  transform: translateX(-50%);
}
.sss-header__dropdown.-service li::after {
  display: none;
}
.sss-header__dropdown.-service::before {
  display: none;
}

/* 利用可能なサービスドロップダウン */
.sss-header-overflow {
  border-radius: 4px;
  padding-top: 1px;
  padding-right: 10px;
  padding-bottom: 50px;
  background-color: #fff;
  position: relative;
}

.sss-header-search--area {
  border-bottom: 1px solid #cbcbcb;
  width: calc(100vw - 57px);
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 10px;
}

.sss-header-search {
  display: flex;
  align-items: center;
}
.sss-header-search .sss-link {
  font-size: 16px;
}

.sss-header-search-box {
  width: 796px;
  margin-left: 14px;
  margin-right: 30px;
  position: relative;
}

.sss-header-search-box__bar {
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  padding-top: 14px;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 14px;
  border: 1px solid #cccccc;
  font-size: 16px;
}
.sss-header-search-box__bar:focus {
  border-color: #7a9ede;
}

.sss-header-search-box__clear-button {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  top: 16px;
  right: 16px;
  background-image: url(../img/icon_caption_cross.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  cursor: pointer;
  visibility: hidden;
}

.sss-header-anchor {
  display: flex;
  padding-top: 14px;
  padding-right: 30px;
  padding-left: 30px;
}
.sss-header-anchor .sss-link2.-anchor {
  font-size: 16px;
  margin-right: 30px;
  color: #0b5de9;
  transition: color 0.1s ease;
  display: flex;
  align-items: center;
}
.sss-header-anchor .sss-link2.-anchor:hover {
  color: #279af4;
}

/* 利用可能なサービスドロップダウン：スクロールエリア */
.sss-header-scroll {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
  max-height: calc(100vh - 250px);
  margin-top: 10px;
}

/*スクロールバー全体*/
.sss-header-scroll::-webkit-scrollbar {
  width: 10px;
  position: relative;
  left: -10px;
}

/*スクロールバーの軌道*/
.sss-header-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
}

/*スクロールバーの動く部分*/
.sss-header-scroll::-webkit-scrollbar-thumb {
  background-color: rgb(178, 194, 220);
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.sss-header__dropdown.-submenu {
  color: #0b5de9;
  top: 50px;
}
.sss-header__dropdown.-submenu::before {
  display: none;
}

/* リクエスト */
.sss-header__dropdown.-request {
  left: calc(100% - 20px);
  transform: translateX(-100%);
  width: 350px;
  top: 50px;
}

/* サポート */
.sss-header__dropdown.-support {
  left: 100%;
  transform: translateX(-100%);
  width: 290px;
}

/* 管理者メニュー */
.sss-header__dropdown.-admin {
  left: 100%;
  transform: translateX(-100%);
  width: 220px;
}

.sss-header__dropdown.-user {
  top: calc(100% + 32px);
  right: 20px;
  left: auto;
}
.sss-header__dropdown.-user::before {
  display: block;
  right: 20px;
  left: auto;
}

.sss-overlay.-visible {
  visibility: visible;
  opacity: 1;
}

.sss-overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 900;
  top: 0px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(9, 41, 98, 0.8);
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}

.sss-js-highlight {
  background-color: #ffc700;
}

/* 検索結果がないときに表示するエリアの記述 */
.sss-header-service-none {
  display: none;
  margin: 0 auto;
  padding-top: 23px;
  padding-right: 30px;
  padding-left: 30px;
}
.sss-header-service-none .sss-heading, .sss-header-service-none p {
  font-size: 16px;
  text-align: center;
  color: #092962;
  margin-top: 6px;
}
.sss-header-service-none .sss-caption {
  margin-top: 34px;
}

.sss-header-submenu {
  color: #fff;
}

.sss-header-submenu__user {
  position: relative;
  z-index: 950;
}
.sss-header-submenu__user.-active .sss-header__dropdown {
  opacity: 1;
  visibility: visible;
}
.sss-header-submenu__user.-active .sss-header-submenu__id {
  background-color: #ffc700;
  color: #092962;
}
.sss-header-submenu__user.-active .sss-header-submenu__id img:first-of-type {
  display: none;
}
.sss-header-submenu__user.-active .sss-header-submenu__id img:last-of-type {
  display: block;
}
.sss-header-submenu__user:hover .sss-header-submenu__id {
  background-color: #ffc700;
  color: #092962;
}
.sss-header-submenu__user:hover .sss-header-submenu__id img:first-of-type {
  display: none;
}
.sss-header-submenu__user:hover .sss-header-submenu__id img:last-of-type {
  display: block;
}
.sss-header-submenu__user:hover .sss-header-submenu__id {
  background-color: #ffc700;
  color: #092962;
}
.sss-header-submenu__user:hover .sss-header-submenu__id img:first-of-type {
  display: none;
}
.sss-header-submenu__user:hover .sss-header-submenu__id img:last-of-type {
  display: block;
}

.sss-header-submenu__id {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  display: flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #d9dfe9;
  position: relative;
  position: absolute;
  top: 0;
  right: 20px;
  background-color: #37578e;
  font-size: 12px;
  padding: 6px 10px 6px;
  transition: all 0.2s ease;
  border-radius: 0 0 4px 4px;
}
.sss-header-submenu__id img {
  margin-right: 7px;
  width: 10px;
  height: 12px;
  position: relative;
}
.sss-header-submenu__id img:first-of-type {
  display: block;
}
.sss-header-submenu__id img:last-of-type {
  display: none;
}
.sss-header-submenu__id span {
  flex: 1;
}
.sss-browser-is-ie .sss-header-submenu__id {
  width: 100%;
}
.sss-browser-is-ie .sss-header-submenu__id img {
  top: 2px;
}

.sss-header-submenu__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  margin-right: 20px;
  height: 100%;
  position: relative;
  top: 14px;
  z-index: 900;
}

.sss-header-submenu__no_login {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  margin-top: 5px;
  margin-right: 20px;
  height: 100%;
  position: relative;
  top: 14px;
  z-index: 900;
}

.sss-header-submenu__contents {
  height: 100%;
  position: relative;
}
.sss-header-submenu__contents button {
  font-size: 13px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #d9dfe9;
  position: relative;
  margin-right: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}
.sss-header-submenu__contents button img {
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.sss-header-submenu__contents button img:first-of-type {
  display: block;
}
.sss-header-submenu__contents button img:last-of-type {
  display: none;
}
.sss-header-submenu__contents.-no-margin button {
  margin-right: 0;
}
.sss-header-submenu__contents:hover button {
  color: #ffc700;
}
.sss-header-submenu__contents:hover button img:first-of-type {
  display: none;
}
.sss-header-submenu__contents:hover button img:last-of-type {
  display: block;
}

.sss-header-submenu__icon::after {
  content: "";
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #fff transparent;
  top: 44px;
  left: 3px;
  transform: translate(0, 0);
}

.sss-header-submenu__contents.-active button {
  color: #ffc700;
}
.sss-header-submenu__contents.-active button img:first-of-type {
  display: none;
}
.sss-header-submenu__contents.-active button img:last-of-type {
  display: block;
}
.sss-header-submenu__contents.-active .sss-header__dropdown {
  opacity: 1;
  visibility: visible;
}
.sss-header-submenu__contents.-active .sss-header-submenu__icon::after {
  opacity: 1;
  visibility: visible;
}

.sss-dropdown-service {
  margin-top: 0px;
}

.sss-dropdown-service__item {
  margin-top: 22px;
}

.sss-dropdown-service__item__inner {
  display: block;
}

.sss-dropdown-service__list {
  color: #0b5de9;
  line-height: 1.65;
  padding-left: 22px;
  position: relative;
  display: block;
  margin-top: 8px;
  text-decoration: none;
  font-size: 14px;
}
.sss-dropdown-service__list:before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e6ebf4;
}
.sss-browser-is-ie .sss-dropdown-service__list:before {
  top: 0.5em;
}
.sss-dropdown-service__list:hover {
  color: #279af4;
}
.sss-dropdown-service__list:hover .sss-window {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-dropdown-service__list .sss-window {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  display: inline-block;
  padding-bottom: 0px;
}

/* 文字のウェイトを細くしたいときに使用 */
.sss-dropdown-service__list.-weight-normal {
  font-weight: normal;
}

.sss-arrow-header {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #6685ba;
  border-radius: 50%;
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.sss-arrow-header::before {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: calc(50% - 3px);
  border-color: #092962;
  left: 5px;
}
.sss-arrow-header:after {
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #fff transparent;
  top: calc(100% + 6px);
  left: 3px;
  transform: translate(0, 0);
}

.sss-arrow-header.-service:after {
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #fff transparent;
  top: calc(100% + 5px);
  left: 3px;
  transform: translate(0, 0);
}

.sss-region {
  overflow: hidden;
}

.sss-region__item {
  padding-left: 20px;
  margin-top: 6px;
}
.sss-region__item .sss-region__title {
  font-size: 11px;
}
.sss-region__item .sss-region__content {
  font-size: 14px;
  color: #0b5de9;
  display: block;
  position: relative;
  padding-left: 16px;
  margin-top: 10px;
  line-height: 1.4;
}
.sss-region__item .sss-region__content::before {
  content: "";
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  box-sizing: border-box;
}

.sss-footer {
  background-color: #092962;
  margin-top: auto;
  font-family: -apple-system, sans-serif;
  z-index: 900;
}

.sss-footer__inner {
  color: #d9dfe9;
  box-sizing: content-box;
  z-index: 900;
  height: 21px;
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 6px;
}

.sss-footer__copy {
  font-size: 11px;
  margin: 0;
  margin-right: 20px;
}

.sss-footer__privacy {
  font-size: 12px;
  display: flex;
  color: #d9dfe9;
  padding-right: 20px;
}
.sss-footer__privacy::before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 1px;
  background-color: #475f8a;
  margin-right: 20px;
}
.sss-footer__privacy:hover {
  color: #279af4;
}
.sss-footer__privacy:hover .sss-window-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-footer__privacy > span {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.sss-footer__termofuse {
  font-size: 12px;
  display: flex;
  color: #d9dfe9;
  padding-right: 20px;
}
.sss-footer__termofuse::before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 1px;
  background-color: #475f8a;
  margin-right: 20px;
}
.sss-footer__termofuse:hover {
  color: #279af4;
}
.sss-footer__termofuse:hover .sss-window-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-footer__termofuse > span {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.sss-footer__terms {
  font-size: 12px;
  display: flex;
  color: #d9dfe9;
  padding-right: 20px;
}
.sss-footer__terms::before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 1px;
  background-color: #475f8a;
  margin-right: 20px;
}
.sss-footer__terms:hover {
  color: #279af4;
}
.sss-footer__terms:hover .sss-window-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-footer__terms > span {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.sss-flex {
  display: flex;
}

.sss-flex.-both_ends {
  justify-content: space-between;
}

.sss-flex.-align_center {
  align-items: center;
}

.sss-flex.-baseline {
  align-items: baseline;
}

.sss-flex.-flex-end {
  align-items: flex-end;
}

/* 縦並び */
.sss-flex.-column {
  flex-direction: column;
}

/* 上下中央 */
.sss-flex.-center {
  justify-content: center;
  height: 100%;
  align-items: center;
}

/* 2カラム */
@media print, screen and (max-width: 63.9375em ) {
  .sss-flex.-colmun_2 {
    display: block;
  }
}
@media print, screen and (min-width: 64em ) {
  .sss-flex.-colmun_2 {
    margin-right: -12px;
  }
}
@media print, screen and (min-width: 64em ) {
  .sss-flex.-colmun_2 .sss-flex__inner {
    width: calc(50% - 12px);
    margin-right: 12px;
  }
}

/* 3カラム */
.sss-flex.-colmun_3 {
  margin-right: -40px;
  flex-wrap: wrap;
}
.sss-flex.-colmun_3 .sss-flex__inner {
  width: calc(33.3% - 40px);
  margin-right: 40px;
  border-right: 1px solid #f3f5fa;
  box-sizing: border-box;
  margin-top: 26px;
}
.sss-flex.-colmun_3 .sss-flex__inner:last-of-type {
  border-right: none;
}
.sss-flex.-colmun_3 .sss-flex__inner.-sss-bookmark-menu {
  margin-top: 0px;
}

.sss-flex.-position-l {
  position: relative;
}

.sss-flex.-nowrap {
  white-space: nowrap;
}

.sss-flex.-align_right {
  margin-left: auto;
}

/* リスト
----------------------------------------------------------------- */
.sss-list {
  line-height: 1.75;
  font-size: 16px;
  margin-top: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sss-list:first-child {
  margin-top: 0;
}
.sss-list li {
  position: relative;
  line-height: 1.5;
}
.sss-list li + li {
  margin-top: 6px;
}
.sss-list.-col-mt_12 li + li {
  margin-top: 12px;
}
.sss-list > li:first-child {
  margin-top: 0;
}
.sss-sentence + .sss-list {
  margin-top: 13px;
}

.sss-list.-mt_0 {
  margin-top: 0px;
}

.sss-list.-mt_13 {
  margin-top: 13px;
}

/* 小さいサイズ */
.sss-list.-size_s li {
  font-size: 14px;
}

/**
 * 装飾付き（円）
 */
.sss-list.-disc > li {
  line-height: 1.65;
  padding-left: 22px;
}
.sss-list.-disc > li:before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 1px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #e6ebf4;
}
.sss-browser-is-ie .sss-list.-disc > li:before {
  top: 0.5em;
}

/**
 * 装飾付き（注釈つき）
 * <li><span>※</span>テキスト</li>
 */
.sss-list.-note li {
  padding-left: calc(1em + 0.2rem);
  font-size: 12px;
}
@media print, screen and (min-width: 64em ) {
  .sss-list.-note li {
    font-size: 14px;
  }
}
.sss-list.-note li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  margin-right: 0.2rem;
  border-radius: 0;
  width: auto;
  height: auto;
  background-color: transparent;
}
@media print, screen and (min-width: 48em ) {
  .sss-browser-is-ie .sss-list.-note li:before {
    margin-top: 0.1em;
  }
}

/* ボタン
----------------------------------------------------------------- */
.sss-button {
  text-decoration: none;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #0b5de9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding-top: 11px;
  padding-right: 12px;
  padding-bottom: 11px;
  padding-left: 12px;
  transition: all 0.2s ease;
}
.sss-button > span {
  position: relative;
  color: #fff;
}
.sss-button:hover {
  background-color: #197cee;
}

.sss-button.-small {
  padding-top: 5px;
  padding-right: 9px;
  padding-bottom: 5px;
  padding-left: 9px;
  border-radius: 3px;
  font-size: 14px;
}

/* 最大幅指定 */
.sss-button.-max_200 {
  max-width: 200px;
}
.sss-button.-max_300 {
  max-width: 300px;
}

/* 固定幅 */
.sss-button.-w_120 {
  width: 120px;
}
.sss-button.-w_150 {
  width: 150px;
}
.sss-button.-w_200 {
  width: 200px;
}
.sss-button.-w_240 {
  width: 240px;
}
.sss-button.-w_300 {
  width: 300px;
}
.sss-button.-w_400 {
  width: 400px;
}

/* 中央寄せ */
.sss-button.-center {
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 48em ) {
  .sss-button.-center_S {
    margin-right: auto;
    margin-left: auto;
  }
}

button.sss-button {
  border: none;
  text-align: left;
  cursor: pointer;
}

input[type=submit].sss-button {
  color: #fff;
  border: none;
  cursor: pointer;
}

.sss-button.-arrow_bottom > span:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: calc(50% - 5px);
  left: calc(50% - 4px);
  border-color: #fff;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  backface-visibility: hidden;
  content: "";
}
.sss-button.-arrow_bottom > span:before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: calc(50% - 5px);
  left: calc(50% - 4px);
  border-color: #fff;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  backface-visibility: hidden;
  content: "";
}

/* マージン調節 */
.sss-button.-m_14 {
  margin-top: 14px;
}

.sss-button.-m_24 {
  margin-top: 24px;
}

.sss-button.-m_right_20 {
  margin-right: 20px;
}

/* キャンセルボタン */
.sss-button.-cancel {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #0b5de9;
  width: 120px;
  margin-right: 20px;
}
.sss-button.-cancel span {
  color: #0b5de9;
}
.sss-button.-cancel:hover {
  background-color: #f2f7ff;
  border-color: #197cee;
}
.sss-button.-cancel:hover span {
  color: #197cee;
}

/* 削除ボタン */
.sss-button.-delete {
  background-color: #e70d0d;
  width: 240px;
}
.sss-button.-delete:hover {
  background-color: #ff2323;
}

/* 承認ボタン */
.sss-button.-approval {
  background-color: #489000;
}
.sss-button.-approval:hover {
  background-color: #68a800;
}

/* 非アクティブボタン */
.sss-button.-disabled {
  box-shadow: none;
  background-color: #cccccc;
  pointer-events: none;
  border: none;
}
.sss-button.-disabled.-cancel {
  background-color: #fff;
  border: 1px solid #cccccc;
}
.sss-button.-disabled.-cancel > span {
  color: #cccccc;
}

/* ヘッダーユーザーIDで使用 */
.sss-button.-header-user {
  width: 240px;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sss-button.-header-user span {
  font-size: 14px;
}

/* リンクが内包されたボタンのホバー表示 */
.sss-button.sss-link2.-white:hover {
  color: #d9dfe9;
}
.sss-button.sss-link2.-white:hover .sss-window-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}

.sss-heading {
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  margin: 0px;
  padding: 0px;
}
.sss-heading.-level1 {
  color: #0e367d;
  font-size: 24px;
}
.sss-heading.-level2 {
  color: #0e367d;
  font-size: 18px;
}
.sss-heading.-level3 {
  color: #092962;
  font-size: 16px;
  top: 2px;
}
.sss-heading.-level3::after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #ccd7e8;
  display: inline-block;
  margin-left: 14px;
  margin-right: 14px;
  position: relative;
  top: 2px;
}
.sss-heading.-level3.-black {
  color: #4d4f5c;
}
.sss-heading.-level3.-black::after {
  display: none;
}
.sss-heading.-level3.-region {
  color: #4d4f5c;
  display: flex;
  white-space: nowrap;
}
.sss-heading.-level4 {
  font-size: 14px;
  color: #4d4f5c;
  font-weight: bold;
}

/* ヘッダーサービスメニュー内で使用 */
.sss-heading.-header_l {
  color: #4d4f5c;
  font-size: 18px;
}
.sss-heading.-header_l.-has-bg {
  background-color: #caced5;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: 4px;
}
.sss-heading.-header_l.-sss-bookmark-header {
  background-color: #fead00;
}

.sss-heading.-header_m {
  color: #4d4f5c;
  font-size: 14px;
}

.sss-link {
  position: relative;
  text-decoration: underline;
  display: inline-block;
  transition: color 0.1s 0s ease;
  color: #0b5de9;
}
.sss-link:hover {
  color: #279af4;
}

.sss-link.-news {
  top: -1px;
}

.sss-link.-white {
  color: #d9dfe9;
}
.sss-link.-white:hover {
  color: #279af4;
}

.sss-link.-no-arrow::after {
  display: none;
}

.sss-link.-no-underline {
  text-decoration: none;
}

.sss-link.-nowrap {
  white-space: nowrap;
}

.sss-link.-size_s {
  font-size: 14px;
}
.sss-link.-size_s::after {
  top: 3px;
}

.sss-link.-m_12 {
  margin-top: 12px;
}

.sss-link.-pl_20 {
  padding-left: 20px;
}

.sss-link.-in_alart {
  color: #d9dfe9;
  font-size: 14px;
  text-decoration: underline;
}
.sss-link.-in_alart:hover {
  color: #279af4;
}

.sss-link2 {
  display: inline-block;
  align-items: baseline;
  text-decoration: underline;
  color: #0b5de9;
  transition: all 0.1s 0s ease;
}
.sss-link2:hover {
  color: #279af4;
}
.sss-link2.-anchor {
  text-decoration: none;
}
.sss-link2.-ml_30 {
  margin-left: 30px;
}
.sss-link2 > span {
  position: relative;
  top: 2px;
  margin-right: 8px;
  display: inline-block;
}
.sss-link2 > span.sss-download {
  margin-right: 6px;
}
.sss-link2 > .sss-anchor {
  margin-right: 5px;
}
.sss-link2:hover .sss-dustbox {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.429%22%20height%3D%2216%22%20viewBox%3D%220%200%2011.429%2016%22%3E%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.816%2C17.222A1.715%2C1.715%2C0%2C0%2C0%2C7.449%2C19H13.98a1.715%2C1.715%2C0%2C0%2C0%2C1.633-1.778V6.556h-9.8ZM16.429%2C3.889H13.571L12.755%2C3H8.673l-.816.889H5V5.667H16.429Z%22%20fill%3D%22%23279af4%22%20transform%3D%22translate%28-5%20-3%29%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-link2:hover .sss-setting {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.3%2C5.2l1.1-2.1L13%2C1.7%2C10.9%2C2.8a3.582%2C3.582%2C0%2C0%2C0-1.1-.4L9%2C0H7L6.2%2C2.3a4.179%2C4.179%2C0%2C0%2C0-1%2C.4L3.1%2C1.6%2C1.6%2C3.1%2C2.7%2C5.2a4.179%2C4.179%2C0%2C0%2C0-.4%2C1L0%2C7V9l2.3.8c.1.4.3.7.4%2C1.1L1.6%2C13%2C3%2C14.4l2.1-1.1a3.582%2C3.582%2C0%2C0%2C0%2C1.1.4L7%2C16H9l.8-2.3c.4-.1.7-.3%2C1.1-.4L13%2C14.4%2C14.4%2C13l-1.1-2.1a3.582%2C3.582%2C0%2C0%2C0%2C.4-1.1L16%2C9V7l-2.3-.8A4.179%2C4.179%2C0%2C0%2C0%2C13.3%2C5.2ZM8%2C11A2.946%2C2.946%2C0%2C0%2C1%2C5%2C8%2C2.946%2C2.946%2C0%2C0%2C1%2C8%2C5a2.946%2C2.946%2C0%2C0%2C1%2C3%2C3A2.946%2C2.946%2C0%2C0%2C1%2C8%2C11Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-link2:hover .sss-anchor {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%3E%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-564%20-166%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28563%20165%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.6%2C10.933l-4-4.052L4.867%2C5.6%2C7.6%2C8.371%2C10.333%2C5.6%2C11.6%2C6.881Z%22%20transform%3D%22translate%28-2.6%20-4.6%29%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%228%22%20height%3D%222%22%20transform%3D%22translate%28564%20171%29%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-link2:hover .sss-window {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-link2:hover .sss-window-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}
.sss-link2:hover .sss-download {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010.002%2011.997%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-14500-779h-8v-4h2v2h6v-2h2v4Zm-8-7.712h2.857V-791h4.286v4.285h2.858l-5%2C5Z%22%20transform%3D%22translate%2814508%20790.999%29%22%20fill%3D%22%23279af4%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
}

.sss-link2.-white {
  color: #d9dfe9;
}

.sss-link2.-underline {
  text-decoration: underline;
}

/* ボタンアイコン付き */
.sss-dustbox {
  width: 12px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.429%22%20height%3D%2216%22%20viewBox%3D%220%200%2011.429%2016%22%3E%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.816%2C17.222A1.715%2C1.715%2C0%2C0%2C0%2C7.449%2C19H13.98a1.715%2C1.715%2C0%2C0%2C0%2C1.633-1.778V6.556h-9.8ZM16.429%2C3.889H13.571L12.755%2C3H8.673l-.816.889H5V5.667H16.429Z%22%20fill%3D%22%230b5de9%22%20transform%3D%22translate%28-5%20-3%29%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.sss-setting {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.3%2C5.2l1.1-2.1L13%2C1.7%2C10.9%2C2.8a3.582%2C3.582%2C0%2C0%2C0-1.1-.4L9%2C0H7L6.2%2C2.3a4.179%2C4.179%2C0%2C0%2C0-1%2C.4L3.1%2C1.6%2C1.6%2C3.1%2C2.7%2C5.2a4.179%2C4.179%2C0%2C0%2C0-.4%2C1L0%2C7V9l2.3.8c.1.4.3.7.4%2C1.1L1.6%2C13%2C3%2C14.4l2.1-1.1a3.582%2C3.582%2C0%2C0%2C0%2C1.1.4L7%2C16H9l.8-2.3c.4-.1.7-.3%2C1.1-.4L13%2C14.4%2C14.4%2C13l-1.1-2.1a3.582%2C3.582%2C0%2C0%2C0%2C.4-1.1L16%2C9V7l-2.3-.8A4.179%2C4.179%2C0%2C0%2C0%2C13.3%2C5.2ZM8%2C11A2.946%2C2.946%2C0%2C0%2C1%2C5%2C8%2C2.946%2C2.946%2C0%2C0%2C1%2C8%2C5a2.946%2C2.946%2C0%2C0%2C1%2C3%2C3A2.946%2C2.946%2C0%2C0%2C1%2C8%2C11Z%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.sss-anchor {
  width: 8px;
  height: 7px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%3E%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-564%20-166%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28563%20165%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.6%2C10.933l-4-4.052L4.867%2C5.6%2C7.6%2C8.371%2C10.333%2C5.6%2C11.6%2C6.881Z%22%20transform%3D%22translate%28-2.6%20-4.6%29%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%228%22%20height%3D%222%22%20transform%3D%22translate%28564%20171%29%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 5px;
}

.sss-window {
  width: 12px;
  height: 12px;
  padding-bottom: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.sss-window-white {
  width: 12px;
  height: 12px;
  padding-bottom: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20height%3D%2212%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%225.2%206.06%205.91%206.77%208%204.67%208%206%209%206%209%204%209%203%208%203%206%203%206%204%207.26%204%205.2%206.06%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11%2C0H2V10H12V0Zm0%2C9H3V1h8Z%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%221%202%200%202%200%2011%200%2012%201%2012%2010%2012%2010%2011%201%2011%201%202%22%20fill%3D%22%23fff%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.sss-download {
  width: 10px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010.002%2011.997%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M-14500-779h-8v-4h2v2h6v-2h2v4Zm-8-7.712h2.857V-791h4.286v4.285h2.858l-5%2C5Z%22%20transform%3D%22translate%2814508%20790.999%29%22%20fill%3D%22%230b5de9%22%2F%3E%20%20%20%20%20%20%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}

.sss-childcontract {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%20data-name%3D%22グループ%20649%22%20fill%3D%22%236685ba%22%3E%3Cpath%20data-name%3D%22長方形%201522%22%20d%3D%22M8%201h4v2H8z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201523%22%20d%3D%22M8%2013h4v2H8z%22%2F%3E%3Cg%20data-name%3D%22グループ%20693%22%3E%3Cg%20data-name%3D%22グループ%20378%22%3E%3Cpath%20data-name%3D%22長方形%201517%22%20d%3D%22M0%206h4v1H0z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201518%22%20d%3D%22M0%206h1v4H0z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201519%22%20d%3D%22M3%206h1v4H3z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201520%22%20d%3D%22M0%209h4v1H0z%22%2F%3E%3C%2Fg%3E%3Cg%20data-name%3D%22グループ%20379%22%3E%3Cpath%20data-name%3D%22長方形%201517%22%20d%3D%22M12%206h4v1h-4z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201518%22%20d%3D%22M12%206h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201519%22%20d%3D%22M15%206h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201520%22%20d%3D%22M12%209h4v1h-4z%22%2F%3E%3C%2Fg%3E%3Cg%20data-name%3D%22グループ%20380%22%3E%3Cpath%20data-name%3D%22長方形%201517%22%20d%3D%22M12%200h4v1h-4z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201518%22%20d%3D%22M12%200h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201519%22%20d%3D%22M15%200h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201520%22%20d%3D%22M12%203h4v1h-4z%22%2F%3E%3C%2Fg%3E%3Cg%20data-name%3D%22グループ%20381%22%3E%3Cpath%20data-name%3D%22長方形%201517%22%20d%3D%22M12%2012h4v1h-4z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201518%22%20d%3D%22M12%2012h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201519%22%20d%3D%22M15%2012h1v4h-1z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201520%22%20d%3D%22M12%2015h4v1h-4z%22%2F%3E%3C%2Fg%3E%3Cpath%20data-name%3D%22長方形%201521%22%20d%3D%22M4%207h8v2H4z%22%2F%3E%3Cpath%20data-name%3D%22長方形%201524%22%20d%3D%22M7%201h2v14H7z%22%20fill%3D%22%23d9dfe9%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 2px;
}

.sss-link-prev {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  padding-left: 10px;
  color: #0b5de9;
}
.sss-link-prev::after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg);
  top: calc(50% - 3px);
  left: calc(50% - 2px);
  border-color: #0b5de9;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  backface-visibility: hidden;
  content: "";
  left: 0;
}
.sss-link-prev:hover {
  color: #279af4;
}
.sss-link-prev:hover::after {
  border-color: #279af4;
}

.sss-link-fol {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  padding-left: 10px;
  color: #0b5de9;
}
.sss-link-fol::after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  border-color: #0b5de9;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  backface-visibility: hidden;
  content: "";
  left: calc(100% + 4px);
}
.sss-link-fol:hover {
  color: #279af4;
}
.sss-link-fol:hover::after {
  border-color: #279af4;
}

.sss-link-bottom {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  padding-left: 10px;
}
.sss-link-bottom::after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: calc(50% - 4px);
  left: calc(50% - 3px);
  border-color: #0b5de9;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  backface-visibility: hidden;
  content: "";
  left: 0;
}
.sss-link-bottom:hover::after {
  border-color: #279af4;
}

.sss-link2.-button-reset {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #0b5de9;
}
.sss-link2.-button-reset:hover {
  color: #279af4;
}

.sss-link-fade-right__content {
  display: flex;
  justify-content: flex-end;
}
.sss-link-fade-right__content .sss-link {
  margin-right: 30px;
  line-height: 1.4;
}
.sss-link-fade-right__content .sss-link:last-child {
  margin-right: 0;
}

.sss-link.-workspace-name {
  text-decoration: none;
  color: #092962;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  word-break: break-all;
}
.sss-link.-workspace-name:hover {
  color: #279af4;
}

.sss-link.-no-underline-green {
  text-decoration: none;
  color: #53A600;
}

.sss-caption {
  color: #4d4f5c;
  position: relative;
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: #6685BA;
  border-radius: 4px;
  padding-top: 26px;
  padding-bottom: 20px;
  padding-left: 69px;
  padding-right: 30px;
  background-color: #fff;
}
.sss-caption.-success {
  border-color: #489000;
}
.sss-caption.-warning {
  border-color: #FFC700;
}
.sss-caption.-error {
  border-color: #e70d0d;
}
.sss-caption.-has_close {
  padding-right: 78px;
}

.sss-caption-infoicon {
  position: absolute;
  display: block;
  left: 28px;
  top: 27px;
}

.sss-caption-close {
  position: absolute;
  right: 22px;
  top: 22px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/icon_caption_cross.svg);
  transition: all 0.3s ease;
}
.sss-caption-close:hover {
  transform: rotate(180deg);
}

.sss-caption-button {
  margin-top: 10px;
}

.sss-caption-button {
  margin-top: 10px;
}

.sss-alart {
  position: absolute;
  width: 120px;
  height: 30px;
  background-color: rgba(9, 41, 98, 0.85);
  border-radius: 4px;
  z-index: 980;
  top: calc(100% + 8px);
  left: 0;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  /* 横幅指定 */
  /* コピー時の位置 */
}
.sss-alart::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent rgba(9, 41, 98, 0.85) transparent;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.sss-alart.-is-active {
  opacity: 1;
  visibility: visible;
}
.sss-alart.-w_300 {
  width: 300px;
}
.sss-alart.-w_350 {
  width: 350px;
}
.sss-alart.-copy {
  left: 50%;
  transform: translateX(-50%);
  display: table;
}

.sss-alart.-textarea {
  text-align: left;
  line-height: 22px;
  height: auto;
  box-sizing: border-box;
  padding-top: 11px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 11px;
  top: calc(100% - 9px);
  left: 15px;
  background-color: rgba(9, 41, 98, 0.85);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.sss-alart.-textarea::after {
  left: 14px;
  opacity: 0.85;
}
.sss-alart.-textarea.-is-active {
  visibility: visible;
  opacity: 1;
}
.sss-alart.-textarea.-l_70 {
  left: 70px;
}
.sss-alart.-textarea.-t_9 {
  top: calc(100% + 9px);
}

.sss-alart.-inputarea {
  text-align: left;
  line-height: 22px;
  height: auto;
  box-sizing: border-box;
  padding-top: 11px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 11px;
  top: calc(100% - 9px);
  left: 15px;
  background-color: rgba(9, 41, 98, 0.85);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.sss-alart.-inputarea::after {
  left: 14px;
  opacity: 0.85;
}
.sss-alart.-inputarea.-is-active {
  visibility: visible;
  opacity: 1;
}

/* ヘッダー「サポート内」のハテナアイコン、補足説明 */
.sss-alart.-infomation {
  display: block;
  text-align: left;
  line-height: 22px;
  height: auto;
  box-sizing: border-box;
  white-space: normal;
  color: #fff;
  padding-top: 11px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 11px;
  top: 30px;
  left: auto;
  right: -12px;
  background-color: rgba(9, 41, 98, 0.85);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 900;
}
.sss-alart.-infomation .sss-link {
  position: relative;
  margin-top: 8px;
  pointer-events: auto;
}
.sss-alart.-infomation::after {
  right: 14px;
  opacity: 0.85;
  transform: none;
  left: auto;
}
.sss-alart.-infomation:hover {
  visibility: visible;
  opacity: 1;
}
.sss-alart.-infomation.-potision_left {
  left: -10px;
}
.sss-alart.-infomation.-potision_left::after {
  left: 14px;
}
.sss-alart.-infomation.-potision_rightside {
  top: -12px;
  left: 25px;
}
.sss-alart.-infomation.-potision_rightside::after {
  top: 17px;
  left: -5px;
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(9, 41, 98, 0.85) transparent transparent;
}
.sss-alart.-infomation.-potision_bottomrightside {
  top: 55px;
  left: -12px;
}
.sss-alart.-infomation.-potision_bottomrightside::after {
  top: -4px;
  left: 15px;
  opacity: 0.85;
  transform: none;
}

.sss-alert__iconbox {
  position: relative;
  margin-right: auto;
}
.sss-alert__iconbox:hover .sss-alart {
  opacity: 1;
  visibility: visible;
}
.sss-alert__iconbox img {
  cursor: pointer;
}
.sss-alert__iconbox.-inline {
  display: inline-block;
}

/* ==========================================================================
Foundation
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Component
========================================================================== */
/* ==========================================================================
Object
========================================================================== */