@charset "UTF-8";
/*------　color　------*/
/*------　margin　------*/
/*------　padding　------*/
/*------　font　------*/
/*------　border　------*/
/*------　font-family　------*/
.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

/*------　fontsize　------*/
/*------　breakpoints　------*/
/*------　icon　------*/
/*------　table　------*/
/*------------　flex ------------*/
/*------　button　------*/
/*------　dialog　------*/
/*------　form　------*/
/* ------ scroll bar ------*/
/* ------ agreement-contentview ------*/
/* ------ account&profile ------*/
/* ------ c-info__text-area分岐わけ ------*/
/*------　chart　------*/
/* ------ fadeIn ------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html {
  line-height: 1.7;
}
html.is-win {
  font-size: 80%;
}
@media print {
  html {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}

body {
  width: 100%;
  min-width: 980px;
  min-height: 100vh;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif, "Helvetica Neue", Arial;
  font-size: 0.875rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.05rem;
  word-break: break-all;
  color: #333333;
  background: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 0.875rem;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a {
  color: #333333;
}

a:hover {
  opacity: 0.8;
}

/*------　icon　------*/
.c-icon--account {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--account::before {
  font-family: "Material Symbols Outlined";
  content: "\f02e";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--password {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--password::before {
  font-family: "Material Symbols Outlined";
  content: "\e0da";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--logout {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--logout::before {
  font-family: "Material Symbols Outlined";
  content: "\e9ba";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--login {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--login::before {
  font-family: "Material Symbols Outlined";
  content: "\ea77";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--download {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--download::before {
  font-family: "Material Symbols Outlined";
  content: "\f090";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--check {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--check::before {
  font-family: "Material Symbols Outlined";
  content: "\e5ca";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--add {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--add::before {
  font-family: "Material Symbols Outlined";
  content: "\e145";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--arrow {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--arrow::after {
  font-family: "Material Symbols Outlined";
  content: "\e5c5";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  margin-left: 0.25rem;
}
.c-icon--arrow-menu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--arrow-menu::before {
  font-family: "Material Symbols Outlined";
  content: "\e037";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 0.75rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--arrow-menu::before {
  color: #cccccc;
}
.c-icon--copy {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--copy::before {
  font-family: "Material Symbols Outlined";
  content: "\e14d";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--notification {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--notification::before {
  font-family: "Material Symbols Outlined";
  content: "\e98e";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--company {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--company::before {
  font-family: "Material Symbols Outlined";
  content: "\ea40";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--bank {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--bank::before {
  font-family: "Material Symbols Outlined";
  content: "\e84f";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--media {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--media::before {
  font-family: "Material Symbols Outlined";
  content: "\f74b";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--apps-apply {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--apps-apply::before {
  font-family: "Material Symbols Outlined";
  content: "\ef40";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--analysis {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--analysis::before {
  font-family: "Material Symbols Outlined";
  content: "\f190";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--advertising {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--advertising::before {
  font-family: "Material Symbols Outlined";
  content: "\e104";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--bill {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--bill::before {
  font-family: "Material Symbols Outlined";
  content: "\e873";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--support {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--support::before {
  font-family: "Material Symbols Outlined";
  content: "\f0e2";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--notification {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--notification::before {
  font-family: "Material Symbols Outlined";
  content: "\e98e";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--api {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--api::before {
  font-family: "Material Symbols Outlined";
  content: "\f74b";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--apps {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--apps::before {
  font-family: "Material Symbols Outlined";
  content: "\e7c8";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--payment {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--payment::before {
  font-family: "Material Symbols Outlined";
  content: "\ef63";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--price {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--price::before {
  font-family: "Material Symbols Outlined";
  content: "\eafb";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--home {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--home::before {
  font-family: "Material Symbols Outlined";
  content: "\e88a";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--invoice {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--invoice::before {
  font-family: "Material Symbols Outlined";
  content: "\e86c";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-icon--star {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-icon--star::before {
  font-family: "Material Symbols Outlined";
  content: "\e838";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 0.25rem;
}

/*------　select　------*/
.c-select {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: auto;
}
.c-select select {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  line-height: 28px;
  display: block;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-select::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-top: 5px solid #888888;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.c-select[data-select2-id]::after {
  display: none;
}

.c-button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 12px 2rem;
  background: #333333;
}
.c-button:hover {
  opacity: 0.8;
}
.c-button:disabled, .c-button.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-button a {
  display: block;
  color: #ffffff;
}
.c-button a:hover {
  opacity: 0.8;
}
.c-button--back {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 12px 2rem;
  color: #333333;
  background: #ffffff;
  outline: 1px solid #333333;
  outline-offset: -1px;
}
.c-button--back:hover {
  opacity: 0.8;
}
.c-button--search, .c-button--send, .c-button--submit {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem;
}

.c-button-single,
.c-button-double {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: left;
  margin: 1.5rem auto 0;
}
.c-button-single li,
.c-button-double li {
  margin: 0 0 0 1rem;
}
.c-button-single li:first-child,
.c-button-double li:first-child {
  margin-left: 0;
}

.c-complete-action {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 0 auto 1.5rem;
  padding: 0.5rem 1rem;
  background: #E2F8FF;
}
.c-complete-action span {
  cursor: pointer;
  color: #333333;
}

.c-info__text-area {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  box-sizing: border-box;
  color: #00A3D6;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border-radius: 4px;
  border: 2px solid #00A3D6;
  margin: 0 auto 1.5rem;
}
.c-info__text-area .material-symbols-outlined {
  margin-right: 0.25rem;
}
.c-info__text-area a {
  color: #00A3D6;
  text-decoration: underline;
}
.c-info__text-area--center {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}

.c-info__text-area-simple {
  padding: 0.5rem 1rem;
  background: #E2F8FF;
  margin: 0 auto 1.5rem;
}

.c-info__text-area-button {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 100, "opsz" 24;
  box-sizing: border-box;
  color: #00A3D6;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border-radius: 4px;
  border: 2px solid #00A3D6;
  margin: 0 auto 1.5rem;
  justify-content: space-between;
}
.c-info__text-area-button .material-symbols-outlined {
  margin-right: 0.25rem;
}
.c-info__text-area-button--text {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-info__text-area-button--button .c-button {
  color: #ffffff;
  text-decoration: none;
}

.c-form {
  text-align: left;
}
.c-form label {
  cursor: default;
  margin-right: 1rem;
}
.c-form input[type=radio], .c-form input[type=checkbox] {
  margin-right: 0.25rem;
}
.c-form input[type=radio]:disabled, .c-form input[type=radio][readonly], .c-form input[type=checkbox]:disabled, .c-form input[type=checkbox][readonly] {
  background-color: #eee;
  pointer-events: none;
}
.c-form input[type=date], .c-form input[type=email], .c-form input[type=number], .c-form input[type=password], .c-form input[type=tel], .c-form input[type=text], .c-form input[type=time], .c-form input[type=url], .c-form textarea {
  box-sizing: border-box;
  padding: 0.1rem 0.5rem;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.c-form input[type=date]:disabled, .c-form input[type=date][readonly], .c-form input[type=email]:disabled, .c-form input[type=email][readonly], .c-form input[type=number]:disabled, .c-form input[type=number][readonly], .c-form input[type=password]:disabled, .c-form input[type=password][readonly], .c-form input[type=tel]:disabled, .c-form input[type=tel][readonly], .c-form input[type=text]:disabled, .c-form input[type=text][readonly], .c-form input[type=time]:disabled, .c-form input[type=time][readonly], .c-form input[type=url]:disabled, .c-form input[type=url][readonly], .c-form textarea:disabled, .c-form textarea[readonly] {
  background-color: #eee;
}
.c-form input[type=month] {
  box-sizing: border-box;
  padding: 0.1rem 0.5rem;
  border: 1px solid #cccccc;
}
.c-form input[type=date], .c-form input[type=time] {
  margin-right: 0.25rem;
}
.c-form textarea, .c-form input[type=email], .c-form input[type=number], .c-form input[type=password], .c-form input[type=tel], .c-form input[type=text] {
  cursor: text;
}
.c-form--description {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
}
.c-form--error-message {
  display: block;
  color: #00A3D6;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.c-form--submit {
  margin-top: 2rem;
}
.c-form--choice {
  margin-right: 1rem;
}
.c-form--mark:after {
  content: "必須";
  background: #00A3D6;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0.25rem;
  margin-left: 0.25rem;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
}
.c-form--passlock {
  width: 100%;
  margin: 0.5rem auto 0;
}
.c-form--reset-button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
}
.c-form--reset-button:hover {
  opacity: 0.8;
}
.c-form--reset-button::after {
  font-family: "Material Symbols Outlined";
  content: "\e615";
  font-variation-settings: "FILL" 1;
}

::placeholder {
  color: #aaa;
}

::-ms-input-placeholder {
  color: #aaa;
}

:-ms-input-placeholder {
  color: #aaa;
}

::backdrop {
  background: rgba(0, 0, 0, 0.4);
}

/* ---- c-form-preset フォーム毎デフォルト値設定 ----*/
.c-form-preset--text input {
  width: 80%;
}
.c-form-preset--textarea textarea {
  width: 80%;
  min-height: 250px;
}
.c-form-preset--images ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-form-preset--images li {
  width: 32%;
  text-align: center;
  margin-right: 1%;
}
.c-form-preset--images li:last-child {
  margin-right: 0;
}
.c-form-preset--images input {
  font-size: 0.75rem;
  width: 100%;
}

/*------　definition　------*/
.c-definition {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 800px;
  border: 1px solid #cccccc;
}
.c-definition dt {
  width: 40%;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #F8F8F8;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.c-definition dt:first-of-type {
  border-top: 0;
}
.c-definition dd {
  width: 60%;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border-top: 1px solid #cccccc;
}
.c-definition dd:first-of-type {
  border-top: 0;
}
.c-definition dd .c-form--error-message {
  display: block;
  width: 100%;
}

.pagination {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}
.pagination li {
  margin: 0 0.5rem;
}
.pagination .active {
  width: 32px;
  height: 32px;
  line-height: 2rem;
  text-align: center;
  background: #333333;
  border-radius: 50%;
}
.pagination .active a {
  color: #ffffff;
}

/*------　tooltip　------*/
.c-tooltip {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 19px;
  font-size: 0.75rem;
  padding-left: 1px;
  border-radius: 50%;
  background: #333333;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 0 0 0 1%;
}
.c-tooltip:hover::before, .c-tooltip:hover::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.c-tooltip:hover::before {
  bottom: 160%;
  width: 200px;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: left;
  padding: 0.5rem 0.625rem;
  background: #333333;
  line-height: 1.2;
  border-radius: 5px;
  content: attr(data-tooltip);
  color: #ffffff;
  white-space: pre-line;
}
.c-tooltip:hover::after {
  bottom: 90%;
  border: 7px solid transparent;
  border-top-color: #333333;
  content: "";
}
.c-tooltip--bottom:hover::before {
  top: 160%;
  bottom: auto;
}
.c-tooltip--bottom:hover::after {
  top: 85%;
  bottom: auto;
  border-top-color: transparent;
  border-bottom-color: #333333;
}
.c-tooltip--last:hover::before {
  left: -50px;
}
.c-tooltip--wide:hover::before {
  width: 220px;
}
.c-tooltip--white {
  background: #ffffff;
  color: #333333;
}

/*------　utility　------*/
.c-text--underline {
  text-decoration: underline;
}
.c-text--bold {
  font-weight: bold;
}
.c-text--caption {
  font-size: 0.75rem;
  color: #555555;
}
.c-text--xs {
  font-size: 0.75rem;
}
.c-text--s {
  font-size: 0.875rem;
}
.c-text--m {
  font-size: 1rem;
}
.c-text--l {
  font-size: 1.25rem;
}
.c-text--color {
  color: #00A3D6;
}

.c-text-align--center {
  text-align: center;
}
.c-text-align--right {
  text-align: right;
}
.c-text-align--left {
  text-align: left;
}

.c-mt--xs {
  margin-top: 0.25rem;
}
.c-mt--s {
  margin-top: 0.5rem;
}
.c-mt--m {
  margin-top: 1rem;
}
.c-mt--l {
  margin-top: 1.5rem;
}
.c-mt--xl {
  margin-top: 2rem;
}
.c-mt--xxl {
  margin-top: 3rem;
}

.c-mc--s {
  margin: 0 0.5rem;
}

.c-mr--s {
  margin-right: 0.5rem;
}
.c-mr--m {
  margin-right: 1rem;
}

.c-ml--m {
  margin-left: 1rem;
}

.c-mb--s {
  margin-bottom: 0.5rem;
}
.c-mb--m {
  margin-bottom: 1rem;
}
.c-mb--l {
  margin-bottom: 1.5rem;
}
.c-mb--xl {
  margin-bottom: 2rem;
}

.c-max-width--800 {
  max-width: 800px;
}
.c-max-width--1000 {
  max-width: 1000px;
}
.c-max-width--1200 {
  max-width: 1200px;
}
.c-max-width--1400 {
  max-width: 1400px;
}

.c-table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-all;
  word-wrap: break-all;
  font-size: 0.875rem;
}
.c-table th {
  font-weight: bold;
  font-size: 0.75rem;
  color: #ffffff;
  padding: 0 0.5rem;
  background: #333333;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 1024px) {
  .c-table th {
    font-size: 0.75rem;
  }
}
.c-table td {
  line-height: 1.2;
  vertical-align: middle;
  border: 1px solid #cccccc;
  padding: 1rem 0.5rem;
}
@media screen and (max-width: 1024px) {
  .c-table td {
    font-size: 0.75rem;
  }
}
.c-table tbody tr {
  background: #ffffff;
}
.c-table tbody tr:nth-child(even) {
  background: #F8F8F8;
}
.c-table a {
  text-decoration: underline;
}
.c-table a:hover {
  text-decoration: none;
}
.c-table--id {
  width: 7%;
}
.c-table--cancel, .c-table--delete, .c-table--detail, .c-table--edit, .c-table--preview, .c-table--status {
  width: 6%;
}
.c-table--addition {
  font-weight: bold;
  font-size: 0.75rem;
  color: #00A3D6;
  margin-left: 0.25rem;
}
.c-table--re-invite {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  font-size: 0.75rem;
  margin-left: 0.25rem;
  padding: 0.5rem;
}
.c-table .c-button {
  font-size: 0.75rem;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  padding: 0.5rem;
  outline: 2px solid #333333;
  outline-offset: -2px;
}

/* テーマカラー */
:root {
  --main-color: #555555;
}

.uhs {
  --main-color: #1F2E55;
}

.partner {
  --main-color: #333333;
}

/*------　wrapper　------*/
.c-wrap__border {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 4px solid;
  border-image: var(--main-color);
  border-color: var(--main-color);
  border-image-slice: 1;
  z-index: 3;
}

/*------side------*/
.c-header {
  position: fixed;
  top: 4px;
  width: 15%;
  height: 100%;
  overflow-y: auto;
  flex-direction: column;
  background: #ffffff;
  z-index: 3;
  scrollbar-width: none;
}
@media screen and (max-width: 1280px) {
  .c-header {
    width: 180px;
  }
}
.c-header__logo {
  padding: 2rem;
}
@media screen and (max-width: 1280px) {
  .c-header__logo {
    padding: 1.5rem;
  }
}
.c-header__logo--uhs {
  margin: 1rem auto 0;
  padding: 0 1rem;
  border: 1px solid #1F2E55;
  min-width: 80px;
  max-width: 100px;
}
.c-header__logo--uhs img {
  vertical-align: middle;
}
.c-header__pull-down {
  padding: 0 2rem 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
  .c-header__pull-down {
    padding: 0.25rem 1rem;
  }
}
.c-header__pull-down > * > *, .c-header__pull-down > * {
  width: 100%;
}
.c-header__menu-list {
  padding-bottom: 1.5rem;
}
.c-header__menu-list li a {
  display: block;
  font-size: 0.875rem;
  padding: 0.25rem 2rem;
  white-space: nowrap;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1280px) {
  .c-header__menu-list li a {
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
  }
}
.c-header__menu-list li a .c-icon--attention {
  vertical-align: text-bottom;
  color: #00A3D6;
  font-size: 1rem;
}
.c-header__menu-list li:has(.disabled) {
  cursor: not-allowed;
}
.c-header__menu-list li:has(.disabled) .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.c-header__menu-list li a[data-this=true] {
  color: #ffffff;
  background-image: var(--main-color);
  background-color: var(--main-color);
}
.c-header__menu-list li a:hover {
  color: #ffffff;
  background-image: var(--main-color);
  background-color: var(--main-color);
  border-image-slice: 1;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .c-header__menu-list li li {
    font-size: 0.75rem;
  }
}
.c-header__menu-list div {
  font-weight: bold;
  font-size: 0.75rem;
  margin: 1rem 0 0.25rem 2rem;
}
@media screen and (max-width: 1280px) {
  .c-header__menu-list div {
    margin: 1rem 0 0.25rem 1rem;
  }
}
.c-header__menu-list--sub li:last-of-type {
  padding-bottom: 1rem;
}
.c-header__menu-list--sub li a {
  padding-left: 3rem;
}
@media screen and (max-width: 1280px) {
  .c-header__menu-list--sub li a {
    padding-left: 2rem;
  }
}
.c-header__menu-list--sub li div {
  font-weight: normal;
  font-size: 0.75rem;
  margin: 0;
  color: #888888;
  padding-left: 3rem;
}
@media screen and (max-width: 1280px) {
  .c-header__menu-list--sub li div {
    padding-left: 2rem;
  }
}
.c-header__menu-list--sub li div::before {
  display: none;
}

/*------　main　------*/
.c-main {
  position: absolute;
  left: 15%;
  right: 0;
  height: auto;
  padding-bottom: 5%;
  padding-top: 2.25rem;
}
@media screen and (max-width: 1280px) {
  .c-main {
    left: 180px;
    width: calc(100% - 180px);
  }
}
.c-main__member-menu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: fixed;
  width: 85%;
  color: #ffffff;
  align-items: center;
  line-height: 1;
  font-size: 0.875rem;
  padding: 0.5rem 2rem;
  margin-top: -2.25rem;
  background: #333333;
  z-index: 99999;
}
@media screen and (max-width: 1280px) {
  .c-main__member-menu {
    width: calc(100% - 180px);
  }
}
.c-main__member-menu--list {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-main__member-menu--list li {
  margin-left: 1rem;
  padding-right: 1rem;
  border-right: 1px solid #cccccc;
}
.c-main__member-menu--list li .material-symbols-outlined {
  font-size: 12px;
}
.c-main__member-menu--list li:first-child {
  position: relative;
}
.c-main__member-menu--list li:first-child .c-icon--attention {
  position: absolute;
  top: -2px;
  left: 8px;
  color: #00A3D6;
}
.c-main__member-menu--list li:last-child {
  padding-right: 0;
  border-right: none;
}
.c-main__member-menu--list li a {
  color: #ffffff;
}
.c-main__member-menu--tabs {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.c-main__title-page {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 2rem;
}
.c-main__title-page-text {
  font-size: 21px;
  font-weight: bold;
}
.c-main__title-page-text--min {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 0.5rem;
}
.c-main__title-page ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-main__title-page ul li {
  margin-left: 0.5rem;
}
.c-main__title-page .c-button {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  outline: 1px solid #333333;
}
.c-main__title-page .c-button--line {
  color: #333333;
  background: #ffffff;
}
.c-main__title-page .c-button:last-child {
  margin-left: 0.5rem;
}
.c-main__title-contents {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 0.5rem;
}
.c-main__pankuzu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 2rem;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.c-main__pankuzu li:not(:last-of-type)::after {
  content: "/";
  font-weight: normal;
  margin: 0 1rem;
}
.c-main__pankuzu li a {
  font-weight: normal;
  text-decoration: underline;
}
.c-main__pankuzu li a:hover {
  text-decoration: none;
  opacity: 1;
}
.c-main__page-wrap {
  padding: 2rem;
}
.c-main__page-wrap p {
  display: block;
}

/*------　タイトルの拡張デザイン　------*/
.c-title-extra {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.c-title-extra__inner {
  font-size: 0.875rem;
}
.c-title-extra__inner a {
  text-decoration: underline;
}

/*------　条件検索エリア　------*/
.c-search-wrap {
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 0.5rem;
  background: #ffffff;
  border-top: 2px solid #333333;
  border-bottom: 1px solid #333333;
}
.c-search-wrap .c-form dl {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  border: none;
}
.c-search-wrap .c-form dl:last-of-type {
  margin-bottom: 0;
}
.c-search-wrap .c-form dl dt {
  width: 12%;
  padding: 0;
  background: none;
}
.c-search-wrap .c-form dl dd {
  width: 90%;
  padding: 0;
}
.c-search-wrap input[type=text] {
  width: 60%;
}
.c-search-wrap input[type=date] {
  width: 150px;
}
.c-search-wrap label {
  cursor: pointer;
  margin: 0 0.5rem 0.5rem 0;
}
.c-search-wrap__label {
  background-color: #ffffff;
  font-size: 0.875rem;
  color: #333333;
  border: solid 1px #333333;
  border-radius: 4px;
  text-align: center;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  transition: all 0.2s ease;
}
.c-search-wrap__label input {
  display: none;
}
.c-search-wrap__label:has(input:checked) {
  background: #333333;
  color: #ffffff;
}
.c-search-wrap__label:hover {
  background: #333333;
  color: #ffffff;
}
.c-search-wrap__select {
  width: 30%;
  max-width: 300px;
}
.c-search-wrap__flex {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.c-search-wrap__button {
  font-weight: bold;
  text-align: center;
  margin: 2rem auto 0;
}
.c-search-wrap__button .material-symbols-outlined {
  vertical-align: middle;
}

/*------　キーワード検索のみ　------*/
.c-search-keyword {
  margin: 1.5rem auto;
}
.c-search-keyword-title {
  font-weight: bold;
}
.c-search-keyword input[type=text] {
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
  background: #ffffff;
  border: 1px solid #cccccc;
  cursor: text;
}

/*------　tabmenu　------*/
.c-tabmenu {
  margin-top: 1rem;
}
.c-tabmenu ul {
  display: table;
  width: 100%;
  text-align: center;
  margin-bottom: 1.5rem;
}
.c-tabmenu ul li {
  display: table-cell;
  min-width: 120px;
  font-size: 0.875rem;
}
.c-tabmenu ul li:hover {
  border-bottom: 2px solid #cccccc;
}
.c-tabmenu ul a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.c-tabmenu ul .selected {
  font-weight: bold;
  border-bottom: 2px solid #1F2E55;
}

/*------　popup　------*/
.c-popup {
  min-width: 500px;
}
.c-popup-page-wrap {
  padding: 2rem;
  position: relative;
  z-index: 2;
}

/*------　dialog　------*/
.c-dialog {
  max-width: 800px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.15);
  padding: 20px;
  opacity: 0;
  transition: opacity 0.5s, overlay 0.5s allow-discrete, display 0.3s allow-discrete;
}
.c-dialog__header {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.25rem;
  margin-bottom: 4px;
}
.c-dialog__header-close {
  cursor: pointer;
  margin-left: auto;
  margin-top: -12px;
  margin-right: -12px;
}
.c-dialog__header-title {
  font-weight: bold;
  width: calc(100% - 30px);
  text-align: center;
  margin-left: 15px;
}
.c-dialog input[type=password] {
  max-width: 600px;
}
.c-dialog .c-button-single, .c-dialog .c-button-double {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.c-dialog[open] {
  opacity: 1;
}
@starting-style {
  .c-dialog[open] {
    opacity: 0;
  }
}
.c-dialog__description--note {
  text-indent: -1em;
  padding-left: 1em;
}
.c-dialog__description--note:before {
  display: inline-block;
  font-family: "Material Symbols Outlined";
  content: "\e000";
  font-variation-settings: "FILL" 1;
  font-size: 1.25rem;
  color: #00A3D6;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-dialog__emphasis {
  font-weight: bold;
}
.c-dialog__inner-wrap {
  background: #F8F8F8;
  padding: 1rem;
  border-radius: 8px;
}

.dialog-container {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  margin: 1rem auto 0;
  padding: 0.5rem 1rem;
  background: #E2F8FF;
}

/*------　jquery.confirm.cssの流用　------*/
#confirmOverlay {
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  background-size: cover;
  position: fixed;
  z-index: 10;
  display: none;
}
#confirmOverlay #confirmBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1.5rem;
  background: #FFF;
}
#confirmOverlay #confirmBox h1 {
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: #F8F8F8;
}
#confirmOverlay #confirmBox #confirmButtons {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
#confirmOverlay #confirmBox #confirmButtons .ok {
  font-size: 0.875rem;
  color: #ffffff;
  padding: 0.25rem 1rem;
  background: #333333;
  border: 2px solid #333333;
}
#confirmOverlay #confirmBox #confirmButtons .cancel {
  font-size: 0.875rem;
  margin-right: 0.5rem;
  padding: 0.25rem 1rem;
  background: #ffffff;
  border: 2px solid #333333;
}

.c-loadmore__btn {
  display: block;
  cursor: pointer;
  margin: 0 auto;
}
.c-loadmore__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-loadmore__item {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.c-loadmore__item.is-visible {
  display: block;
  opacity: 1;
}

.c-note-list__item {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0.25rem;
}
.c-note-list__item:before {
  display: inline;
  margin: 0;
  padding: 0;
  content: "・";
}

.c-agree-check label {
  display: flex;
  align-items: center;
  line-height: 100%;
}
.c-agree-check input[type=checkbox] {
  margin-right: 0.5rem;
}

.c-text-attention {
  color: #ef1515;
}

.c-help-tip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
}
.c-help-tip::before {
  display: inline-block;
  font-family: "Material Symbols Outlined";
  content: "\e887";
  font-variation-settings: "FILL" 1, "wght" 700;
  color: #888888;
  font-size: 1.25rem;
  vertical-align: -25%;
  line-height: 100%;
}
.c-help-tip__content {
  position: absolute;
  right: -5px;
  bottom: calc(100% + 8px);
  min-width: 180px;
  width: max-content;
  max-width: min(300px, 100vw - 20px);
  box-sizing: border-box;
  padding: 1.5rem 1rem 1rem 1rem;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 0.75rem;
  border-radius: 10px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-out;
  white-space: normal;
  word-break: break-word;
  font-weight: normal;
}
@media screen and (max-width: 1280px) {
  .c-help-tip__content {
    max-width: min(220px, 100vw - 20px);
  }
}
@media screen and (max-width: 980px) {
  .c-help-tip__content {
    max-width: min(200px, 100vw - 20px);
  }
}
.c-help-tip__content:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 10px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.c-help-tip:focus-within .c-help-tip__content {
  opacity: 1;
  pointer-events: auto;
}
.c-help-tip:has(.c-help-tip__close:focus) .c-help-tip__content {
  opacity: 0;
  pointer-events: none;
}
.c-help-tip__close {
  position: absolute;
  top: -5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
}
.c-help-tip__close::before {
  font-family: "Material Symbols Outlined";
  content: "\e5cd";
  font-size: 1.25rem;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.c-help-tip__close:focus {
  outline: none;
}

/*　共通　*/
/*------　一覧　------*/
.account__counter {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: right;
  font-size: 0.75rem;
  margin: 0 0 0.5rem;
}
.account .c-table--user {
  width: auto;
}
.account .c-table--mail {
  width: auto;
}
.account .c-table--totp {
  width: 8%;
}
.account .c-table--date {
  width: 14%;
}

/*------　アカウント招待　------*/
.account .c-form #account_name, .account .c-form #account_mail_address {
  width: 50%;
}

/*------　アカウント情報一覧　------*/
.account__list dd {
  display: inline-flex;
  justify-content: space-between;
}
.account__list-bounce-text, .account__list-otp-text {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
  color: #00A3D6;
}
.account__list .c-tooltip:hover::before {
  width: 300px;
  left: 30%;
  transform: translateX(-30%);
}
.account__list .c-button {
  min-width: 120px;
  padding: 12px 0.5rem;
  margin-left: 0.5rem;
}
.account__bounce-button {
  background: #ffffff;
  padding: 3px 6px;
  border: 1px solid #333333;
  border-radius: 2px;
  color: #333333;
  line-height: 100%;
}
.account__bounce-button:hover {
  background: #DBE7EB;
  opacity: 1;
}

/*------　アカウント設定　------*/
/*名前変更*/
.account dd.c-form-system--name input {
  width: 50%;
}

/*メールアドレス変更*/
.account dd.c-form-system--mail_address input {
  width: 60%;
}
.account #mail_address_confirm {
  width: 60%;
}

/*パスワード変更*/
.account .c-definition #password, .account .c-definition #password_confirm {
  width: 60%;
}
.account dd.c-form-system--password {
  display: grid;
}
.account dd.c-form-system--password .button_eye {
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem;
}

/*システム管理者変更*/
.account dt.c-form-system--admin {
  display: inline-table;
  vertical-align: middle;
}
.account dd.c-form-system--admin {
  display: flex;
  align-items: center;
}

/*　事業者側　*/
/*------　アカウント設定　------*/
/*メール配信設定*/
.account dt.c-form-system--notify {
  display: inline-table;
  vertical-align: middle;
}
.account dd.c-form-system--notify {
  display: flex;
  align-items: center;
}

/*　UHS側　*/
/*------　アカウント設定　------*/
/*管理者権限変更*/
.account .c-form-system--permission_id .choice {
  display: -webkit-box;
  margin-top: 0.5rem;
}
.account .c-form-system--permission_id .choice:first-child {
  margin-top: 0;
}
.account .c-form-system--permission_id .choice dl {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.account .c-form-system--permission_id--team {
  font-weight: normal;
  padding: 0;
  border: none;
  background: none;
}
.account .c-form-system--permission_id--description {
  width: 72%;
  margin-left: 2%;
  padding: 0;
}

/* ----- service_common ----- */
/* サービス側で共通に使えそうなもの */ /* ----- 広告収益報告書 ----- */
.advertising__table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  background-color: #ffffff;
  word-break: break-all;
  word-wrap: break-all;
}
.advertising__table th, .advertising__table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
}
.advertising__table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 1% 0;
  font-size: 94%;
  line-height: 1.2;
}
.advertising__table td {
  line-height: 1.2;
  padding: 1%;
}
.advertising__table tr .advertising__table--padding {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.advertising__table--brackets {
  font-size: 0.6875rem;
}
.advertising__table--publish {
  background-color: #4a92fe;
  width: 100%;
  max-width: 160px;
}
.advertising__table .c-button {
  padding: 0.75rem 1.5rem;
  font-weight: bold;
}
.advertising__company {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.advertising__company dt {
  margin-right: 1rem;
}
.advertising__company dd select {
  width: 500px;
}
.advertising__limit {
  background-color: #ffffff;
  display: inline-block;
  padding: 0.5rem;
  box-shadow: 0 0 4px #EEEEEE;
  margin-top: 0.5rem;
  font-weight: bold;
}
.advertising__limit span {
  font-weight: normal;
}
.advertising__limit a {
  text-decoration: underline;
}
.advertising__detail {
  max-width: 1200px;
}
.advertising__detail-top {
  background-color: #ffffff;
  box-shadow: 0 0 4px #EEEEEE;
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.advertising__detail-top h3 {
  font-size: 1rem;
  font-weight: bold;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
}
.advertising__detail-top h3 span {
  margin: 0 0.25rem;
  font-size: 1.5rem;
}
.advertising__detail-top h4 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.advertising__detail-top h4 span {
  margin: 0 0.25rem;
}
.advertising__detail-main h3 {
  font-size: 1.25rem;
  margin-top: 2rem;
  font-weight: bold;
}
.advertising__detail-main table {
  width: 96%;
  margin-left: 4%;
}
.advertising__detail-sub {
  margin-left: 35%;
  margin-top: 5%;
}
.advertising__detail-sub table {
  width: 100%;
  margin-left: 0;
}
.advertising .c-dialog {
  min-width: 300px;
  max-width: 500px;
  border-radius: 8px;
  padding: 20px;
}
.advertising .c-dialog__header {
  margin-bottom: 4px;
}
.advertising .c-dialog__header-close {
  margin-top: -12px;
  margin-right: -12px;
}
.advertising .c-dialog ul {
  margin-top: 22px;
  margin-bottom: 6px;
}
.advertising .c-dialog ul li {
  margin: 0;
  width: 47%;
}
.advertising .c-dialog ul li:nth-child(2) {
  margin-left: 6%;
}
.advertising .c-dialog ul li button {
  padding: 12px 0;
  width: 100%;
  font-size: 0.75rem;
  margin: 0;
}

/*　UHS側　*/
/*------ 一覧 ------*/
.agreement .c-table--date {
  width: 10%;
}
.agreement .c-table--explanation {
  width: auto;
}
.agreement .c-table--status {
  width: 8%;
}
.agreement .c-table--operation {
  width: 10%;
}
.agreement .c-table-button-area a {
  display: block;
  margin-top: 0.5rem;
}
.agreement .c-table-button-area a:first-of-type {
  margin-top: 0;
}

/*------ preview ------*/
.agreement .c-max-width--800 {
  padding: 1.5rem;
  background: #ffffff;
}
.agreement__contentview h1, .agreement .content h1 {
  font-weight: bold;
  font-size: 1.25rem;
}
.agreement__contentview h2, .agreement .content h2 {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}
.agreement__contentview h3, .agreement .content h3 {
  font-weight: bold;
  font-size: 0.875rem;
  border-bottom: 1px solid #cccccc;
  padding: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.agreement__contentview h4, .agreement__contentview h5, .agreement__contentview h6, .agreement .content h4, .agreement .content h5, .agreement .content h6 {
  font-weight: bold;
  font-size: 0.875rem;
  margin-top: 1rem;
}
.agreement__contentview a, .agreement .content a {
  text-decoration: underline;
}
.agreement__contentview a:hover, .agreement .content a:hover {
  text-decoration: none;
}
.agreement__contentview ul li, .agreement .content ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.agreement__contentview ul li li, .agreement .content ul li li {
  margin-left: 1rem;
}
.agreement__contentview ol li, .agreement .content ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.agreement__contentview ol li li, .agreement .content ol li li {
  margin-left: 1rem;
}
.agreement__contentview table, .agreement .content table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-all;
  word-wrap: break-all;
  margin-top: 0.5rem;
}
.agreement__contentview table th, .agreement .content table th {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  border-bottom: 2px solid #333333;
}
@media screen and (max-width: 1024px) {
  .agreement__contentview table th, .agreement .content table th {
    font-size: 0.75rem;
  }
}
.agreement__contentview table td, .agreement .content table td {
  vertical-align: middle;
  border-bottom: 1px solid #cccccc;
  padding: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .agreement__contentview table td, .agreement .content table td {
    font-size: 0.75rem;
  }
}
.agreement__contentview table tbody tr, .agreement .content table tbody tr {
  background: #ffffff;
}
.agreement__contentview table tbody tr:nth-child(even), .agreement .content table tbody tr:nth-child(even) {
  background: #F8F8F8;
}
.agreement__contentview blockquote, .agreement .content blockquote {
  margin-top: 1rem;
  padding: 0.5rem;
  border-left: 5px solid #dddddd;
}
.agreement__provisions {
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid #cccccc;
}
.agreement__provisions a {
  text-decoration: underline;
}
.agreement__provisions a:hover {
  text-decoration: none;
}

/*------　edit　------*/
.agreement dl {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #cccccc;
}
.agreement dl dt {
  width: 20%;
  display: inline-flex;
  margin-top: 0;
  padding: 1rem;
  background: #F8F8F8;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.agreement dl dt:first-of-type {
  border-top: 0;
}
.agreement dl dd {
  width: 80%;
  padding: 1rem;
  border-top: 1px solid #cccccc;
}
.agreement dl dd:first-of-type {
  border-top: 0;
}
.agreement dt.c-form-system--body, .agreement dt.c-form-system--note {
  display: inline-table;
  vertical-align: middle;
}
.agreement dd.c-form-system--body .questionnaire_form_markdown {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.agreement dd.c-form-system--body .questionnaire_form_markdown #body {
  width: 48%;
  min-height: 200px;
}
.agreement dd.c-form-system--body .questionnaire_form_markdown .content {
  width: 48%;
  min-height: 200px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  padding: 1rem;
  background: #ffffff;
}
.agreement dd.c-form-system--note textarea {
  width: 100%;
  height: 200px;
}

/*　共通　*/
/*------　一覧　------*/
.app .c-table--status {
  width: 8%;
}
.app .c-table--app {
  width: auto;
}
.app .c-table--app span {
  display: block;
  line-height: 2;
  font-size: 0.75rem;
}
.app .c-table--key {
  width: 16.25rem;
}
.app .c-table--service {
  width: 20%;
}
.app .c-table--service-main {
  width: auto;
}
.app .c-table--contents {
  width: 15%;
}
.app .c-table--contents li {
  margin-top: 0.5rem;
}
.app .c-table--contents li:first-child {
  margin-top: 0;
}
.app .c-table--contents li a {
  width: 100%;
}
.app .c-table--company {
  width: 20%;
}
.app .c-table--environment {
  width: 10%;
}
.app tbody tr.c-table--delete {
  opacity: 0.8;
  background-color: #888888;
}

/*　事業者側　*/
/*------　一覧　------*/
.app__regist-caption {
  box-sizing: border-box;
  padding: 1.5rem;
  background: #ffffff;
}
.app__regist-caption li {
  list-style-type: disc;
  list-style-position: inside;
}
.app__key-instances {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app__key-instances:first-child dt {
  color: #00A3D6;
  margin-top: 0;
  border: 1px solid #00A3D6;
}
.app__key-instances:first-child dd {
  margin-top: 0;
}
.app__key-instances dt {
  width: 3.3125rem;
  text-align: center;
  font-weight: normal;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  padding: 0.25rem;
  box-sizing: border-box;
  border: 1px solid #cccccc;
}
.app__key-instances dd {
  width: calc(100% - 3.75rem);
  margin-top: 0.5rem;
  margin-left: 0.4375rem;
}
.app__service-instances div {
  margin-top: 0.25rem;
}
.app__service-instances div:first-child {
  margin-top: 0;
}

/*------　詳細（登録、設定）　------*/
.app__table {
  max-width: 800px;
}
.app__table tr {
  background: #ffffff !important;
}
.app .c-definition dd {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.app .c-definition-visibility {
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem;
}
.app .c-definition-visibility:hover {
  opacity: 0.8;
}
.app .c-definition-api {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.app .c-definition-api__number {
  -webkit-user-select: all;
  user-select: all;
  background-color: #F8F8F8;
  border: 1px solid #cccccc;
  padding: 0.375rem;
  width: 100%;
  font-size: 0.75rem;
}
.app .c-definition-api__button {
  position: static;
  right: 0.375rem;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0 0.5rem;
}
.app .c-definition-api__button:hover {
  opacity: 0.8;
}
.app .c-definition-api__button---long {
  position: static;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.app .c-definition-api__button---long::before {
  font-size: 1rem;
}
.app .c-definition-api__success {
  position: absolute;
  font-size: 0.875rem;
  background-color: rgba(51, 51, 51, 0.95);
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  padding: 2px 10px;
  z-index: 2;
  display: none;
  top: -90%;
  right: -1%;
  white-space: nowrap;
}
.app .c-definition-reissue {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem;
  border-radius: 4px;
  background: #333333;
}
.app .c-definition-reissue:hover {
  opacity: 0.8;
}
.app dd.c-form-system--name input, .app dd.c-form-system--language input {
  width: 100%;
}
.app dd.c-form-system--note textarea {
  width: 100%;
  min-height: 250px;
}
.app dd.c-form-system--daily_access input {
  width: 23%;
}
.app dd.c-form-system--platform input[type=url] {
  width: 100%;
}
.app dd .c-definition {
  width: 100%;
  border: none;
}
.app dd .c-definition dt {
  background-color: transparent;
  border: none;
  width: 80px;
  padding-left: 0;
  padding-right: 0;
  font-weight: normal;
  position: relative;
}
.app dd .c-definition dt:after {
  position: absolute;
  right: -5px;
  font-family: "Material Symbols Outlined";
  content: "\e5df";
  color: #cccccc;
}
.app dd .c-definition dt:has(label) {
  width: 90px;
}
.app dd .c-definition dt:has(label):after {
  display: none;
}
.app dd .c-definition dt label {
  margin-right: 0;
  width: 90px;
}
.app dd .c-definition dd {
  width: calc(100% - 90px);
  padding-right: 0;
  border: none;
}
.app dd .c-definition dd a {
  text-decoration: underline;
}
.app__setting-info {
  max-width: 1140px;
}
.app__setting-info .c-definition {
  max-width: 1140px;
}

.app-setting__attention h5 {
  font-weight: bold;
  font-size: 0.75rem;
  color: #888888;
  margin-top: 0.5rem;
}
.app-setting__attention ul {
  padding: 0.25rem;
}
.app-setting__attention ul li {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-setting__attention ul li:before {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  content: "";
  background: #cccccc;
  margin-right: 0.5rem;
}

/*------　アプリTOP　------*/
.app-top__name {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 2rem 1rem;
  background-color: #ffffff;
  box-shadow: 0 0 4px #dddddd;
  border-radius: 4px;
  padding: 1rem 1.5rem;
}
.app-top__name--image {
  display: inline-block;
  width: 67px;
  text-align: center;
  margin-right: 0.5rem;
  padding: 1rem 0.5rem;
  background: #ffffff;
  border: 1px solid #333333;
  border-radius: 16px;
}
.app-top__name--image img {
  vertical-align: middle;
}
.app-top__name--text {
  font-size: 21px;
  font-weight: bold;
}
.app-top__name--text--min {
  font-size: 1rem;
  font-weight: bold;
}
.app-top__name ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-top__name ul li {
  margin-left: 0.5rem;
}
.app-top__name .c-button {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.app-top__no-service {
  text-align: center;
}
.app-top__no-service-head {
  font-weight: bold;
  font-size: 1.5rem;
}
.app-top__no-service-text {
  margin-top: 1rem;
}
.app-top__no-service-button {
  margin-top: 2rem;
}
.app-top__no-service-button .c-button {
  width: 20%;
}
.app-top__augury {
  background-color: #ffffff;
  box-shadow: 0 0 4px #dddddd;
  border-radius: 4px;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
}
.app-top__augury h3 {
  font-weight: bold;
  font-size: 1rem;
}
.app-top__augury h3 span {
  padding-left: 0.5rem;
  font-weight: normal;
}
.app-top__augury table {
  margin: 1rem 0;
}
.app-top__augury table th {
  padding-right: 1.5rem;
  color: #888888;
  min-width: 120px;
}
.app-top__augury table td {
  font-size: 2rem;
  transform: scale(1, 1.05);
  text-align: left;
  padding-right: 1.5rem;
}
.app-top__chart {
  width: 100%;
  height: 280px;
}
.app-top__chart svg [filter] {
  filter: none;
}
.app-top__chart svg path {
  stroke-width: 2;
}
.app-top__service-table img {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  vertical-align: middle;
  margin-right: 0.5rem;
}

/*------　提供サービス一覧　------*/
.app-apply__list {
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1rem;
  grid-auto-rows: 1fr;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .app-apply__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.app-apply__list-item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 #dddddd;
  height: 100%;
}
.app-apply__list-item--title {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.app-apply__list-item--title-status {
  border: solid 1px #00A3D6;
  white-space: nowrap;
  line-height: 100%;
  padding: 0.25rem;
}
.app-apply__list-item--image {
  margin-bottom: 1rem;
}
.app-apply__list-item--overview {
  margin-bottom: 1rem;
}
.app-apply__list-item--button {
  margin-top: auto;
  text-align: center;
}

/*------　提供サービス詳細　------*/
.app-apply-detail__action {
  background-color: #333333;
  padding: 3rem 0;
  text-align: center;
  margin-right: -2rem;
  margin-left: -2rem;
  margin-top: 4rem;
  color: #ffffff;
}
.app-apply-detail__action img {
  width: 100px;
}
.app-apply-detail__action a {
  font-weight: bold;
  font-size: 1rem;
}
.app-apply-detail__action button, .app-apply-detail__action div {
  font-weight: bold;
  font-size: 1rem;
}
.app-apply-detail__action button.is-disabled, .app-apply-detail__action div.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.app-apply-detail__to-top {
  position: fixed;
  right: 10px;
  bottom: 40px;
  color: #666666;
  opacity: 0.8;
  display: none;
  cursor: pointer;
}
.app-apply-detail__to-top:hover {
  opacity: 1;
}
.app-apply-detail__to-top span {
  font-size: 50px;
}

/*　UHS側　*/
.app .c-search-wrap .c-form dt {
  width: 10%;
}
.app .c-search-wrap .c-form dd {
  width: 90%;
}
.app__api-secret-dialog-copy-area {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border: 1px solid #cccccc;
}
.app__api-secret-dialog-copy-area p {
  width: 95%;
}
.app__api-secret-dialog-copy-area button {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 5%;
}
.app__api-secret-dialog-copy-success-message {
  display: none;
  margin-top: 0.25rem;
  color: #00A3D6;
}

.app-service .c-table--date {
  width: 18%;
}
.app-service__icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  vertical-align: middle;
  margin-right: 0.5rem;
}

/*　UHS側　*/
/*------　一覧　------*/
.audit_log {
  /*件数とCSV保存エリア*/
}
.audit_log__list-info {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin: 1.5rem 0 0.5rem;
}
.audit_log__list-info a {
  text-decoration: underline;
}
.audit_log__list-info a:hover {
  text-decoration: none;
}
.audit_log .c-table--date {
  width: 18%;
}
.audit_log .c-table--user {
  width: 12%;
}
.audit_log .c-table--route {
  width: auto;
}
.audit_log .c-table--route span {
  display: block;
  line-height: 2;
}
.audit_log .c-table--action {
  width: 8%;
}
.audit_log .c-table--detail {
  width: 22%;
}
.audit_log__detail div {
  font-weight: bold;
  color: #00A3D6;
}
.audit_log__detail dt {
  margin-top: 0.5rem;
}
.audit_log .c-button {
  margin-top: 1.5rem;
}

/* ----- 請求書 ----- */
.bill__table {
  width: 100%;
  margin: 1rem 0;
  border-collapse: collapse;
  background-color: #ffffff;
  word-break: break-all;
  word-wrap: break-all;
}
.bill__table th, .bill__table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
}
.bill__table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 1% 0;
  font-size: 94%;
  line-height: 1.2;
}
.bill__table td {
  line-height: 1.2;
  padding: 1%;
}
.bill__table tr .bill__table--padding {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.bill__table--brackets {
  font-size: 0.6875rem;
}
.bill__table a {
  text-decoration: underline;
}
.bill__table--publish {
  background-color: #4a92fe;
  width: 100%;
  max-width: 200px;
}
.bill__table--admin-date {
  width: 10%;
}
.bill__table--admin-name {
  width: 32%;
}
.bill__table--admin-amount {
  width: 11%;
}
.bill__table--admin-payment {
  width: 12%;
}
.bill__table--admin-status {
  width: 23%;
}
.bill__table--admin-pdf {
  width: 12%;
}
.bill__table--admin-date {
  width: 10%;
}
.bill__table--date {
  width: 15%;
}
.bill__table--amount, .bill__table--payment, .bill__table--status, .bill__table--pdf {
  width: 20%;
}
.bill__table--nowrap {
  white-space: nowrap;
}
.bill__table--small {
  font-size: 0.75rem;
}
.bill__table-read {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bill__table-read dt {
  width: 90px;
  font-weight: normal;
}
.bill__table-read dd {
  width: calc(100% - 90px);
  user-select: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  border: 1px solid #cccccc;
  padding: 0.125rem 0 0.125rem 0.125rem;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.bill__table-read dd::-webkit-scrollbar {
  display: none;
}
.bill__table-flex {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bill__table-flex a {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  line-height: 1.7;
  padding: 0.125rem 0.625rem;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
}
.bill__table nobr {
  font-size: 0.75rem;
}
.bill__table .c-button {
  padding: 0.625rem 1rem;
  font-weight: bold;
  text-decoration: none;
}
.bill__company {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.bill__company dt {
  margin-right: 1rem;
}
.bill__company dd select {
  width: 500px;
}
.bill__attention {
  margin-top: 3rem;
  font-size: 0.75rem;
}
.bill__attention h5 {
  font-weight: bold;
  color: #888888;
}
.bill__attention ul {
  padding: 0.25rem;
}
.bill__attention ul li {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bill__attention ul li:before {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  content: "";
  background: #cccccc;
  margin-right: 0.5rem;
}
.bill .c-search-wrap {
  margin-top: 1rem;
}
.bill .c-search-wrap dt {
  font-size: 0.875rem;
  margin-bottom: 0.1875rem;
}
.bill .c-search-wrap dd dt {
  width: 13%;
  max-width: 200px;
  min-width: 120px;
}
.bill .c-search-wrap dd dl {
  margin-bottom: 0.5rem;
}
.bill .c-search-wrap__label {
  padding: 0.125rem 0.625rem;
  margin-bottom: 0.1875rem;
  transition: all 0.1s ease;
}
.bill .c-search-wrap__label:hover {
  background: #cccccc;
  color: #333333;
}
.bill .c-search-wrap__label:has(input:checked):hover {
  background: #333333;
  color: #ffffff;
}
.bill .c-dialog {
  min-width: 300px;
  max-width: 500px;
  border-radius: 8px;
  padding: 20px;
}
.bill .c-dialog__header {
  margin-bottom: 4px;
}
.bill .c-dialog__header-close {
  margin-top: -12px;
  margin-right: -12px;
}
.bill .c-dialog ul {
  margin-top: 22px;
  margin-bottom: 6px;
}
.bill .c-dialog ul li {
  margin: 0;
  width: 47%;
}
.bill .c-dialog ul li:nth-child(2) {
  margin-left: 6%;
}
.bill .c-dialog ul li button {
  padding: 12px 0;
  width: 100%;
  font-size: 0.75rem;
  margin: 0;
}

.bill-manage {
  max-width: 1200px;
}
.bill-manage__top {
  margin-bottom: 1.5rem;
}
.bill-manage__top h3 {
  font-size: 1rem;
  line-height: 1.2;
  display: inline-block;
  background-color: #DBE7EB;
  padding: 0.5rem 2rem;
}
.bill-manage dl dt {
  width: 20%;
}
.bill-manage dl dd {
  width: 80%;
}
.bill-manage__setting--margin {
  display: block;
  margin-bottom: 0.5rem;
}
.bill-manage__setting--button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  white-space: nowrap;
}
.bill-manage__setting--button:hover {
  opacity: 0.8;
}
.bill-manage__setting--button:disabled {
  background-color: #cccccc;
}
.bill-manage__setting--button:disabled:hover {
  opacity: 1;
}
.bill-manage__setting--button.is-disabled {
  pointer-events: none;
  background-color: #cccccc;
}
.bill-manage__setting--button.is-disabled:hover {
  opacity: 1;
}
.bill-manage__setting--note {
  font-size: 0.75rem;
}

.bill-detail {
  max-width: 1200px;
}
.bill-detail th {
  width: 33.3%;
  width: 33.3333333333%;
}
.bill-detail__top {
  background-color: #ffffff;
  box-shadow: 0 0 4px #EEEEEE;
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.bill-detail__top h3 {
  font-size: 1rem;
  font-weight: bold;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
}
.bill-detail__top h3 span {
  margin: 0 0.25rem;
  font-size: 1.5rem;
}
.bill-detail__top h4 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bill-detail__top h4 span {
  margin: 0 0.25rem;
}
.bill-detail__main h3 {
  border-bottom: 2px solid #333333;
  margin-top: 2rem;
  font-weight: bold;
  font-size: 1rem;
  padding-left: 0.25rem;
}
.bill-detail__main h4 {
  margin-top: 1rem;
  margin-left: 4%;
  font-weight: bold;
}
.bill-detail__main table {
  width: 96%;
  margin-left: 4%;
  margin-top: 1%;
}
.bill-detail__sub {
  margin-left: 35%;
  margin-top: 5%;
}
.bill-detail__sub table {
  width: 100%;
  margin-left: 0;
}

/*　共通　*/
.company,
.company-register {
  /*番号紹介ボタン*/
}
.company .c-info__text-area,
.company .c-info__text-area-button,
.company-register .c-info__text-area,
.company-register .c-info__text-area-button {
  margin-left: 0;
}
.company .c-form dt,
.company-register .c-form dt {
  margin-top: 0;
}
.company .c-form p,
.company-register .c-form p {
  margin: 1.5rem 0 0.5rem;
}
.company__list,
.company-register__list {
  margin-top: 1.5rem;
}
.company #invoice_reference,
.company-register #invoice_reference {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  margin-left: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  background: #333333;
}

/*------　レビュー（比較）　------*/
.company__list--comparison {
  margin-top: 1.5rem;
}
.company__list--comparison dt, .company__list--comparison dd {
  display: block;
  width: 50%;
}
.company__list--comparison-title {
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  padding: 0.5rem;
  background: #333333 !important;
}
.company__list--comparison-code span {
  display: inherit !important;
}
.company__list--comparison-code input {
  padding: 0.1rem 0.5rem;
  border: 1px solid #cccccc;
}
.company__list--comparison span {
  display: block;
  font-weight: normal;
}

/*　事業者側　*/
/*------　初回事業者情報　------*/
.company-register {
  position: relative;
  max-width: 800px;
  text-align: center;
  margin: 1.5rem auto;
  z-index: 2;
}
.company-register__logo {
  width: 80%;
  margin: 0 auto;
}
.company-register__title {
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}
.company-register__complete-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(248, 248, 248, 0.9);
  z-index: 1;
}
.company-register__complete-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 50%;
  padding: 1.5rem;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.company-register__complete-modal-content-text {
  margin-bottom: 1rem;
}
.company-register .c-button-single, .company-register .c-button-double {
  justify-content: center;
}

/*　UHS側　*/
/*------　一覧　------*/
.company .c-table--company {
  width: auto;
}
.company .c-table--app {
  width: 10%;
}
.company .c-table--sales {
  width: 15%;
}
.company .c-table--status {
  width: 10%;
}

/*------　一覧でのみ使用される再招待アドレス表示ダイアログ　------*/
.company-dialog__reinvite-email {
  border: 1px solid #cccccc;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.company-dialog__reinvite-email .material-symbols-outlined {
  vertical-align: middle;
  font-size: 16px;
  margin-right: 0.25rem;
}

/*------　事業者情報変更審査　------*/
.company__dialog-rejection {
  max-width: 800px;
  margin-top: 2rem;
  padding: 1.5rem;
  background: #ffffff;
}
.company__dialog-rejection-text {
  width: 100%;
  min-height: 300px;
  margin-top: 0.5rem;
}
.company__dialog-rejection-button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 1rem 2rem;
  border-radius: 100px;
  background: #333333;
}
.company__dialog-rejection-button:hover {
  opacity: 0.8;
}
.company__dialog-rejection-button a {
  display: block;
  color: #ffffff;
}
.company__dialog-rejection-button a:hover {
  opacity: 0.8;
}

/*------　編集 / 初回登録　------*/
.company dd.c-form-system--name, .company dd.c-form-system--department, .company dd.c-form-system--address,
.company-register dd.c-form-system--name,
.company-register dd.c-form-system--department,
.company-register dd.c-form-system--address {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company dd.c-form-system--name input, .company dd.c-form-system--department input, .company dd.c-form-system--address input,
.company-register dd.c-form-system--name input,
.company-register dd.c-form-system--department input,
.company-register dd.c-form-system--address input {
  width: 100%;
}
.company dd.c-form-system--manager input, .company dd.c-form-system--mail_address input, .company dd.c-form-system--site_url input, .company dd.c-form-system--bank_name input, .company dd.c-form-system--bank_branch input,
.company-register dd.c-form-system--manager input,
.company-register dd.c-form-system--mail_address input,
.company-register dd.c-form-system--site_url input,
.company-register dd.c-form-system--bank_name input,
.company-register dd.c-form-system--bank_branch input {
  width: 60%;
}
.company dd.c-form-system--post_code,
.company-register dd.c-form-system--post_code {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company dd.c-form-system--post_code input,
.company-register dd.c-form-system--post_code input {
  width: 20%;
}
.company dd.c-form-system--mail_address, .company dd.c-form-system--site_url,
.company-register dd.c-form-system--mail_address,
.company-register dd.c-form-system--site_url {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company dd.c-form-system--bank_number input,
.company-register dd.c-form-system--bank_number input {
  width: 30%;
}
.company dd.c-form-system--bank_account_name,
.company-register dd.c-form-system--bank_account_name {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.company dd.c-form-system--bank_account_name input,
.company-register dd.c-form-system--bank_account_name input {
  width: 50%;
}
.company dd.c-form-system--reason textarea,
.company-register dd.c-form-system--reason textarea {
  width: 100%;
  height: 200px;
}
.company dd.c-form-system--manager, .company dd.c-form-system--bank_name, .company dd.c-form-system--bank_number, .company dd.c-form-system--bank_branch, .company dd.c-form-system--reward_transfer_bottom_limit,
.company-register dd.c-form-system--manager,
.company-register dd.c-form-system--bank_name,
.company-register dd.c-form-system--bank_number,
.company-register dd.c-form-system--bank_branch,
.company-register dd.c-form-system--reward_transfer_bottom_limit {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*------　請求金額調整一覧　------*/
.company .c-table--billing-month {
  width: 10%;
}
.company .c-table--adjustment-details {
  width: auto;
}
.company .c-table--adjustment-amount {
  width: 10%;
}
.company .c-table--adjustment-remarks {
  width: auto;
}

/*------　請求金額調整編集　------*/
.company #adjustment_title {
  width: 100%;
}
.company .company-adjustment-note {
  width: 100%;
  height: 200px;
}

/*------　事業者情報変更履歴　------*/
.company .c-table--date {
  width: 15%;
}
.company .c-table--history-action {
  width: 20%;
}
.company .c-table--history-detail {
  width: auto;
}
.company__history-table {
  max-width: 1200px;
}
.company__history-table--date div {
  margin: 1rem 0;
}
.company__history-table--action div {
  margin: 1rem 0;
}
.company__history-table--action-addition {
  font-size: 0.75rem;
  color: #ffffff;
  padding: 0.25rem 0.5rem;
  background: #333333;
}
.company__history-table--detail {
  line-height: 1.7 !important;
}
.company__history-table--detail div {
  margin: 0.5rem 0;
}
.company__history-table--detail--reject {
  padding: 1rem;
  background: #F8F8F8;
}
.company tbody tr:nth-child(even) .company__history-table--detail--reject {
  background: #ffffff;
}

/*------　契約終了　------*/
.company__exit-conditions {
  box-sizing: border-box;
  padding: 1.5rem;
  background: #ffffff;
}
.company__exit-conditions li {
  list-style-type: disc;
  list-style-position: inside;
}

/*------　口座確認　------*/
.company__arrow-drop-down {
  max-width: 800px;
  text-align: center;
}
.company__arrow-drop-down .material-symbols-outlined {
  font-size: 48px;
}

.index__payment {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.5;
  margin: 0 auto 1.5rem;
  padding: 0.5rem 1rem;
  background: #FFF16E;
}
.index__payment p {
  width: 70%;
  text-align: left;
}
.index__payment .c-button-single {
  width: 30%;
  justify-content: end;
  margin: 0 auto;
  padding: 0;
}
.index__payment .c-button-single li {
  margin: 0 0 0 0.5rem;
}
.index__payment .c-button-single .c-button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  background: #333333;
}

/* 事業者側 */
.index__notification {
  box-sizing: border-box;
  margin: 0 auto 3rem;
  padding-bottom: 1.5rem;
  background: #ffffff;
}
.index__notification-title {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  padding: 0.5rem 1.5rem;
  background: #333333;
}
.index__notification-button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  color: #333333;
  padding: 0.5rem;
  border-radius: 4px;
  background: #ffffff;
}
.index .notification__list {
  font-size: 0.875rem;
}
.index .notification__list li {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  margin-top: 1rem;
}
.index .notification__list li:first-child {
  margin-top: 0;
}
.index .notification--date {
  min-width: 160px;
  text-align: left;
}
.index .notification--category {
  display: inline-block;
  min-width: 80px;
  line-height: 1.2;
  font-size: 0.875rem;
  color: #ffffff;
  text-align: center;
  margin-left: 1rem;
  padding: 0.25rem;
  border-radius: 4px;
  background: #333333;
}
.index .notification--title {
  display: inline-block;
  text-align: left;
  text-decoration: underline;
  margin-left: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index .notification--title:hover {
  text-decoration: none;
}
.index__notice-toggle {
  position: relative;
  padding: 1.5rem;
}
.index__notice-toggle:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 20%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}
.index__notice-toggle.expanded:after {
  opacity: 0;
}
.index__notice-toggle-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  position: relative;
}
.index__notice-toggle-button {
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  cursor: pointer;
  margin: 0 auto;
}
.index__notice-toggle-button span {
  text-decoration: underline;
}
.index__notice-toggle-button:before {
  display: block;
  font-family: "Material Symbols Outlined";
  content: "\e313";
  font-variation-settings: "FILL" 1;
  font-size: 1rem;
}
.index__notice-toggle-button.expanded:before {
  content: "\e316";
}
.index__quick-access-list {
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (width >= 820px) {
  .index__quick-access-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (width >= 1080px) {
  .index__quick-access-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (width >= 1520px) {
  .index__quick-access-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.index__quick-access-item {
  display: block;
  background: linear-gradient(to bottom, #f2f2f2, #ffffff);
  border-radius: 16px;
  border: 1px solid #cccccc;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
.index__quick-access-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}
.index__quick-access-item a:hover {
  border-radius: 16px;
}
.index__quick-access-item a:hover::after {
  transform: scale(1, 1);
}
.index__quick-access-inreview, .index__quick-access-notsubmitted {
  font-size: 0.75rem;
  line-height: 100%;
  border-radius: 2px;
  padding: 0.25rem;
  margin-bottom: 0.5rem;
}
.index__quick-access-inreview {
  background: #00A3D6;
  color: #ffffff;
}
.index__quick-access-notsubmitted {
  background: #FFF16E;
}
.index__quick-access-name {
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 1rem;
}
.index__quick-access-more {
  align-self: center;
  white-space: nowrap;
}
.index__app-regist {
  text-align: center;
  padding: 4rem;
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(35px);
  position: relative;
  z-index: 2;
  border: solid 1px rgba(255, 255, 255, 0.68);
}
.index__app-regist-wrap {
  position: relative;
  padding: 0 3rem;
  margin-bottom: 3rem;
}
.index__app-regist-wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle at 70% 30%, rgba(108, 92, 231, 0.8), transparent 29%), radial-gradient(circle at 30% 70%, rgba(0, 168, 255, 0.7), transparent 29%);
  filter: blur(250px);
  background-position: 0 center;
  position: absolute;
  z-index: -1;
  top: 0;
}
.index__app-regist-title {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 100%;
  vertical-align: bottom;
  text-align: center;
  margin-bottom: 4rem;
  padding-top: 2rem;
}
.index__app-regist-title span {
  display: inline-flex;
  align-items: flex-end;
  padding-top: 1.5rem;
}
.index__app-regist-catch-copy {
  font-weight: bold;
  font-size: 1.25rem;
}
.index__app-regist-catch-copy span {
  color: #00A3D6;
}
.index__app-regist-step {
  margin: 3rem auto 0;
  max-width: 600px;
}
.index__app-regist-step--text {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 0 3rem;
  text-align: left;
  margin: 0 auto;
}
.index__app-regist-step--text dl {
  background: #F8F8F8;
  width: 50%;
  padding: 1.5rem;
  border-radius: 10px;
}
.index__app-regist-step--text dl:first-child {
  position: relative;
}
.index__app-regist-step--text dl:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -30px;
  border: 30px solid transparent;
  border-left: 30px solid #F8F8F8;
}
.index__app-regist-step--text dl dt {
  text-align: center;
  line-height: 100%;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  vertical-align: middle;
}
.index__app-regist-step--text dl dt span {
  font-size: 1.5rem;
  color: #00A3D6;
  letter-spacing: -1px;
}
.index__app-regist-step--text dl dd {
  margin-top: 0.5rem;
}
.index__app-regist-step--media {
  text-align: center;
}
.index__app-regist-step--media img {
  height: 110px;
  width: auto;
  margin-bottom: 1.5rem;
}
.index__app-regist-step--media p {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  color: #00A3D6;
}
.index__app-regist .c-button-single {
  justify-content: center;
}

/* UHS */
/*------　一覧　------*/
.index__extra-box {
  margin-top: 3rem;
}
.index__extra-box .c-info__text-area {
  margin-bottom: 0.5rem;
}
.index__extra-box .c-table {
  margin-top: 0.5rem;
}
.index .listTableContents.unread {
  background: #ffffff;
}

.login {
  width: 100vw;
  height: 100vh;
  text-align: center;
  position: relative;
  background: #F8F8F8;
  z-index: 2;
}
.login__wrap {
  width: 640px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.login__logo {
  width: 80%;
  margin: 0 auto;
}
.login__logo--uhs {
  margin: 0.5rem auto 0;
  padding: 0 1rem;
  border: 1px solid #1F2E55;
  max-width: 100px;
  background-color: #ffffff;
}
.login__logo--uhs img {
  vertical-align: middle;
}
.login__logo--console {
  margin: 0.5rem auto 0;
  padding: 0 1rem;
  border: 1px solid #333333;
  max-width: 100px;
  background-color: #ffffff;
  font-weight: bold;
  letter-spacing: normal;
}
.login__form {
  margin-top: 1.5rem;
  padding: 2rem;
  background: #ffffff;
}
.login__form dt {
  margin-top: 1.5rem;
}
.login__form dt:first-child {
  margin-top: 0;
}
.login__form-text {
  text-align: left;
}
.login__form-caption {
  display: block;
  line-height: 1.5;
  font-weight: normal;
  font-size: 0.75rem;
}
.login__form input {
  width: 100%;
}
.login__text {
  margin-top: 1rem;
}
.login__resetting {
  text-decoration: underline;
  margin-top: 1rem;
  cursor: pointer;
}
.login__resetting:hover {
  text-decoration: none;
}
.login--maintenance {
  margin-top: 1rem;
}
.login #js-skip-totp-checkbox {
  width: auto;
}
.login .c-form__input-wrapper {
  position: relative;
}
.login .c-form__input-wrapper .material-symbols-outlined {
  font-size: 1rem;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.login .c-form input {
  padding: 0.5rem 1rem 0.5rem 2rem;
}
.login .c-button-single {
  justify-content: center;
}
.login__again {
  font-size: 0.75rem;
  text-decoration: underline;
  margin-top: 1rem;
}
.login__again:hover {
  text-decoration: none;
}
.login__again .material-symbols-outlined {
  font-size: 1rem;
  vertical-align: middle;
  padding-right: 0.1rem;
}

.login__wrap--agreement {
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding-bottom: 20px;
}
@media screen and (max-height: 600px) {
  .login__wrap--agreement {
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding-bottom: 55px;
  }
}
.login__agreement {
  margin-top: 1.5rem;
  padding: 2rem;
  background: #ffffff;
  text-align: left;
  max-height: 360px;
  overflow-y: auto;
}
.login__agreement::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.login__agreement::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #DBE7EB;
}
.login__agreement::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #555555;
}
.login__agreement a {
  text-decoration: underline;
}
.login__agreement a:hover {
  text-decoration: none;
}
.login__agreement-provisions {
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid #cccccc;
}
.login__agreement-content h1 {
  font-weight: bold;
  font-size: 1.25rem;
}
.login__agreement-content h2 {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}
.login__agreement-content h3 {
  font-weight: bold;
  font-size: 0.875rem;
  border-bottom: 1px solid #cccccc;
  padding: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.login__agreement-content h4, .login__agreement-content h5, .login__agreement-content h6 {
  font-weight: bold;
  font-size: 0.875rem;
  margin-top: 1rem;
}
.login__agreement-content a {
  text-decoration: underline;
}
.login__agreement-content a:hover {
  text-decoration: none;
}
.login__agreement-content ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.login__agreement-content ul li li {
  margin-left: 1rem;
}
.login__agreement-content ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.login__agreement-content ol li li {
  margin-left: 1rem;
}
.login__agreement-content table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-all;
  word-wrap: break-all;
  margin-top: 0.5rem;
}
.login__agreement-content table th {
  font-weight: bold;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  border-bottom: 2px solid #333333;
}
@media screen and (max-width: 1024px) {
  .login__agreement-content table th {
    font-size: 0.75rem;
  }
}
.login__agreement-content table td {
  vertical-align: middle;
  border-bottom: 1px solid #cccccc;
  padding: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .login__agreement-content table td {
    font-size: 0.75rem;
  }
}
.login__agreement-content table tbody tr {
  background: #ffffff;
}
.login__agreement-content table tbody tr:nth-child(even) {
  background: #F8F8F8;
}
.login__agreement-content blockquote {
  margin-top: 1rem;
  padding: 0.5rem;
  border-left: 5px solid #dddddd;
}
.login__agreement-checkbox {
  margin-top: 0.5rem;
}
.login__agreement-checkbox input {
  width: auto;
}

/* 初回パスワード設定 */
/* モーダル用のスタイル */
.login__complete-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(248, 248, 248, 0.9);
  z-index: 1;
}
.login__complete-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding: 1.5rem;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.login__complete-modal-content-text {
  margin-bottom: 1rem;
}

/*------　mixin　------*/
/*　事業者側　*/
/*------　一覧　------*/
.notification__list li {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  margin-top: 1rem;
}
.notification__list li:first-child {
  margin-top: 0;
}
.notification--date {
  width: 8%;
  min-width: 100px;
}
.notification--category {
  display: inline-block;
  line-height: 1.2;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.25rem;
  border-radius: 4px;
  color: #ffffff;
  background: #333333;
  min-width: 100px;
  margin-left: 1rem;
}
.notification--title {
  display: inline-block;
  text-align: left;
  width: auto;
  text-decoration: underline;
  margin-left: 1rem;
}
.notification--title:hover {
  text-decoration: none;
}

/*------　詳細　------*/
.notification-detail {
  max-width: 800px;
  margin: 2rem;
  background: #ffffff;
}
.notification-detail__wrap {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #cccccc;
}
.notification-detail__wrap-item {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.notification-detail--title {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5;
}
.notification-detail--category {
  display: inline-block;
  line-height: 1.2;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.25rem;
  border-radius: 4px;
  color: #ffffff;
  background: #333333;
  min-width: 5%;
  margin-right: 0.5rem;
}
.notification-detail--date {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.notification-detail--c-article {
  margin-top: 1.5rem;
}

/*　UHS側　*/
/*------　一覧　------*/
.notification .c-table--display-date {
  width: 15%;
}
.notification .c-table--display-end-date {
  width: 15%;
}
.notification .c-table--subject {
  width: auto;
}
.notification .c-table--send {
  width: 9%;
}
.notification .c-table--send-date {
  width: 15%;
}
.notification .c-table--target {
  width: 8%;
}

/*------　edit ＆ new　------*/
.notification dd.c-form-system--title input {
  width: 100%;
}
.notification dd.c-form-system--body textarea {
  width: 100%;
  height: 200px;
}
.notification dd.c-form-system--test_mail_address #test_test_mail_address {
  width: 60%;
}
.notification dd.c-form-system--test_mail_address .result_message {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: #E2F8FF;
}
.notification .test_button {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  margin-left: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  background: #333333;
}
.notification__button-regist {
  margin-top: 1.5rem;
}

/*　事業者　*/
.payment__dgft-list {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.payment__dgft-list ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 20%;
}
.payment__dgft-caption {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.payment__dgft-caveat {
  color: #00A3D6;
  font-size: 1.25rem;
  margin-top: 1.5rem;
}
.payment__caution {
  line-height: 1.5;
  margin: 0 auto 1.5rem;
  padding: 0.5rem 1rem;
  background: #FFF16E;
}

.pdf {
  font-size: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background-color: #fff;
  min-width: auto;
  height: auto;
  min-height: auto;
}
@media print {
  .pdf {
    height: auto !important;
    min-height: auto !important;
  }
}
.pdf tr:hover {
  background-color: transparent;
}
.pdf__inner {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 36px;
}
.pdf__title {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin: 0 0 30px 0;
}
.pdf__brackets {
  font-size: 10px;
}

.pdf__head {
  margin-bottom: 20px;
  border-top: solid 5px #333333;
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pdf__head h1 {
  width: 80%;
  margin: 10px 0 0 20px;
  text-indent: 0;
}
.pdf__head img {
  max-width: 200px;
  height: auto;
  vertical-align: middle;
  margin-bottom: 10px;
}
.pdf__head p {
  font-weight: bold;
  margin: 10px 20px 0 0;
  font-size: 16px;
  width: 20%;
  text-align: right;
}

.pdf__info-dear {
  font-weight: bold;
  font-size: 20px;
}
.pdf__info-dear span {
  padding: 5px 5%;
  border-bottom: 2px solid #333333;
}
.pdf__info-company {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 5%;
}
.pdf__info-payee {
  min-width: 50%;
  max-width: 65%;
  margin-top: 20px;
}
.pdf__info-payee th {
  padding: 5px;
  vertical-align: middle;
  width: 20%;
}
.pdf__info-payee td {
  padding: 5px 10px;
  width: 80%;
}
.pdf__info-uhs {
  margin-right: 1%;
  font-size: 12px;
}
.pdf__info-uhs--name {
  font-size: 14px;
  font-weight: bold;
}

.pdf__payment {
  margin: 60px auto 30px auto;
  text-align: center;
  display: table;
  min-width: 70%;
}
.pdf__payment dl {
  width: 100%;
  line-height: 100%;
  white-space: nowrap;
  display: table;
}
.pdf__payment dl dt, .pdf__payment dl dd {
  display: table-cell;
  border: 2px solid #333333;
  padding: 12px 30px;
  white-space: nowrap;
}
.pdf__payment dl dt {
  width: 40%;
  font-weight: 500;
  font-size: 18px;
  background-color: #333333;
  color: #ffffff;
}
.pdf__payment dl dd {
  font-weight: 600;
  font-size: 22px;
}
.pdf__payment p {
  text-align: right;
  width: 100%;
  font-size: 12px;
}

.pdf__bottom {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pdf__bottom-bank {
  width: 45%;
  margin-top: 2rem;
}
.pdf__bottom-bank--h {
  border-bottom: 2px solid #333333;
  margin-top: 2rem;
  font-weight: bold;
  font-size: 16px;
  padding-left: 5px;
}
.pdf__bottom-bank--table {
  margin: 0.5rem 0.25rem;
}
.pdf__bottom-bank--table th, .pdf__bottom-bank--table td {
  padding-bottom: 0.25rem;
}
.pdf__bottom-bank--table th {
  color: #888888;
  width: 80px;
  white-space: nowrap;
}
.pdf__bottom-bank--p {
  margin: 0.5rem 0.25rem;
}
.pdf__bottom-bank--attn {
  margin: -0.5rem -60% 0.5rem 0.25rem;
  font-size: 10px;
}
.pdf__bottom-uhs {
  margin-top: auto;
  width: 120px;
}

.pdf-ad__breakdown--h {
  text-align: center;
  margin-bottom: 0.5rem;
}
.pdf-ad__breakdown--items {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pdf-ad__breakdown--items table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  width: 55%;
}
.pdf-ad__breakdown--items table th, .pdf-ad__breakdown--items table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-ad__breakdown--items table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-ad__breakdown--items table td {
  padding: 1%;
}
.pdf-ad__breakdown--items table th {
  width: 30%;
  font-size: 12px;
}
.pdf-ad__breakdown--items table th:first-child {
  width: 40%;
}
.pdf-ad__breakdown--items table:last-child {
  width: 42%;
}
.pdf-ad__breakdown--total {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  margin-top: 1rem;
}
.pdf-ad__breakdown--total th, .pdf-ad__breakdown--total td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-ad__breakdown--total th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-ad__breakdown--total td {
  padding: 1%;
}
.pdf-ad__breakdown--total th {
  width: 33%;
}
.pdf-ad__breakdown--total-commission th {
  width: 25%;
}
.pdf-ad__monthly-h {
  border-bottom: 2px solid #333333;
  margin-top: 2rem;
  padding-left: 5px;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pdf-ad__monthly-h--month {
  font-weight: bold;
  font-size: 16px;
}
.pdf-ad__monthly-h--invoice {
  font-size: 12px;
}
.pdf-ad__monthly-h--invoice img {
  width: 18px;
  height: 18px;
  margin-top: -2px;
  vertical-align: middle;
}
.pdf-ad__monthly-app {
  margin-left: 5%;
  margin-top: 0.5rem;
}
.pdf-ad__monthly-app--name {
  font-weight: bold;
  font-size: 16px;
}
.pdf-ad__monthly-app--table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}
.pdf-ad__monthly-app--table th, .pdf-ad__monthly-app--table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-ad__monthly-app--table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-ad__monthly-app--table td {
  padding: 1%;
}
.pdf-ad__monthly-app--table th {
  font-size: 11px;
}
.pdf-ad__monthly-app--table td {
  font-size: 12px;
}
.pdf-ad__monthly-subtotal {
  width: 60%;
  margin-left: 40%;
}
.pdf-ad__monthly-subtotal--h {
  margin-top: 0.5rem;
  font-size: 13px;
}
.pdf-ad__monthly-subtotal--table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}
.pdf-ad__monthly-subtotal--table th, .pdf-ad__monthly-subtotal--table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-ad__monthly-subtotal--table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-ad__monthly-subtotal--table td {
  padding: 1%;
}
.pdf-ad__monthly-subtotal--table th {
  font-size: 12px;
}
.pdf-ad__monthly-subtotal--table td {
  width: 50%;
}

.pdf-sales__breakdown table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  margin: 0 auto;
}
.pdf-sales__breakdown table th, .pdf-sales__breakdown table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-sales__breakdown table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-sales__breakdown table td {
  padding: 1%;
}
.pdf-sales__subtotal {
  width: 50%;
  margin: 40px 0 0 50%;
}
.pdf-sales__subtotal table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
}
.pdf-sales__subtotal table th, .pdf-sales__subtotal table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
  white-space: nowrap;
}
.pdf-sales__subtotal table th {
  text-align: center;
  background-color: #EAEAEA;
  padding: 5px 0;
  font-size: 13px;
}
.pdf-sales__subtotal table td {
  padding: 1%;
}
.pdf-sales__subtotal table th {
  width: 45%;
}
.pdf-sales__subtotal table td {
  width: 55%;
}
.pdf-sales__subtotal--bank {
  margin: 40px 0 -110px 50%;
}

/*　UHS側　*/
/*------　一覧　------*/
.permission .c-table--authority {
  width: 15%;
}
.permission .c-table--explanation {
  width: auto;
}
.permission .c-table--people {
  width: 4%;
}
.permission .c-table--date {
  width: 15%;
}

/*------　権限管理設定　------*/
.permission dd.c-form-system--name input, .permission dd.c-form-system--note input {
  width: 100%;
}
.permission dd.c-form-system--routes label {
  display: block;
  margin-top: 1rem;
}

/*　共通　*/
/*------　ご利用料金　------*/
.price__h3 {
  margin-top: 2rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.price__h4 {
  margin: 1rem 0;
  font-weight: bold;
}
.price__block {
  font-size: 0.875rem;
  margin-left: 2rem;
}
.price dt {
  font-weight: normal;
}

/*　共通　*/
/*------　アカウント設定　------*/
.profile__list dd {
  display: inline-flex;
  justify-content: space-between;
}
.profile__list-bounce-text, .profile__list-otp-text {
  display: block;
  font-weight: normal;
  font-size: 0.75rem;
  color: #00A3D6;
}
.profile__list .c-tooltip:hover::before {
  width: 300px;
  left: 30%;
  transform: translateX(-30%);
}
.profile__list .c-button {
  min-width: 120px;
  padding: 12px 0.5rem;
  margin-left: 0.5rem;
}
.profile__bounce-button {
  background: #ffffff;
  padding: 3px 6px;
  border: 1px solid #333333;
  border-radius: 2px;
  color: #333333;
  line-height: 100%;
}
.profile__bounce-button:hover {
  background: #DBE7EB;
  opacity: 1;
}

/*事業者側*/
.register {
  position: relative;
  max-width: 800px;
  text-align: center;
  margin: 1.5rem auto;
  z-index: 2;
}
.register__logo {
  width: 80%;
  margin: 0 auto;
}
.register__title {
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 0.5rem;
}
.register__dgft-list {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  margin-top: 1.5rem;
}
.register__dgft-list p {
  margin-bottom: 0.5rem;
}
.register__dgft-list ul {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
  width: 40%;
}
.register__dgft-list ul li img {
  max-width: 80px;
  max-height: 30px;
}
.register__dgft-caption {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.register__dgft-caveat {
  color: #00A3D6;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 1.5rem;
}
.register dl {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #cccccc;
}
.register dl dt {
  width: 40%;
  /*display: inline-flex;*/
  align-items: center;
  padding: 1rem;
  background: #F8F8F8;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.register dl dt:first-of-type {
  border-top: 0;
}
.register dl dd {
  width: 60%;
  align-items: center;
  padding: 1rem;
  border-top: 1px solid #cccccc;
}
.register dl dd:first-of-type {
  border-top: 0;
}
.register dl dd #invoice_reference {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  margin-left: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  background: #333333;
}
.register .c-form dt {
  margin-top: 0;
}
.register .c-button-single {
  justify-content: center;
}

/*　UHS側　*/
/*------　一覧　------*/
.service .c-table--icon {
  width: 10%;
}
.service .c-table--banner {
  width: 20%;
}
.service .c-table--desc {
  width: 30%;
}

/*------　編集　------*/
.service dd.c-form-system--name input {
  width: 100%;
}
.service dd.c-form-system--note textarea {
  width: 100%;
  height: 200px;
}

/*　共通　*/
/*------　一覧　------*/
.support .c-table {
  font-size: 0.75rem;
}
.support .c-table--inquiry-number {
  width: 10%;
}
.support .c-table--company {
  width: 15%;
}
.support .c-table--category {
  width: 18%;
}
.support .c-table--category-admin {
  width: 15%;
}
.support .c-table--date {
  width: 15%;
}
.support .c-table--staff {
  width: 8%;
  padding-right: 0;
}
.support .c-table--status {
  width: 8%;
}
.support .c-table--subject {
  width: auto;
}
.support .c-table--subject a {
  text-decoration: underline;
  display: block;
  font-size: 0.875rem;
}
.support .c-table--subject a:hover {
  text-decoration: none;
}
.support .c-table .listTableContents.unread {
  background: #E2F8FF;
}
.support .c-table .listTableContents.unread a {
  font-weight: bold;
}

/*------　詳細　------*/
.support-detail dl {
  border: 1px solid #cccccc;
}
.support-detail dl dd {
  padding: 1.5rem;
}
.support-detail dl dd a {
  text-decoration: underline;
}
.support-detail dl dd a:hover {
  text-decoration: none;
}
.support-detail__title {
  font-weight: bold;
  margin-bottom: 1rem;
}
.support-detail__category {
  color: #ffffff;
  font-weight: normal;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: #333333;
}
.support-detail__date {
  font-weight: normal;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
.support-detail__head {
  padding: 1rem;
  background: #F8F8F8;
}
.support-detail__head--admin {
  background: #DBE7EB;
}
.support-detail__company {
  font-size: 0.75rem;
  margin-right: 0.25rem;
  background: #333333;
  border: 1px solid #333333;
  color: #ffffff;
  padding: 0.5rem;
}
.support-detail__company--admin {
  background: #ffffff;
  border: 1px solid #281795;
  color: #281795;
}
.support-detail__contents--history {
  max-width: 800px;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background: #ffffff;
}
.support-detail__contents--history dl {
  margin-bottom: 1.5rem;
}
.support-detail__contents--history dl:last-child {
  margin-bottom: 0;
}
.support-detail__contents--new dl {
  margin-top: 1.5rem;
  border: 4px solid #ccc;
}
.support-detail.c-form-system--sender {
  display: inline-table;
  vertical-align: middle;
}
.support-detail.c-form-system--subject input {
  width: 100%;
}
.support-detail.c-form-system--body textarea {
  width: 100%;
  min-height: 200px;
}
.support-detail.c-form-system--sender input {
  width: 60%;
}

/*　事業者側　*/
/*------　一覧　------*/
.support .c-search-wrap .c-form dl dt {
  width: 22%;
}

/*　UHS側　*/
/*------　一覧　------*/
.support__list-info {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin: 1.5rem 0 0.5rem;
}
.support__list-info a {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  font-size: 0.75rem;
  padding: 0.5rem;
  border-radius: 4px;
  background: #333333;
}
.support__list-info a:hover {
  text-decoration: none;
}

/*------　お問い合わせカテゴリー一覧　------*/
.support-category .c-table--order {
  width: 10%;
}
.support-category .c-table--category {
  width: auto;
}

/*一覧*/
.totp__setting {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.totp__setting .c-button {
  margin-left: 1rem;
}
.totp__setting-type {
  max-width: 880px;
}
.totp__setting-type dt {
  width: 12%;
  display: inline-flex;
}
.totp__setting-type dd {
  width: 88%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.totp__setting-type--radio label, .totp__setting-type--radio input {
  cursor: pointer;
}
.totp__setting-type--button {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.totp__setting-type--button li {
  white-space: nowrap;
  margin-left: 1rem;
}
.totp__download-app {
  list-style-type: decimal;
  margin: 1rem 0 0 0;
}
.totp__download-app li {
  font-weight: bold;
  padding: 1.5rem 0;
  border-top: 1px solid #cccccc;
  list-style-position: inside;
}
.totp__download-app li:first-child {
  padding-top: 0;
}
.totp__download-app li:first-child {
  border-top: 0;
}
.totp__download-app li span {
  display: block;
  margin-top: 0.5rem;
}
.totp__download-app-badge {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 500px;
  margin-top: 1rem;
}
.totp__download-app-link {
  font-weight: normal;
  font-size: 0.75rem;
  margin-top: 1rem;
}
.totp__download-app-link a {
  text-decoration: underline;
}
.totp__download-app-link a:hover {
  text-decoration: none;
}
.totp__step-mail {
  margin: 1rem 0 0 0;
}
.totp__step-mail li {
  font-weight: bold;
}
.totp__step-mail-resend {
  text-decoration: underline;
  font-weight: bold;
  vertical-align: unset;
}
.totp__step-mail-resend:hover {
  text-decoration: none;
}
.totp__backup {
  max-width: 1200px;
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: #ffffff;
}
.totp__backup .c-main__title-contents {
  font-weight: normal;
  color: #ffffff;
  padding: 0.5rem;
  background: #333333;
}
.totp__backup-codepanel {
  display: none;
  background: #F8F8F8;
  padding: 2rem;
}
.totp__backup-codepanel-generated-list {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
  background: #ffffff;
}
.totp__backup-codepanel-generated-list li {
  margin-right: 1.5rem;
}
.totp__backup-codepanel-generated-list li:last-child {
  margin-right: 0;
}
.totp__backup-codepanel-generated .c-button-double {
  justify-content: center;
}
.totp__backup-codepanel-generated .c-button-double li {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 4px;
}
.totp__backup-codepanel-generated .c-button-double li span {
  margin-left: 0.25rem;
}
.totp__backup-codepanel-attention {
  text-align: center;
  margin-top: 1.5rem;
}
.totp__backup-codepanel-newcode {
  margin-top: 1.5rem;
  text-align: center;
}
.totp__backup-codepanel .dialog-container {
  width: 50%;
}
.totp__backup-codepanel .c-button-double {
  justify-content: center;
}

.s-radio {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: none;
  min-width: 90%;
}
.s-radio label {
  cursor: pointer;
}
.s-radio label:has(input[type=radio]:disabled), .s-radio label:has(input[type=radio][readonly]) {
  cursor: default;
  pointer-events: none;
}
.s-radio__button {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 0.75rem;
  width: 100%;
  font-weight: bold;
  padding: 0.25rem 1.5rem 0.25rem 0;
  position: relative;
  cursor: pointer;
}
.s-radio__button::before, .s-radio__button::after {
  border-radius: 4px;
  content: "";
}
.s-radio__button::before {
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.s-radio__button::after {
  position: absolute;
  top: 50%;
  left: 9px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background-color: #4a92fe;
  transition: 0.25s;
  opacity: 0;
}
.s-radio__button:has(input[type=radio]:checked)::after {
  opacity: 1;
}
.s-radio__button:has(input[type=radio]:disabled)::before, .s-radio__button:has(input[type=radio][readonly])::before {
  background-color: #EEEEEE;
  cursor: default;
}
.s-radio input[type=radio] {
  display: none;
}
.s-radio input[type=radio]:disabled + .s-radio__button::before, .s-radio input[type=radio][readonly] + .s-radio__button::before {
  background-color: #EEEEEE;
  cursor: default;
}

.s-check {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 0.25rem 2rem 0.25rem 0;
}
.s-check label {
  vertical-align: middle;
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
.s-check label::before, .s-check label::after {
  content: "";
  vertical-align: middle;
  margin-top: -0.125rem;
  line-height: 1;
}
.s-check label::before {
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 0.1875rem;
  display: inline-block;
  margin-right: 0.5rem;
}
.s-check label::after {
  position: absolute;
  top: 8px;
  left: 1px;
  width: 16px;
  height: 8px;
  border-left: 0.15625rem solid #4a92fe;
  border-bottom: 0.15625rem solid #4a92fe;
  transform: rotate(-45deg);
  opacity: 0;
  transition: 0.3s;
}
.s-check input {
  display: none;
}
.s-check input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.s-check input:disabled + label, .s-check input[readonly] + label {
  cursor: default;
  pointer-events: none;
}
.s-check input:disabled + label::before, .s-check input[readonly] + label::before {
  background-color: #EEEEEE;
}

.s-copy {
  margin: 0.625rem 0 0.375rem 0;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.s-copy span {
  font-size: 0.75rem;
}
.s-copy__number {
  -webkit-user-select: all;
  user-select: all;
  background-color: #F8F8F8;
  border: 1px solid #cccccc;
  padding: 0.375rem;
  width: 100%;
}
.s-copy__number--long {
  width: 480px;
  display: inline-block;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
  border: none;
  padding: 0 0 0 0.25rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.s-copy__number--long span {
  font-size: 0.625rem;
  padding: 0 0.25rem 0 0;
}
.s-copy__button {
  position: absolute;
  right: 0.375rem;
  color: #333333;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.s-copy__button:hover {
  opacity: 0.8;
}
.s-copy__button--long {
  position: static;
  padding: 0 0.5rem;
  line-height: 1.5;
}
.s-copy__button--long::before {
  font-size: 1rem;
}
.s-copy__success {
  position: absolute;
  font-size: 0.875rem;
  background-color: rgba(51, 51, 51, 0.95);
  border-radius: 3px;
  color: #ffffff;
  text-align: center;
  padding: 2px 10px;
  z-index: 2;
  display: none;
  top: 105%;
  right: 0;
  white-space: nowrap;
}
.s-copy__success--adf {
  top: auto;
  right: -110px;
  bottom: 0.375rem;
}
.s-copy__success--long {
  right: -10%;
  top: -110%;
}

.s-zoom__dialog {
  width: 50%;
  outline: none;
}
.s-zoom__close {
  text-align: right;
  position: sticky;
  top: 0;
  height: 0;
}
.s-zoom__close span {
  cursor: pointer;
  padding: 10px;
  font-size: 30px;
  margin-top: -10px;
  margin-right: -10px;
}
.s-zoom__cursor {
  cursor: zoom-in;
}

.s-table {
  border-collapse: collapse;
  background-color: #ffffff;
  word-break: break-all;
  word-wrap: break-all;
}
.s-table th, .s-table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
}
.s-table th {
  text-align: center;
  background-color: #F2F2F2;
  padding: 1.2% 0;
}
.s-table td {
  padding: 1.2% 1%;
}

.s-number {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2% 0 0% 0;
  font-size: 0.875rem;
}

.s-search__radio {
  width: auto;
  font-weight: normal;
  gap: 0 0.4375rem;
  padding: 0 1rem 0 0;
}
.s-search__input-number input[type=text] {
  width: 250px;
}
.s-search__check label {
  font-weight: normal;
  margin-bottom: 0;
}
.s-search .c-button {
  color: #ffffff;
  text-align: center;
  padding: 0.75rem 3rem;
  border-radius: 4px;
  background: #333333;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
  margin: 0.5rem 0;
  border: 1px solid #333333;
}
.s-search .c-button:hover {
  opacity: 0.8;
}
.s-search.c-search-wrap {
  margin-top: 0;
}
.s-search.c-search-wrap dl {
  margin-bottom: 1rem;
}
.s-search.c-search-wrap dl dt {
  font-size: 0.875rem;
}
.s-search.c-search-wrap label {
  margin-bottom: 0;
}
.s-search.c-search-wrap__label {
  padding: 0.125rem 0.625rem;
  transition: all 0.1s ease;
}
.s-search.c-search-wrap__label:hover {
  background: #cccccc;
  color: #333333;
}
.s-search.c-search-wrap__label:has(input:checked):hover {
  background: #333333;
  color: #ffffff;
}
.s-search.c-search-wrap .c-button {
  padding: 0.5rem 2rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.s-history__table {
  margin-top: 1rem;
}
.s-history__table thead {
  position: sticky;
  top: calc(2.25rem - 1px);
  left: 0;
  z-index: 1;
  background-color: #ffffff;
}
.s-history__table thead th {
  vertical-align: middle;
  padding: 0;
}
@media screen and (max-width: 1280px) {
  .s-history__table thead th {
    font-size: 0.6875rem;
  }
}
.s-history__table td {
  padding: 1rem 0.25rem;
  font-size: 0.75rem;
}
@media screen and (max-width: 1280px) {
  .s-history__table td {
    font-size: 0.6875rem;
  }
}
.s-history__table--nowrap {
  white-space: nowrap;
}

.s-report__bg {
  padding: 0.25rem 1.5rem 3rem;
  background-color: #ffffff;
  box-shadow: 0 0 10px #D9D9D9;
  border-radius: 4px;
}
.s-report__total {
  margin: 2rem 0;
  font-weight: bold;
}
.s-report__total--date {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.s-report__total--total {
  font-size: 2rem;
  color: #4a92fe;
  margin: 0 0.5rem 0.5rem;
  transform: scale(1, 1.05);
}
.s-report__total--box {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}
.s-report__total--box dl {
  background-color: #ECF6FF;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
  border-radius: 1rem;
  min-width: 250px;
}
.s-report__total--box dt {
  font-size: 0.875rem;
}
.s-report__total--box dt span {
  font-size: 0.75rem;
}
.s-report__total--box dd {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: end;
  -ms-justify-content: end;
  -webkit-justify-content: end;
  margin-left: auto;
  font-size: 1rem;
}
.s-report__table {
  border-collapse: separate;
  border-spacing: 0;
  border: none;
  white-space: nowrap;
  margin-top: 1.5rem;
}
.s-report__table th {
  position: sticky;
  top: calc(2.25rem - 1px);
  left: 0;
  z-index: 1;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  border: none;
}
.s-report__table td {
  padding: 0.5rem 1rem;
  border: none;
}
.s-report__table tbody tr:nth-child(even) {
  background: #F2F2F2;
}
.s-report__table tbody tr:only-child {
  background: #F2F2F2;
}
.s-report__chart {
  width: 100%;
  height: 250px;
  border: 1px solid #cccccc;
}
.s-report__chart svg [filter] {
  filter: none;
}
.s-report__chart svg path {
  stroke-width: 2;
}
.s-report__pagination {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  margin-top: 1rem;
}
.s-report__pagination ul {
  width: calc(100% - 300px);
  margin-top: 0;
}
.s-report__pagination li {
  cursor: pointer;
}
.s-report__pagination li.active .page {
  color: #ffffff;
}
.s-report__pagination--number {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 380px;
  font-size: 0.75rem;
}

.s-analysis__table {
  margin-top: 1rem;
}
.s-analysis__table thead {
  position: sticky;
  top: calc(2.25rem - 1px);
  left: 0;
  z-index: 1;
  background-color: #ffffff;
}
.s-analysis__table thead th {
  vertical-align: middle;
  padding: 0;
}
.s-analysis__table td {
  padding: 1rem 0.5rem;
  font-size: 0.75rem;
}
.s-analysis__table tr .s-analysis__table--apps {
  width: 25%;
  padding-left: 10px;
}
.s-analysis__table tr .s-analysis__table--request {
  width: 15%;
  padding-right: 10px;
}
.s-analysis__table tr .s-analysis__table--rate {
  width: 15%;
  padding-right: 10px;
}

.s-rating__head {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3rem 0 1rem;
}
.s-rating__head:first-child {
  margin-top: 0;
}
.s-rating__head--h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.s-rating__head--a {
  color: #ffffff;
  text-align: center;
  padding: 0.625rem 1rem;
  border-radius: 4px;
  background: #333333;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
  margin-left: 1rem;
}
.s-rating__table--rate {
  width: 20%;
}
.s-rating__table--month {
  width: 40%;
}
.s-rating__table--delete {
  width: 70px;
}
.s-rating__error {
  display: block;
  color: #00A3D6;
  font-size: 0.75rem;
}
.s-rating__cap {
  font-size: 0.875rem;
}
.s-rating__initial {
  width: 140px;
  background-color: #eee;
  pointer-events: none;
  color: #777;
}
.s-rating .c-button--submit {
  color: #ffffff;
  text-align: center;
  padding: 0.75rem 3rem;
  border-radius: 4px;
  background: #333333;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
  margin: 0.5rem 0;
  border: 1px solid #333333;
  margin-top: 1.5rem;
}
.s-rating .c-button--submit:hover {
  opacity: 0.8;
}
.s-rating .c-table {
  border-collapse: collapse;
  background-color: #ffffff;
  word-break: break-all;
  word-wrap: break-all;
}
.s-rating .c-table th, .s-rating .c-table td {
  border: 1px solid #cccccc;
  vertical-align: middle;
}
.s-rating .c-table th {
  text-align: center;
  background-color: #F2F2F2;
  padding: 1.2% 0;
}
.s-rating .c-table td {
  padding: 1.2% 1%;
}
.s-rating .c-table th {
  color: #333333;
}
.s-rating .c-table tr:nth-child(even) {
  background-color: #ffffff;
}
.s-rating .c-table a {
  font-size: 0.875rem;
  text-decoration: underline;
}
.s-rating .c-table a.c-button {
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0.5rem;
  border-radius: 4px;
  background: #333333;
  font-weight: bold;
  line-height: 1;
  font-size: 0.75rem;
  text-decoration: none;
  cursor: pointer;
  margin: 0 0;
  border: 1px solid #333333;
}
.s-rating .c-table a.c-button:hover {
  opacity: 0.8;
}

.s-apps__menu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin: 0 1.5rem;
}
.s-apps__menu li a {
  display: inline-block;
  padding: 4px 1.5rem;
  font-weight: bold;
}
.s-apps__menu li a.is-active {
  border-bottom: 3px solid #333333;
}
.s-apps__contents {
  border: 1px solid #666666;
  padding: 1.5%;
  background-color: #ffffff;
}

.s-doc {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.s-doc__content {
  width: calc(100% - 250px);
  background-color: #ffffff;
  padding: 1.5rem;
  box-shadow: 0 0 4px #EEEEEE;
  border-radius: 4px;
}
@media screen and (min-width: 1920px) {
  .s-doc__content {
    width: calc(100% - 280px);
  }
}
.s-doc__attention {
  color: #EF1515;
}
.s-doc__attention--frame {
  color: #FF5D45;
  padding: 0.5rem;
  border: 2px solid #FF5D45;
  display: inline-block;
}
.s-doc__section {
  max-width: 1200px;
  margin-top: 80px;
  font-size: 1rem;
}
.s-doc__section:first-child {
  margin-top: 0;
}
.s-doc__section h1 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
  border-bottom: 2px solid #333333;
}
.s-doc__section h2 {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.s-doc__section h3 {
  font-weight: bold;
  font-size: 1.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.s-doc__section h4 {
  font-size: 1.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.s-doc__section h5, .s-doc__section h6 {
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.s-doc__section p {
  margin: 1rem 0;
}
.s-doc__section p a {
  text-decoration: underline;
}
.s-doc__section p a:hover {
  color: #2ABFA4;
}
.s-doc__section figcaption {
  color: #888888;
  font-size: 0.75rem;
}
.s-doc__section table {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 4px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1536px) {
  .s-doc__section table {
    font-size: 0.75rem;
  }
}
.s-doc__section table th, .s-doc__section table td {
  padding: 0.25rem 0.5rem;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
}
.s-doc__section table th:last-child, .s-doc__section table td:last-child {
  border-right: none;
}
.s-doc__section table tbody tr:last-child th, .s-doc__section table tbody tr:last-child td {
  border-bottom: none;
}
.s-doc__section table th {
  background-color: #EEEEEE;
  font-weight: bold;
}
.s-doc__section table tr:nth-child(even) td {
  background: #F8F8F8;
}
.s-doc__section table code {
  background-color: #eef;
  padding: 3px 6px;
  border-radius: 4px;
  font-family: "Courier New", Courier, monospace;
}
.s-doc__section ul {
  list-style-type: disc;
  padding: 0.25rem;
  margin-left: 1rem;
}
.s-doc__section ul li::marker {
  color: #cccccc;
  margin-right: 0;
}
.s-doc__section ul ul {
  list-style-type: circle;
  margin-left: 1rem;
}
.s-doc__section-flex {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.s-doc__section-flex-image {
  width: 32%;
  max-width: 450px;
  margin-right: 1.5rem;
}
.s-doc__section-flex-image + * {
  flex: 1;
}
.s-doc__section-highlight {
  background-color: rgba(255, 93, 69, 0.3);
  padding: 0.125rem 0;
}
.s-doc__section-bg {
  background-color: #F2F2F2;
  padding: 1rem 1.5rem 1.5rem;
}
.s-doc__section-bg h3 {
  font-weight: normal;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #666666;
}
.s-doc__section-bg h4 {
  font-size: 1rem;
  padding-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.s-doc__section-bg-title {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #666666;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}
.s-doc__section-bg-title h3 {
  border-bottom: 0;
  margin-bottom: 0;
}
.s-doc__section-bg-title p {
  background-color: #ffffff;
  margin: 0;
  font-size: 0.75rem;
  padding: 0 0.5rem;
}
.s-doc__section-link {
  text-align: right;
  margin: 1rem 0 0;
  font-size: 0.875rem;
}
.s-doc__section-link a {
  background-color: #ffffff;
  border: 2px solid #333333;
  border-radius: 4px;
  line-height: 100%;
  padding: 1rem 1.5rem;
  font-weight: bold;
  display: inline-block;
}
.s-doc__section-link a:hover {
  color: #333333;
  background-color: rgba(42, 191, 164, 0.5);
  opacity: 1;
}
.s-doc__section-link a:after {
  font-family: "Material Symbols Outlined";
  content: "\e89e";
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 100, "opsz" 24;
  margin-left: 0.5rem;
  margin-top: -0.125rem;
  vertical-align: top;
}
.s-doc__section-img--center {
  text-align: center;
}
.s-doc__section-img--border {
  border: 1px solid #666666;
  display: block;
}
.s-doc__section-img--30 {
  max-width: 350px;
  width: 30%;
}
.s-doc__section-img--40 {
  max-width: 450px;
  width: 40%;
}
.s-doc__section-img--50 {
  max-width: 500px;
  width: 50%;
}
.s-doc__section-img--60 {
  max-width: 768px;
  width: 60%;
}
.s-doc__section-img--70 {
  max-width: 980px;
  width: 70%;
}
.s-doc__section-img--80 {
  max-width: 1024px;
  width: 80%;
}
.s-doc__section-img--90 {
  max-width: 1280px;
  width: 90%;
}
.s-doc__toc {
  width: 230px;
  max-height: 100%;
  background-color: #ffffff;
  padding: 1rem;
  box-shadow: 0 0 4px #EEEEEE;
  border-radius: 4px;
  font-size: 0.75rem;
  margin-left: auto;
  overflow-y: auto;
}
.s-doc__toc::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.s-doc__toc::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #EEEEEE;
}
.s-doc__toc::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(42, 191, 164, 0.4);
}
@media screen and (min-width: 1920px) {
  .s-doc__toc {
    font-size: 0.875rem;
    width: 260px;
  }
}
.s-doc__toc > ol {
  position: relative;
}
.s-doc__toc > ol ol {
  padding-left: 0.5rem;
}
.s-doc__toc > ol ol li a {
  padding: 0.25rem 0 0.25rem 1.5rem;
  line-height: 120%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.s-doc__toc > ol ol li a::before {
  display: none;
}
.s-doc__toc > ol::before {
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 6px;
  width: 2px;
  content: "";
  background: #EEEEEE;
  border-radius: 0 0 5px 5px;
}
.s-doc__toc li a {
  color: #666666;
  padding: 0.25rem 0 0.25rem 0.5rem;
  display: block;
  height: 100%;
  padding-left: 20px;
  position: relative;
}
.s-doc__toc li a::before {
  content: "";
  background-color: #cccccc;
  display: inline-block;
  width: 14px;
  height: 14px;
  left: 0;
  top: 6px;
  position: absolute;
  border-radius: 50%;
  border: 4px solid #ffffff;
}
.s-doc__toc li a:hover {
  color: #2ABFA4;
  opacity: 1;
}
.s-doc__toc.is-position-fixed {
  position: fixed;
  top: 2.25rem;
  right: 2rem;
}
.s-doc__toc .is-collapsible {
  max-height: 1000px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}
.s-doc__toc .is-collapsed {
  max-height: 0;
}
.s-doc__toc .is-active-link {
  color: #333333;
  font-weight: bold;
}
.s-doc__toc .is-active-link::before {
  background-color: #2ABFA4;
}
.s-doc__toc li:has(.is-active-link) a::before {
  background-color: #2ABFA4;
}
.s-doc__toc li:has(.is-active-link) li:has(.is-active-link) {
  position: relative;
}
.s-doc__toc li:has(.is-active-link) li:has(.is-active-link)::before {
  position: absolute;
  left: -2px;
  top: 4px;
  width: 2px;
  height: 14px;
  content: "";
  background-color: #2ABFA4;
  border-radius: 0 0 5px 5px;
}
.s-doc__box-list {
  width: fit-content;
  min-width: 50%;
  max-width: 80%;
  border: 1px solid #333333;
  padding: 1rem 1.5rem;
}
.s-doc__box-list:is(ul) {
  list-style: none;
  padding: 1rem 1.5rem;
  margin-left: 0;
}
.s-doc__box-list li {
  border-bottom: 1px solid #dddddd;
  padding: 0.5rem 0;
}
.s-doc__box-list li:first-child {
  padding-top: 0;
}
.s-doc__box-list li:last-child {
  border: 0;
  padding-bottom: 0;
}
.s-doc__box-list li span {
  background-color: #333333;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  margin-right: 0.5rem;
}
.s-doc__process {
  list-style: none;
  counter-reset: list-counter;
  padding: 0;
}
.s-doc__process li {
  position: relative;
  padding: 1rem 0.5rem 1rem 46px;
  border-bottom: 1px solid #dddddd;
  counter-increment: list-counter;
}
.s-doc__process li::before {
  position: absolute;
  width: 46px;
  left: 0;
  top: 8px;
  text-align: center;
  content: counter(list-counter);
  color: #FF5D45;
  font-size: 24px;
  font-weight: bold;
  font-family: "Arial", sans-serif;
}
.s-doc__dotted {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}
.s-doc__dotted dt {
  width: 25%;
  max-width: 250px;
  font-weight: normal;
}
.s-doc__dotted dd {
  width: 75%;
  padding: 0.25rem 0.5rem;
  border: 1px dotted #cccccc;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.s-doc__select-all {
  user-select: all;
}

.s-rating-label {
  font-weight: bold;
  font-size: 0.625rem;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  letter-spacing: normal;
  line-height: 100%;
  padding: 0.15rem 0.25rem 0.25rem;
  white-space: nowrap;
}
.s-rating-label:before {
  display: block;
  letter-spacing: -0.02rem;
  padding-top: 0.1rem;
}
.s-rating-label span {
  padding-left: 0.05rem;
}
.s-rating-label--mild {
  color: #888888;
  border: solid 1px #888888;
}
.s-rating-label--mild:before {
  content: "13";
}
.s-rating-label--moderate {
  color: #56b649;
  border: solid 1px #56b649;
}
.s-rating-label--moderate:before {
  content: "16";
}
.s-rating-label--strict {
  color: #eb5479;
  border: solid 1px #eb5479;
}
.s-rating-label--strict:before {
  content: "18";
}

.s-label--target-age {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
  letter-spacing: -0.02rem;
  color: #888888;
  font-size: 0.75rem;
  letter-spacing: normal;
}
.s-label--target-age__moderate {
  color: #56b649;
}
.s-label--target-age__strict {
  color: #eb5479;
}

/*----- augury common -----*/
.augury {
  letter-spacing: 0.0625rem;
}
.augury__heading {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0.5rem 0 1.5rem 0;
}
.augury__cap {
  width: 100%;
  font-size: 0.875rem;
}
.augury__menu-setting {
  width: 100%;
  font-size: 0.875rem;
  background-color: #F2F2F2;
  padding: 0.25rem 0.5rem;
  margin: 0.5rem 0 1.5rem;
}
.augury__menu-setting--main::before {
  color: #F39800;
}
.augury__menu-setting--main span {
  background-color: #4a92fe;
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 100%;
}
@media screen and (max-width: 1920px) {
  .augury__menu-setting--main span {
    font-size: 0.5625rem;
    padding: 0.25rem 4px;
  }
}
@media screen and (max-width: 1536px) {
  .augury__menu-setting--main span {
    font-size: 0.5rem;
  }
}
.augury__menu-setting--sub {
  margin-right: 1rem;
}
.augury__menu-setting--sub::before {
  color: #48D075;
}
.augury__menu-setting--sub span {
  background-color: #4a92fe;
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 100%;
}
@media screen and (max-width: 1920px) {
  .augury__menu-setting--sub span {
    font-size: 0.5625rem;
    padding: 0.25rem 4px;
  }
}
@media screen and (max-width: 1536px) {
  .augury__menu-setting--sub span {
    font-size: 0.5rem;
  }
}
.augury__menu-setting p {
  width: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.augury__menu-setting a {
  text-decoration: underline;
}
.augury__menu-setting--attn {
  color: #00A3D6;
}
.augury__menu-setting--flex {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.augury__menu-setting:last-child {
  margin-bottom: 0.5rem;
}
.augury__menu-setting--adf {
  border: none;
}
.augury__menu-setting--adf dt {
  border: none;
  padding: 0;
  background-color: transparent;
  width: 11% !important;
  font-weight: normal;
}
.augury__menu-setting--adf dd {
  border: none;
  background-color: transparent;
  padding: 0;
  width: 89% !important;
}
.augury__table tbody tr:nth-child(even) {
  background: #ffffff;
}
.augury__table th {
  white-space: nowrap;
}
.augury__table td {
  padding: 1rem 0.5rem;
}
.augury__table--with td {
  padding: 0.5rem;
}
.augury__table--icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.augury__table--a {
  display: block;
}
.augury__table--id {
  width: 5%;
  padding: 0 !important;
  font-size: 0.75rem;
}
.augury__table--font-xs {
  font-size: 0.75rem;
}
.augury__table--delete {
  text-align: center;
}
.augury__table--delete a {
  display: block;
  white-space: nowrap;
}
.augury__table-price {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: solid 1px #dddddd;
  letter-spacing: -0.01rem;
}
.augury__table-price span {
  font-weight: bold;
}
.augury__flex {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.augury__flex-ai-center {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.augury__flex-center {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.augury__flex-sb {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.augury__env {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1rem;
}
.augury__env li a {
  background-color: #ffffff;
  padding: 0.25rem 1rem;
  border: 1px solid #333333;
  border-left: 0;
  display: block;
}
.augury__env li a:hover {
  background-color: #D9D9D9;
  opacity: 1;
}
.augury__env li:first-child a {
  border-left: 1px solid #333333;
  border-radius: 4px 0 0 4px;
}
.augury__env li:last-child a {
  border-radius: 0 4px 4px 0;
}
.augury__env li.is-active a {
  background-color: #333333;
  font-weight: bold;
  color: #ffffff;
}
.augury__attention {
  margin-top: 2rem;
  font-size: 0.75rem;
}
.augury__attention h5 {
  font-weight: bold;
  color: #888888;
}
.augury__attention ul {
  list-style: inside;
  padding: 0.25rem;
}
.augury__attention ul li::marker {
  color: #cccccc;
}
.augury__attention ul li ul {
  list-style: circle;
  margin-left: 1.5rem;
}
.augury .c-button {
  border: 1px solid #333333;
  margin: 0.5rem 0;
}
.augury .c-button--line {
  background: #ffffff;
  color: #333333;
  outline: 0;
}
.augury .c-button--back {
  color: #ffffff;
  text-align: center;
  padding: 0.75rem 3rem;
  border-radius: 4px;
  background: #333333;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
  margin: 0.5rem 0;
  border: 1px solid #333333;
  background: #ffffff;
  color: #333333;
}
.augury .c-button--back:hover {
  opacity: 0.8;
}
.augury .c-button:has(+ .c-button) {
  margin-right: 1rem;
}
.augury .c-definition dl {
  width: 100%;
}
.augury .c-definition dt {
  width: 27%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.augury .c-definition dd {
  width: 73%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.augury .c-definition.c-max-width--1000 dt {
  width: 23%;
}
.augury .c-definition.c-max-width--1000 dd {
  width: 77%;
}
.augury .c-form-preset--images ul {
  counter-reset: number 0;
  width: 100%;
}
.augury .c-form-preset--images ul:has(> :nth-child(4)) {
  margin-bottom: 3%;
}
.augury .c-form-preset--images ul:has(> :nth-child(4)) li {
  margin-top: 3%;
}
.augury .c-form-preset--images li {
  width: 31%;
  margin-right: 2%;
  position: relative;
}
.augury .c-form-preset--images li::before {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  font-weight: bold;
}
.augury .c-form-preset--images li img {
  padding: 0.5rem;
}
.augury .c-form-preset--images label {
  display: block;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.augury .c-form-preset--images label input[type=radio] + span {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem 0;
  gap: 0;
  margin: 0;
}
.augury .c-form-preset--images label input[type=radio] + span::after {
  left: 50%;
}
.augury .c-form-preset--images label input[type=radio]:checked + span::after {
  opacity: 1;
}
.augury .c-table {
  margin: 1.5rem 0;
}
.augury .c-table td {
  line-height: 1.2;
}
.augury .c-dialog {
  min-width: 300px;
  max-width: 500px;
  border-radius: 8px;
  padding: 20px;
}
.augury .c-dialog__header {
  margin-bottom: 4px;
}
.augury .c-dialog__header-close {
  margin-top: -12px;
  margin-right: -12px;
}
.augury .c-dialog ul {
  margin-top: 22px;
  margin-bottom: 6px;
}
.augury .c-dialog ul li {
  margin: 0;
  width: 47%;
}
.augury .c-dialog ul li:nth-child(2) {
  margin-left: 6%;
}
.augury .c-dialog ul li button {
  padding: 12px 0;
  width: 100%;
  font-size: 0.75rem;
  margin: 0;
}
.augury .c-complete-action {
  animation: late-close 0.5s ease-out 5s forwards;
}
@keyframes late-close {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.augury__image-zoom-relative {
  position: relative;
}

.augury-contents__release-head {
  background-color: #00A3D6;
  padding: 0.5rem;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 1rem;
}
.augury-contents__release-head a {
  color: #ffffff;
  text-decoration: underline;
  margin: 0 0.5rem;
}
.augury-contents__status-guide {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.augury-contents__status-guide dt {
  width: 80px;
  text-align: center;
}
.augury-contents__status-guide dd {
  width: calc(100% - 80px);
  font-size: 12px;
  padding-top: 4px;
}
.augury-contents__status--providing {
  color: #ffffff;
  padding: 0.25rem 6px;
  border-radius: 4px;
  font-size: 10px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  background-color: #2ABFA4;
}
.augury-contents__status--preparing {
  color: #ffffff;
  padding: 0.25rem 6px;
  border-radius: 4px;
  font-size: 10px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  background-color: #F39800;
}
.augury-contents__status--disable {
  color: #ffffff;
  padding: 0.25rem 6px;
  border-radius: 4px;
  font-size: 10px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  background-color: #666666;
  color: #ffffff;
}
.augury-contents__status--finished {
  color: #ffffff;
  padding: 0.25rem 6px;
  border-radius: 4px;
  font-size: 10px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2;
  background-color: #D9D9D9;
  color: #666666;
}
.augury-contents__provide-button {
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0.25rem;
}
.augury-contents__block {
  margin: 1rem auto;
}
.augury-contents__number {
  margin-left: 0.5rem;
  font-size: 0.75rem;
}
.augury-contents__view {
  border-top: none;
  background-color: #EEEEEE !important;
  font-size: 0.75rem;
}
.augury-contents__view td {
  padding: 1rem 5%;
}
.augury-contents__view td h5 {
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.augury-contents__view-button {
  font-size: 0.75rem;
  border: 1px solid #333333;
  background: #ffffff;
  color: #333333;
  border-radius: 4px;
  padding: 0.25rem 0 0.25rem 1rem;
  text-align: center;
  margin-left: 0.25rem;
  cursor: pointer;
}
.augury-contents__view-button:hover {
  background-color: #D9D9D9;
}
.augury-contents__view-button span {
  width: 55px;
  text-align: center;
}
.augury-contents__view-button span::after {
  transition: all 0.3s;
}
.augury-contents__view-button.is-active span::after {
  transform: rotate(180deg);
}
.augury-contents__view-button--all {
  padding: 0.25rem 1rem;
}
.augury-contents__view-button--all::after {
  content: "開く";
}
.augury-contents__view-button--all.is-active::after {
  content: "閉じる";
}
.augury-contents__view-list {
  background-color: #ffffff;
  width: 49%;
  margin: 1rem 2% 0.5rem 0;
  padding: 0.5rem 1rem;
}
.augury-contents__view-list:last-child {
  margin-right: 0;
}
.augury-contents__view-list--yes {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.augury-contents__view-list--yes::before {
  color: #00A3D6;
  font-weight: bold;
  content: "無料";
  margin-right: 0.5rem;
}
.augury-contents__view-list--no {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.augury-contents__view-list--no::before {
  color: #00A3D6;
  font-weight: bold;
  content: "有料";
  margin-right: 0.5rem;
}
.augury-contents__view-list--daily {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.augury-contents__view-list--daily::before {
  color: #00A3D6;
  font-weight: bold;
  content: "毎日";
  margin-right: 0.5rem;
}
.augury-contents__view-list--reward {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.augury-contents__view-list--reward::before {
  color: #00A3D6;
  font-weight: bold;
  content: "リワード";
  margin-right: 0.5rem;
}
.augury-contents__view-list--img {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  gap: 2%;
}
.augury-contents__view .c-button {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
}
.augury-contents__table {
  border-bottom: 1px solid #cccccc;
}
.augury-contents__table--tr {
  border-top: 1px solid #cccccc;
}
.augury-contents__table--tr:first-child {
  border-top: none;
}
.augury-contents__table--status {
  width: 8%;
  text-align: center;
  padding: 0 !important;
}
.augury-contents__table--teller a {
  text-decoration: none;
  flex-grow: 1;
}
.augury-contents__table--teller a h3 {
  text-decoration: underline;
}
.augury-contents__table--teller a:hover {
  opacity: 1;
}
.augury-contents__table--teller a:hover h3 {
  text-decoration: none;
}
.augury-contents__table--teller h3 {
  font-weight: bold;
  width: 100%;
}
.augury-contents__table--teller h4 {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  padding-right: 0.5rem;
}
.augury-contents__table--date {
  width: 10%;
  font-size: 0.75rem;
  padding: 0.5rem 0.25rem;
  white-space: nowrap;
}
.augury-contents__table--button {
  width: 12%;
}
.augury-contents__table--button a {
  background-color: #333333;
  color: #ffffff;
  font-weight: bold;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  width: 90%;
  min-width: 90px;
  padding: 0.25rem 0;
  margin-top: 0.5rem;
}
.augury-contents__table--button a:first-child {
  margin-top: 0;
}

.augury-detail h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.augury-detail h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.augury-detail__teller img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1.5rem;
}
.augury-detail__teller h3 {
  margin: 0;
}
.augury-detail__teller h4 {
  font-size: 0.875rem;
}
.augury-detail__teller p {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.augury-detail__id {
  line-height: 1.7;
  font-size: 0.75rem;
}
.augury-detail__id p {
  margin-top: 0.25rem;
}
.augury-detail__contents {
  font-size: 0.875rem;
  margin: 1rem 0;
  max-width: 1200px;
}
.augury-detail__list--free {
  margin-bottom: 0.25rem;
}
.augury-detail__list--free::before {
  color: #00A3D6;
  font-weight: bold;
  content: "無料";
  margin-right: 0.5rem;
}
.augury-detail__list--no {
  margin-bottom: 0.25rem;
}
.augury-detail__list--no::before {
  color: #00A3D6;
  font-weight: bold;
  content: "有料";
  margin-right: 0.5rem;
}
.augury-detail__list--daily {
  margin-bottom: 0.25rem;
}
.augury-detail__list--daily::before {
  color: #00A3D6;
  font-weight: bold;
  content: "動画";
  margin-right: 0.5rem;
}
.augury-detail__list--img {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  gap: 2%;
}
.augury-detail__table {
  margin: 0.5rem 0;
  width: 90%;
  max-width: 1200px;
}
.augury-detail__table img {
  max-width: 80%;
  margin-bottom: 1rem;
}
.augury-detail__table--bg {
  font-weight: bold;
  width: 15%;
  text-align: center;
  background-color: #F2F2F2;
}
.augury-detail__table--bg span {
  font-weight: normal;
  font-size: 0.75rem;
}
.augury-detail__table--taste {
  width: 25%;
  text-align: center;
}
.augury-detail__table--choose {
  padding: 0.125rem 0.5rem;
  line-height: 1.2;
  border: 1px solid #333333;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 2px;
  margin-left: 0.5rem;
  vertical-align: top;
  font-size: 90%;
  background-color: #ffffff;
}
.augury-detail__table--choose:disabled {
  border: 1px solid #F2F2F2;
  background-color: #F2F2F2;
  color: #cccccc;
}
.augury-detail__table--choose:hover {
  background-color: #F2F2F2;
}
@media screen and (max-width: 1280px) {
  .augury-detail__menu-name > .augury__flex-ai-center {
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .augury-detail__menu-name > .augury__flex-ai-center .s-copy {
    margin: 0;
  }
}
.augury-detail__menu h3 {
  margin-bottom: 0;
}
.augury-detail__menu .c-table {
  margin-top: 1rem;
}
.augury-detail__view {
  font-size: 0.75rem;
  padding: 0;
}
.augury-detail__view-button {
  font-size: 0.75rem;
  border: 1px solid #333333;
  background: #ffffff;
  color: #333333;
  border-radius: 4px;
  padding: 0.25rem 0 0.25rem 1rem;
  text-align: center;
  margin-left: auto;
  cursor: pointer;
}
.augury-detail__view-button:hover {
  background-color: #D9D9D9;
}
.augury-detail__view-button span {
  width: 55px;
  text-align: center;
}
.augury-detail__view-button span::after {
  transition: all 0.3s;
}
.augury-detail__view-button.is-active span::after {
  transform: rotate(180deg);
}
.augury-detail__view-button--all {
  padding: 0.25rem 1rem;
}
.augury-detail__view-button--all::after {
  content: "開く";
}
.augury-detail__view-button--all.is-active::after {
  content: "閉じる";
}
.augury-detail__view ol {
  counter-reset: number 0;
}
.augury-detail__view li {
  counter-increment: number;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  padding-left: 0.75rem;
  position: relative;
  padding-left: 2rem;
  max-width: 1200px;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .augury-detail__view li {
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1536px) {
  .augury-detail__view li {
    font-size: 0.875rem;
  }
}
.augury-detail__view li::before {
  content: "";
  content: counter(number, decimal-leading-zero) ". ";
  position: absolute;
  color: #888888;
  left: 2px;
}
@media screen and (max-width: 1280px) {
  .augury-detail__view li::before {
    margin-top: 0.5rem;
  }
}
.augury-detail__view li > p {
  width: 40%;
}
@media screen and (max-width: 1280px) {
  .augury-detail__view li > p {
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.augury-detail__view li > div {
  margin-left: auto;
}
@media screen and (max-width: 1280px) {
  .augury-detail__view li > div {
    margin-left: 0;
  }
}
.augury-detail__view li > div > * {
  margin: 0;
}
.augury-detail__view li > div > p {
  font-size: 80%;
  color: #888888;
}

.augury-initialize__head {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.augury-initialize__head h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.augury-initialize__step--1 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-image: radial-gradient(#ffffff 60%, transparent 61%), conic-gradient(#2ABFA4 0% 25%, #D9D9D9 25% 100%);
}
.augury-initialize__step--2 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-image: radial-gradient(#ffffff 60%, transparent 61%), conic-gradient(#2ABFA4 0% 50%, #D9D9D9 50% 100%);
}
.augury-initialize__step--3 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-image: radial-gradient(#ffffff 60%, transparent 61%), conic-gradient(#2ABFA4 0% 75%, #D9D9D9 75% 100%);
}
.augury-initialize__step--4 {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 1.5rem;
  background-image: radial-gradient(#ffffff 60%, transparent 61%), conic-gradient(#2ABFA4 0% 100%, #D9D9D9 100% 100%);
}
.augury-initialize__step--main {
  font-size: 1.25rem;
  font-weight: bold;
}
.augury-initialize__step--sub {
  font-size: 0.75rem;
  margin-bottom: -0.25rem;
}
.augury-initialize__content {
  border-left: 3px solid #D9D9D9;
  margin: 1rem 1.5rem 1rem 25px;
  padding: 0.5rem 1rem 6% calc(25px + 1.5rem);
}
.augury-initialize__media-title {
  font-weight: bold;
}
.augury-initialize__media-caption {
  text-align: left;
  padding-top: 0.5rem;
}

.augury-setting {
  background-color: #ffffff;
  padding: 1rem;
  border: 1px solid #666666;
  margin: 1rem 0 3rem 0;
  padding-left: 4%;
  max-width: 1200px;
}
.augury-setting h2 {
  margin-left: -2%;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.augury-setting h3 {
  font-size: 1.25rem;
  font-weight: bold;
}
.augury-setting--admin {
  width: 96%;
  background-color: #F2F2F2;
  border: none;
  margin: 1rem auto 3rem auto;
  padding: 1.5rem;
}
.augury-setting--admin h2 {
  margin-left: 0;
}
.augury-setting__submit {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.augury-setting__submit input[type=submit] {
  padding: 0.75rem 1.5rem;
}
.augury-setting .c-definition {
  max-width: 1000px;
}
.augury-setting .c-definition dt {
  width: 20%;
}
.augury-setting .c-definition dd {
  width: 80%;
}

.augury-teller .c-form input[type=text], .augury-teller .c-form textarea {
  width: 100%;
}
.augury-teller dd.c-form--system--start_at, .augury-teller dd.c-form--system--end_at {
  display: inline-block;
}
.augury-teller__close .c-definition dt {
  width: 60%;
}
.augury-teller__close .c-definition dd {
  width: 40%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  justify-content: start;
  -ms-justify-content: start;
  -webkit-justify-content: start;
}

.augury-head__menu dt, .augury-head__menu dd {
  padding: 0.25rem 1rem;
}
.augury-head .c-definition {
  max-width: 1200px;
}

.augury-menu-edit__h3 {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.25rem;
}
.augury-menu-edit__table th {
  position: sticky;
  top: 4px;
  left: 0;
  z-index: 1;
  background-color: #333333;
  padding: 0.5rem 0 0.25rem 0.5rem;
  border-top: 0;
}
.augury-menu-edit__table--button {
  padding: 0.125rem 0.5rem;
  line-height: 1.2;
  border: 1px solid #cccccc;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 0.25rem;
  vertical-align: top;
  font-size: 90%;
  color: #333333;
  background-color: #ffffff;
}
.augury-menu-edit__table--button:disabled {
  border: 1px solid #F2F2F2;
  background-color: #F2F2F2;
  color: #cccccc;
}
.augury-menu-edit__table--button:hover {
  background-color: #F2F2F2;
}
.augury-menu .c-form label.choice {
  display: block;
  margin: 0.25rem 0;
}
.augury-menu .c-form label.choice:has(+ label.amount_select) {
  display: inline-block;
}
.augury-menu .c-form .c-form-system--note textarea {
  min-height: auto;
}
.augury-menu .c-form .c-form-system--reuse_days input {
  width: 10%;
}

.augury-zodiac-sign__h3 {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.25rem;
}
.augury-zodiac-sign__definition .c-definition {
  max-width: 1200px;
  font-size: 0.875rem;
}
.augury-zodiac-sign__definition .c-definition dt {
  width: 15%;
}
.augury-zodiac-sign__definition .c-definition dd {
  width: 85%;
}
.augury-zodiac-sign__definition p {
  margin-top: 0.25rem;
  line-height: 150%;
}
.augury-zodiac-sign__fortune {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  margin-top: 1rem;
}
.augury-zodiac-sign__fortune:first-child {
  margin-top: 0;
}
.augury-zodiac-sign__fortune h4 {
  width: 3.5rem;
  font-weight: bold;
}
.augury-zodiac-sign__star--on {
  color: #dbb910;
}
.augury-zodiac-sign__star--off {
  color: #cccccc;
}

.augury-image-setting__zoom-relative {
  position: relative;
}
.augury-image-setting__zoom-icon {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  right: -5px;
  top: -5px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  padding: 0.25rem;
}
.augury-image-setting__zoom-content {
  padding: 2rem 2rem;
  text-align: center;
}
.augury-image-setting__zoom-content img {
  max-height: 550px;
}
@media (min-height: 750px) {
  .augury-image-setting__zoom-content img {
    max-height: 75vh;
  }
}

.s-zoom-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.s-zoom-modal.is-open {
  display: block;
}
.s-zoom-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.s-zoom-modal__inner {
  position: absolute;
  z-index: 1;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: fit-content;
  max-width: 90%;
  height: auto;
  padding: 0;
  right: 0;
  left: 0;
}
.s-zoom-modal__close {
  position: absolute;
  top: -5px;
  right: -5px;
  border: none;
  background: none;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  border-radius: 50%;
  padding: 0.25rem;
}
.s-zoom-modal__img {
  max-width: 100%;
  height: auto;
}

.augury-report__table--dummy-sales {
  width: 30%;
}
@media screen and (min-width: 1536px) {
  .augury-report__table--dummy-sales {
    width: 40%;
  }
}
.augury-report__table--dummy-reward {
  width: 40%;
}
@media screen and (min-width: 1536px) {
  .augury-report__table--dummy-reward {
    width: 50%;
  }
}
.augury-report__table--width-15 {
  width: 15%;
}
.augury-report__table--width-10 {
  width: 10%;
}

.augury-r-history__table tr th {
  padding-left: 0.25rem;
}
.augury-r-history__table--br-none {
  display: block;
}
@media screen and (max-width: 1280px) {
  .augury-r-history__table--br-none {
    display: none;
  }
}
.augury-r-history__table--br {
  display: none;
}
@media screen and (max-width: 1280px) {
  .augury-r-history__table--br {
    display: block;
  }
}
.augury-r-history__table--platform {
  width: 10%;
  letter-spacing: 0;
}
.augury-r-history__table--date {
  width: 15%;
}
@media screen and (max-width: 1280px) {
  .augury-r-history__table--date {
    width: 10%;
  }
}
.augury-r-history__table--number {
  width: 17%;
}

.augury-s-history__table tr th {
  padding-left: 0.25rem;
}
.augury-s-history__table--br-none {
  display: block;
}
@media screen and (max-width: 1536px) {
  .augury-s-history__table--br-none {
    display: none;
  }
}
.augury-s-history__table--br {
  display: none;
}
@media screen and (max-width: 1536px) {
  .augury-s-history__table--br {
    display: block;
  }
}
.augury-s-history__table--platform {
  width: 8%;
  letter-spacing: 0;
}
.augury-s-history__table--result {
  width: 15%;
}
.augury-s-history__table--id {
  width: 11%;
}
.augury-s-history__table--date {
  width: 11%;
}
@media screen and (max-width: 1536px) {
  .augury-s-history__table--date {
    width: 8%;
  }
}
.augury-s-history__table--teller {
  width: 15%;
}
.augury-s-history__table--menu {
  width: 17.5%;
}
.augury-s-history__table tr .augury-s-history__table--adjustment-amount {
  width: 7.5%;
  text-align: center;
  letter-spacing: 0;
  padding-left: 0;
}
.augury-s-history__table tr .augury-s-history__table--amount {
  width: 6%;
  text-align: center;
  letter-spacing: 0;
  padding-left: 0;
}
.augury-s-history__table-adjust-button {
  padding-top: 0.5rem;
  text-align: right;
}
.augury-s-history__table-adjust-button button {
  text-decoration: underline;
}
.augury-s-history__table-adjust-button button:hover {
  text-decoration: none;
  opacity: 0.8;
}
.augury-s-history__adjust-input::-webkit-inner-spin-button, .augury-s-history__adjust-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.augury-doc__content {
  min-width: 850px;
}
@media screen and (max-width: 1280px) {
  .augury-doc__toc {
    display: none;
  }
}
.augury-doc__toc-section {
  margin-left: 2rem;
}
.augury-doc__toc-section li {
  list-style-type: disc;
  padding: 0.25rem;
}
.augury-doc__toc-section li:first-child {
  display: none;
}
.augury-doc__toc-section li a {
  margin-left: 0.5rem;
}
.augury-doc__toc-section li a:hover {
  color: #2ABFA4;
  opacity: 1;
}
.augury-doc__intro img {
  margin-top: -15%;
  max-width: 100%;
}
@media screen and (max-width: 1280px) {
  .augury-doc__intro img {
    margin-left: -3%;
    min-width: 105%;
    max-width: 105%;
  }
}
@media screen and (min-width: 1536px) {
  .augury-doc__intro img {
    max-width: 900px;
  }
}
@media screen and (min-width: 1920px) {
  .augury-doc__intro img {
    max-width: 1050px;
  }
}
.augury-doc__intro ul {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
.augury-doc__intro ul li {
  margin-bottom: 0.5rem;
  padding: 0.25rem;
  display: block;
  position: relative;
  width: fit-content;
  background-color: #ffffff;
}
.augury-doc__intro ul li::before {
  font-family: "Material Symbols Outlined";
  content: "\e8dc";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  color: #FF7884;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.augury-doc__intro ul li span {
  font-weight: bold;
  color: #FF7884;
}
.augury-doc__revenue {
  background-color: #F2F2F2;
  margin: 1rem auto;
  padding: 1rem;
}
.augury-doc__revenue > div:first-child {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.augury-doc__revenue h2 {
  text-align: center;
  margin: 0.5rem auto 1rem;
}
.augury-doc__revenue ul {
  font-weight: bold;
  font-size: 0.8125rem;
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
.augury-doc__revenue ul li {
  border-bottom: 2px solid #ffffff;
  padding: 0.5rem;
}
.augury-doc__revenue ul li:first-child span {
  background-color: #333;
  border-radius: 20px;
  margin-right: 0.25rem;
  padding: 0.25rem 10px;
  font-size: 0.75rem;
  font-weight: bold;
}
.augury-doc__revenue--item {
  min-width: 15%;
  margin-top: -2px;
}
.augury-doc__revenue--item li {
  padding-right: 2%;
}
.augury-doc__revenue--item li:first-child {
  visibility: hidden;
}
.augury-doc__revenue--left {
  min-width: 40%;
  margin-right: 2%;
  text-align: center;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
}
.augury-doc__revenue--left li:nth-child(even) {
  background-color: #ffffff;
}
.augury-doc__revenue--left .is-label {
  background-color: #48D075;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 600;
}
.augury-doc__revenue--left .is-check::before {
  color: #48D075;
  font-family: "Material Symbols Outlined";
  content: "\e86c";
  font-variation-settings: "FILL" 1;
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 0.25rem;
  line-height: 100%;
}
.augury-doc__revenue--left li:first-child {
  background-color: #5AB29C;
  color: #ffffff;
  border-bottom: 0;
}
.augury-doc__revenue--right {
  min-width: 40%;
  margin-right: 2%;
  text-align: center;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
}
.augury-doc__revenue--right li:nth-child(even) {
  background-color: #ffffff;
}
.augury-doc__revenue--right .is-label {
  background-color: #48D075;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 600;
}
.augury-doc__revenue--right .is-check::before {
  color: #48D075;
  font-family: "Material Symbols Outlined";
  content: "\e86c";
  font-variation-settings: "FILL" 1;
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 0.25rem;
  line-height: 100%;
}
.augury-doc__revenue--right li:first-child {
  background-color: #89A0C5;
  color: #ffffff;
  border-bottom: 0;
}
.augury-doc__revenue--right .is-check::before {
  color: #FF7884;
}
.augury-doc__revenue--right .is-label {
  background-color: #FF7884;
}
.augury-doc__revenue--last {
  text-align: center;
  margin: 2rem 0 1.5rem;
  font-size: 1rem;
  width: 100%;
}
.augury-doc__revenue--last p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.augury-doc__revenue--last p small {
  font-size: 0.875rem;
  line-height: 140%;
  display: block;
  margin-top: 1rem;
  font-weight: normal;
}
.augury-doc__pattern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.augury-doc__pattern > div {
  font-size: 0.875rem;
  padding: 1rem 1.5rem 1.5rem;
}
@media screen and (max-width: 1920px) {
  .augury-doc__pattern > div {
    font-size: 0.75rem;
  }
}
.augury-doc__pattern > div h3 {
  font-weight: normal;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #666666;
  text-align: left;
}
.augury-doc__pattern > div h3::after {
  display: none;
}
.augury-doc__pattern > div > div {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.augury-doc__pattern > div > div img {
  width: 38%;
  max-width: 450px;
  margin-right: 1rem;
}
.augury-doc__pattern > div > div img + * {
  flex: 1;
}
@media screen and (max-width: 1920px) {
  .augury-doc__pattern > div > div img {
    width: 36%;
  }
}
.augury-doc__pattern > div > div div {
  flex-grow: 1;
}
.augury-doc__pattern > div ul {
  margin-top: 3rem;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
@media screen and (min-width: 1536px) {
  .augury-doc__pattern > div ul {
    font-size: 1rem;
  }
}
.augury-doc__pattern > div ul li::before {
  color: #48D075;
  font-weight: bold;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 100, "opsz" 24;
  font-size: 1rem;
  margin-right: 0.25rem;
}
.augury-doc__pattern > div ul li span {
  background-color: #4a92fe;
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 100%;
  background-color: #4a92fe;
}
@media screen and (max-width: 1920px) {
  .augury-doc__pattern > div ul li span {
    font-size: 0.5625rem;
    padding: 0.25rem 4px;
  }
}
@media screen and (max-width: 1536px) {
  .augury-doc__pattern > div ul li span {
    font-size: 0.5rem;
  }
}
.augury-doc__pattern > div p {
  margin: 4rem 0 4rem;
}
@media screen and (min-width: 1536px) {
  .augury-doc__pattern > div p {
    font-size: 1rem;
  }
}
.augury-doc__pattern > div aside {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  border: 2px solid #FF5D45;
  background-color: #ffffff;
  padding: 0.5rem 0.25rem;
  border-radius: 4px;
  width: 100%;
  margin-top: 3rem;
}
.augury-doc__pattern > div aside::before {
  font-family: "Material Symbols Outlined";
  content: "\ebfe";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 100, "opsz" 24;
  font-size: 1.5rem;
  color: #FF5D45;
  margin-right: 0.5rem;
}
@media screen and (min-width: 1920px) {
  .augury-doc__pattern > div aside {
    max-width: 80%;
  }
}
.augury-doc__type {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.augury-doc__type-bg--teller {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex: 3;
  background: #EEEEEE;
  border-radius: 1rem;
  position: relative;
  padding: 2rem 0 3.5rem 1.5rem;
}
.augury-doc__type-bg--teller::after {
  content: attr(data-text);
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.augury-doc__type-bg--zodiac {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  padding: 2rem 0 3.5rem 0;
}
.augury-doc__type-bg--zodiac > div::after {
  display: none;
}
.augury-doc__type-list {
  background-color: #ffffff;
  border: 1px solid #333333;
  margin-right: 1.5rem;
  padding: 1rem 0;
  flex: 1;
  position: relative;
  min-width: 180px;
  min-height: 330px;
}
.augury-doc__type-list::before {
  content: "任意";
  background: #48D075;
  color: #ffffff;
  padding: 0.5rem 1rem;
  font-weight: bold;
}
.augury-doc__type-list::after {
  content: "\e147";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  font-size: 2.5rem;
  line-height: 100%;
  right: -2.125rem;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  position: absolute;
  z-index: 2;
}
.augury-doc__type-list > div {
  padding: 0 1rem;
  font-size: 0.75rem;
}
.augury-doc__type-list h4 {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 0.5rem 0;
}
@media screen and (min-width: 1536px) {
  .augury-doc__type-list h4 {
    font-size: 1.25rem;
  }
}
.augury-doc__type-list--main {
  min-width: 230px;
  border: 1px solid #F39800;
}
.augury-doc__type-list--main::before {
  content: "必須";
  background: #F39800;
}
.augury-doc__type-list--main h4 {
  border-bottom: 1px solid #F39800;
}
.augury-doc__type-image {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 1.5rem auto;
}
.augury-doc__type-cap {
  margin-top: 1rem;
  font-size: 0.6875rem;
  line-height: 110%;
}
@media screen and (min-width: 1536px) {
  .augury-doc__type-cap {
    font-size: 0.8125rem;
  }
}
.augury-doc__type-cap p {
  margin-top: 0.5rem;
}
.augury-doc__type-cap p:first-child {
  margin-top: 0;
}
.augury-doc__type-cap--reward {
  font-weight: bold;
  color: #4a92fe;
  margin-right: 0.5rem;
}
.augury-doc__type-cap--paid {
  font-weight: bold;
  color: #2ABFA4;
  margin-right: 0.5rem;
}
.augury-doc__type-main {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.augury-doc__type-main:nth-child(2) {
  margin-left: 1rem;
}
.augury-doc__type-main-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  color: #ffffff;
}
.augury-doc__type-main-icon--paid::before {
  content: "\eafb";
  background-color: #2ABFA4;
  border-radius: 50%;
  font-size: 1.375rem;
  width: 1.625rem;
  height: 1.625rem;
  line-height: 100%;
  display: inline-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 1px;
  font-variation-settings: "wght" 300;
  margin-bottom: 0.25rem;
}
.augury-doc__type-main-icon--reward {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.9375rem;
  line-height: 100%;
}
.augury-doc__type-main-icon--reward span {
  display: inline-flex;
  margin-top: -0.25rem;
}
.augury-doc__type-main-icon--movie::before {
  content: "\e41b";
  color: #4a92fe;
  font-size: 2rem;
}
.augury-doc__type-main-icon--ticket::before {
  content: "\e638";
  color: #4a92fe;
  font-size: 2rem;
}
.augury-doc__type-free {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.augury-doc__type-free::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  transform: rotate(-28deg);
  background-color: #333333;
}
.augury-doc__type-free::after {
  position: absolute;
  content: "FREE";
  border-radius: 4px;
  color: #ffffff;
  font-weight: bold;
  padding: 0.25rem 1rem;
  background-color: rgba(51, 51, 51, 0.8);
  font-size: 1rem;
}
.augury-doc__type-free-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  font-size: 4rem;
  vertical-align: middle;
  opacity: 0.3;
}
.augury-doc__type-free-icon--paid {
  margin-top: -1.5rem;
  margin-right: 1rem;
}
.augury-doc__type-free-icon--paid::before {
  content: "\eafb";
  color: #ffffff;
  background-color: #2ABFA4;
  border-radius: 50%;
  font-size: 2.5rem;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 1px;
  font-variation-settings: "wght" 300;
}
.augury-doc__type-free-icon--movie::before {
  content: "\e41b";
  color: #4a92fe;
}
.augury-doc__type-daily {
  margin: 1rem auto;
}
.augury-doc__type-daily-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  color: #4a92fe;
  font-size: 2.5rem;
}
.augury-doc__type-daily-icon--reward {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2.5rem;
}
.augury-doc__type-daily-icon--movie::before {
  content: "\e41b";
}
.augury-doc__type-daily-icon--ticket::before {
  content: "\e638";
}
.augury-doc__type-zodiac {
  margin: 1.5rem auto;
  width: 90%;
}
.augury-doc__type-list {
  font-size: 0.875rem;
  min-height: auto;
  min-width: auto;
  cursor: pointer;
  transition: all 0.2s ease;
}
.augury-doc__type-list--main {
  min-width: 220px;
}
@media screen and (max-width: 1280px) {
  .augury-doc__type-list {
    min-width: 140px;
  }
  .augury-doc__type-list--main {
    min-width: 220px;
  }
  .augury-doc__type-list > div {
    padding: 0 0.5rem;
  }
}
.augury-doc__type-list:hover {
  background-color: #F8F8F8;
}
.augury-doc__type-free {
  transform: scale(0.8);
}
.augury-doc__type-tag {
  font-weight: bold;
  color: #ffffff;
  padding: 0.125rem 0.25rem;
  font-size: 0.625rem;
  display: inline-block;
  border-radius: 0.25rem;
  background: #4a92fe;
}
.augury-doc__type-tag--paid {
  background: #2ABFA4;
}
.augury-doc__type h4 {
  position: relative;
}
@media screen and (max-width: 1280px) {
  .augury-doc__type h4 {
    font-size: 0.875rem;
  }
}
.augury-doc__type h4:after {
  font-family: "Material Symbols Outlined";
  content: "\e313";
  font-size: 1rem;
  vertical-align: top;
  position: absolute;
  right: 0;
}
.augury-doc__type-whats-reward {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem 1rem;
  line-height: 180%;
  right: 0;
  bottom: 0;
  font-size: 0.875rem;
}
.augury-doc__type-whats-reward span {
  line-height: 140%;
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
.augury-doc__type-whats-reward:after {
  font-family: "Material Symbols Outlined";
  content: "\e313";
  font-size: 1rem;
  margin-left: 0.5rem;
  vertical-align: top;
}
.augury-doc__main-menu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.augury-doc__main-menu--content {
  border-top: 2px solid #333333;
  background-color: #F2F2F2;
  padding: 1rem 2rem 2rem 2rem;
  display: none;
  width: 100%;
  font-size: 0.875rem;
}
.augury-doc__main-menu--inner {
  opacity: 0;
}
.augury-doc__main-menu input {
  display: none;
}
.augury-doc__main-menu label {
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 1rem;
  background-color: #333333;
  opacity: 0.5;
  transition: opacity 0.1s ease;
  margin-right: 0.25rem;
  line-height: 120%;
  cursor: pointer;
  order: -1;
}
.augury-doc__main-menu input:checked + .augury-doc__main-menu--button {
  opacity: 1;
}
.augury-doc__main-menu input:checked + .augury-doc__main-menu--button + .augury-doc__main-menu--content {
  display: block;
}
.augury-doc__main-menu input:checked + .augury-doc__main-menu--button + .augury-doc__main-menu--content .augury-doc__main-menu--inner {
  animation: fadeIn 0.8s forwards;
}
.augury-doc__main-menu--manage {
  margin-bottom: 1.5rem;
}
.augury-doc__main-menu--manage img {
  width: 80%;
}
.augury-doc__main-menu--flow {
  background-color: #ffffff;
}
.augury-doc__display {
  width: 80%;
}
.augury-doc__display-table--key {
  width: 110px;
}
.augury-doc__display-table--data {
  width: 90px;
}
.augury-doc__display-table--desc {
  width: calc(100% - 200px);
}
.augury-doc__specific h2 {
  margin-top: 0;
}
.augury-doc__telling {
  position: relative;
  max-width: 350px;
  height: 400px;
  background: linear-gradient(180deg, #F3ECFC 0%, #CEF5F2 100%);
  border: 1px solid #333333;
}
.augury-doc__telling--absolute {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.augury-doc__telling--absolute img {
  width: 65%;
  max-width: 150px;
}
.augury-doc__telling--text {
  font-size: 0.75rem;
  font-weight: bold;
  color: #2ABFA4;
  animation: load 0.7s linear infinite alternate;
  margin-bottom: 0.5rem;
}
@keyframes load {
  to {
    opacity: 0.2;
  }
}

.augury-apply {
  min-width: 700px;
  max-width: 1600px;
}
@media screen and (min-width: 1536px) {
  .augury-apply {
    font-size: 1rem;
  }
}
.augury-apply strong span {
  color: #D30192;
}
.augury-apply__section {
  margin-top: 80px;
}
.augury-apply__section h3 {
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 3rem;
  position: relative;
}
@media screen and (min-width: 1536px) {
  .augury-apply__section h3 {
    font-size: 1.5rem;
  }
}
.augury-apply__section h3::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2rem;
  height: 0.25rem;
  background: #6201BA;
}
.augury-apply__tag {
  font-weight: bold;
  color: #ffffff;
  padding: 0.125rem 0.25rem;
  font-size: 0.625rem;
  display: inline-block;
  border-radius: 0.25rem;
  background: #D30192;
}
.augury-apply__tag--paid {
  background: #6201BA;
}
.augury-apply__floating {
  position: fixed;
  top: 30%;
  right: -1px;
  z-index: 3;
  width: 70px;
  cursor: pointer;
}
.augury-apply__floating-banner {
  position: relative;
  opacity: 0.85;
  display: block;
}
.augury-apply__floating-banner:hover {
  opacity: 1;
}
.augury-apply__floating-close {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
}
.augury-apply__floating-close:hover {
  opacity: 1;
}
.augury-apply__fv {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.augury-apply__about-image {
  text-align: center;
  margin: 1.5rem;
}
.augury-apply__about-image img {
  width: 60%;
}
.augury-apply__about-teller {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: calc(100% + 2rem + 2rem);
  overflow: hidden;
  margin-left: -2rem;
  margin-right: -2rem;
}
.augury-apply__about-teller img {
  width: auto;
  height: auto;
}
.augury-apply__about-teller img:first-child {
  animation: teller-loop 50s -25s linear infinite;
}
.augury-apply__about-teller img:last-child {
  animation: teller-loop2 50s linear infinite;
}
@keyframes teller-loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes teller-loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.augury-apply__merit {
  background-color: #EFECFF;
}
.augury-apply__merit > div img {
  height: 200px;
  margin: 1rem auto;
}
@media screen and (min-width: 1536px) {
  .augury-apply__merit > div img {
    height: 250px;
  }
}
.augury-apply__merit h3 {
  margin-bottom: 0;
  height: 100%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.augury-apply__merit h3::after {
  display: none;
}
.augury-apply__merit h4 {
  font-weight: 600;
  font-size: 1.5rem;
  color: #6201BA;
  letter-spacing: 0;
}
.augury-apply__merit h4::before {
  content: "merit.";
  font-size: 0.875rem;
}
@media screen and (min-width: 1536px) {
  .augury-apply__merit h4::before {
    font-size: 1rem;
  }
}
.augury-apply__merit h5 {
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (min-width: 1536px) {
  .augury-apply__merit h5 {
    font-size: 1.25rem;
  }
}
.augury-apply__merit p {
  font-size: 0.75rem;
  text-align: left;
}
@media screen and (min-width: 1536px) {
  .augury-apply__merit p {
    font-size: 1rem;
  }
}
.augury-apply__merit p span {
  color: #D30192;
  font-weight: bold;
}
.augury-apply__menu {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.augury-apply__menu-bg--teller {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex: 3;
  background: #FFDD00;
  border-radius: 1rem;
  position: relative;
  padding: 2rem 0 3.5rem 1.5rem;
}
.augury-apply__menu-bg--teller::after {
  content: attr(data-text);
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.augury-apply__menu-bg--zodiac {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  padding: 2rem 0 3.5rem 0;
}
.augury-apply__menu-bg--zodiac > div::after {
  display: none;
}
.augury-apply__menu-list {
  background-color: #ffffff;
  border: 1px solid #333333;
  margin-right: 1.5rem;
  padding: 1rem 0;
  flex: 1;
  position: relative;
  min-width: 180px;
  min-height: 330px;
}
.augury-apply__menu-list::before {
  content: "任意";
  background: #48D075;
  color: #ffffff;
  padding: 0.5rem 1rem;
  font-weight: bold;
}
.augury-apply__menu-list::after {
  content: "\e147";
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  font-size: 2.5rem;
  line-height: 100%;
  right: -2.125rem;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  position: absolute;
  z-index: 2;
}
.augury-apply__menu-list > div {
  padding: 0 1rem;
  font-size: 0.75rem;
}
.augury-apply__menu-list h4 {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 0.5rem 0;
}
@media screen and (min-width: 1536px) {
  .augury-apply__menu-list h4 {
    font-size: 1.25rem;
  }
}
.augury-apply__menu-list--main {
  min-width: 230px;
  border: 1px solid #F39800;
}
.augury-apply__menu-list--main::before {
  content: "必須";
  background: #F39800;
}
.augury-apply__menu-list--main h4 {
  border-bottom: 1px solid #F39800;
}
.augury-apply__menu-image {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 1.5rem auto;
}
.augury-apply__menu-cap {
  margin-top: 1rem;
  font-size: 0.6875rem;
  line-height: 110%;
}
@media screen and (min-width: 1536px) {
  .augury-apply__menu-cap {
    font-size: 0.8125rem;
  }
}
.augury-apply__menu-cap p {
  margin-top: 0.5rem;
}
.augury-apply__menu-cap p:first-child {
  margin-top: 0;
}
.augury-apply__menu-cap--reward {
  font-weight: bold;
  color: #D30192;
  margin-right: 0.5rem;
}
.augury-apply__menu-cap--paid {
  font-weight: bold;
  color: #6201BA;
  margin-right: 0.5rem;
}
.augury-apply__menu-main {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.augury-apply__menu-main:nth-child(2) {
  margin-left: 1rem;
}
.augury-apply__menu-main-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  color: #ffffff;
}
.augury-apply__menu-main-icon--paid::before {
  content: "\eafb";
  background-color: #6201BA;
  border-radius: 50%;
  font-size: 1.375rem;
  width: 1.625rem;
  height: 1.625rem;
  line-height: 100%;
  display: inline-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 1px;
  font-variation-settings: "wght" 300;
  margin-bottom: 0.25rem;
}
.augury-apply__menu-main-icon--reward {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.9375rem;
  line-height: 100%;
}
.augury-apply__menu-main-icon--reward span {
  display: inline-flex;
  margin-top: -0.25rem;
}
.augury-apply__menu-main-icon--movie::before {
  content: "\e41b";
  color: #D30192;
  font-size: 2rem;
}
.augury-apply__menu-main-icon--ticket::before {
  content: "\e638";
  color: #D30192;
  font-size: 2rem;
}
.augury-apply__menu-free {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.augury-apply__menu-free::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  transform: rotate(-28deg);
  background-color: #333333;
}
.augury-apply__menu-free::after {
  position: absolute;
  content: "FREE";
  border-radius: 4px;
  color: #ffffff;
  font-weight: bold;
  padding: 0.25rem 1rem;
  background-color: rgba(51, 51, 51, 0.8);
  font-size: 1rem;
}
.augury-apply__menu-free-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  font-size: 4rem;
  vertical-align: middle;
  opacity: 0.3;
}
.augury-apply__menu-free-icon--paid {
  margin-top: -1.5rem;
  margin-right: 1rem;
}
.augury-apply__menu-free-icon--paid::before {
  content: "\eafb";
  color: #ffffff;
  background-color: #6201BA;
  border-radius: 50%;
  font-size: 2.5rem;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 1px;
  font-variation-settings: "wght" 300;
}
.augury-apply__menu-free-icon--movie::before {
  content: "\e41b";
  color: #D30192;
}
.augury-apply__menu-daily {
  margin: 1rem auto;
}
.augury-apply__menu-daily-icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400;
  color: #D30192;
  font-size: 2.5rem;
}
.augury-apply__menu-daily-icon--reward {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2.5rem;
}
.augury-apply__menu-daily-icon--movie::before {
  content: "\e41b";
}
.augury-apply__menu-daily-icon--ticket::before {
  content: "\e638";
}
.augury-apply__menu-zodiac {
  margin: 1.5rem auto;
  width: 90%;
}
.augury-apply__menu-whats-reward {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 1;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
  background: #333333;
  padding: 0.5rem 1rem;
  line-height: 180%;
  right: 0;
  bottom: 0;
  font-size: 0.875rem;
}
.augury-apply__menu-whats-reward span {
  line-height: 140%;
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
.augury-apply__menu-whats-reward:after {
  font-family: "Material Symbols Outlined";
  content: "\e65b";
  font-size: 0.875rem;
  margin-left: 0.5rem;
  vertical-align: top;
}
.augury-apply__pattern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.augury-apply__pattern > div {
  font-size: 0.875rem;
  padding: 1rem 1.5rem 1.5rem;
  background-color: #EFECFF;
}
@media screen and (max-width: 1920px) {
  .augury-apply__pattern > div {
    font-size: 0.75rem;
  }
}
.augury-apply__pattern > div h3 {
  font-weight: normal;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #666666;
  text-align: left;
}
.augury-apply__pattern > div h3::after {
  display: none;
}
.augury-apply__pattern > div > div {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.augury-apply__pattern > div > div img {
  width: 38%;
  max-width: 450px;
  margin-right: 1rem;
}
.augury-apply__pattern > div > div img + * {
  flex: 1;
}
@media screen and (max-width: 1920px) {
  .augury-apply__pattern > div > div img {
    width: 36%;
  }
}
.augury-apply__pattern > div > div div {
  flex-grow: 1;
}
.augury-apply__pattern > div ul {
  margin-top: 3rem;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
@media screen and (min-width: 1536px) {
  .augury-apply__pattern > div ul {
    font-size: 1rem;
  }
}
.augury-apply__pattern > div ul li::before {
  color: #48D075;
  font-weight: bold;
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 100, "opsz" 24;
  font-size: 1rem;
  margin-right: 0.25rem;
}
.augury-apply__pattern > div ul li span {
  background-color: #4a92fe;
  color: #ffffff;
  display: inline-block;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 100%;
  background-color: #D30192;
}
@media screen and (max-width: 1920px) {
  .augury-apply__pattern > div ul li span {
    font-size: 0.5625rem;
    padding: 0.25rem 4px;
  }
}
@media screen and (max-width: 1536px) {
  .augury-apply__pattern > div ul li span {
    font-size: 0.5rem;
  }
}
.augury-apply__pattern > div p {
  margin: 4rem 0 4rem;
}
@media screen and (min-width: 1536px) {
  .augury-apply__pattern > div p {
    font-size: 1rem;
  }
}
.augury-apply__pattern > div aside {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  border: 2px solid #6201BA;
  background-color: #ffffff;
  padding: 0.5rem 0.25rem;
  border-radius: 4px;
  width: 100%;
  margin-top: 3rem;
}
.augury-apply__pattern > div aside::before {
  font-family: "Material Symbols Outlined";
  content: "\ebfe";
  display: inline-block;
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 100, "opsz" 24;
  font-size: 1.5rem;
  color: #6201BA;
  margin-right: 0.5rem;
}
@media screen and (min-width: 1920px) {
  .augury-apply__pattern > div aside {
    max-width: 80%;
  }
}
@media screen and (max-width: 1536px) {
  .augury-apply__pattern {
    max-width: 1000px;
  }
}
.augury-apply__flow {
  text-align: center;
}
.augury-apply__flow img {
  min-width: 600px;
  max-width: 800px;
  width: 70%;
}
.augury-apply__flow-detail {
  min-width: 700px;
  max-width: 1000px;
  width: 100%;
  margin: 1rem auto;
}
.augury-apply__flow-detail ol {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.augury-apply__flow-detail ol li {
  width: 33.3333333333%;
  text-align: left;
  padding: 0 1rem;
}
.augury-apply__flow-detail ol::after {
  position: absolute;
  writing-mode: vertical-rl;
  background-color: #333333;
  color: #ffffff;
  font-weight: bold;
  left: 0.5rem;
  padding: 0.25rem 0;
}
.augury-apply__flow-detail--user {
  padding: 1.5rem 3rem;
  border-bottom: 1px dashed #333333;
}
.augury-apply__flow-detail--user::after {
  bottom: 0.625rem;
  content: "ユーザー側";
  white-space: nowrap;
}
.augury-apply__flow-detail--your {
  padding: 1rem 3rem;
}
.augury-apply__flow-detail--your::after {
  top: 0.625rem;
  content: "貴社側";
}
.augury-apply__revenue {
  max-width: 1000px;
  margin: 1rem auto;
  padding: 1rem;
}
.augury-apply__revenue > div:first-child {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.augury-apply__revenue h2 {
  text-align: center;
  margin: 0.5rem auto 1rem;
}
.augury-apply__revenue ul {
  font-weight: bold;
  font-size: 0.8125rem;
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
.augury-apply__revenue ul li {
  border-bottom: 2px solid #ffffff;
  padding: 0.5rem;
}
.augury-apply__revenue ul li:first-child span {
  background-color: #333;
  border-radius: 20px;
  margin-right: 0.25rem;
  padding: 0.25rem 10px;
  font-size: 0.75rem;
  font-weight: bold;
}
.augury-apply__revenue--item {
  min-width: 15%;
  margin-top: -2px;
}
.augury-apply__revenue--item li {
  padding-right: 2%;
}
.augury-apply__revenue--item li:first-child {
  visibility: hidden;
}
.augury-apply__revenue--left {
  min-width: 40%;
  margin-right: 2%;
  text-align: center;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
}
.augury-apply__revenue--left li:nth-child(even) {
  background-color: #ffffff;
}
.augury-apply__revenue--left .is-label {
  background-color: #48D075;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 600;
}
.augury-apply__revenue--left .is-check::before {
  color: #48D075;
  font-family: "Material Symbols Outlined";
  content: "\e86c";
  font-variation-settings: "FILL" 1;
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 0.25rem;
  line-height: 100%;
}
.augury-apply__revenue--left li:first-child {
  background-color: #6201BA;
  color: #ffffff;
  border-bottom: 0;
}
.augury-apply__revenue--right {
  min-width: 40%;
  margin-right: 2%;
  text-align: center;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
}
.augury-apply__revenue--right li:nth-child(even) {
  background-color: #ffffff;
}
.augury-apply__revenue--right .is-label {
  background-color: #48D075;
  border-radius: 4px;
  margin-left: 0.25rem;
  padding: 0.25rem 8px;
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 600;
}
.augury-apply__revenue--right .is-check::before {
  color: #48D075;
  font-family: "Material Symbols Outlined";
  content: "\e86c";
  font-variation-settings: "FILL" 1;
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 0.25rem;
  line-height: 100%;
}
.augury-apply__revenue--right li:first-child {
  background-color: #D30192;
  color: #ffffff;
  border-bottom: 0;
}
.augury-apply__revenue--right .is-check::before {
  color: #FF7884;
}
.augury-apply__revenue--right .is-label {
  background-color: #FF7884;
}
.augury-apply__revenue--last {
  text-align: center;
  margin: 2rem 0 1.5rem;
  font-size: 1rem;
  width: 100%;
}
.augury-apply__revenue--last p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}
.augury-apply__revenue--last p small {
  font-size: 0.875rem;
  line-height: 140%;
  display: block;
  margin-top: 1rem;
  font-weight: normal;
}
@media screen and (min-width: 1536px) {
  .augury-apply__revenue > div:first-child {
    transform: scale(1.15);
    margin: 1rem auto 3rem;
  }
}
.augury-apply__price {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
}
.augury-apply__price > div {
  width: 50%;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.augury-apply__price h4 {
  padding: 0.5rem 0 0.25rem;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}
.augury-apply__price h4 img {
  vertical-align: middle;
  width: auto;
  height: 60px;
  margin-top: -20px;
  margin-right: 10px;
}
.augury-apply__price--paid {
  border-right: 1px solid #cccccc;
  padding-right: 2rem;
}
.augury-apply__price--paid h4 {
  background: #6201BA;
}
.augury-apply__price--paid > div {
  margin-top: auto;
}
.augury-apply__price--paid > div > div {
  position: relative;
  background-color: #F2F2F2;
  font-size: 0.75rem;
  padding: 1.5rem 1rem;
}
.augury-apply__price--paid > div h5 {
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 1rem;
}
.augury-apply__price--paid > div table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.augury-apply__price--paid > div th, .augury-apply__price--paid > div td {
  padding: 0.25rem;
}
.augury-apply__price--paid > div th {
  text-align: left;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
}
.augury-apply__price--paid > div thead th {
  line-height: 160%;
}
.augury-apply__price--paid > div thead th:not(:first-child) {
  color: #fff;
  text-align: center;
  border-bottom: 0;
  font-weight: bold;
}
.augury-apply__price--paid > div thead th:nth-child(2) {
  background: #49A8DE;
}
.augury-apply__price--paid > div thead th:nth-child(3) {
  background: #9587D7;
}
.augury-apply__price--paid > div thead th:nth-child(4) {
  background: #D588D3;
}
.augury-apply__price--paid > div thead span {
  font-size: 0.875rem;
}
.augury-apply__price--paid > div tbody tr td {
  background-color: #ffffff;
}
.augury-apply__price--paid > div tbody tr:nth-child(even) td {
  background-color: #F8F8F8;
}
.augury-apply__price--paid > div tbody th span {
  display: inline-block;
  background: #D30192;
  color: white;
  border-radius: 0.75rem;
  line-height: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  margin-left: 5px;
  font-weight: bold;
}
.augury-apply__price--paid > div tbody tr:nth-child(3) {
  border: 3px solid #D30192;
}
.augury-apply__price--paid > div p:first-of-type {
  background: #6201BA;
  color: #fff;
  padding: 0.25rem 1rem;
  font-weight: bold;
  font-size: 0.875rem;
  border-radius: 4px;
  position: absolute;
  right: 0.5rem;
  top: -1.5rem;
}
.augury-apply__price--paid > div p:first-of-type::after {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  left: 30%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #6201BA transparent transparent;
}
.augury-apply__price--paid > div p:last-of-type {
  margin-top: 0.5rem;
  font-size: 0.6875rem;
}
.augury-apply__price--reward {
  padding-left: 2rem;
}
.augury-apply__price--reward h4 {
  background: #D30192;
}
.augury-apply__price--reward > div {
  margin-top: 1rem;
  background-color: #F2F2F2;
  padding: 1.5rem 3rem;
  text-align: center;
}
.augury-apply__price--reward > div img {
  width: auto;
  height: 100%;
  max-height: 190px;
}
.augury-apply__process {
  background-color: #EFECFF;
  padding: 2rem 0;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
.augury-apply__process li {
  position: relative;
  padding: 1rem;
  text-align: center;
}
.augury-apply__process li img {
  width: 80%;
}
.augury-apply__process li h4 {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1rem;
}
.augury-apply__process li::after {
  position: absolute;
  font-family: "Material Symbols Outlined";
  content: "\e5e1";
  font-size: 1.5rem;
  top: 32%;
  right: -1rem;
}
.augury-apply__process li:last-child::after {
  display: none;
}
.augury-apply__faq {
  background-color: #ffffff;
  padding: 2rem 3rem;
}
.augury-apply__faq dt::before, .augury-apply__faq dd::before {
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #ffffff;
  text-indent: 0.0625rem;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.augury-apply__faq dt {
  margin-top: 2rem;
  padding-left: 3rem;
  padding-top: 0.25rem;
  position: relative;
}
.augury-apply__faq dt::before {
  content: "Q";
  background: #6201BA;
}
.augury-apply__faq dd {
  padding-left: 3rem;
  padding-top: 0.25rem;
  padding-bottom: 2rem;
  position: relative;
  margin-top: 1rem;
  border-bottom: 1px solid #cccccc;
}
.augury-apply__faq dd::before {
  content: "A";
  background: #D30192;
}
.augury-apply__faq dd:last-child {
  border-bottom: none;
}
.augury-apply__faq a {
  text-decoration: underline;
}

.c-table tbody tr.augury__table-grayed-out {
  background: #F8F8F8;
}
.c-table tbody tr.augury__table-grayed-out td {
  color: #cccccc;
}
.c-table tbody tr.augury__table-grayed-out .s-rating-label {
  color: #cccccc;
  border: solid 1px #cccccc;
}
.c-table tbody tr.augury__table-grayed-out .s-label--target-age span {
  color: #cccccc;
}

.augury-s-history__help-icon {
  font-size: 0.875rem;
  color: #888888;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.augury-s-history__api-visibility-icon {
  font-size: 0.875rem;
  color: #888888;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  line-height: 100%;
}
.augury-s-history__api-visibility-button {
  color: #888888;
}
.augury-s-history__dialog-teller-name {
  font-weight: bold;
}
.augury-s-history__dialog-teller-name:before {
  display: inline-block;
  content: "■";
  padding-right: 0.1rem;
}
.augury-s-history__dialog-menu-title {
  font-weight: bold;
}

.mc-augury-fv {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.mc-augury-fv__text dt {
  margin-bottom: 1rem;
}

.mc-augury-feature {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.5rem;
  margin-bottom: 5rem;
}
.mc-augury-feature__item {
  border: solid 1px #6201ba;
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
}
.mc-augury-feature__list dt {
  font-weight: bold;
  color: #6201ba;
  margin-bottom: 1rem;
}
.mc-augury-feature__tag {
  font-weight: bold;
  border-radius: 4px;
  background: var(--API-GRD, linear-gradient(94deg, #4A00C0 0%, #E0008F 100%));
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 0.5rem;
  font-size: 12px;
  margin-bottom: 0.5rem;
}

.mc-augury-about {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mc-augury-about__catch {
  font-size: 24px;
  font-weight: bold;
}
.mc-augury-about__catch span {
  color: #6201ba;
}
.mc-augury-about__catch2 {
  font-size: 24px;
  font-weight: bold;
}
.mc-augury-about__catch2 span {
  color: #6201ba;
}
.mc-augury-about__laptop {
  width: 25%;
}
.mc-augury-about__laptop img {
  max-width: 100%;
  height: auto;
}
.mc-augury-about__catch2 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.mc-augury-merit {
  border-radius: 10px;
  background: #efecff;
  padding: 64px;
}
.mc-augury-merit__item {
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 64px;
  padding: 24px;
}
.mc-augury-merit__item img {
  max-height: 200px;
  width: auto;
}
.mc-augury-merit__item:nth-child(odd) {
  flex-direction: row-reverse;
}

/**/
/* page */
/* service */

/*# sourceMappingURL=styles.css.map */